@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
@@ -2,10 +2,9 @@ import * as i0 from '@angular/core';
2
2
  import { Component, ChangeDetectionStrategy } from '@angular/core';
3
3
  import { FaIconComponent } from '@fortawesome/angular-fontawesome';
4
4
  import { faChevronLeft, faChevronRight, faPlus, faExclamation, faExclamationTriangle, faCheckCircle } from '@fortawesome/free-solid-svg-icons';
5
- import * as i2 from '@daffodil/design';
6
- import { DaffPrefixSuffixModule } from '@daffodil/design';
7
5
  import * as i1 from '@daffodil/design/button';
8
- import { DaffButtonModule } from '@daffodil/design/button';
6
+ import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
7
+ import * as i2 from '@daffodil/design';
9
8
 
10
9
  class BasicButtonComponent {
11
10
  constructor() {
@@ -13,14 +12,13 @@ class BasicButtonComponent {
13
12
  this.faChevronRight = faChevronRight;
14
13
  }
15
14
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicButtonComponent, isStandalone: true, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 }); }
15
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicButtonComponent, isStandalone: true, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
17
16
  }
18
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicButtonComponent, decorators: [{
19
18
  type: Component,
20
19
  args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
21
- DaffButtonModule,
20
+ DAFF_BUTTON_COMPONENTS,
22
21
  FaIconComponent,
23
- DaffPrefixSuffixModule,
24
22
  ], template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
25
23
  }] });
26
24
 
@@ -30,14 +28,13 @@ class FlatButtonComponent {
30
28
  this.faChevronRight = faChevronRight;
31
29
  }
32
30
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FlatButtonComponent, isStandalone: true, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 }); }
31
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FlatButtonComponent, isStandalone: true, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
32
  }
35
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlatButtonComponent, decorators: [{
36
34
  type: Component,
37
35
  args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
38
- DaffButtonModule,
36
+ DAFF_BUTTON_COMPONENTS,
39
37
  FaIconComponent,
40
- DaffPrefixSuffixModule,
41
38
  ], template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
42
39
  }] });
43
40
 
@@ -46,11 +43,14 @@ class IconButtonComponent {
46
43
  this.faPlus = faPlus;
47
44
  }
48
45
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
49
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: IconButtonComponent, isStandalone: true, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
46
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: IconButtonComponent, isStandalone: true, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
47
  }
51
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconButtonComponent, decorators: [{
52
49
  type: Component,
53
- args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
50
+ args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
51
+ DAFF_BUTTON_COMPONENTS,
52
+ FaIconComponent,
53
+ ], template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
54
54
  }] });
55
55
 
56
56
  class RaisedButtonComponent {
@@ -59,14 +59,13 @@ class RaisedButtonComponent {
59
59
  this.faChevronRight = faChevronRight;
60
60
  }
61
61
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
62
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: RaisedButtonComponent, isStandalone: true, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 }); }
62
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: RaisedButtonComponent, isStandalone: true, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
63
63
  }
64
64
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedButtonComponent, decorators: [{
65
65
  type: Component,
66
66
  args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
67
- DaffButtonModule,
67
+ DAFF_BUTTON_COMPONENTS,
68
68
  FaIconComponent,
69
- DaffPrefixSuffixModule,
70
69
  ], template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
71
70
  }] });
72
71
 
@@ -75,11 +74,14 @@ class SizeableButtonComponent {
75
74
  this.faPlus = faPlus;
76
75
  }
77
76
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: SizeableButtonComponent, isStandalone: true, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
77
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: SizeableButtonComponent, isStandalone: true, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
79
78
  }
80
79
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SizeableButtonComponent, decorators: [{
81
80
  type: Component,
82
- args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
81
+ args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
82
+ DAFF_BUTTON_COMPONENTS,
83
+ FaIconComponent,
84
+ ], template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
83
85
  }] });
84
86
 
85
87
  class StatusableButtonComponent {
@@ -89,11 +91,14 @@ class StatusableButtonComponent {
89
91
  this.faCheckCircle = faCheckCircle;
90
92
  }
91
93
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
92
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StatusableButtonComponent, isStandalone: true, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
94
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StatusableButtonComponent, isStandalone: true, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
93
95
  }
94
96
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StatusableButtonComponent, decorators: [{
95
97
  type: Component,
96
- args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
98
+ args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
99
+ DAFF_BUTTON_COMPONENTS,
100
+ FaIconComponent,
101
+ ], template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
97
102
  }] });
98
103
 
99
104
  class StrokedButtonComponent {
@@ -102,14 +107,13 @@ class StrokedButtonComponent {
102
107
  this.faChevronRight = faChevronRight;
103
108
  }
104
109
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
105
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StrokedButtonComponent, isStandalone: true, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 }); }
110
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StrokedButtonComponent, isStandalone: true, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
106
111
  }
107
112
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedButtonComponent, decorators: [{
108
113
  type: Component,
109
114
  args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
110
- DaffButtonModule,
115
+ DAFF_BUTTON_COMPONENTS,
111
116
  FaIconComponent,
112
- DaffPrefixSuffixModule,
113
117
  ], template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
114
118
  }] });
115
119
 
@@ -119,14 +123,13 @@ class UnderlineButtonComponent {
119
123
  this.faChevronRight = faChevronRight;
120
124
  }
121
125
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
122
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: UnderlineButtonComponent, isStandalone: true, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 }); }
126
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: UnderlineButtonComponent, isStandalone: true, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
123
127
  }
124
128
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
125
129
  type: Component,
126
130
  args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
127
- DaffButtonModule,
131
+ DAFF_BUTTON_COMPONENTS,
128
132
  FaIconComponent,
129
- DaffPrefixSuffixModule,
130
133
  ], template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
131
134
  }] });
132
135
 
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-button-examples.mjs","sources":["../../../libs/design/button/examples/src/basic-button/basic-button.component.ts","../../../libs/design/button/examples/src/basic-button/basic-button.component.html","../../../libs/design/button/examples/src/flat-button/flat-button.component.ts","../../../libs/design/button/examples/src/flat-button/flat-button.component.html","../../../libs/design/button/examples/src/icon-button/icon-button.component.ts","../../../libs/design/button/examples/src/icon-button/icon-button.component.html","../../../libs/design/button/examples/src/raised-button/raised-button.component.ts","../../../libs/design/button/examples/src/raised-button/raised-button.component.html","../../../libs/design/button/examples/src/sizeable-button/sizeable-button.component.ts","../../../libs/design/button/examples/src/sizeable-button/sizeable-button.component.html","../../../libs/design/button/examples/src/statusable-button/statusable-button.component.ts","../../../libs/design/button/examples/src/statusable-button/statusable-button.component.html","../../../libs/design/button/examples/src/stroked-button/stroked-button.component.ts","../../../libs/design/button/examples/src/stroked-button/stroked-button.component.html","../../../libs/design/button/examples/src/underline-button/underline-button.component.ts","../../../libs/design/button/examples/src/underline-button/underline-button.component.html","../../../libs/design/button/examples/src/examples.ts","../../../libs/design/button/examples/src/daffodil-design-button-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-button',\n templateUrl: './basic-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffButtonModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class BasicButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'flat-button',\n templateUrl: './flat-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffButtonModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class FlatButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'icon-button',\n templateUrl: './icon-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [DaffButtonModule, FaIconComponent],\n})\nexport class IconButtonComponent {\n faPlus = faPlus;\n}\n","<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-button',\n templateUrl: './raised-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffButtonModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class RaisedButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'sizeable-button',\n templateUrl: './sizeable-button.component.html',\n styleUrls: ['./sizeable-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [DaffButtonModule, FaIconComponent],\n})\nexport class SizeableButtonComponent {\n faPlus = faPlus;\n}\n","<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faExclamation,\n faExclamationTriangle,\n faCheckCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'statusable-button',\n templateUrl: './statusable-button.component.html',\n styleUrls: ['./statusable-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [DaffButtonModule, FaIconComponent],\n})\nexport class StatusableButtonComponent {\n faExclamation = faExclamation;\n faExclamationTriangle = faExclamationTriangle;\n faCheckCircle = faCheckCircle;\n}\n","<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'stroked-button',\n templateUrl: './stroked-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffButtonModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class StrokedButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'underline-button',\n templateUrl: './underline-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffButtonModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class UnderlineButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>","import { BasicButtonComponent } from './basic-button/basic-button.component';\nimport { FlatButtonComponent } from './flat-button/flat-button.component';\nimport { IconButtonComponent } from './icon-button/icon-button.component';\nimport { RaisedButtonComponent } from './raised-button/raised-button.component';\nimport { SizeableButtonComponent } from './sizeable-button/sizeable-button.component';\nimport { StatusableButtonComponent } from './statusable-button/statusable-button.component';\nimport { StrokedButtonComponent } from './stroked-button/stroked-button.component';\nimport { UnderlineButtonComponent } from './underline-button/underline-button.component';\n\nexport const BUTTON_EXAMPLES = [\n BasicButtonComponent,\n IconButtonComponent,\n RaisedButtonComponent,\n SizeableButtonComponent,\n StatusableButtonComponent,\n StrokedButtonComponent,\n UnderlineButtonComponent,\n FlatButtonComponent,\n];\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-button-examples.mjs","sources":["../../../libs/design/button/examples/src/basic-button/basic-button.component.ts","../../../libs/design/button/examples/src/basic-button/basic-button.component.html","../../../libs/design/button/examples/src/flat-button/flat-button.component.ts","../../../libs/design/button/examples/src/flat-button/flat-button.component.html","../../../libs/design/button/examples/src/icon-button/icon-button.component.ts","../../../libs/design/button/examples/src/icon-button/icon-button.component.html","../../../libs/design/button/examples/src/raised-button/raised-button.component.ts","../../../libs/design/button/examples/src/raised-button/raised-button.component.html","../../../libs/design/button/examples/src/sizeable-button/sizeable-button.component.ts","../../../libs/design/button/examples/src/sizeable-button/sizeable-button.component.html","../../../libs/design/button/examples/src/statusable-button/statusable-button.component.ts","../../../libs/design/button/examples/src/statusable-button/statusable-button.component.html","../../../libs/design/button/examples/src/stroked-button/stroked-button.component.ts","../../../libs/design/button/examples/src/stroked-button/stroked-button.component.html","../../../libs/design/button/examples/src/underline-button/underline-button.component.ts","../../../libs/design/button/examples/src/underline-button/underline-button.component.html","../../../libs/design/button/examples/src/examples.ts","../../../libs/design/button/examples/src/daffodil-design-button-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-button',\n templateUrl: './basic-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class BasicButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'flat-button',\n templateUrl: './flat-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class FlatButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'icon-button',\n templateUrl: './icon-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class IconButtonComponent {\n faPlus = faPlus;\n}\n","<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-button',\n templateUrl: './raised-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class RaisedButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'sizeable-button',\n templateUrl: './sizeable-button.component.html',\n styleUrls: ['./sizeable-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class SizeableButtonComponent {\n faPlus = faPlus;\n}\n","<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faExclamation,\n faExclamationTriangle,\n faCheckCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'statusable-button',\n templateUrl: './statusable-button.component.html',\n styleUrls: ['./statusable-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class StatusableButtonComponent {\n faExclamation = faExclamation;\n faExclamationTriangle = faExclamationTriangle;\n faCheckCircle = faCheckCircle;\n}\n","<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'stroked-button',\n templateUrl: './stroked-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class StrokedButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faChevronLeft,\n faChevronRight,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'underline-button',\n templateUrl: './underline-button.component.html',\n styles: [`\n :host {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_BUTTON_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class UnderlineButtonComponent {\n faChevronLeft = faChevronLeft;\n faChevronRight = faChevronRight;\n}\n","<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>","import { BasicButtonComponent } from './basic-button/basic-button.component';\nimport { FlatButtonComponent } from './flat-button/flat-button.component';\nimport { IconButtonComponent } from './icon-button/icon-button.component';\nimport { RaisedButtonComponent } from './raised-button/raised-button.component';\nimport { SizeableButtonComponent } from './sizeable-button/sizeable-button.component';\nimport { StatusableButtonComponent } from './statusable-button/statusable-button.component';\nimport { StrokedButtonComponent } from './stroked-button/stroked-button.component';\nimport { UnderlineButtonComponent } from './underline-button/underline-button.component';\n\nexport const BUTTON_EXAMPLES = [\n BasicButtonComponent,\n IconButtonComponent,\n RaisedButtonComponent,\n SizeableButtonComponent,\n StatusableButtonComponent,\n StrokedButtonComponent,\n UnderlineButtonComponent,\n FlatButtonComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,12 +1,11 @@
1
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
1
+ import { NgIf, CommonModule } from '@angular/common';
2
2
  import * as i0 from '@angular/core';
3
3
  import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input, NgModule } from '@angular/core';
4
4
  import * as i2 from '@daffodil/design';
5
- import { DaffSizableDirective, daffPrefixableMixin, daffSuffixableMixin, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffColorableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
6
- import * as i3 from '@angular/common';
7
- import { CommonModule } from '@angular/common';
8
- import * as i4 from '@daffodil/design/loading-icon';
9
- import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
5
+ import { DaffSizableDirective, daffPrefixableMixin, daffSuffixableMixin, DaffPrefixSuffixModule, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffColorableDirective } from '@daffodil/design';
6
+ import { coerceBooleanProperty } from '@angular/cdk/coercion';
7
+ import * as i3 from '@daffodil/design/loading-icon';
8
+ import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
10
9
 
11
10
  class DaffButtonSizableDirective extends DaffSizableDirective {
12
11
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonSizableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
@@ -148,7 +147,7 @@ class DaffButtonComponent extends _daffButtonBase {
148
147
  return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
149
148
  }
150
149
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffButtonSizableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
151
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: { loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.daff-button": "this.button", "class.daff-stroked-button": "this.stroked", "class.daff-raised-button": "this.raised", "class.daff-flat-button": "this.flat", "class.daff-icon-button": "this.icon", "class.daff-underline-button": "this.underline", "class.daff-button--disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
150
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffButtonComponent, isStandalone: true, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: { loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.daff-button": "this.button", "class.daff-stroked-button": "this.stroked", "class.daff-raised-button": "this.raised", "class.daff-flat-button": "this.flat", "class.daff-icon-button": "this.icon", "class.daff-underline-button": "this.underline", "class.daff-button--disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "component", type: i3.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
152
151
  }
153
152
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonComponent, decorators: [{
154
153
  type: Component,
@@ -178,7 +177,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
178
177
  directive: DaffColorableDirective,
179
178
  inputs: ['color'],
180
179
  },
181
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
180
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
181
+ NgIf,
182
+ DaffPrefixSuffixModule,
183
+ DAFF_LOADING_ICON_COMPONENTS,
184
+ ], template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
182
185
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DaffButtonSizableDirective }], propDecorators: { button: [{
183
186
  type: HostBinding,
184
187
  args: ['class.daff-button']
@@ -217,25 +220,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
217
220
  args: ['attr.tabindex']
218
221
  }] } });
219
222
 
223
+ /** @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS} */
220
224
  class DaffButtonModule {
221
225
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
222
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, declarations: [DaffButtonComponent], imports: [CommonModule,
223
- DaffPrefixSuffixModule,
224
- DaffLoadingIconModule], exports: [DaffButtonComponent,
226
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
227
+ DaffButtonComponent], exports: [DaffButtonComponent,
225
228
  DaffPrefixSuffixModule] }); }
226
229
  /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
227
- DaffPrefixSuffixModule,
228
- DaffLoadingIconModule, DaffPrefixSuffixModule] }); }
230
+ DaffButtonComponent, DaffPrefixSuffixModule] }); }
229
231
  }
230
232
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffButtonModule, decorators: [{
231
233
  type: NgModule,
232
234
  args: [{
233
235
  imports: [
234
236
  CommonModule,
235
- DaffPrefixSuffixModule,
236
- DaffLoadingIconModule,
237
- ],
238
- declarations: [
239
237
  DaffButtonComponent,
240
238
  ],
241
239
  exports: [
@@ -245,9 +243,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
245
243
  }]
246
244
  }] });
247
245
 
246
+ const DAFF_BUTTON_COMPONENTS = [
247
+ DaffButtonComponent,
248
+ DaffPrefixSuffixModule,
249
+ ];
250
+
248
251
  /**
249
252
  * Generated bundle index. Do not edit.
250
253
  */
251
254
 
252
- export { DaffButtonComponent, DaffButtonModule, DaffButtonSizableDirective };
255
+ export { DAFF_BUTTON_COMPONENTS, DaffButtonComponent, DaffButtonModule, DaffButtonSizableDirective };
253
256
  //# sourceMappingURL=daffodil-design-button.mjs.map