@lucca-front/ng 20.3.4 → 20.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-api.mjs +48 -48
  4. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-app-layout.mjs +5 -5
  6. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-box.mjs +6 -6
  8. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +7 -7
  10. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-button.mjs +4 -4
  12. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-callout.mjs +27 -27
  14. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-chip.mjs +5 -5
  16. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-comment.mjs +10 -10
  18. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-container.mjs +5 -5
  20. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
  22. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-core-select-department.mjs +7 -7
  24. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  26. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  28. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-core-select-user.mjs +19 -19
  30. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-core-select.mjs +58 -57
  32. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-core.mjs +15 -15
  34. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-data-table.mjs +36 -36
  36. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-date.mjs +48 -48
  38. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-date2.mjs +43 -50
  40. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-department.mjs +28 -28
  42. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-dialog.mjs +32 -32
  44. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-divider.mjs +6 -6
  46. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-dropdown.mjs +44 -44
  48. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-empty-state.mjs +8 -8
  50. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-establishment.mjs +50 -50
  52. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-fancy-box.mjs +4 -4
  54. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-file-upload.mjs +21 -21
  56. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-filter-pills.mjs +23 -23
  58. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-footer.mjs +8 -8
  60. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-form-field.mjs +20 -22
  62. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  64. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +7 -7
  66. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  68. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +3 -3
  70. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +42 -42
  72. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-forms.mjs +54 -54
  74. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-gauge.mjs +10 -10
  76. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-grid.mjs +13 -13
  78. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-highlight-data.mjs +5 -5
  80. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +9 -9
  82. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-icon.mjs +4 -4
  84. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
  86. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  88. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-link.mjs +9 -9
  90. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-listbox.mjs +18 -18
  92. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-listing.mjs +9 -9
  94. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-loading.mjs +5 -5
  96. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-main-layout.mjs +10 -10
  98. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  100. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  102. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-multi-select.mjs +35 -35
  104. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  106. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  108. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  110. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-numeric-badge.mjs +5 -5
  112. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-option.mjs +154 -154
  114. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-page-header.mjs +5 -5
  116. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-pagination.mjs +5 -5
  118. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
  120. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-popover.mjs +25 -25
  122. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-popover2.mjs +11 -11
  124. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  126. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-read-more.mjs +5 -5
  128. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-safe-content.mjs +13 -13
  130. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
  132. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  133. package/fesm2022/lucca-front-ng-scrollBox.mjs +3 -3
  134. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-segmentedControl.mjs +11 -11
  136. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +10 -10
  138. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  140. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  142. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-simple-select.mjs +13 -13
  144. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-skeleton.mjs +26 -26
  146. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-statusBadge.mjs +4 -4
  148. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  149. package/fesm2022/lucca-front-ng-tag.mjs +6 -6
  150. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  151. package/fesm2022/lucca-front-ng-time.mjs +24 -36
  152. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  154. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-toast.mjs +10 -10
  156. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-tooltip.mjs +24 -24
  158. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-tree-select.mjs +9 -9
  160. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  161. package/fesm2022/lucca-front-ng-user-popover.mjs +18 -18
  162. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  163. package/fesm2022/lucca-front-ng-user.mjs +65 -65
  164. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  165. package/package.json +92 -92
  166. package/{a11y/index.d.ts → types/lucca-front-ng-a11y.d.ts} +9 -8
  167. package/{callout/index.d.ts → types/lucca-front-ng-callout.d.ts} +2 -1
  168. package/{core-select/index.d.ts → types/lucca-front-ng-core-select.d.ts} +11 -10
  169. package/{date2/index.d.ts → types/lucca-front-ng-date2.d.ts} +1 -1
  170. package/{department/index.d.ts → types/lucca-front-ng-department.d.ts} +9 -8
  171. package/{dialog/index.d.ts → types/lucca-front-ng-dialog.d.ts} +38 -37
  172. package/{dropdown/index.d.ts → types/lucca-front-ng-dropdown.d.ts} +2 -2
  173. package/{establishment/index.d.ts → types/lucca-front-ng-establishment.d.ts} +10 -9
  174. package/{form-field/index.d.ts → types/lucca-front-ng-form-field.d.ts} +10 -10
  175. package/{forms/phone-number-input/index.d.ts → types/lucca-front-ng-forms-phone-number-input.d.ts} +1 -2
  176. package/{forms/index.d.ts → types/lucca-front-ng-forms.d.ts} +20 -19
  177. package/{modal/index.d.ts → types/lucca-front-ng-modal.d.ts} +13 -12
  178. package/{multi-select/index.d.ts → types/lucca-front-ng-multi-select.d.ts} +30 -29
  179. package/{option/index.d.ts → types/lucca-front-ng-option.d.ts} +28 -27
  180. package/{popover2/index.d.ts → types/lucca-front-ng-popover2.d.ts} +22 -21
  181. package/{popup/index.d.ts → types/lucca-front-ng-popup.d.ts} +2 -1
  182. package/{select/index.d.ts → types/lucca-front-ng-select.d.ts} +1 -1
  183. package/{simple-select/index.d.ts → types/lucca-front-ng-simple-select.d.ts} +15 -14
  184. package/{time/index.d.ts → types/lucca-front-ng-time.d.ts} +16 -15
  185. package/{toast/index.d.ts → types/lucca-front-ng-toast.d.ts} +11 -10
  186. package/{user-popover/index.d.ts → types/lucca-front-ng-user-popover.d.ts} +23 -22
  187. package/{user/index.d.ts → types/lucca-front-ng-user.d.ts} +18 -17
  188. /package/{animations/index.d.ts → types/lucca-front-ng-animations.d.ts} +0 -0
  189. /package/{api/index.d.ts → types/lucca-front-ng-api.d.ts} +0 -0
  190. /package/{app-layout/index.d.ts → types/lucca-front-ng-app-layout.d.ts} +0 -0
  191. /package/{box/index.d.ts → types/lucca-front-ng-box.d.ts} +0 -0
  192. /package/{breadcrumbs/index.d.ts → types/lucca-front-ng-breadcrumbs.d.ts} +0 -0
  193. /package/{button/index.d.ts → types/lucca-front-ng-button.d.ts} +0 -0
  194. /package/{chip/index.d.ts → types/lucca-front-ng-chip.d.ts} +0 -0
  195. /package/{comment/index.d.ts → types/lucca-front-ng-comment.d.ts} +0 -0
  196. /package/{container/index.d.ts → types/lucca-front-ng-container.d.ts} +0 -0
  197. /package/{core-select/api/index.d.ts → types/lucca-front-ng-core-select-api.d.ts} +0 -0
  198. /package/{core-select/department/index.d.ts → types/lucca-front-ng-core-select-department.d.ts} +0 -0
  199. /package/{core-select/establishment/index.d.ts → types/lucca-front-ng-core-select-establishment.d.ts} +0 -0
  200. /package/{core-select/job-qualification/index.d.ts → types/lucca-front-ng-core-select-job-qualification.d.ts} +0 -0
  201. /package/{core-select/user/index.d.ts → types/lucca-front-ng-core-select-user.d.ts} +0 -0
  202. /package/{core/index.d.ts → types/lucca-front-ng-core.d.ts} +0 -0
  203. /package/{data-table/index.d.ts → types/lucca-front-ng-data-table.d.ts} +0 -0
  204. /package/{date/index.d.ts → types/lucca-front-ng-date.d.ts} +0 -0
  205. /package/{dialog/testing/index.d.ts → types/lucca-front-ng-dialog-testing.d.ts} +0 -0
  206. /package/{divider/index.d.ts → types/lucca-front-ng-divider.d.ts} +0 -0
  207. /package/{empty-state/index.d.ts → types/lucca-front-ng-empty-state.d.ts} +0 -0
  208. /package/{fancy-box/index.d.ts → types/lucca-front-ng-fancy-box.d.ts} +0 -0
  209. /package/{file-upload/index.d.ts → types/lucca-front-ng-file-upload.d.ts} +0 -0
  210. /package/{filter-pills/index.d.ts → types/lucca-front-ng-filter-pills.d.ts} +0 -0
  211. /package/{footer/index.d.ts → types/lucca-front-ng-footer.d.ts} +0 -0
  212. /package/{formly/index.d.ts → types/lucca-front-ng-formly.d.ts} +0 -0
  213. /package/{forms/rich-text-input/formatters/html/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-html.d.ts} +0 -0
  214. /package/{forms/rich-text-input/formatters/markdown/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-markdown.d.ts} +0 -0
  215. /package/{forms/rich-text-input/formatters/plain-text/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-plain-text.d.ts} +0 -0
  216. /package/{forms/rich-text-input/index.d.ts → types/lucca-front-ng-forms-rich-text-input.d.ts} +0 -0
  217. /package/{gauge/index.d.ts → types/lucca-front-ng-gauge.d.ts} +0 -0
  218. /package/{grid/index.d.ts → types/lucca-front-ng-grid.d.ts} +0 -0
  219. /package/{highlight-data/index.d.ts → types/lucca-front-ng-highlight-data.d.ts} +0 -0
  220. /package/{horizontal-navigation/index.d.ts → types/lucca-front-ng-horizontal-navigation.d.ts} +0 -0
  221. /package/{icon/index.d.ts → types/lucca-front-ng-icon.d.ts} +0 -0
  222. /package/{inline-message/index.d.ts → types/lucca-front-ng-inline-message.d.ts} +0 -0
  223. /package/{input/index.d.ts → types/lucca-front-ng-input.d.ts} +0 -0
  224. /package/{link/index.d.ts → types/lucca-front-ng-link.d.ts} +0 -0
  225. /package/{listbox/index.d.ts → types/lucca-front-ng-listbox.d.ts} +0 -0
  226. /package/{listing/index.d.ts → types/lucca-front-ng-listing.d.ts} +0 -0
  227. /package/{loading/index.d.ts → types/lucca-front-ng-loading.d.ts} +0 -0
  228. /package/{main-layout/index.d.ts → types/lucca-front-ng-main-layout.d.ts} +0 -0
  229. /package/{mobile-push/index.d.ts → types/lucca-front-ng-mobile-push.d.ts} +0 -0
  230. /package/{new-badge/index.d.ts → types/lucca-front-ng-new-badge.d.ts} +0 -0
  231. /package/{number-format/index.d.ts → types/lucca-front-ng-number-format.d.ts} +0 -0
  232. /package/{number/index.d.ts → types/lucca-front-ng-number.d.ts} +0 -0
  233. /package/{numeric-badge/index.d.ts → types/lucca-front-ng-numeric-badge.d.ts} +0 -0
  234. /package/{page-header/index.d.ts → types/lucca-front-ng-page-header.d.ts} +0 -0
  235. /package/{pagination/index.d.ts → types/lucca-front-ng-pagination.d.ts} +0 -0
  236. /package/{picker/index.d.ts → types/lucca-front-ng-picker.d.ts} +0 -0
  237. /package/{plg-push/index.d.ts → types/lucca-front-ng-plg-push.d.ts} +0 -0
  238. /package/{popover/index.d.ts → types/lucca-front-ng-popover.d.ts} +0 -0
  239. /package/{read-more/index.d.ts → types/lucca-front-ng-read-more.d.ts} +0 -0
  240. /package/{safe-content/index.d.ts → types/lucca-front-ng-safe-content.d.ts} +0 -0
  241. /package/{scroll/index.d.ts → types/lucca-front-ng-scroll.d.ts} +0 -0
  242. /package/{scrollBox/index.d.ts → types/lucca-front-ng-scrollBox.d.ts} +0 -0
  243. /package/{segmentedControl/index.d.ts → types/lucca-front-ng-segmentedControl.d.ts} +0 -0
  244. /package/{segmentedControlTabs/index.d.ts → types/lucca-front-ng-segmentedControlTabs.d.ts} +0 -0
  245. /package/{sidepanel/index.d.ts → types/lucca-front-ng-sidepanel.d.ts} +0 -0
  246. /package/{simple-select/api/index.d.ts → types/lucca-front-ng-simple-select-api.d.ts} +0 -0
  247. /package/{skeleton/index.d.ts → types/lucca-front-ng-skeleton.d.ts} +0 -0
  248. /package/{statusBadge/index.d.ts → types/lucca-front-ng-statusBadge.d.ts} +0 -0
  249. /package/{tag/index.d.ts → types/lucca-front-ng-tag.d.ts} +0 -0
  250. /package/{title/index.d.ts → types/lucca-front-ng-title.d.ts} +0 -0
  251. /package/{tooltip/index.d.ts → types/lucca-front-ng-tooltip.d.ts} +0 -0
  252. /package/{tree-select/index.d.ts → types/lucca-front-ng-tree-select.d.ts} +0 -0
  253. /package/{index.d.ts → types/lucca-front-ng.d.ts} +0 -0
package/fesm2022/lucca-front-ng-grid.mjs CHANGED
@@ -4,10 +4,10 @@ import { NgTemplateOutlet } from '@angular/common';
4
4
 
5
5
  class GridColumnComponent {
6
6
  constructor() {
7
- this.colspan = input(null, ...(ngDevMode ? [{ debugName: "colspan", transform: numberAttribute }] : [{ transform: numberAttribute }]));
8
- this.rowspan = input(null, ...(ngDevMode ? [{ debugName: "rowspan", transform: numberAttribute }] : [{ transform: numberAttribute }]));
9
- this.column = input(null, ...(ngDevMode ? [{ debugName: "column", transform: numberAttribute }] : [{ transform: numberAttribute }]));
10
- this.row = input(null, ...(ngDevMode ? [{ debugName: "row", transform: numberAttribute }] : [{ transform: numberAttribute }]));
7
+ this.colspan = input(null, { ...(ngDevMode ? { debugName: "colspan" } : {}), transform: numberAttribute });
8
+ this.rowspan = input(null, { ...(ngDevMode ? { debugName: "rowspan" } : {}), transform: numberAttribute });
9
+ this.column = input(null, { ...(ngDevMode ? { debugName: "column" } : {}), transform: numberAttribute });
10
+ this.row = input(null, { ...(ngDevMode ? { debugName: "row" } : {}), transform: numberAttribute });
11
11
  this.align = input(null, ...(ngDevMode ? [{ debugName: "align" }] : []));
12
12
  this.justify = input(null, ...(ngDevMode ? [{ debugName: "justify" }] : []));
13
13
  this.responsive = input({}, ...(ngDevMode ? [{ debugName: "responsive" }] : []));
@@ -28,10 +28,10 @@ class GridColumnComponent {
28
28
  };
29
29
  }, ...(ngDevMode ? [{ debugName: "style" }] : []));
30
30
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: GridColumnComponent, isStandalone: true, selector: "lu-grid-column, [lu-grid-column]", inputs: { colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()" }, classAttribute: "grid-column" }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: GridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.5", type: GridColumnComponent, isStandalone: true, selector: "lu-grid-column, [lu-grid-column]", inputs: { colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()" }, classAttribute: "grid-column" }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GridColumnComponent, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: GridColumnComponent, decorators: [{
35
35
  type: Component,
36
36
  args: [{
37
37
  selector: 'lu-grid-column, [lu-grid-column]',
@@ -47,8 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
47
47
 
48
48
  class GridComponent {
49
49
  constructor() {
50
- this.container = input(false, ...(ngDevMode ? [{ debugName: "container", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
51
- this.columns = input(null, ...(ngDevMode ? [{ debugName: "columns", transform: numberAttribute }] : [{ transform: numberAttribute }]));
50
+ this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : {}), transform: booleanAttribute });
51
+ this.columns = input(null, { ...(ngDevMode ? { debugName: "columns" } : {}), transform: numberAttribute });
52
52
  this.mode = input(null, ...(ngDevMode ? [{ debugName: "mode" }] : []));
53
53
  this.#gapTransform = (gap) => {
54
54
  const spacingRegexp = /.*(\d)$/g;
@@ -71,12 +71,12 @@ class GridComponent {
71
71
  }), ...(ngDevMode ? [{ debugName: "gridStyle" }] : []));
72
72
  }
73
73
  #gapTransform;
74
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
75
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: GridComponent, isStandalone: true, selector: "lu-grid, [lu-grid]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, columnGap: { classPropertyName: "columnGap", publicName: "columnGap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media (min-width: 20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media (min-width: 30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media (min-width: 40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media (min-width: 50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media (min-width: 64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media (min-width: 80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media (min-width: 85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media (min-width: 100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media (min-width: 120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media (min-width: 20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media (min-width: 30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media (min-width: 40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media (min-width: 50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media (min-width: 64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media (min-width: 80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media (min-width: 85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media (min-width: 100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media (min-width: 120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
74
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
75
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: GridComponent, isStandalone: true, selector: "lu-grid, [lu-grid]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, columnGap: { classPropertyName: "columnGap", publicName: "columnGap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media(min-width:20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media(min-width:30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media(min-width:40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media(min-width:50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media(min-width:64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media(min-width:80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media(min-width:85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media(min-width:100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media(min-width:120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media(min-width:20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media(min-width:30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media(min-width:40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media(min-width:50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media(min-width:64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media(min-width:80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media(min-width:85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media(min-width:100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media(min-width:120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
76
76
  }
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GridComponent, decorators: [{
77
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: GridComponent, decorators: [{
78
78
  type: Component,
79
- args: [{ selector: 'lu-grid, [lu-grid]', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media (min-width: 20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media (min-width: 30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media (min-width: 40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media (min-width: 50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media (min-width: 64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media (min-width: 80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media (min-width: 85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media (min-width: 100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media (min-width: 120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media (min-width: 20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media (min-width: 30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media (min-width: 40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media (min-width: 50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media (min-width: 64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media (min-width: 80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media (min-width: 85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media (min-width: 100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media (min-width: 120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"] }]
79
+ args: [{ selector: 'lu-grid, [lu-grid]', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media(min-width:20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media(min-width:30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media(min-width:40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media(min-width:50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media(min-width:64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media(min-width:80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media(min-width:85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media(min-width:100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media(min-width:120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media(min-width:20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media(min-width:30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media(min-width:40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media(min-width:50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media(min-width:64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media(min-width:80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media(min-width:85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media(min-width:100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media(min-width:120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"] }]
80
80
  }], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], columnGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnGap", required: false }] }], rowGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowGap", required: false }] }] } });
81
81
 
82
82
  /**
package/fesm2022/lucca-front-ng-grid.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-grid.mjs","sources":["../../../packages/ng/grid/grid-column/grid-column.component.ts","../../../packages/ng/grid/grid.component.ts","../../../packages/ng/grid/grid.component.html","../../../packages/ng/grid/lucca-front-ng-grid.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveConfig } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-grid-column, [lu-grid-column]',\n\tstandalone: true,\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'grid-column',\n\t\t'[style]': 'style()',\n\t},\n})\nexport class GridColumnComponent {\n\tcolspan = input(null, { transform: numberAttribute });\n\trowspan = input(null, { transform: numberAttribute });\n\tcolumn = input(null, { transform: numberAttribute });\n\trow = input(null, { transform: numberAttribute });\n\talign = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\tjustify = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\n\tresponsive = input<ResponsiveConfig<'row' | 'column' | 'rowspan' | 'colspan', number>>({});\n\n\tstyle = computed(() => {\n\t\treturn {\n\t\t\t'--grid-colspan': this.colspan(),\n\t\t\t'--grid-rowspan': this.rowspan(),\n\t\t\t'--grid-column': this.column(),\n\t\t\t'--grid-row': this.row(),\n\t\t\t'--grid-align': this.align(),\n\t\t\t'--grid-justify': this.justify(),\n\t\t\t...Object.entries(this.responsive()).reduce((acc, [key, value]) => {\n\t\t\t\treturn {\n\t\t\t\t\t...acc,\n\t\t\t\t\t[`--grid-${key}`]: value,\n\t\t\t\t};\n\t\t\t}, {}),\n\t\t};\n\t});\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveProperty } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-grid, [lu-grid]',\n\tstandalone: true,\n\ttemplateUrl: './grid.component.html',\n\tstyleUrls: ['./grid.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n})\nexport class GridComponent {\n\tcontainer = input(false, { transform: booleanAttribute });\n\tcolumns = input(null, { transform: numberAttribute });\n\n\tmode = input<'form' | 'auto' | ResponsiveProperty<'auto'> | null>(null);\n\n\t#gapTransform = (gap: Gap | null): string | null => {\n\t\tconst spacingRegexp = /.*(\\d)$/g;\n\n\t\tif (!gap) {\n\t\t\treturn null;\n\t\t}\n\t\tif (spacingRegexp.test(gap)) {\n\t\t\treturn `var(--pr-t-spacings-${gap})`;\n\t\t}\n\t\treturn gap;\n\t};\n\n\tgap = input<Gap | null>(null);\n\tcolumnGap = input<Gap | null>(null);\n\trowGap = input<Gap | null>(null);\n\n\tprotected gridStyle = computed(() => ({\n\t\t'--grid-columns': this.mode() === null ? this.columns() : null,\n\t\t'--grid-gap': this.#gapTransform(this.gap()),\n\t\t'--grid-column-gap': this.#gapTransform(this.columnGap()),\n\t\t'--grid-row-gap': this.#gapTransform(this.rowGap()),\n\t}));\n}\n\nexport type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;\n","@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\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-grid.mjs","sources":["../../../packages/ng/grid/grid-column/grid-column.component.ts","../../../packages/ng/grid/grid.component.ts","../../../packages/ng/grid/grid.component.html","../../../packages/ng/grid/lucca-front-ng-grid.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveConfig } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-grid-column, [lu-grid-column]',\n\tstandalone: true,\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'grid-column',\n\t\t'[style]': 'style()',\n\t},\n})\nexport class GridColumnComponent {\n\tcolspan = input(null, { transform: numberAttribute });\n\trowspan = input(null, { transform: numberAttribute });\n\tcolumn = input(null, { transform: numberAttribute });\n\trow = input(null, { transform: numberAttribute });\n\talign = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\tjustify = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\n\tresponsive = input<ResponsiveConfig<'row' | 'column' | 'rowspan' | 'colspan', number>>({});\n\n\tstyle = computed(() => {\n\t\treturn {\n\t\t\t'--grid-colspan': this.colspan(),\n\t\t\t'--grid-rowspan': this.rowspan(),\n\t\t\t'--grid-column': this.column(),\n\t\t\t'--grid-row': this.row(),\n\t\t\t'--grid-align': this.align(),\n\t\t\t'--grid-justify': this.justify(),\n\t\t\t...Object.entries(this.responsive()).reduce((acc, [key, value]) => {\n\t\t\t\treturn {\n\t\t\t\t\t...acc,\n\t\t\t\t\t[`--grid-${key}`]: value,\n\t\t\t\t};\n\t\t\t}, {}),\n\t\t};\n\t});\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveProperty } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-grid, [lu-grid]',\n\tstandalone: true,\n\ttemplateUrl: './grid.component.html',\n\tstyleUrls: ['./grid.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n})\nexport class GridComponent {\n\tcontainer = input(false, { transform: booleanAttribute });\n\tcolumns = input(null, { transform: numberAttribute });\n\n\tmode = input<'form' | 'auto' | ResponsiveProperty<'auto'> | null>(null);\n\n\t#gapTransform = (gap: Gap | null): string | null => {\n\t\tconst spacingRegexp = /.*(\\d)$/g;\n\n\t\tif (!gap) {\n\t\t\treturn null;\n\t\t}\n\t\tif (spacingRegexp.test(gap)) {\n\t\t\treturn `var(--pr-t-spacings-${gap})`;\n\t\t}\n\t\treturn gap;\n\t};\n\n\tgap = input<Gap | null>(null);\n\tcolumnGap = input<Gap | null>(null);\n\trowGap = input<Gap | null>(null);\n\n\tprotected gridStyle = computed(() => ({\n\t\t'--grid-columns': this.mode() === null ? this.columns() : null,\n\t\t'--grid-gap': this.#gapTransform(this.gap()),\n\t\t'--grid-column-gap': this.#gapTransform(this.columnGap()),\n\t\t'--grid-row-gap': this.#gapTransform(this.rowGap()),\n\t}));\n}\n\nexport type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;\n","@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/lucca-front-ng-highlight-data.mjs CHANGED
@@ -46,8 +46,8 @@ class HighlightDataComponent {
46
46
  /**
47
47
  * Adjust layout to text value
48
48
  */
49
- this.valueFirst = input(false, ...(ngDevMode ? [{ debugName: "valueFirst", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
50
- this.nested = input(false, ...(ngDevMode ? [{ debugName: "nested", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
49
+ this.valueFirst = input(false, { ...(ngDevMode ? { debugName: "valueFirst" } : {}), transform: booleanAttribute });
50
+ this.nested = input(false, { ...(ngDevMode ? { debugName: "nested" } : {}), transform: booleanAttribute });
51
51
  effect(() => {
52
52
  this.#luClass.setState({
53
53
  [`mod-${this.size()}`]: !!this.size(),
@@ -57,10 +57,10 @@ class HighlightDataComponent {
57
57
  });
58
58
  });
59
59
  }
60
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
61
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content{display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
60
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
61
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content{display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
62
62
  }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HighlightDataComponent, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HighlightDataComponent, decorators: [{
64
64
  type: Component,
65
65
  args: [{ selector: 'lu-highlight-data', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [LuClass], host: {
66
66
  class: 'highlightData',
package/fesm2022/lucca-front-ng-highlight-data.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-highlight-data.mjs","sources":["../../../packages/ng/highlight-data/highlight-data.component.ts","../../../packages/ng/highlight-data/highlight-data.component.html","../../../packages/ng/highlight-data/lucca-front-ng-highlight-data.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, HostBinding, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-highlight-data',\n\tstandalone: true,\n\ttemplateUrl: './highlight-data.component.html',\n\tstyleUrl: './highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\thost: {\n\t\tclass: 'highlightData',\n\t},\n\timports: [PortalDirective],\n})\nexport class HighlightDataComponent {\n\t#luClass = inject(LuClass);\n\theading = input.required<PortalContent>();\n\tvalue = input.required<PortalContent>();\n\tsubText = input<PortalContent>();\n\tbubble = input<1 | 2 | 3 | 4 | number>();\n\tbubbleSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/${this.palette()}/bubbles-${this.bubbleTheme()}-${this.bubble()}.svg`;\n\t});\n\ttheme = input<'white' | 'light' | 'dark'>('white');\n\t/**\n\t * Apply product name to illustration URL and CSS component palette\n\t * This specific palette must be set up on config.scss\n\t */\n\tpalette = input<'lucca' | 'cleemy' | 'timmi' | 'poplee' | 'coreHR' | 'pagga' | 'cc' | 'success' | 'warning' | 'critical' | string>('lucca');\n\n\tbubbleTheme = computed(() => {\n\t\tif (this.theme() === 'dark') {\n\t\t\treturn 'dark';\n\t\t}\n\t\treturn 'light';\n\t});\n\n\t@HostBinding('class.mod-light')\n\tget lightClass() {\n\t\treturn this.theme() === 'light';\n\t}\n\n\t@HostBinding('class.mod-dark')\n\tget darkClass() {\n\t\treturn this.theme() === 'dark';\n\t}\n\n\t/**\n\t * Main illustration\n\t * An URL can be apply for custom images\n\t */\n\tillustration = input<\n\t\t'calculator' | 'calendar' | 'cleemy-card' | 'coffee' | 'headphone' | 'mail' | 'manifying-glass' | 'medallon' | 'piggy-bank' | 'polaroid-female' | 'polaroid-male' | 'polaroids' | string\n\t>();\n\tillustrationSrc = computed(() => {\n\t\tif (this.illustration().includes('/')) {\n\t\t\treturn this.illustration();\n\t\t}\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/generic/${this.illustration()}.svg`;\n\t});\n\tsize = input<'XS' | 'S' | 'M' | null>(null);\n\t/**\n\t * Adjust layout to text value\n\t */\n\tvalueFirst = input(false, { transform: booleanAttribute });\n\n\tnested = input(false, { transform: booleanAttribute });\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.size()}`]: !!this.size(),\n\t\t\t\t'mod-valueFirst': this.valueFirst(),\n\t\t\t\t'mod-nested': this.nested(),\n\t\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t\t});\n\t\t});\n\t}\n}\n","<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\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-highlight-data.mjs","sources":["../../../packages/ng/highlight-data/highlight-data.component.ts","../../../packages/ng/highlight-data/highlight-data.component.html","../../../packages/ng/highlight-data/lucca-front-ng-highlight-data.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, HostBinding, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-highlight-data',\n\tstandalone: true,\n\ttemplateUrl: './highlight-data.component.html',\n\tstyleUrl: './highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\thost: {\n\t\tclass: 'highlightData',\n\t},\n\timports: [PortalDirective],\n})\nexport class HighlightDataComponent {\n\t#luClass = inject(LuClass);\n\theading = input.required<PortalContent>();\n\tvalue = input.required<PortalContent>();\n\tsubText = input<PortalContent>();\n\tbubble = input<1 | 2 | 3 | 4 | number>();\n\tbubbleSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/${this.palette()}/bubbles-${this.bubbleTheme()}-${this.bubble()}.svg`;\n\t});\n\ttheme = input<'white' | 'light' | 'dark'>('white');\n\t/**\n\t * Apply product name to illustration URL and CSS component palette\n\t * This specific palette must be set up on config.scss\n\t */\n\tpalette = input<'lucca' | 'cleemy' | 'timmi' | 'poplee' | 'coreHR' | 'pagga' | 'cc' | 'success' | 'warning' | 'critical' | string>('lucca');\n\n\tbubbleTheme = computed(() => {\n\t\tif (this.theme() === 'dark') {\n\t\t\treturn 'dark';\n\t\t}\n\t\treturn 'light';\n\t});\n\n\t@HostBinding('class.mod-light')\n\tget lightClass() {\n\t\treturn this.theme() === 'light';\n\t}\n\n\t@HostBinding('class.mod-dark')\n\tget darkClass() {\n\t\treturn this.theme() === 'dark';\n\t}\n\n\t/**\n\t * Main illustration\n\t * An URL can be apply for custom images\n\t */\n\tillustration = input<\n\t\t'calculator' | 'calendar' | 'cleemy-card' | 'coffee' | 'headphone' | 'mail' | 'manifying-glass' | 'medallon' | 'piggy-bank' | 'polaroid-female' | 'polaroid-male' | 'polaroids' | string\n\t>();\n\tillustrationSrc = computed(() => {\n\t\tif (this.illustration().includes('/')) {\n\t\t\treturn this.illustration();\n\t\t}\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/generic/${this.illustration()}.svg`;\n\t});\n\tsize = input<'XS' | 'S' | 'M' | null>(null);\n\t/**\n\t * Adjust layout to text value\n\t */\n\tvalueFirst = input(false, { transform: booleanAttribute });\n\n\tnested = input(false, { transform: booleanAttribute });\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.size()}`]: !!this.size(),\n\t\t\t\t'mod-valueFirst': this.valueFirst(),\n\t\t\t\t'mod-nested': this.nested(),\n\t\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t\t});\n\t\t});\n\t}\n}\n","<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/lucca-front-ng-horizontal-navigation.mjs CHANGED
@@ -6,10 +6,10 @@ class HorizontalNavigationLinkDirective {
6
6
  constructor() {
7
7
  this.template = inject(TemplateRef);
8
8
  }
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HorizontalNavigationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
10
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: HorizontalNavigationLinkDirective, isStandalone: true, selector: "[luHorizontalNavigationLink]", ngImport: i0 }); }
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HorizontalNavigationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
10
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: HorizontalNavigationLinkDirective, isStandalone: true, selector: "[luHorizontalNavigationLink]", ngImport: i0 }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HorizontalNavigationLinkDirective, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HorizontalNavigationLinkDirective, decorators: [{
13
13
  type: Directive,
14
14
  args: [{
15
15
  selector: '[luHorizontalNavigationLink]',
@@ -19,9 +19,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
19
19
  class HorizontalNavigationComponent {
20
20
  constructor() {
21
21
  this.links = contentChildren(HorizontalNavigationLinkDirective, ...(ngDevMode ? [{ debugName: "links" }] : []));
22
- this.noBorder = input(false, ...(ngDevMode ? [{ debugName: "noBorder", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
23
- this.container = input(false, ...(ngDevMode ? [{ debugName: "container", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
24
- this.vertical = input(false, ...(ngDevMode ? [{ debugName: "vertical", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
22
+ this.noBorder = input(false, { ...(ngDevMode ? { debugName: "noBorder" } : {}), transform: booleanAttribute });
23
+ this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : {}), transform: booleanAttribute });
24
+ this.vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : {}), transform: booleanAttribute });
25
25
  this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
26
26
  }
27
27
  get hasNoBorder() {
@@ -33,10 +33,10 @@ class HorizontalNavigationComponent {
33
33
  get isVertical() {
34
34
  return this.vertical();
35
35
  }
36
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "this.hasNoBorder", "class.mod-S": "this.isSizeS", "class.mod-vertical": "this.isVertical" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .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)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
36
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "this.hasNoBorder", "class.mod-S": "this.isSizeS", "class.mod-vertical": "this.isVertical" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .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)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
38
38
  }
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
40
40
  type: Component,
41
41
  args: [{ selector: 'lu-horizontal-navigation', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], host: {
42
42
  class: 'horizontalNavigation',
package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, Component, contentChildren, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\tstandalone: true,\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'horizontalNavigation',\n\t},\n})\nexport class HorizontalNavigationComponent {\n\tlinks = contentChildren(HorizontalNavigationLinkDirective);\n\n\tnoBorder = input(false, { transform: booleanAttribute });\n\tcontainer = input(false, { transform: booleanAttribute });\n\tvertical = input(false, { transform: booleanAttribute });\n\tsize = input<null | 'S'>(null);\n\n\t@HostBinding('class.mod-noBorder')\n\tget hasNoBorder() {\n\t\treturn this.noBorder();\n\t}\n\n\t@HostBinding('class.mod-S')\n\tget isSizeS() {\n\t\treturn this.size() === 'S';\n\t}\n\n\t@HostBinding('class.mod-vertical')\n\tget isVertical() {\n\t\treturn this.vertical();\n\t}\n}\n","@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\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-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, Component, contentChildren, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\tstandalone: true,\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'horizontalNavigation',\n\t},\n})\nexport class HorizontalNavigationComponent {\n\tlinks = contentChildren(HorizontalNavigationLinkDirective);\n\n\tnoBorder = input(false, { transform: booleanAttribute });\n\tcontainer = input(false, { transform: booleanAttribute });\n\tvertical = input(false, { transform: booleanAttribute });\n\tsize = input<null | 'S'>(null);\n\n\t@HostBinding('class.mod-noBorder')\n\tget hasNoBorder() {\n\t\treturn this.noBorder();\n\t}\n\n\t@HostBinding('class.mod-S')\n\tget isSizeS() {\n\t\treturn this.size() === 'S';\n\t}\n\n\t@HostBinding('class.mod-vertical')\n\tget isVertical() {\n\t\treturn this.vertical();\n\t}\n}\n","@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,iCAAiC,CAAA;AAH9C,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC,IAAA;8GAFY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,iBAAA;;;MCWY,6BAA6B,CAAA;AAX1C,IAAA,WAAA,GAAA;AAYC,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,iCAAiC,iDAAC;QAE1D,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACxD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACzD,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,IAAI,gDAAC;AAgB9B,IAAA;AAdA,IAAA,IACI,WAAW,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE;IACvB;AAEA,IAAA,IACI,OAAO,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;IAC3B;AAEA,IAAA,IACI,UAAU,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE;IACvB;8GArBY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACjB,iCAAiC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB1D,ohBAiBA,42fDPW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,SAAS;+BACC,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,aAAA,EAGD,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,CAAC,EAAA,IAAA,EACrB;AACL,wBAAA,KAAK,EAAE,sBAAsB;AAC7B,qBAAA,EAAA,QAAA,EAAA,ohBAAA,EAAA,MAAA,EAAA,CAAA,ozfAAA,CAAA,EAAA;6FAGuB,iCAAiC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA;sBAOxD,WAAW;uBAAC,oBAAoB;;sBAKhC,WAAW;uBAAC,aAAa;;sBAKzB,WAAW;uBAAC,oBAAoB;;;AEjClC;;AAEG;;;;"}