@daffodil/design 0.77.0 → 0.78.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 (468) hide show
  1. package/accordion/README.md +40 -2
  2. package/accordion/accordion/accordion/accordion.component.d.ts +1 -1
  3. package/accordion/accordion/accordion-item/accordion-item.component.d.ts +19 -8
  4. package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +1 -1
  5. package/accordion/accordion.d.ts +4 -0
  6. package/accordion/accordion.module.d.ts +6 -7
  7. package/accordion/examples/basic-accordion/basic-accordion.component.d.ts +1 -1
  8. package/accordion/examples/public_api.d.ts +0 -1
  9. package/accordion/public_api.d.ts +1 -0
  10. package/article/README.md +42 -1
  11. package/article/article/article.component.d.ts +1 -1
  12. package/article/article-meta/article-meta.directive.d.ts +1 -1
  13. package/article/article.d.ts +3 -0
  14. package/article/article.module.d.ts +5 -4
  15. package/article/public_api.d.ts +2 -1
  16. package/button/README.md +41 -0
  17. package/button/button/button.component.d.ts +1 -1
  18. package/button/button.d.ts +3 -0
  19. package/button/button.module.d.ts +4 -4
  20. package/button/public_api.d.ts +2 -1
  21. package/callout/README.md +42 -0
  22. package/callout/callout/callout.component.d.ts +1 -1
  23. package/callout/callout-body/callout-body.directive.d.ts +1 -1
  24. package/callout/callout-icon/callout-icon.directive.d.ts +1 -1
  25. package/callout/callout-subtitle/callout-subtitle.directive.d.ts +1 -1
  26. package/callout/callout-tagline/callout-tagline.directive.d.ts +1 -1
  27. package/callout/callout-title/callout-title.directive.d.ts +1 -1
  28. package/callout/callout.d.ts +7 -0
  29. package/callout/callout.module.d.ts +9 -8
  30. package/callout/public_api.d.ts +1 -0
  31. package/card/README.md +41 -0
  32. package/card/card/card.component.d.ts +1 -1
  33. package/card/card-actions/card-actions.directive.d.ts +1 -1
  34. package/card/card-content/card-content.directive.d.ts +1 -1
  35. package/card/card-icon/card-icon.directive.d.ts +1 -1
  36. package/card/card-image/card-image.directive.d.ts +1 -1
  37. package/card/card-tagline/card-tagline.directive.d.ts +1 -1
  38. package/card/card-title/card-title.directive.d.ts +1 -1
  39. package/card/card.d.ts +8 -0
  40. package/card/card.module.d.ts +12 -9
  41. package/card/public_api.d.ts +1 -0
  42. package/container/README.md +42 -1
  43. package/container/container/container.component.d.ts +1 -1
  44. package/container/container.d.ts +2 -0
  45. package/container/container.module.d.ts +6 -3
  46. package/container/public_api.d.ts +1 -0
  47. package/core/openable/openable.d.ts +13 -0
  48. package/core/openable/openable.directive.d.ts +81 -0
  49. package/core/openable/public_api.d.ts +2 -0
  50. package/core/openable/utils/state-error.d.ts +1 -0
  51. package/core/public_api.d.ts +1 -0
  52. package/esm2022/accordion/accordion/accordion/accordion.component.mjs +3 -3
  53. package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +38 -22
  54. package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +3 -2
  55. package/esm2022/accordion/accordion.mjs +9 -0
  56. package/esm2022/accordion/accordion.module.mjs +6 -14
  57. package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +6 -3
  58. package/esm2022/accordion/examples/public_api.mjs +1 -2
  59. package/esm2022/accordion/public_api.mjs +2 -1
  60. package/esm2022/article/article/article.component.mjs +3 -3
  61. package/esm2022/article/article-meta/article-meta.directive.mjs +3 -2
  62. package/esm2022/article/article.mjs +7 -0
  63. package/esm2022/article/article.module.mjs +5 -5
  64. package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +6 -4
  65. package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +6 -4
  66. package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +6 -4
  67. package/esm2022/article/examples/article-headings/article-headings.component.mjs +7 -3
  68. package/esm2022/article/examples/article-hr/article-hr.component.mjs +6 -4
  69. package/esm2022/article/examples/article-link/article-link.component.mjs +6 -4
  70. package/esm2022/article/examples/article-meta/article-meta.component.mjs +6 -4
  71. package/esm2022/article/examples/article-ol/article-ol.component.mjs +6 -4
  72. package/esm2022/article/examples/article-table/article-table.component.mjs +6 -4
  73. package/esm2022/article/examples/article-ul/article-ul.component.mjs +6 -4
  74. package/esm2022/article/public_api.mjs +3 -2
  75. package/esm2022/button/button/button.component.mjs +11 -6
  76. package/esm2022/button/button.mjs +7 -0
  77. package/esm2022/button/button.module.mjs +5 -11
  78. package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
  79. package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
  80. package/esm2022/button/examples/icon-button/icon-button.component.mjs +8 -4
  81. package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
  82. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +8 -4
  83. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +8 -4
  84. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
  85. package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
  86. package/esm2022/button/public_api.mjs +3 -2
  87. package/esm2022/callout/callout/callout.component.mjs +4 -4
  88. package/esm2022/callout/callout-body/callout-body.directive.mjs +3 -2
  89. package/esm2022/callout/callout-icon/callout-icon.directive.mjs +3 -2
  90. package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +3 -2
  91. package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +3 -2
  92. package/esm2022/callout/callout-title/callout-title.directive.mjs +3 -2
  93. package/esm2022/callout/callout.mjs +15 -0
  94. package/esm2022/callout/callout.module.mjs +5 -5
  95. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +10 -9
  96. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +8 -7
  97. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +9 -8
  98. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +9 -8
  99. package/esm2022/callout/public_api.mjs +2 -1
  100. package/esm2022/card/card/card.component.mjs +3 -3
  101. package/esm2022/card/card-actions/card-actions.directive.mjs +3 -2
  102. package/esm2022/card/card-content/card-content.directive.mjs +3 -2
  103. package/esm2022/card/card-icon/card-icon.directive.mjs +3 -2
  104. package/esm2022/card/card-image/card-image.directive.mjs +3 -2
  105. package/esm2022/card/card-tagline/card-tagline.directive.mjs +3 -2
  106. package/esm2022/card/card-title/card-title.directive.mjs +3 -2
  107. package/esm2022/card/card.mjs +17 -0
  108. package/esm2022/card/card.module.mjs +7 -5
  109. package/esm2022/card/examples/basic-card/basic-card.component.mjs +9 -8
  110. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +10 -9
  111. package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
  112. package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +6 -6
  113. package/esm2022/card/examples/raised-card/raised-card.component.mjs +6 -6
  114. package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +6 -6
  115. package/esm2022/card/public_api.mjs +2 -1
  116. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
  117. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
  118. package/esm2022/container/container/container.component.mjs +3 -3
  119. package/esm2022/container/container.mjs +5 -0
  120. package/esm2022/container/container.module.mjs +6 -4
  121. package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
  122. package/esm2022/container/public_api.mjs +2 -1
  123. package/esm2022/core/openable/openable.directive.mjs +122 -0
  124. package/esm2022/core/openable/openable.mjs +2 -0
  125. package/esm2022/core/openable/public_api.mjs +2 -0
  126. package/esm2022/core/openable/utils/state-error.mjs +2 -0
  127. package/esm2022/core/public_api.mjs +2 -1
  128. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +7 -6
  129. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +10 -9
  130. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +8 -7
  131. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +9 -8
  132. package/esm2022/hero/hero/hero.component.mjs +4 -7
  133. package/esm2022/hero/hero-body/hero-body.directive.mjs +3 -2
  134. package/esm2022/hero/hero-icon/hero-icon.directive.mjs +3 -2
  135. package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +3 -2
  136. package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +3 -2
  137. package/esm2022/hero/hero-title/hero-title.directive.mjs +3 -2
  138. package/esm2022/hero/hero.mjs +15 -0
  139. package/esm2022/hero/hero.module.mjs +7 -5
  140. package/esm2022/hero/public_api.mjs +2 -1
  141. package/esm2022/image/examples/basic-image/basic-image.component.mjs +6 -4
  142. package/esm2022/image/examples/load-image/load-image.component.mjs +7 -4
  143. package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +6 -4
  144. package/esm2022/image/image/image.component.mjs +3 -3
  145. package/esm2022/image/image.mjs +5 -0
  146. package/esm2022/image/image.module.mjs +7 -5
  147. package/esm2022/image/public_api.mjs +2 -1
  148. package/esm2022/link-set/link-set/link-set.component.mjs +3 -3
  149. package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +3 -2
  150. package/esm2022/link-set/link-set-item/link-set-item.component.mjs +3 -2
  151. package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +3 -2
  152. package/esm2022/link-set/link-set.mjs +11 -0
  153. package/esm2022/link-set/link-set.module.mjs +8 -6
  154. package/esm2022/link-set/public_api.mjs +2 -1
  155. package/esm2022/list/examples/basic-list/basic-list.component.mjs +7 -4
  156. package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -6
  157. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +7 -4
  158. package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -6
  159. package/esm2022/list/list/list.component.mjs +3 -3
  160. package/esm2022/list/list-item/list-item.component.mjs +8 -5
  161. package/esm2022/list/list.mjs +9 -0
  162. package/esm2022/list/list.module.mjs +8 -8
  163. package/esm2022/list/public_api.mjs +2 -1
  164. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
  165. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +6 -4
  166. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
  167. package/esm2022/loading-icon/loading-icon.mjs +5 -0
  168. package/esm2022/loading-icon/loading-icon.module.mjs +6 -4
  169. package/esm2022/loading-icon/public_api.mjs +2 -1
  170. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +8 -5
  171. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +8 -5
  172. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +8 -5
  173. package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +9 -5
  174. package/esm2022/media-gallery/media-gallery.mjs +9 -0
  175. package/esm2022/media-gallery/media-gallery.module.mjs +11 -9
  176. package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +3 -2
  177. package/esm2022/media-gallery/public_api.mjs +2 -1
  178. package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +3 -2
  179. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +9 -5
  180. package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +6 -3
  181. package/esm2022/menu/menu/menu.component.mjs +6 -3
  182. package/esm2022/menu/menu-activator/menu-activator.component.mjs +3 -2
  183. package/esm2022/menu/menu-item/menu-item.component.mjs +8 -5
  184. package/esm2022/menu/menu.module.mjs +8 -7
  185. package/esm2022/menu/services/menu.service.mjs +8 -7
  186. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +13 -5
  187. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +9 -5
  188. package/esm2022/modal/modal/modal.component.mjs +47 -21
  189. package/esm2022/modal/modal-actions/modal-actions.component.mjs +3 -2
  190. package/esm2022/modal/modal-close/modal-close.directive.mjs +3 -2
  191. package/esm2022/modal/modal-content/modal-content.component.mjs +3 -2
  192. package/esm2022/modal/modal-header/modal-header.component.mjs +14 -7
  193. package/esm2022/modal/modal-title/modal-title.directive.mjs +3 -2
  194. package/esm2022/modal/modal.mjs +13 -0
  195. package/esm2022/modal/modal.module.mjs +17 -11
  196. package/esm2022/modal/public_api.mjs +2 -1
  197. package/esm2022/modal/service/modal.service.mjs +7 -5
  198. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +9 -5
  199. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +9 -8
  200. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +8 -7
  201. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +9 -5
  202. package/esm2022/navbar/navbar/navbar.component.mjs +3 -6
  203. package/esm2022/navbar/navbar.mjs +5 -0
  204. package/esm2022/navbar/navbar.module.mjs +10 -4
  205. package/esm2022/navbar/public_api.mjs +2 -1
  206. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +6 -6
  207. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +4 -4
  208. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +6 -6
  209. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +6 -6
  210. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +6 -6
  211. package/esm2022/notification/notification/notification.component.mjs +10 -6
  212. package/esm2022/notification/notification-actions/notification-actions.directive.mjs +3 -2
  213. package/esm2022/notification/notification-message/notification-message.directive.mjs +3 -2
  214. package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +3 -2
  215. package/esm2022/notification/notification-title/notification-title.directive.mjs +3 -2
  216. package/esm2022/notification/notification.mjs +15 -0
  217. package/esm2022/notification/notification.module.mjs +11 -8
  218. package/esm2022/notification/public_api.mjs +2 -1
  219. package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
  220. package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
  221. package/esm2022/paginator/paginator/paginator.component.mjs +12 -9
  222. package/esm2022/paginator/paginator.mjs +5 -0
  223. package/esm2022/paginator/paginator.module.mjs +9 -6
  224. package/esm2022/paginator/public_api.mjs +2 -1
  225. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +6 -4
  226. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +6 -4
  227. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +7 -4
  228. package/esm2022/progress-bar/progress-bar-label/progress-bar-label.directive.mjs +20 -0
  229. package/esm2022/progress-bar/progress-bar.component.mjs +5 -3
  230. package/esm2022/progress-bar/progress-bar.mjs +7 -0
  231. package/esm2022/progress-bar/progress-bar.module.mjs +11 -4
  232. package/esm2022/progress-bar/public_api.mjs +3 -1
  233. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +6 -4
  234. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +9 -8
  235. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -5
  236. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +6 -4
  237. package/esm2022/sidebar/public_api.mjs +2 -1
  238. package/esm2022/sidebar/sidebar/sidebar.component.mjs +35 -15
  239. package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
  240. package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +3 -2
  241. package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +3 -2
  242. package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
  243. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +22 -38
  244. package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +6 -6
  245. package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +3 -3
  246. package/esm2022/sidebar/sidebar.mjs +17 -0
  247. package/esm2022/sidebar/sidebar.module.mjs +8 -6
  248. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +7 -4
  249. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +8 -4
  250. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +12 -7
  251. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +7 -4
  252. package/esm2022/toast/public_api.mjs +2 -1
  253. package/esm2022/toast/service/toast.service.mjs +9 -10
  254. package/esm2022/toast/toast/toast-provider.mjs +7 -0
  255. package/esm2022/toast/toast/toast-template.component.mjs +30 -12
  256. package/esm2022/toast/toast/toast.component.mjs +6 -9
  257. package/esm2022/toast/toast-actions/toast-actions.directive.mjs +3 -2
  258. package/esm2022/toast/toast-message/toast-message.directive.mjs +3 -2
  259. package/esm2022/toast/toast-title/toast-title.directive.mjs +3 -2
  260. package/esm2022/toast/toast.module.mjs +10 -11
  261. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +7 -4
  262. package/esm2022/tree/public_api.mjs +2 -2
  263. package/esm2022/tree/tree/tree.component.mjs +8 -5
  264. package/esm2022/tree/tree-item/tree-item.directive.mjs +3 -2
  265. package/esm2022/tree/tree.mjs +7 -0
  266. package/esm2022/tree/tree.module.mjs +9 -7
  267. package/fesm2022/daffodil-design-accordion-examples.mjs +7 -26
  268. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  269. package/fesm2022/daffodil-design-accordion.mjs +52 -38
  270. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  271. package/fesm2022/daffodil-design-article-examples.mjs +41 -21
  272. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  273. package/fesm2022/daffodil-design-article.mjs +15 -9
  274. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  275. package/fesm2022/daffodil-design-button-examples.mjs +27 -24
  276. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  277. package/fesm2022/daffodil-design-button.mjs +21 -18
  278. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  279. package/fesm2022/daffodil-design-callout-examples.mjs +20 -19
  280. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  281. package/fesm2022/daffodil-design-callout.mjs +27 -13
  282. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  283. package/fesm2022/daffodil-design-card-examples.mjs +23 -22
  284. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  285. package/fesm2022/daffodil-design-card.mjs +31 -13
  286. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  287. package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -5
  288. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  289. package/fesm2022/daffodil-design-container-examples.mjs +3 -3
  290. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  291. package/fesm2022/daffodil-design-container.mjs +12 -6
  292. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  293. package/fesm2022/daffodil-design-hero-examples.mjs +19 -18
  294. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  295. package/fesm2022/daffodil-design-hero.mjs +29 -16
  296. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  297. package/fesm2022/daffodil-design-image-examples.mjs +14 -7
  298. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  299. package/fesm2022/daffodil-design-image.mjs +13 -7
  300. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  301. package/fesm2022/daffodil-design-link-set.mjs +23 -11
  302. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  303. package/fesm2022/daffodil-design-list-examples.mjs +14 -13
  304. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  305. package/fesm2022/daffodil-design-list.mjs +22 -14
  306. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  307. package/fesm2022/daffodil-design-loading-icon-examples.mjs +7 -5
  308. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  309. package/fesm2022/daffodil-design-loading-icon.mjs +12 -6
  310. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  311. package/fesm2022/daffodil-design-media-gallery-examples.mjs +17 -8
  312. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  313. package/fesm2022/daffodil-design-media-gallery.mjs +70 -57
  314. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  315. package/fesm2022/daffodil-design-menu-examples.mjs +12 -5
  316. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  317. package/fesm2022/daffodil-design-menu.mjs +55 -48
  318. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  319. package/fesm2022/daffodil-design-modal-examples.mjs +17 -6
  320. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  321. package/fesm2022/daffodil-design-modal.mjs +96 -49
  322. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  323. package/fesm2022/daffodil-design-navbar-examples.mjs +22 -15
  324. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  325. package/fesm2022/daffodil-design-navbar.mjs +16 -9
  326. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  327. package/fesm2022/daffodil-design-notification-examples.mjs +16 -16
  328. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  329. package/fesm2022/daffodil-design-notification.mjs +37 -19
  330. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  331. package/fesm2022/daffodil-design-paginator-examples.mjs +5 -5
  332. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  333. package/fesm2022/daffodil-design-paginator.mjs +23 -16
  334. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  335. package/fesm2022/daffodil-design-progress-bar-examples.mjs +14 -7
  336. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  337. package/fesm2022/daffodil-design-progress-bar.mjs +38 -8
  338. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  339. package/fesm2022/daffodil-design-sidebar-examples.mjs +19 -14
  340. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  341. package/fesm2022/daffodil-design-sidebar.mjs +86 -68
  342. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  343. package/fesm2022/daffodil-design-toast-examples.mjs +23 -11
  344. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  345. package/fesm2022/daffodil-design-toast.mjs +146 -127
  346. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  347. package/fesm2022/daffodil-design-tree-examples.mjs +6 -3
  348. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  349. package/fesm2022/daffodil-design-tree.mjs +23 -35
  350. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  351. package/fesm2022/daffodil-design.mjs +123 -2
  352. package/fesm2022/daffodil-design.mjs.map +1 -1
  353. package/hero/README.md +41 -0
  354. package/hero/hero/hero.component.d.ts +1 -4
  355. package/hero/hero-body/hero-body.directive.d.ts +1 -1
  356. package/hero/hero-icon/hero-icon.directive.d.ts +1 -1
  357. package/hero/hero-subtitle/hero-subtitle.directive.d.ts +1 -1
  358. package/hero/hero-tagline/hero-tagline.directive.d.ts +1 -1
  359. package/hero/hero-title/hero-title.directive.d.ts +1 -1
  360. package/hero/hero.d.ts +7 -0
  361. package/hero/hero.module.d.ts +11 -8
  362. package/hero/public_api.d.ts +1 -0
  363. package/image/README.md +43 -7
  364. package/image/image/image.component.d.ts +1 -1
  365. package/image/image.d.ts +2 -0
  366. package/image/image.module.d.ts +6 -3
  367. package/image/public_api.d.ts +1 -0
  368. package/link-set/README.md +42 -1
  369. package/link-set/link-set/link-set.component.d.ts +1 -1
  370. package/link-set/link-set-heading/link-set-heading.directive.d.ts +1 -1
  371. package/link-set/link-set-item/link-set-item.component.d.ts +1 -1
  372. package/link-set/link-set-subheading/link-set-subheading.directive.d.ts +1 -1
  373. package/link-set/link-set.d.ts +5 -0
  374. package/link-set/link-set.module.d.ts +9 -6
  375. package/link-set/public_api.d.ts +1 -0
  376. package/list/README.md +42 -1
  377. package/list/list/list.component.d.ts +1 -1
  378. package/list/list-item/list-item.component.d.ts +1 -1
  379. package/list/list.d.ts +4 -0
  380. package/list/list.module.d.ts +7 -4
  381. package/list/public_api.d.ts +1 -0
  382. package/loading-icon/README.md +41 -0
  383. package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -1
  384. package/loading-icon/loading-icon.d.ts +2 -0
  385. package/loading-icon/loading-icon.module.d.ts +6 -3
  386. package/loading-icon/public_api.d.ts +1 -0
  387. package/media-gallery/README.md +41 -0
  388. package/media-gallery/media-gallery/media-gallery.component.d.ts +1 -1
  389. package/media-gallery/media-gallery.d.ts +4 -0
  390. package/media-gallery/media-gallery.module.d.ts +8 -5
  391. package/media-gallery/media-renderer/media-renderer.component.d.ts +1 -1
  392. package/media-gallery/public_api.d.ts +1 -0
  393. package/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
  394. package/menu/README.md +23 -0
  395. package/menu/menu/menu.component.d.ts +1 -1
  396. package/menu/menu-activator/menu-activator.component.d.ts +1 -1
  397. package/menu/menu-item/menu-item.component.d.ts +1 -1
  398. package/menu/menu.module.d.ts +6 -6
  399. package/menu/services/menu.service.d.ts +3 -2
  400. package/modal/README.md +41 -0
  401. package/modal/modal/modal.component.d.ts +20 -8
  402. package/modal/modal-actions/modal-actions.component.d.ts +1 -1
  403. package/modal/modal-close/modal-close.directive.d.ts +1 -1
  404. package/modal/modal-content/modal-content.component.d.ts +1 -1
  405. package/modal/modal-header/modal-header.component.d.ts +1 -1
  406. package/modal/modal-title/modal-title.directive.d.ts +1 -1
  407. package/modal/modal.d.ts +6 -0
  408. package/modal/modal.module.d.ts +15 -12
  409. package/modal/public_api.d.ts +1 -0
  410. package/navbar/README.md +41 -0
  411. package/navbar/navbar/navbar.component.d.ts +1 -4
  412. package/navbar/navbar.d.ts +2 -0
  413. package/navbar/navbar.module.d.ts +6 -2
  414. package/navbar/public_api.d.ts +1 -0
  415. package/notification/README.md +41 -0
  416. package/notification/notification/notification.component.d.ts +1 -1
  417. package/notification/notification-actions/notification-actions.directive.d.ts +1 -1
  418. package/notification/notification-message/notification-message.directive.d.ts +1 -1
  419. package/notification/notification-subtitle/notification-subtitle.directive.d.ts +1 -1
  420. package/notification/notification-title/notification-title.directive.d.ts +1 -1
  421. package/notification/notification.d.ts +7 -0
  422. package/notification/notification.module.d.ts +12 -9
  423. package/notification/public_api.d.ts +1 -0
  424. package/package.json +1 -1
  425. package/paginator/README.md +45 -4
  426. package/paginator/paginator/paginator.component.d.ts +1 -4
  427. package/paginator/paginator.d.ts +2 -0
  428. package/paginator/paginator.module.d.ts +8 -5
  429. package/paginator/public_api.d.ts +1 -0
  430. package/progress-bar/README.md +41 -0
  431. package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +6 -0
  432. package/progress-bar/progress-bar.component.d.ts +1 -1
  433. package/progress-bar/progress-bar.d.ts +3 -0
  434. package/progress-bar/progress-bar.module.d.ts +7 -3
  435. package/progress-bar/public_api.d.ts +2 -0
  436. package/sidebar/README.md +78 -20
  437. package/sidebar/public_api.d.ts +1 -0
  438. package/sidebar/sidebar/sidebar.component.d.ts +19 -8
  439. package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +1 -1
  440. package/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.d.ts +1 -1
  441. package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +1 -1
  442. package/sidebar/sidebar-header/sidebar-header.component.d.ts +1 -1
  443. package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +5 -17
  444. package/sidebar/sidebar-viewport/utils/content-pad.d.ts +2 -2
  445. package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +1 -1
  446. package/sidebar/sidebar.d.ts +8 -0
  447. package/sidebar/sidebar.module.d.ts +13 -10
  448. package/toast/README.md +108 -33
  449. package/toast/public_api.d.ts +1 -0
  450. package/toast/service/toast.service.d.ts +4 -3
  451. package/toast/src/toast-theme.scss +1 -1
  452. package/toast/toast/toast-provider.d.ts +2 -0
  453. package/toast/toast/toast-template.component.d.ts +1 -1
  454. package/toast/toast/toast.component.d.ts +1 -3
  455. package/toast/toast-actions/toast-actions.directive.d.ts +1 -1
  456. package/toast/toast-message/toast-message.directive.d.ts +1 -1
  457. package/toast/toast-title/toast-title.directive.d.ts +1 -1
  458. package/toast/toast.module.d.ts +14 -12
  459. package/tree/README.md +41 -0
  460. package/tree/public_api.d.ts +1 -2
  461. package/tree/tree/tree.component.d.ts +1 -1
  462. package/tree/tree-item/tree-item.directive.d.ts +1 -1
  463. package/tree/tree.d.ts +3 -0
  464. package/tree/tree.module.d.ts +7 -4
  465. package/accordion/examples/accordion-examples.module.d.ts +0 -9
  466. package/esm2022/accordion/examples/accordion-examples.module.mjs +0 -26
  467. package/esm2022/tree/utils/transform-in-place.mjs +0 -23
  468. package/tree/utils/transform-in-place.d.ts +0 -15
@@ -1,11 +1,9 @@
1
- import * as i2 from '@angular/common';
2
- import { CommonModule } from '@angular/common';
1
+ import { NgIf, CommonModule } from '@angular/common';
3
2
  import * as i0 from '@angular/core';
4
3
  import { Directive, HostBinding, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, Output, NgModule } from '@angular/core';
5
- import * as i3 from '@fortawesome/angular-fontawesome';
6
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
4
+ import { FaIconComponent, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
7
5
  import * as i1 from '@daffodil/design';
8
- import { DaffStatusEnum, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
6
+ import { DaffStatusEnum, DaffPrefixDirective, DaffPrefixSuffixModule, DaffArticleEncapsulatedDirective, DaffStatusableDirective } from '@daffodil/design';
9
7
  import { faTimes } from '@fortawesome/free-solid-svg-icons';
10
8
 
11
9
  class DaffNotificationActionsDirective {
@@ -13,12 +11,13 @@ class DaffNotificationActionsDirective {
13
11
  this.class = true;
14
12
  }
15
13
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
16
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationActionsDirective, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 }); }
14
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationActionsDirective, isStandalone: true, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 }); }
17
15
  }
18
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationActionsDirective, decorators: [{
19
17
  type: Directive,
20
18
  args: [{
21
19
  selector: '[daffNotificationActions]',
20
+ standalone: true,
22
21
  }]
23
22
  }], propDecorators: { class: [{
24
23
  type: HostBinding,
@@ -78,7 +77,7 @@ class DaffNotificationComponent {
78
77
  this.closeNotification.emit();
79
78
  }
80
79
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i1.DaffStatusableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
81
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationComponent, selector: "daff-notification", inputs: { dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, descendants: true }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
80
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationComponent, isStandalone: true, selector: "daff-notification", inputs: { dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, descendants: true }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
82
81
  }
83
82
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationComponent, decorators: [{
84
83
  type: Component,
@@ -88,7 +87,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
88
87
  directive: DaffStatusableDirective,
89
88
  inputs: ['status'],
90
89
  },
91
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
90
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
91
+ NgIf,
92
+ FaIconComponent,
93
+ DaffPrefixSuffixModule,
94
+ ], template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
92
95
  }], ctorParameters: () => [{ type: i1.DaffStatusableDirective }], propDecorators: { _prefix: [{
93
96
  type: ContentChild,
94
97
  args: [DaffPrefixDirective]
@@ -126,12 +129,13 @@ class DaffNotificationMessageDirective {
126
129
  this.class = true;
127
130
  }
128
131
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
129
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationMessageDirective, selector: "[daffNotificationMessage]", host: { properties: { "class.daff-notification__message": "this.class" } }, ngImport: i0 }); }
132
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationMessageDirective, isStandalone: true, selector: "[daffNotificationMessage]", host: { properties: { "class.daff-notification__message": "this.class" } }, ngImport: i0 }); }
130
133
  }
131
134
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationMessageDirective, decorators: [{
132
135
  type: Directive,
133
136
  args: [{
134
137
  selector: '[daffNotificationMessage]',
138
+ standalone: true,
135
139
  }]
136
140
  }], propDecorators: { class: [{
137
141
  type: HostBinding,
@@ -143,12 +147,13 @@ class DaffNotificationSubtitleDirective {
143
147
  this.class = true;
144
148
  }
145
149
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
146
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]", host: { properties: { "class.daff-notification__subtitle": "this.class" } }, ngImport: i0 }); }
150
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationSubtitleDirective, isStandalone: true, selector: "[daffNotificationSubtitle]", host: { properties: { "class.daff-notification__subtitle": "this.class" } }, ngImport: i0 }); }
147
151
  }
148
152
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationSubtitleDirective, decorators: [{
149
153
  type: Directive,
150
154
  args: [{
151
155
  selector: '[daffNotificationSubtitle]',
156
+ standalone: true,
152
157
  }]
153
158
  }], propDecorators: { class: [{
154
159
  type: HostBinding,
@@ -160,27 +165,32 @@ class DaffNotificationTitleDirective {
160
165
  this.class = true;
161
166
  }
162
167
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
163
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationTitleDirective, selector: "[daffNotificationTitle]", host: { properties: { "class.daff-notification__title": "this.class" } }, ngImport: i0 }); }
168
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffNotificationTitleDirective, isStandalone: true, selector: "[daffNotificationTitle]", host: { properties: { "class.daff-notification__title": "this.class" } }, ngImport: i0 }); }
164
169
  }
165
170
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationTitleDirective, decorators: [{
166
171
  type: Directive,
167
172
  args: [{
168
173
  selector: '[daffNotificationTitle]',
174
+ standalone: true,
169
175
  }]
170
176
  }], propDecorators: { class: [{
171
177
  type: HostBinding,
172
178
  args: ['class.daff-notification__title']
173
179
  }] } });
174
180
 
181
+ /**
182
+ * @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS}
183
+ */
175
184
  class DaffNotificationModule {
176
185
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
177
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationModule, declarations: [DaffNotificationComponent,
186
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationModule, imports: [CommonModule,
187
+ DaffPrefixSuffixModule,
188
+ FontAwesomeModule,
189
+ DaffNotificationComponent,
178
190
  DaffNotificationActionsDirective,
179
191
  DaffNotificationMessageDirective,
180
192
  DaffNotificationTitleDirective,
181
- DaffNotificationSubtitleDirective], imports: [CommonModule,
182
- DaffPrefixSuffixModule,
183
- FontAwesomeModule], exports: [DaffNotificationComponent,
193
+ DaffNotificationSubtitleDirective], exports: [DaffNotificationComponent,
184
194
  DaffNotificationActionsDirective,
185
195
  DaffNotificationMessageDirective,
186
196
  DaffNotificationTitleDirective,
@@ -188,7 +198,8 @@ class DaffNotificationModule {
188
198
  DaffPrefixSuffixModule] }); }
189
199
  /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationModule, imports: [CommonModule,
190
200
  DaffPrefixSuffixModule,
191
- FontAwesomeModule, DaffPrefixSuffixModule] }); }
201
+ FontAwesomeModule,
202
+ DaffNotificationComponent, DaffPrefixSuffixModule] }); }
192
203
  }
193
204
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffNotificationModule, decorators: [{
194
205
  type: NgModule,
@@ -197,8 +208,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
197
208
  CommonModule,
198
209
  DaffPrefixSuffixModule,
199
210
  FontAwesomeModule,
200
- ],
201
- declarations: [
202
211
  DaffNotificationComponent,
203
212
  DaffNotificationActionsDirective,
204
213
  DaffNotificationMessageDirective,
@@ -216,9 +225,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
216
225
  }]
217
226
  }] });
218
227
 
228
+ const DAFF_NOTIFICATION_COMPONENTS = [
229
+ DaffNotificationComponent,
230
+ DaffNotificationActionsDirective,
231
+ DaffNotificationMessageDirective,
232
+ DaffNotificationTitleDirective,
233
+ DaffNotificationSubtitleDirective,
234
+ DaffPrefixSuffixModule,
235
+ ];
236
+
219
237
  /**
220
238
  * Generated bundle index. Do not edit.
221
239
  */
222
240
 
223
- export { DaffNotificationActionsDirective, DaffNotificationComponent, DaffNotificationMessageDirective, DaffNotificationModule, DaffNotificationSubtitleDirective, DaffNotificationTitleDirective };
241
+ export { DAFF_NOTIFICATION_COMPONENTS, DaffNotificationActionsDirective, DaffNotificationComponent, DaffNotificationMessageDirective, DaffNotificationModule, DaffNotificationSubtitleDirective, DaffNotificationTitleDirective };
224
242
  //# sourceMappingURL=daffodil-design-notification.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationActions]',\n})\n\nexport class DaffNotificationActionsDirective {\n\n @HostBinding('class.daff-notification__actions') class = true;\n}\n","import {\n Component,\n Input,\n ElementRef,\n Renderer2,\n HostBinding,\n ContentChild,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffPrefixable,\n DaffPrefixDirective,\n DaffStatusableDirective,\n DaffStatusEnum,\n} from '@daffodil/design';\n\nimport { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and communicate\n * information related to user actions within a page's content.\n */\n@Component({\n selector: 'daff-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss'],\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffStatusableDirective,\n inputs: ['status'],\n },\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffNotificationComponent implements DaffPrefixable {\n faTimes = faTimes;\n\n @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n @ContentChild(DaffNotificationActionsDirective) _actions: DaffNotificationActionsDirective;\n\n @HostBinding('class.daff-notification') class = true;\n\n @HostBinding('attr.tabindex') tabindex = '0';\n\n /**\n * Sets role to alert when `status=\"warn\"` or `status=\"danger\"`.\n * Sets role to status on all other instances.\n */\n @HostBinding('attr.role') get role() {\n return this.statusDirective.status === DaffStatusEnum.Warn || this.statusDirective.status === DaffStatusEnum.Danger ? 'alert' : 'status';\n };\n\n @HostBinding('class.vertical') get verticalOrientation() {\n return this.orientation === DaffNotificationOrientationEnum.Vertical;\n }\n\n @HostBinding('class.horizontal') get horizontalOrientation() {\n return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n }\n\n /** Whether or not a notification is closable */\n @Input() @HostBinding('class.dismissible') dismissible = false;\n\n constructor(private statusDirective: DaffStatusableDirective) {}\n\n private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n @Input()\n get orientation() {\n return this._orientation;\n }\n\n set orientation(value: DaffNotificationOrientation) {\n if(value === null || value === undefined || <unknown>value === '') {\n this._orientation = DaffNotificationOrientationEnum.Vertical;\n } else {\n this._orientation = value;\n }\n };\n\n /**\n * Output event triggered when the close icon is clicked.\n */\n @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n onCloseNotification(event: Event) {\n this.closeNotification.emit();\n }\n}\n","<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationMessage]',\n})\n\nexport class DaffNotificationMessageDirective {\n\n @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationSubtitle]',\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationTitle]',\n})\n\nexport class DaffNotificationTitleDirective {\n\n @HostBinding('class.daff-notification__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationComponent } from './notification/notification.component';\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\n\n\n@NgModule({\n imports: [\n CommonModule,\n DaffPrefixSuffixModule,\n FontAwesomeModule,\n ],\n declarations: [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n ],\n exports: [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffNotificationModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/notification.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationActions]',\n standalone: true,\n})\n\nexport class DaffNotificationActionsDirective {\n\n @HostBinding('class.daff-notification__actions') class = true;\n}\n","import { NgIf } from '@angular/common';\nimport {\n Component,\n Input,\n ElementRef,\n Renderer2,\n HostBinding,\n ContentChild,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffPrefixable,\n DaffPrefixDirective,\n DaffPrefixSuffixModule,\n DaffStatusableDirective,\n DaffStatusEnum,\n} from '@daffodil/design';\n\nimport { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and communicate\n * information related to user actions within a page's content.\n */\n@Component({\n selector: 'daff-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss'],\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffStatusableDirective,\n inputs: ['status'],\n },\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n NgIf,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffNotificationComponent implements DaffPrefixable {\n faTimes = faTimes;\n\n @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n @ContentChild(DaffNotificationActionsDirective) _actions: DaffNotificationActionsDirective;\n\n @HostBinding('class.daff-notification') class = true;\n\n @HostBinding('attr.tabindex') tabindex = '0';\n\n /**\n * Sets role to alert when `status=\"warn\"` or `status=\"danger\"`.\n * Sets role to status on all other instances.\n */\n @HostBinding('attr.role') get role() {\n return this.statusDirective.status === DaffStatusEnum.Warn || this.statusDirective.status === DaffStatusEnum.Danger ? 'alert' : 'status';\n };\n\n @HostBinding('class.vertical') get verticalOrientation() {\n return this.orientation === DaffNotificationOrientationEnum.Vertical;\n }\n\n @HostBinding('class.horizontal') get horizontalOrientation() {\n return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n }\n\n /** Whether or not a notification is closable */\n @Input() @HostBinding('class.dismissible') dismissible = false;\n\n constructor(private statusDirective: DaffStatusableDirective) {}\n\n private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n @Input()\n get orientation() {\n return this._orientation;\n }\n\n set orientation(value: DaffNotificationOrientation) {\n if(value === null || value === undefined || <unknown>value === '') {\n this._orientation = DaffNotificationOrientationEnum.Vertical;\n } else {\n this._orientation = value;\n }\n };\n\n /**\n * Output event triggered when the close icon is clicked.\n */\n @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n onCloseNotification(event: Event) {\n this.closeNotification.emit();\n }\n}\n","<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-container *ngIf=\"_actions\">\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationMessage]',\n standalone: true,\n})\n\nexport class DaffNotificationMessageDirective {\n\n @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationSubtitle]',\n standalone: true,\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationTitle]',\n standalone: true,\n})\n\nexport class DaffNotificationTitleDirective {\n\n @HostBinding('class.daff-notification__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationComponent } from './notification/notification.component';\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS}\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffPrefixSuffixModule,\n FontAwesomeModule,\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n ],\n exports: [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffNotificationModule { }\n","import { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationComponent } from './notification/notification.component';\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\n\nexport const DAFF_NOTIFICATION_COMPONENTS = <const> [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n DaffPrefixSuffixModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Component, ChangeDetectionStrategy } from '@angular/core';
3
3
  import * as i1 from '@daffodil/design/paginator';
4
- import { DaffPaginatorModule } from '@daffodil/design/paginator';
4
+ import { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';
5
5
  import { AsyncPipe } from '@angular/common';
6
6
  import * as i1$1 from '@angular/router';
7
7
  import { map } from 'rxjs';
@@ -15,12 +15,12 @@ class BasicPaginatorComponent {
15
15
  this.currentPage = pageNumber;
16
16
  }
17
17
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicPaginatorComponent, isStandalone: true, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", dependencies: [{ kind: "ngmodule", type: DaffPaginatorModule }, { kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
18
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicPaginatorComponent, isStandalone: true, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19
19
  }
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicPaginatorComponent, decorators: [{
21
21
  type: Component,
22
22
  args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
23
- DaffPaginatorModule,
23
+ DAFF_PAGINATOR_COMPONENTS,
24
24
  ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]
25
25
  }] });
26
26
 
@@ -36,12 +36,12 @@ class LinkPaginatorComponent {
36
36
  this.queryParam = 'currentPage';
37
37
  }
38
38
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: LinkPaginatorComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
39
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: LinkPaginatorComponent, isStandalone: true, selector: "link-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n", dependencies: [{ kind: "ngmodule", type: DaffPaginatorModule }, { kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
39
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: LinkPaginatorComponent, isStandalone: true, selector: "link-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
40
40
  }
41
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: LinkPaginatorComponent, decorators: [{
42
42
  type: Component,
43
43
  args: [{ selector: 'link-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
44
- DaffPaginatorModule,
44
+ DAFF_PAGINATOR_COMPONENTS,
45
45
  AsyncPipe,
46
46
  ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n" }]
47
47
  }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }] });
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-paginator-examples.mjs","sources":["../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.ts","../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.html","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.ts","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.html","../../../libs/design/paginator/examples/src/examples.ts","../../../libs/design/paginator/examples/src/daffodil-design-paginator-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffPaginatorModule } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-paginator',\n templateUrl: './basic-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffPaginatorModule,\n ],\n})\nexport class BasicPaginatorComponent {\n numberOfPages = 15;\n currentPage = 2;\n\n onPageChange(pageNumber: number) {\n this.currentPage = pageNumber;\n }\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n","import { AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n Observable,\n map,\n} from 'rxjs';\n\nimport { DaffPaginatorModule } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'link-paginator',\n templateUrl: './link-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffPaginatorModule,\n AsyncPipe,\n ],\n})\nexport class LinkPaginatorComponent {\n numberOfPages = 15;\n // TODO: don't hardcode this, pass it in design land\n url = '/paginator';\n queryParam = 'currentPage';\n\n get currentPage$(): Observable<number> {\n return this.route.queryParamMap.pipe(\n map((qps) => Number(qps.get(this.queryParam))),\n );\n }\n\n constructor(\n private route: ActivatedRoute,\n ) {}\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n","import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';\nimport { LinkPaginatorComponent } from './link-paginator/link-paginator.component';\n\nexport const PAGINATOR_EXAMPLES = [\n BasicPaginatorComponent,\n LinkPaginatorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-paginator-examples.mjs","sources":["../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.ts","../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.html","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.ts","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.html","../../../libs/design/paginator/examples/src/examples.ts","../../../libs/design/paginator/examples/src/daffodil-design-paginator-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-paginator',\n templateUrl: './basic-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_PAGINATOR_COMPONENTS,\n ],\n})\nexport class BasicPaginatorComponent {\n numberOfPages = 15;\n currentPage = 2;\n\n onPageChange(pageNumber: number) {\n this.currentPage = pageNumber;\n }\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n","import { AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n Observable,\n map,\n} from 'rxjs';\n\nimport { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'link-paginator',\n templateUrl: './link-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_PAGINATOR_COMPONENTS,\n AsyncPipe,\n ],\n})\nexport class LinkPaginatorComponent {\n numberOfPages = 15;\n // TODO: don't hardcode this, pass it in design land\n url = '/paginator';\n queryParam = 'currentPage';\n\n get currentPage$(): Observable<number> {\n return this.route.queryParamMap.pipe(\n map((qps) => Number(qps.get(this.queryParam))),\n );\n }\n\n constructor(\n private route: ActivatedRoute,\n ) {}\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n","import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';\nimport { LinkPaginatorComponent } from './link-paginator/link-paginator.component';\n\nexport const PAGINATOR_EXAMPLES = [\n BasicPaginatorComponent,\n LinkPaginatorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}
@@ -1,20 +1,15 @@
1
- import * as i1 from '@angular/common';
2
- import { CommonModule } from '@angular/common';
1
+ import { NgIf, NgFor, CommonModule } from '@angular/common';
3
2
  import * as i0 from '@angular/core';
4
3
  import { EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Input, Output, NgModule } from '@angular/core';
5
- import * as i2 from '@angular/router';
4
+ import * as i1 from '@angular/router';
6
5
  import { RouterModule } from '@angular/router';
7
- import * as i3 from '@fortawesome/angular-fontawesome';
8
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
6
+ import { FaIconComponent, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
9
7
  import { faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
10
8
 
11
9
  const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';
12
10
  const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';
13
11
 
14
12
  const visiblePageRange = 2;
15
- /**
16
- * @inheritdoc
17
- */
18
13
  class DaffPaginatorComponent {
19
14
  constructor(elementRef) {
20
15
  this.elementRef = elementRef;
@@ -145,11 +140,16 @@ class DaffPaginatorComponent {
145
140
  };
146
141
  }
147
142
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
148
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { numberOfPages: "numberOfPages", currentPage: "currentPage", linkMode: "linkMode", url: "url", queryParam: "queryParam" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
143
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffPaginatorComponent, isStandalone: true, selector: "daff-paginator", inputs: { numberOfPages: "numberOfPages", currentPage: "currentPage", linkMode: "linkMode", url: "url", queryParam: "queryParam" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
149
144
  }
150
145
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorComponent, decorators: [{
151
146
  type: Component,
152
- args: [{ selector: 'daff-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"] }]
147
+ args: [{ selector: 'daff-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
148
+ FaIconComponent,
149
+ RouterModule,
150
+ NgIf,
151
+ NgFor,
152
+ ], template: "<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__page-link,.daff-paginator__previous,.daff-paginator__next{text-decoration:none}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;gap:8px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;border-radius:4px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"] }]
153
153
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
154
154
  type: HostBinding,
155
155
  args: ['class.daff-paginator']
@@ -170,14 +170,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
170
170
  type: Output
171
171
  }] } });
172
172
 
173
+ /**
174
+ * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}
175
+ */
173
176
  class DaffPaginatorModule {
174
177
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
175
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
178
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorModule, imports: [CommonModule,
176
179
  RouterModule,
177
- FontAwesomeModule], exports: [DaffPaginatorComponent] }); }
180
+ FontAwesomeModule,
181
+ DaffPaginatorComponent], exports: [DaffPaginatorComponent] }); }
178
182
  /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorModule, imports: [CommonModule,
179
183
  RouterModule,
180
- FontAwesomeModule] }); }
184
+ FontAwesomeModule,
185
+ DaffPaginatorComponent] }); }
181
186
  }
182
187
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPaginatorModule, decorators: [{
183
188
  type: NgModule,
@@ -186,8 +191,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
186
191
  CommonModule,
187
192
  RouterModule,
188
193
  FontAwesomeModule,
189
- ],
190
- declarations: [
191
194
  DaffPaginatorComponent,
192
195
  ],
193
196
  exports: [
@@ -196,9 +199,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
196
199
  }]
197
200
  }] });
198
201
 
202
+ const DAFF_PAGINATOR_COMPONENTS = [
203
+ DaffPaginatorComponent,
204
+ ];
205
+
199
206
  /**
200
207
  * Generated bundle index. Do not edit.
201
208
  */
202
209
 
203
- export { DaffPaginatorComponent, DaffPaginatorModule };
210
+ export { DAFF_PAGINATOR_COMPONENTS, DaffPaginatorComponent, DaffPaginatorModule };
204
211
  //# sourceMappingURL=daffodil-design-paginator.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-paginator.mjs","sources":["../../../libs/design/paginator/src/utils/paginator-errors.ts","../../../libs/design/paginator/src/paginator/paginator.component.ts","../../../libs/design/paginator/src/paginator/paginator.component.html","../../../libs/design/paginator/src/paginator.module.ts","../../../libs/design/paginator/src/daffodil-design-paginator.ts"],"sourcesContent":["export const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';\nexport const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';\n","import {\n Component,\n Input,\n Output,\n EventEmitter,\n HostBinding,\n ElementRef,\n OnChanges,\n ChangeDetectionStrategy,\n} from '@angular/core';\nimport { Params } from '@angular/router';\nimport {\n faChevronRight,\n faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n DaffPaginatorNumberOfPagesErrorMessage,\n DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n/**\n * @inheritdoc\n */\n@Component({\n selector: 'daff-paginator',\n styleUrls: ['./paginator.component.scss'],\n templateUrl: './paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffPaginatorComponent implements OnChanges {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-paginator') class = true;\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'navigation';\n\n /**\n * @docs-private\n */\n faChevronRight = faChevronRight;\n /**\n * @docs-private\n */\n faChevronLeft = faChevronLeft;\n\n /**\n * @docs-private\n */\n _paginatorId: string;\n\n constructor(private elementRef: ElementRef) {\n const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;\n }\n\n /**\n * The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages\n * and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.\n */\n @Input() numberOfPages: number;\n\n /**\n * The currently selected page.\n */\n @Input() currentPage: number;\n\n /**\n * Replace the paginator buttons with links. `url` is required if using this mode.\n */\n @Input() linkMode = false;\n\n /**\n * The url to which to navigate if the paginator is in link mode.\n * This paginator component will set the page query param.\n */\n @Input() url?: string;\n\n /**\n * The query param to which the paginator component will set the current page value in link mode.\n */\n @Input() queryParam = 'page';\n\n /**\n * @docs-private\n */\n _numberOfPagesArray: number[];\n\n /**\n * Emits when the current page changes with the new current page.\n */\n @Output() notifyPageChange: EventEmitter<any> = new EventEmitter();\n\n /**\n * Determines when ellipsis after the first page number should show.\n *\n * @docs-private\n */\n get _showFirstEllipsis(): boolean {\n return this.currentPage >= visiblePageRange+2;\n }\n\n /**\n * Determines when ellipsis before the final page number should show.\n *\n * @docs-private\n */\n get _showLastEllipsis(): boolean {\n return this.currentPage < (this.numberOfPages - visiblePageRange);\n }\n\n /**\n * Determines when the Previous button should be disabled.\n *\n * @docs-private\n */\n get _disablePrev(): boolean {\n return this.currentPage === 1;\n }\n\n /**\n * Determines when the Next button should be disabled.\n *\n * @docs-private\n */\n get _disableNext(): boolean {\n return this.currentPage === this.numberOfPages;\n }\n\n /**\n * @docs-private\n */\n ngOnChanges() {\n if(this.numberOfPages < 1) {\n throw new Error(DaffPaginatorNumberOfPagesErrorMessage);\n } else if(this.numberOfPages < this.currentPage) {\n throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);\n }\n\n this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages-2).fill(this.numberOfPages-2).map((x,i)=>i+2);\n }\n\n /**\n * Emits the previous page number through notifyPageChange Output.\n *\n * @docs-private\n */\n _onNotifyPrevPageChange() {\n this.notifyPageChange.emit(this.currentPage - 1);\n }\n\n /**\n * Emits the next page number through notifyPageChange Output.\n *\n * @docs-private\n */\n _onNotifyNextPageChange() {\n this.notifyPageChange.emit(this.currentPage + 1);\n }\n\n /**\n * Emits a pageNumber to notifyPageChange Output.\n *\n * @docs-private\n * @param pageNumber a page number\n */\n _onNotifyPageChange(pageNumber: number) {\n this.notifyPageChange.emit(pageNumber);\n }\n\n /**\n * A simple function that determines if the given page number is the current page number.\n *\n * @docs-private\n * @param page a page number\n */\n _isSelected(page: number): boolean {\n return page === this.currentPage;\n }\n\n /**\n * Determines if the given page number should be shown. The two additional 'or' conditionals are needed\n * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).\n *\n * @docs-private\n * @param pageNumber page number to check.\n */\n _showNumber(pageNumber: number): boolean {\n return Math.abs(this.currentPage - pageNumber) < visiblePageRange\n || (this.currentPage <= visiblePageRange && pageNumber <= 2*visiblePageRange)\n || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2*visiblePageRange);\n }\n\n _buildPageQueryParams(page: number): Params {\n return {\n [this.queryParam]: page,\n };\n }\n}\n","<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPaginatorComponent } from './paginator/paginator.component';\n\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n FontAwesomeModule,\n ],\n declarations: [\n DaffPaginatorComponent,\n ],\n exports: [\n DaffPaginatorComponent,\n ],\n})\nexport class DaffPaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-paginator.mjs","sources":["../../../libs/design/paginator/src/utils/paginator-errors.ts","../../../libs/design/paginator/src/paginator/paginator.component.ts","../../../libs/design/paginator/src/paginator/paginator.component.html","../../../libs/design/paginator/src/paginator.module.ts","../../../libs/design/paginator/src/paginator.ts","../../../libs/design/paginator/src/daffodil-design-paginator.ts"],"sourcesContent":["export const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';\nexport const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';\n","import {\n NgFor,\n NgIf,\n} from '@angular/common';\nimport {\n Component,\n Input,\n Output,\n EventEmitter,\n HostBinding,\n ElementRef,\n OnChanges,\n ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n Params,\n RouterModule,\n} from '@angular/router';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronRight,\n faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n DaffPaginatorNumberOfPagesErrorMessage,\n DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n@Component({\n selector: 'daff-paginator',\n styleUrls: ['./paginator.component.scss'],\n templateUrl: './paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n FaIconComponent,\n RouterModule,\n NgIf,\n NgFor,\n ],\n})\nexport class DaffPaginatorComponent implements OnChanges {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-paginator') class = true;\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'navigation';\n\n /**\n * @docs-private\n */\n faChevronRight = faChevronRight;\n /**\n * @docs-private\n */\n faChevronLeft = faChevronLeft;\n\n /**\n * @docs-private\n */\n _paginatorId: string;\n\n constructor(private elementRef: ElementRef) {\n const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;\n }\n\n /**\n * The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages\n * and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.\n */\n @Input() numberOfPages: number;\n\n /**\n * The currently selected page.\n */\n @Input() currentPage: number;\n\n /**\n * Replace the paginator buttons with links. `url` is required if using this mode.\n */\n @Input() linkMode = false;\n\n /**\n * The url to which to navigate if the paginator is in link mode.\n * This paginator component will set the page query param.\n */\n @Input() url?: string;\n\n /**\n * The query param to which the paginator component will set the current page value in link mode.\n */\n @Input() queryParam = 'page';\n\n /**\n * @docs-private\n */\n _numberOfPagesArray: number[];\n\n /**\n * Emits when the current page changes with the new current page.\n */\n @Output() notifyPageChange: EventEmitter<any> = new EventEmitter();\n\n /**\n * Determines when ellipsis after the first page number should show.\n *\n * @docs-private\n */\n get _showFirstEllipsis(): boolean {\n return this.currentPage >= visiblePageRange+2;\n }\n\n /**\n * Determines when ellipsis before the final page number should show.\n *\n * @docs-private\n */\n get _showLastEllipsis(): boolean {\n return this.currentPage < (this.numberOfPages - visiblePageRange);\n }\n\n /**\n * Determines when the Previous button should be disabled.\n *\n * @docs-private\n */\n get _disablePrev(): boolean {\n return this.currentPage === 1;\n }\n\n /**\n * Determines when the Next button should be disabled.\n *\n * @docs-private\n */\n get _disableNext(): boolean {\n return this.currentPage === this.numberOfPages;\n }\n\n /**\n * @docs-private\n */\n ngOnChanges() {\n if(this.numberOfPages < 1) {\n throw new Error(DaffPaginatorNumberOfPagesErrorMessage);\n } else if(this.numberOfPages < this.currentPage) {\n throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);\n }\n\n this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages-2).fill(this.numberOfPages-2).map((x,i)=>i+2);\n }\n\n /**\n * Emits the previous page number through notifyPageChange Output.\n *\n * @docs-private\n */\n _onNotifyPrevPageChange() {\n this.notifyPageChange.emit(this.currentPage - 1);\n }\n\n /**\n * Emits the next page number through notifyPageChange Output.\n *\n * @docs-private\n */\n _onNotifyNextPageChange() {\n this.notifyPageChange.emit(this.currentPage + 1);\n }\n\n /**\n * Emits a pageNumber to notifyPageChange Output.\n *\n * @docs-private\n * @param pageNumber a page number\n */\n _onNotifyPageChange(pageNumber: number) {\n this.notifyPageChange.emit(pageNumber);\n }\n\n /**\n * A simple function that determines if the given page number is the current page number.\n *\n * @docs-private\n * @param page a page number\n */\n _isSelected(page: number): boolean {\n return page === this.currentPage;\n }\n\n /**\n * Determines if the given page number should be shown. The two additional 'or' conditionals are needed\n * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).\n *\n * @docs-private\n * @param pageNumber page number to check.\n */\n _showNumber(pageNumber: number): boolean {\n return Math.abs(this.currentPage - pageNumber) < visiblePageRange\n || (this.currentPage <= visiblePageRange && pageNumber <= 2*visiblePageRange)\n || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2*visiblePageRange);\n }\n\n _buildPageQueryParams(page: number): Params {\n return {\n [this.queryParam]: page,\n };\n }\n}\n","<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n [disabled]=\"_disablePrev\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPrevPageChange()\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__previous\"\n *ngIf=\"!_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [routerLink]=\"url\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </a>\n <span class=\"daff-paginator__previous disabled\"\n *ngIf=\"_disablePrev\"\n attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(1)\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(1)\">\n <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(1)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(1)\"\n attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n <ng-container *ngIf=\"_showNumber(pageNumber)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(pageNumber)\"\n [attr.data-page-number]=\"pageNumber\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n aria-current=\"_isSelected(pageNumber)\"\n (click)=\"_onNotifyPageChange(pageNumber)\">\n <span>{{ pageNumber }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [attr.data-page-number]=\"pageNumber\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(pageNumber)\"\n attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n ><span>{{ pageNumber }}</span></a>\n </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n tabindex=\"0\"\n attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyPageChange(numberOfPages)\"\n >\n <span>{{ numberOfPages }}</span>\n </button>\n <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n [routerLink]=\"url\"\n [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n queryParamsHandling=\"merge\"\n [class.selected]=\"_isSelected(numberOfPages)\"\n attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n [disabled]=\"_disableNext\"\n tabindex=\"0\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n (click)=\"_onNotifyNextPageChange()\">\n Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n <a class=\"daff-paginator__next\"\n *ngIf=\"!_disableNext\"\n [routerLink]=\"url\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n queryParamsHandling=\"merge\"\n [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </a>\n <span class=\"daff-paginator__next disabled\"\n *ngIf=\"_disableNext\"\n attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n [attr.disabled]=\"true\">\n <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n </span>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPaginatorComponent } from './paginator/paginator.component';\n\n/**\n * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}\n */\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n FontAwesomeModule,\n DaffPaginatorComponent,\n ],\n exports: [\n DaffPaginatorComponent,\n ],\n})\nexport class DaffPaginatorModule {}\n","import { DaffPaginatorComponent } from './paginator/paginator.component';\n\nexport const DAFF_PAGINATOR_COMPONENTS = <const> [\n DaffPaginatorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}