@daffodil/design 0.77.0 → 0.78.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (468) hide show
  1. package/accordion/README.md +40 -2
  2. package/accordion/accordion/accordion/accordion.component.d.ts +1 -1
  3. package/accordion/accordion/accordion-item/accordion-item.component.d.ts +19 -8
  4. package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +1 -1
  5. package/accordion/accordion.d.ts +4 -0
  6. package/accordion/accordion.module.d.ts +6 -7
  7. package/accordion/examples/basic-accordion/basic-accordion.component.d.ts +1 -1
  8. package/accordion/examples/public_api.d.ts +0 -1
  9. package/accordion/public_api.d.ts +1 -0
  10. package/article/README.md +42 -1
  11. package/article/article/article.component.d.ts +1 -1
  12. package/article/article-meta/article-meta.directive.d.ts +1 -1
  13. package/article/article.d.ts +3 -0
  14. package/article/article.module.d.ts +5 -4
  15. package/article/public_api.d.ts +2 -1
  16. package/button/README.md +41 -0
  17. package/button/button/button.component.d.ts +1 -1
  18. package/button/button.d.ts +3 -0
  19. package/button/button.module.d.ts +4 -4
  20. package/button/public_api.d.ts +2 -1
  21. package/callout/README.md +42 -0
  22. package/callout/callout/callout.component.d.ts +1 -1
  23. package/callout/callout-body/callout-body.directive.d.ts +1 -1
  24. package/callout/callout-icon/callout-icon.directive.d.ts +1 -1
  25. package/callout/callout-subtitle/callout-subtitle.directive.d.ts +1 -1
  26. package/callout/callout-tagline/callout-tagline.directive.d.ts +1 -1
  27. package/callout/callout-title/callout-title.directive.d.ts +1 -1
  28. package/callout/callout.d.ts +7 -0
  29. package/callout/callout.module.d.ts +9 -8
  30. package/callout/public_api.d.ts +1 -0
  31. package/card/README.md +41 -0
  32. package/card/card/card.component.d.ts +1 -1
  33. package/card/card-actions/card-actions.directive.d.ts +1 -1
  34. package/card/card-content/card-content.directive.d.ts +1 -1
  35. package/card/card-icon/card-icon.directive.d.ts +1 -1
  36. package/card/card-image/card-image.directive.d.ts +1 -1
  37. package/card/card-tagline/card-tagline.directive.d.ts +1 -1
  38. package/card/card-title/card-title.directive.d.ts +1 -1
  39. package/card/card.d.ts +8 -0
  40. package/card/card.module.d.ts +12 -9
  41. package/card/public_api.d.ts +1 -0
  42. package/container/README.md +42 -1
  43. package/container/container/container.component.d.ts +1 -1
  44. package/container/container.d.ts +2 -0
  45. package/container/container.module.d.ts +6 -3
  46. package/container/public_api.d.ts +1 -0
  47. package/core/openable/openable.d.ts +13 -0
  48. package/core/openable/openable.directive.d.ts +81 -0
  49. package/core/openable/public_api.d.ts +2 -0
  50. package/core/openable/utils/state-error.d.ts +1 -0
  51. package/core/public_api.d.ts +1 -0
  52. package/esm2022/accordion/accordion/accordion/accordion.component.mjs +3 -3
  53. package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +38 -22
  54. package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +3 -2
  55. package/esm2022/accordion/accordion.mjs +9 -0
  56. package/esm2022/accordion/accordion.module.mjs +6 -14
  57. package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +6 -3
  58. package/esm2022/accordion/examples/public_api.mjs +1 -2
  59. package/esm2022/accordion/public_api.mjs +2 -1
  60. package/esm2022/article/article/article.component.mjs +3 -3
  61. package/esm2022/article/article-meta/article-meta.directive.mjs +3 -2
  62. package/esm2022/article/article.mjs +7 -0
  63. package/esm2022/article/article.module.mjs +5 -5
  64. package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +6 -4
  65. package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +6 -4
  66. package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +6 -4
  67. package/esm2022/article/examples/article-headings/article-headings.component.mjs +7 -3
  68. package/esm2022/article/examples/article-hr/article-hr.component.mjs +6 -4
  69. package/esm2022/article/examples/article-link/article-link.component.mjs +6 -4
  70. package/esm2022/article/examples/article-meta/article-meta.component.mjs +6 -4
  71. package/esm2022/article/examples/article-ol/article-ol.component.mjs +6 -4
  72. package/esm2022/article/examples/article-table/article-table.component.mjs +6 -4
  73. package/esm2022/article/examples/article-ul/article-ul.component.mjs +6 -4
  74. package/esm2022/article/public_api.mjs +3 -2
  75. package/esm2022/button/button/button.component.mjs +11 -6
  76. package/esm2022/button/button.mjs +7 -0
  77. package/esm2022/button/button.module.mjs +5 -11
  78. package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
  79. package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
  80. package/esm2022/button/examples/icon-button/icon-button.component.mjs +8 -4
  81. package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
  82. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +8 -4
  83. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +8 -4
  84. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
  85. package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
  86. package/esm2022/button/public_api.mjs +3 -2
  87. package/esm2022/callout/callout/callout.component.mjs +4 -4
  88. package/esm2022/callout/callout-body/callout-body.directive.mjs +3 -2
  89. package/esm2022/callout/callout-icon/callout-icon.directive.mjs +3 -2
  90. package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +3 -2
  91. package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +3 -2
  92. package/esm2022/callout/callout-title/callout-title.directive.mjs +3 -2
  93. package/esm2022/callout/callout.mjs +15 -0
  94. package/esm2022/callout/callout.module.mjs +5 -5
  95. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +10 -9
  96. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +8 -7
  97. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +9 -8
  98. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +9 -8
  99. package/esm2022/callout/public_api.mjs +2 -1
  100. package/esm2022/card/card/card.component.mjs +3 -3
  101. package/esm2022/card/card-actions/card-actions.directive.mjs +3 -2
  102. package/esm2022/card/card-content/card-content.directive.mjs +3 -2
  103. package/esm2022/card/card-icon/card-icon.directive.mjs +3 -2
  104. package/esm2022/card/card-image/card-image.directive.mjs +3 -2
  105. package/esm2022/card/card-tagline/card-tagline.directive.mjs +3 -2
  106. package/esm2022/card/card-title/card-title.directive.mjs +3 -2
  107. package/esm2022/card/card.mjs +17 -0
  108. package/esm2022/card/card.module.mjs +7 -5
  109. package/esm2022/card/examples/basic-card/basic-card.component.mjs +9 -8
  110. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +10 -9
  111. package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
  112. package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +6 -6
  113. package/esm2022/card/examples/raised-card/raised-card.component.mjs +6 -6
  114. package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +6 -6
  115. package/esm2022/card/public_api.mjs +2 -1
  116. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
  117. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
  118. package/esm2022/container/container/container.component.mjs +3 -3
  119. package/esm2022/container/container.mjs +5 -0
  120. package/esm2022/container/container.module.mjs +6 -4
  121. package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
  122. package/esm2022/container/public_api.mjs +2 -1
  123. package/esm2022/core/openable/openable.directive.mjs +122 -0
  124. package/esm2022/core/openable/openable.mjs +2 -0
  125. package/esm2022/core/openable/public_api.mjs +2 -0
  126. package/esm2022/core/openable/utils/state-error.mjs +2 -0
  127. package/esm2022/core/public_api.mjs +2 -1
  128. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +7 -6
  129. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +10 -9
  130. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +8 -7
  131. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +9 -8
  132. package/esm2022/hero/hero/hero.component.mjs +4 -7
  133. package/esm2022/hero/hero-body/hero-body.directive.mjs +3 -2
  134. package/esm2022/hero/hero-icon/hero-icon.directive.mjs +3 -2
  135. package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +3 -2
  136. package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +3 -2
  137. package/esm2022/hero/hero-title/hero-title.directive.mjs +3 -2
  138. package/esm2022/hero/hero.mjs +15 -0
  139. package/esm2022/hero/hero.module.mjs +7 -5
  140. package/esm2022/hero/public_api.mjs +2 -1
  141. package/esm2022/image/examples/basic-image/basic-image.component.mjs +6 -4
  142. package/esm2022/image/examples/load-image/load-image.component.mjs +7 -4
  143. package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +6 -4
  144. package/esm2022/image/image/image.component.mjs +3 -3
  145. package/esm2022/image/image.mjs +5 -0
  146. package/esm2022/image/image.module.mjs +7 -5
  147. package/esm2022/image/public_api.mjs +2 -1
  148. package/esm2022/link-set/link-set/link-set.component.mjs +3 -3
  149. package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +3 -2
  150. package/esm2022/link-set/link-set-item/link-set-item.component.mjs +3 -2
  151. package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +3 -2
  152. package/esm2022/link-set/link-set.mjs +11 -0
  153. package/esm2022/link-set/link-set.module.mjs +8 -6
  154. package/esm2022/link-set/public_api.mjs +2 -1
  155. package/esm2022/list/examples/basic-list/basic-list.component.mjs +7 -4
  156. package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -6
  157. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +7 -4
  158. package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -6
  159. package/esm2022/list/list/list.component.mjs +3 -3
  160. package/esm2022/list/list-item/list-item.component.mjs +8 -5
  161. package/esm2022/list/list.mjs +9 -0
  162. package/esm2022/list/list.module.mjs +8 -8
  163. package/esm2022/list/public_api.mjs +2 -1
  164. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
  165. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +6 -4
  166. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
  167. package/esm2022/loading-icon/loading-icon.mjs +5 -0
  168. package/esm2022/loading-icon/loading-icon.module.mjs +6 -4
  169. package/esm2022/loading-icon/public_api.mjs +2 -1
  170. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +8 -5
  171. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +8 -5
  172. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +8 -5
  173. package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +9 -5
  174. package/esm2022/media-gallery/media-gallery.mjs +9 -0
  175. package/esm2022/media-gallery/media-gallery.module.mjs +11 -9
  176. package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +3 -2
  177. package/esm2022/media-gallery/public_api.mjs +2 -1
  178. package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +3 -2
  179. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +9 -5
  180. package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +6 -3
  181. package/esm2022/menu/menu/menu.component.mjs +6 -3
  182. package/esm2022/menu/menu-activator/menu-activator.component.mjs +3 -2
  183. package/esm2022/menu/menu-item/menu-item.component.mjs +8 -5
  184. package/esm2022/menu/menu.module.mjs +8 -7
  185. package/esm2022/menu/services/menu.service.mjs +8 -7
  186. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +13 -5
  187. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +9 -5
  188. package/esm2022/modal/modal/modal.component.mjs +47 -21
  189. package/esm2022/modal/modal-actions/modal-actions.component.mjs +3 -2
  190. package/esm2022/modal/modal-close/modal-close.directive.mjs +3 -2
  191. package/esm2022/modal/modal-content/modal-content.component.mjs +3 -2
  192. package/esm2022/modal/modal-header/modal-header.component.mjs +14 -7
  193. package/esm2022/modal/modal-title/modal-title.directive.mjs +3 -2
  194. package/esm2022/modal/modal.mjs +13 -0
  195. package/esm2022/modal/modal.module.mjs +17 -11
  196. package/esm2022/modal/public_api.mjs +2 -1
  197. package/esm2022/modal/service/modal.service.mjs +7 -5
  198. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +9 -5
  199. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +9 -8
  200. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +8 -7
  201. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +9 -5
  202. package/esm2022/navbar/navbar/navbar.component.mjs +3 -6
  203. package/esm2022/navbar/navbar.mjs +5 -0
  204. package/esm2022/navbar/navbar.module.mjs +10 -4
  205. package/esm2022/navbar/public_api.mjs +2 -1
  206. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +6 -6
  207. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +4 -4
  208. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +6 -6
  209. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +6 -6
  210. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +6 -6
  211. package/esm2022/notification/notification/notification.component.mjs +10 -6
  212. package/esm2022/notification/notification-actions/notification-actions.directive.mjs +3 -2
  213. package/esm2022/notification/notification-message/notification-message.directive.mjs +3 -2
  214. package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +3 -2
  215. package/esm2022/notification/notification-title/notification-title.directive.mjs +3 -2
  216. package/esm2022/notification/notification.mjs +15 -0
  217. package/esm2022/notification/notification.module.mjs +11 -8
  218. package/esm2022/notification/public_api.mjs +2 -1
  219. package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
  220. package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
  221. package/esm2022/paginator/paginator/paginator.component.mjs +12 -9
  222. package/esm2022/paginator/paginator.mjs +5 -0
  223. package/esm2022/paginator/paginator.module.mjs +9 -6
  224. package/esm2022/paginator/public_api.mjs +2 -1
  225. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +6 -4
  226. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +6 -4
  227. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +7 -4
  228. package/esm2022/progress-bar/progress-bar-label/progress-bar-label.directive.mjs +20 -0
  229. package/esm2022/progress-bar/progress-bar.component.mjs +5 -3
  230. package/esm2022/progress-bar/progress-bar.mjs +7 -0
  231. package/esm2022/progress-bar/progress-bar.module.mjs +11 -4
  232. package/esm2022/progress-bar/public_api.mjs +3 -1
  233. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +6 -4
  234. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +9 -8
  235. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -5
  236. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +6 -4
  237. package/esm2022/sidebar/public_api.mjs +2 -1
  238. package/esm2022/sidebar/sidebar/sidebar.component.mjs +35 -15
  239. package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
  240. package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +3 -2
  241. package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +3 -2
  242. package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
  243. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +22 -38
  244. package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +6 -6
  245. package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +3 -3
  246. package/esm2022/sidebar/sidebar.mjs +17 -0
  247. package/esm2022/sidebar/sidebar.module.mjs +8 -6
  248. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +7 -4
  249. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +8 -4
  250. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +12 -7
  251. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +7 -4
  252. package/esm2022/toast/public_api.mjs +2 -1
  253. package/esm2022/toast/service/toast.service.mjs +9 -10
  254. package/esm2022/toast/toast/toast-provider.mjs +7 -0
  255. package/esm2022/toast/toast/toast-template.component.mjs +30 -12
  256. package/esm2022/toast/toast/toast.component.mjs +6 -9
  257. package/esm2022/toast/toast-actions/toast-actions.directive.mjs +3 -2
  258. package/esm2022/toast/toast-message/toast-message.directive.mjs +3 -2
  259. package/esm2022/toast/toast-title/toast-title.directive.mjs +3 -2
  260. package/esm2022/toast/toast.module.mjs +10 -11
  261. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +7 -4
  262. package/esm2022/tree/public_api.mjs +2 -2
  263. package/esm2022/tree/tree/tree.component.mjs +8 -5
  264. package/esm2022/tree/tree-item/tree-item.directive.mjs +3 -2
  265. package/esm2022/tree/tree.mjs +7 -0
  266. package/esm2022/tree/tree.module.mjs +9 -7
  267. package/fesm2022/daffodil-design-accordion-examples.mjs +7 -26
  268. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  269. package/fesm2022/daffodil-design-accordion.mjs +52 -38
  270. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  271. package/fesm2022/daffodil-design-article-examples.mjs +41 -21
  272. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  273. package/fesm2022/daffodil-design-article.mjs +15 -9
  274. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  275. package/fesm2022/daffodil-design-button-examples.mjs +27 -24
  276. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  277. package/fesm2022/daffodil-design-button.mjs +21 -18
  278. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  279. package/fesm2022/daffodil-design-callout-examples.mjs +20 -19
  280. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  281. package/fesm2022/daffodil-design-callout.mjs +27 -13
  282. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  283. package/fesm2022/daffodil-design-card-examples.mjs +23 -22
  284. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  285. package/fesm2022/daffodil-design-card.mjs +31 -13
  286. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  287. package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -5
  288. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  289. package/fesm2022/daffodil-design-container-examples.mjs +3 -3
  290. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  291. package/fesm2022/daffodil-design-container.mjs +12 -6
  292. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  293. package/fesm2022/daffodil-design-hero-examples.mjs +19 -18
  294. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  295. package/fesm2022/daffodil-design-hero.mjs +29 -16
  296. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  297. package/fesm2022/daffodil-design-image-examples.mjs +14 -7
  298. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  299. package/fesm2022/daffodil-design-image.mjs +13 -7
  300. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  301. package/fesm2022/daffodil-design-link-set.mjs +23 -11
  302. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  303. package/fesm2022/daffodil-design-list-examples.mjs +14 -13
  304. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  305. package/fesm2022/daffodil-design-list.mjs +22 -14
  306. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  307. package/fesm2022/daffodil-design-loading-icon-examples.mjs +7 -5
  308. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  309. package/fesm2022/daffodil-design-loading-icon.mjs +12 -6
  310. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  311. package/fesm2022/daffodil-design-media-gallery-examples.mjs +17 -8
  312. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  313. package/fesm2022/daffodil-design-media-gallery.mjs +70 -57
  314. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  315. package/fesm2022/daffodil-design-menu-examples.mjs +12 -5
  316. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  317. package/fesm2022/daffodil-design-menu.mjs +55 -48
  318. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  319. package/fesm2022/daffodil-design-modal-examples.mjs +17 -6
  320. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  321. package/fesm2022/daffodil-design-modal.mjs +96 -49
  322. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  323. package/fesm2022/daffodil-design-navbar-examples.mjs +22 -15
  324. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  325. package/fesm2022/daffodil-design-navbar.mjs +16 -9
  326. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  327. package/fesm2022/daffodil-design-notification-examples.mjs +16 -16
  328. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  329. package/fesm2022/daffodil-design-notification.mjs +37 -19
  330. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  331. package/fesm2022/daffodil-design-paginator-examples.mjs +5 -5
  332. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  333. package/fesm2022/daffodil-design-paginator.mjs +23 -16
  334. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  335. package/fesm2022/daffodil-design-progress-bar-examples.mjs +14 -7
  336. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  337. package/fesm2022/daffodil-design-progress-bar.mjs +38 -8
  338. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  339. package/fesm2022/daffodil-design-sidebar-examples.mjs +19 -14
  340. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  341. package/fesm2022/daffodil-design-sidebar.mjs +86 -68
  342. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  343. package/fesm2022/daffodil-design-toast-examples.mjs +23 -11
  344. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  345. package/fesm2022/daffodil-design-toast.mjs +146 -127
  346. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  347. package/fesm2022/daffodil-design-tree-examples.mjs +6 -3
  348. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  349. package/fesm2022/daffodil-design-tree.mjs +23 -35
  350. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  351. package/fesm2022/daffodil-design.mjs +123 -2
  352. package/fesm2022/daffodil-design.mjs.map +1 -1
  353. package/hero/README.md +41 -0
  354. package/hero/hero/hero.component.d.ts +1 -4
  355. package/hero/hero-body/hero-body.directive.d.ts +1 -1
  356. package/hero/hero-icon/hero-icon.directive.d.ts +1 -1
  357. package/hero/hero-subtitle/hero-subtitle.directive.d.ts +1 -1
  358. package/hero/hero-tagline/hero-tagline.directive.d.ts +1 -1
  359. package/hero/hero-title/hero-title.directive.d.ts +1 -1
  360. package/hero/hero.d.ts +7 -0
  361. package/hero/hero.module.d.ts +11 -8
  362. package/hero/public_api.d.ts +1 -0
  363. package/image/README.md +43 -7
  364. package/image/image/image.component.d.ts +1 -1
  365. package/image/image.d.ts +2 -0
  366. package/image/image.module.d.ts +6 -3
  367. package/image/public_api.d.ts +1 -0
  368. package/link-set/README.md +42 -1
  369. package/link-set/link-set/link-set.component.d.ts +1 -1
  370. package/link-set/link-set-heading/link-set-heading.directive.d.ts +1 -1
  371. package/link-set/link-set-item/link-set-item.component.d.ts +1 -1
  372. package/link-set/link-set-subheading/link-set-subheading.directive.d.ts +1 -1
  373. package/link-set/link-set.d.ts +5 -0
  374. package/link-set/link-set.module.d.ts +9 -6
  375. package/link-set/public_api.d.ts +1 -0
  376. package/list/README.md +42 -1
  377. package/list/list/list.component.d.ts +1 -1
  378. package/list/list-item/list-item.component.d.ts +1 -1
  379. package/list/list.d.ts +4 -0
  380. package/list/list.module.d.ts +7 -4
  381. package/list/public_api.d.ts +1 -0
  382. package/loading-icon/README.md +41 -0
  383. package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -1
  384. package/loading-icon/loading-icon.d.ts +2 -0
  385. package/loading-icon/loading-icon.module.d.ts +6 -3
  386. package/loading-icon/public_api.d.ts +1 -0
  387. package/media-gallery/README.md +41 -0
  388. package/media-gallery/media-gallery/media-gallery.component.d.ts +1 -1
  389. package/media-gallery/media-gallery.d.ts +4 -0
  390. package/media-gallery/media-gallery.module.d.ts +8 -5
  391. package/media-gallery/media-renderer/media-renderer.component.d.ts +1 -1
  392. package/media-gallery/public_api.d.ts +1 -0
  393. package/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
  394. package/menu/README.md +23 -0
  395. package/menu/menu/menu.component.d.ts +1 -1
  396. package/menu/menu-activator/menu-activator.component.d.ts +1 -1
  397. package/menu/menu-item/menu-item.component.d.ts +1 -1
  398. package/menu/menu.module.d.ts +6 -6
  399. package/menu/services/menu.service.d.ts +3 -2
  400. package/modal/README.md +41 -0
  401. package/modal/modal/modal.component.d.ts +20 -8
  402. package/modal/modal-actions/modal-actions.component.d.ts +1 -1
  403. package/modal/modal-close/modal-close.directive.d.ts +1 -1
  404. package/modal/modal-content/modal-content.component.d.ts +1 -1
  405. package/modal/modal-header/modal-header.component.d.ts +1 -1
  406. package/modal/modal-title/modal-title.directive.d.ts +1 -1
  407. package/modal/modal.d.ts +6 -0
  408. package/modal/modal.module.d.ts +15 -12
  409. package/modal/public_api.d.ts +1 -0
  410. package/navbar/README.md +41 -0
  411. package/navbar/navbar/navbar.component.d.ts +1 -4
  412. package/navbar/navbar.d.ts +2 -0
  413. package/navbar/navbar.module.d.ts +6 -2
  414. package/navbar/public_api.d.ts +1 -0
  415. package/notification/README.md +41 -0
  416. package/notification/notification/notification.component.d.ts +1 -1
  417. package/notification/notification-actions/notification-actions.directive.d.ts +1 -1
  418. package/notification/notification-message/notification-message.directive.d.ts +1 -1
  419. package/notification/notification-subtitle/notification-subtitle.directive.d.ts +1 -1
  420. package/notification/notification-title/notification-title.directive.d.ts +1 -1
  421. package/notification/notification.d.ts +7 -0
  422. package/notification/notification.module.d.ts +12 -9
  423. package/notification/public_api.d.ts +1 -0
  424. package/package.json +1 -1
  425. package/paginator/README.md +45 -4
  426. package/paginator/paginator/paginator.component.d.ts +1 -4
  427. package/paginator/paginator.d.ts +2 -0
  428. package/paginator/paginator.module.d.ts +8 -5
  429. package/paginator/public_api.d.ts +1 -0
  430. package/progress-bar/README.md +41 -0
  431. package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +6 -0
  432. package/progress-bar/progress-bar.component.d.ts +1 -1
  433. package/progress-bar/progress-bar.d.ts +3 -0
  434. package/progress-bar/progress-bar.module.d.ts +7 -3
  435. package/progress-bar/public_api.d.ts +2 -0
  436. package/sidebar/README.md +78 -20
  437. package/sidebar/public_api.d.ts +1 -0
  438. package/sidebar/sidebar/sidebar.component.d.ts +19 -8
  439. package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +1 -1
  440. package/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.d.ts +1 -1
  441. package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +1 -1
  442. package/sidebar/sidebar-header/sidebar-header.component.d.ts +1 -1
  443. package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +5 -17
  444. package/sidebar/sidebar-viewport/utils/content-pad.d.ts +2 -2
  445. package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +1 -1
  446. package/sidebar/sidebar.d.ts +8 -0
  447. package/sidebar/sidebar.module.d.ts +13 -10
  448. package/toast/README.md +108 -33
  449. package/toast/public_api.d.ts +1 -0
  450. package/toast/service/toast.service.d.ts +4 -3
  451. package/toast/src/toast-theme.scss +1 -1
  452. package/toast/toast/toast-provider.d.ts +2 -0
  453. package/toast/toast/toast-template.component.d.ts +1 -1
  454. package/toast/toast/toast.component.d.ts +1 -3
  455. package/toast/toast-actions/toast-actions.directive.d.ts +1 -1
  456. package/toast/toast-message/toast-message.directive.d.ts +1 -1
  457. package/toast/toast-title/toast-title.directive.d.ts +1 -1
  458. package/toast/toast.module.d.ts +14 -12
  459. package/tree/README.md +41 -0
  460. package/tree/public_api.d.ts +1 -2
  461. package/tree/tree/tree.component.d.ts +1 -1
  462. package/tree/tree-item/tree-item.directive.d.ts +1 -1
  463. package/tree/tree.d.ts +3 -0
  464. package/tree/tree.module.d.ts +7 -4
  465. package/accordion/examples/accordion-examples.module.d.ts +0 -9
  466. package/esm2022/accordion/examples/accordion-examples.module.mjs +0 -26
  467. package/esm2022/tree/utils/transform-in-place.mjs +0 -23
  468. package/tree/utils/transform-in-place.d.ts +0 -15
@@ -1,10 +1,13 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./media-gallery/media-gallery.component";
3
- import * as i2 from "./thumbnail/thumbnail.directive";
4
- import * as i3 from "./media-renderer/media-renderer.component";
5
- import * as i4 from "@angular/common";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "./media-gallery/media-gallery.component";
4
+ import * as i3 from "./thumbnail/thumbnail.directive";
5
+ import * as i4 from "./media-renderer/media-renderer.component";
6
+ /**
7
+ * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}
8
+ */
6
9
  export declare class DaffMediaGalleryModule {
7
10
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, [typeof i1.DaffMediaGalleryComponent, typeof i2.DaffThumbnailDirective, typeof i3.DaffMediaRendererComponent], [typeof i4.CommonModule], [typeof i2.DaffThumbnailDirective, typeof i1.DaffMediaGalleryComponent]>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1.CommonModule, typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective, typeof i4.DaffMediaRendererComponent], [typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective]>;
9
12
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
10
13
  }
@@ -25,5 +25,5 @@ export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
25
25
  */
26
26
  ngOnDestroy(): void;
27
27
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, false, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
29
29
  }
@@ -2,3 +2,4 @@ export * from './media-gallery/media-gallery.component';
2
2
  export * from './media-gallery.module';
3
3
  export * from './thumbnail/thumbnail.directive';
4
4
  export { daffThumbnailCompatToken } from './thumbnail/thumbnail-compat.token';
5
+ export { DAFF_MEDIA_GALLERY_COMPONENTS } from './media-gallery';
@@ -40,5 +40,5 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
40
40
  select(): this;
41
41
  deselect(): this;
42
42
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
43
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never, false, never>;
43
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never, true, never>;
44
44
  }
package/menu/README.md CHANGED
@@ -7,6 +7,29 @@ Menus only appear when a user interacts with a menu activator button. They shoul
7
7
  ## Basic Menu
8
8
  <design-land-example-viewer-container example="basic-menu"></design-land-example-viewer-container>
9
9
 
10
+ ## Usage
11
+
12
+ To use menu, import `DaffMenuModule` into your custom module:
13
+
14
+ ```ts
15
+ import { NgModule } from '@angular/core';
16
+
17
+ import { DaffMenuModule } from '@daffodil/design/menu';
18
+
19
+ @NgModule({
20
+ declarations: [
21
+ CustomComponent,
22
+ ],
23
+ exports: [
24
+ CustomComponent,
25
+ ],
26
+ imports: [
27
+ DaffMenuModule,
28
+ ],
29
+ })
30
+ export class CustomComponentModule { }
31
+ ```
32
+
10
33
  ## Supported Content Types
11
34
 
12
35
  ### Menu Item
@@ -15,5 +15,5 @@ export declare class DaffMenuComponent implements AfterContentInit, AfterViewIni
15
15
  ngAfterContentInit(): void;
16
16
  ngAfterViewInit(): void;
17
17
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], false, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], true, never>;
19
19
  }
@@ -14,5 +14,5 @@ export declare class DaffMenuActivatorDirective implements OnDestroy {
14
14
  focus(): void;
15
15
  openMenu(event: any): void;
16
16
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuActivatorDirective, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, false, never>;
17
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, true, never>;
18
18
  }
@@ -16,5 +16,5 @@ export declare class DaffMenuItemComponent {
16
16
  */
17
17
  _prefix: DaffPrefixDirective;
18
18
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuItemComponent, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"], false, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
20
20
  }
@@ -1,11 +1,11 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./menu-activator/menu-activator.component";
3
- import * as i2 from "./menu/menu.component";
4
- import * as i3 from "./menu-item/menu-item.component";
5
- import * as i4 from "@angular/common";
6
- import * as i5 from "@angular/cdk/overlay";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "@angular/cdk/overlay";
4
+ import * as i3 from "./menu-activator/menu-activator.component";
5
+ import * as i4 from "./menu/menu.component";
6
+ import * as i5 from "./menu-item/menu-item.component";
7
7
  export declare class DaffMenuModule {
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, [typeof i1.DaffMenuActivatorDirective, typeof i2.DaffMenuComponent, typeof i3.DaffMenuItemComponent], [typeof i4.CommonModule, typeof i5.OverlayModule], [typeof i1.DaffMenuActivatorDirective, typeof i2.DaffMenuComponent, typeof i3.DaffMenuItemComponent]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent], [typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent]>;
10
10
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffMenuModule>;
11
11
  }
@@ -1,5 +1,5 @@
1
1
  import { Overlay, OverlayRef } from '@angular/cdk/overlay';
2
- import { ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
2
+ import { ElementRef, Injector, TemplateRef, Type, ViewContainerRef } from '@angular/core';
3
3
  import { Observable } from 'rxjs';
4
4
  import { DaffLazyComponent } from '@daffodil/design';
5
5
  import * as i0 from "@angular/core";
@@ -10,11 +10,12 @@ export interface DaffActivatedMenu {
10
10
  export type DaffMenuSlot = TemplateRef<unknown> | DaffLazyComponent | Type<unknown>;
11
11
  export declare class DaffMenuService {
12
12
  protected overlay: Overlay;
13
+ private injector;
13
14
  protected _overlay: OverlayRef | null;
14
15
  private _activator;
15
16
  private $_open;
16
17
  open$: Observable<boolean>;
17
- constructor(overlay: Overlay);
18
+ constructor(overlay: Overlay, injector: Injector);
18
19
  protected _createOverlay(activatorElement: ViewContainerRef, component: DaffMenuSlot): Promise<void>;
19
20
  protected _destroyOverlay(): void;
20
21
  close(): void;
package/modal/README.md CHANGED
@@ -4,6 +4,47 @@ Modal is a dynamically rendered element that floats above the rest of a page's c
4
4
  ## Basic Modal
5
5
  <design-land-example-viewer-container example="basic-modal"></design-land-example-viewer-container>
6
6
 
7
+ ## Usage
8
+
9
+ ### Within a standalone component
10
+ To use modal in a standalone component, import `DAFF_MODAL_COMPONENTS` directly into your custom component:
11
+
12
+ ```ts
13
+ @Component({
14
+ selector: 'custom-component',
15
+ templateUrl: './custom-component.component.html',
16
+ standalone: true,
17
+ imports: [
18
+ DAFF_MODAL_COMPONENTS,
19
+ ],
20
+ })
21
+ export class CustomComponent {}
22
+ ```
23
+
24
+ ### Within a module (deprecated)
25
+ To use modal in a module, import `DaffModalModule` into your custom module:
26
+
27
+ ```ts
28
+ import { NgModule } from '@angular/core';
29
+
30
+ import { DaffModalModule } from '@daffodil/design/modal';
31
+
32
+ @NgModule({
33
+ declarations: [
34
+ CustomComponent,
35
+ ],
36
+ exports: [
37
+ CustomComponent,
38
+ ],
39
+ imports: [
40
+ DaffModalModule,
41
+ ],
42
+ })
43
+ export class CustomComponentModule { }
44
+ ```
45
+
46
+ > This method is deprecated. It's recommended to update all custom components to standalone.
47
+
7
48
  ## Supported Content Types
8
49
  A modal includes minimally pre-styled components and directives to help structure the content in your modal.
9
50
 
@@ -2,12 +2,15 @@ import { AnimationEvent } from '@angular/animations';
2
2
  import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
3
3
  import { ComponentPortal } from '@angular/cdk/portal';
4
4
  import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit } from '@angular/core';
5
+ import { DaffOpenable, DaffOpenableDirective } from '@daffodil/design';
5
6
  import { DaffModalService } from '../service/modal.service';
6
7
  import * as i0 from "@angular/core";
7
- export declare class DaffModalComponent implements AfterContentInit, AfterViewInit {
8
+ import * as i1 from "@daffodil/design";
9
+ export declare class DaffModalComponent implements AfterContentInit, AfterViewInit, DaffOpenable {
8
10
  private modalService;
9
11
  private _focusTrapFactory;
10
- private _elementRef;
12
+ private elementRef;
13
+ private openDirective;
11
14
  /**
12
15
  * Sets a class of .daff-modal to the host element.
13
16
  */
@@ -28,10 +31,6 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
28
31
  */
29
32
  get ariaLabelledBy(): string;
30
33
  set ariaLabelledBy(value: string);
31
- /**
32
- * Dictates whether or not a modal is open or closed.
33
- */
34
- open: boolean;
35
34
  /**
36
35
  * The CDK Portal outlet used to portal content into the modal.
37
36
  */
@@ -49,7 +48,7 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
49
48
  */
50
49
  onEscape(): void;
51
50
  private _focusTrap;
52
- constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef<HTMLElement>);
51
+ constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, elementRef: ElementRef<HTMLElement>, openDirective: DaffOpenableDirective);
53
52
  ngAfterContentInit(): void;
54
53
  ngAfterViewInit(): void;
55
54
  /**
@@ -65,6 +64,19 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
65
64
  * so that the animation does not clip as the element is removed.
66
65
  */
67
66
  animationDone(e: AnimationEvent): void;
67
+ get open(): boolean;
68
+ /**
69
+ * Reveals the modal
70
+ */
71
+ reveal(): void;
72
+ /**
73
+ * Hides the modal
74
+ */
75
+ hide(): void;
76
+ /**
77
+ * Toggles the visibility of the modal
78
+ */
79
+ toggle(): void;
68
80
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalComponent, never>;
69
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, { "open": { "alias": "open"; "required": false; }; }, {}, never, never, false, never>;
81
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }]>;
70
82
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffModalActionsComponent {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalActionsComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], true, never>;
6
6
  }
@@ -20,5 +20,5 @@ export declare class DaffModalCloseDirective {
20
20
  */
21
21
  typeAttribute: string;
22
22
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalCloseDirective, [null, { optional: true; }]>;
23
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, false, never>;
23
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, true, never>;
24
24
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffModalContentComponent {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalContentComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], true, never>;
6
6
  }
@@ -10,5 +10,5 @@ export declare class DaffModalHeaderComponent {
10
10
  */
11
11
  dismissible: boolean;
12
12
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalHeaderComponent, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], false, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], true, never>;
14
14
  }
@@ -16,5 +16,5 @@ export declare class DaffModalTitleDirective {
16
16
  get uniqueId(): string;
17
17
  constructor(modal: DaffModalComponent);
18
18
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;
19
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, false, never>;
19
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, true, never>;
20
20
  }
@@ -0,0 +1,6 @@
1
+ import { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
2
+ import { DaffModalCloseDirective } from './modal-close/modal-close.directive';
3
+ import { DaffModalContentComponent } from './modal-content/modal-content.component';
4
+ import { DaffModalHeaderComponent } from './modal-header/modal-header.component';
5
+ import { DaffModalTitleDirective } from './modal-title/modal-title.directive';
6
+ export declare const DAFF_MODAL_COMPONENTS: readonly [typeof DaffModalHeaderComponent, typeof DaffModalTitleDirective, typeof DaffModalContentComponent, typeof DaffModalActionsComponent, typeof DaffModalCloseDirective];
@@ -1,17 +1,20 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./modal/modal.component";
3
- import * as i2 from "./modal-header/modal-header.component";
4
- import * as i3 from "./modal-title/modal-title.directive";
5
- import * as i4 from "./modal-content/modal-content.component";
6
- import * as i5 from "./modal-actions/modal-actions.component";
7
- import * as i6 from "./modal-close/modal-close.directive";
8
- import * as i7 from "@angular/common";
9
- import * as i8 from "@angular/cdk/portal";
10
- import * as i9 from "@angular/cdk/overlay";
11
- import * as i10 from "@daffodil/design/button";
12
- import * as i11 from "@fortawesome/angular-fontawesome";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "@angular/cdk/portal";
4
+ import * as i3 from "@angular/cdk/overlay";
5
+ import * as i4 from "@daffodil/design/button";
6
+ import * as i5 from "@fortawesome/angular-fontawesome";
7
+ import * as i6 from "./modal/modal.component";
8
+ import * as i7 from "./modal-header/modal-header.component";
9
+ import * as i8 from "./modal-title/modal-title.directive";
10
+ import * as i9 from "./modal-content/modal-content.component";
11
+ import * as i10 from "./modal-actions/modal-actions.component";
12
+ import * as i11 from "./modal-close/modal-close.directive";
13
+ /**
14
+ * @deprecated in favor of {@link DAFF_MODAL_COMPONENTS}
15
+ */
13
16
  export declare class DaffModalModule {
14
17
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, [typeof i1.DaffModalComponent, typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective], [typeof i7.CommonModule, typeof i8.PortalModule, typeof i9.OverlayModule, typeof i10.DaffButtonModule, typeof i11.FontAwesomeModule], [typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective]>;
18
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.OverlayModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective], [typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective]>;
16
19
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffModalModule>;
17
20
  }
@@ -7,3 +7,4 @@ export { DaffModalTitleDirective } from './modal-title/modal-title.directive';
7
7
  export { DaffModalContentComponent } from './modal-content/modal-content.component';
8
8
  export { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
9
9
  export { DaffModalCloseDirective } from './modal-close/modal-close.directive';
10
+ export { DAFF_MODAL_COMPONENTS } from './modal';
package/navbar/README.md CHANGED
@@ -7,6 +7,47 @@ The navbar contains minimal layout styles, allowing the content within it to be
7
7
  ## Basic Navbar
8
8
  <design-land-example-viewer-container example="basic-navbar"></design-land-example-viewer-container>
9
9
 
10
+ ## Usage
11
+
12
+ ### Within a standalone component
13
+ To use navbar in a standalone component, import `DAFF_NAVBAR_COMPONENTS` directly into your custom component:
14
+
15
+ ```ts
16
+ @Component({
17
+ selector: 'custom-component',
18
+ templateUrl: './custom-component.component.html',
19
+ standalone: true,
20
+ imports: [
21
+ DAFF_NAVBAR_COMPONENTS,
22
+ ],
23
+ })
24
+ export class CustomComponent {}
25
+ ```
26
+
27
+ ### Within a module (deprecated)
28
+ To use navbar in a module, import `DaffNavbarModule` into your custom module:
29
+
30
+ ```ts
31
+ import { NgModule } from '@angular/core';
32
+
33
+ import { DaffNavbarModule } from '@daffodil/design/navbar';
34
+
35
+ @NgModule({
36
+ declarations: [
37
+ CustomComponent,
38
+ ],
39
+ exports: [
40
+ CustomComponent,
41
+ ],
42
+ imports: [
43
+ DaffNavbarModule,
44
+ ],
45
+ })
46
+ export class CustomComponentModule { }
47
+ ```
48
+
49
+ > This method is deprecated. It's recommended to update all custom components to standalone.
50
+
10
51
  ## Theming
11
52
  The default background color of a navbar is light gray, but it can be updated to one of the supported colors by using the `color` property.
12
53
 
@@ -1,8 +1,5 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "@daffodil/design";
3
- /**
4
- * @inheritdoc
5
- */
6
3
  export declare class DaffNavbarComponent {
7
4
  raised: boolean;
8
5
  /**
@@ -14,5 +11,5 @@ export declare class DaffNavbarComponent {
14
11
  */
15
12
  hostClass: boolean;
16
13
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
18
15
  }
@@ -0,0 +1,2 @@
1
+ import { DaffNavbarComponent } from './navbar/navbar.component';
2
+ export declare const DAFF_NAVBAR_COMPONENTS: readonly [typeof DaffNavbarComponent];
@@ -1,7 +1,11 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./navbar/navbar.component";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "./navbar/navbar.component";
4
+ /**
5
+ * @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS}
6
+ */
3
7
  export declare class DaffNavbarModule {
4
8
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, [typeof i1.DaffNavbarComponent], never, [typeof i1.DaffNavbarComponent]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, never, [typeof i1.CommonModule, typeof i2.DaffNavbarComponent], [typeof i2.DaffNavbarComponent]>;
6
10
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffNavbarModule>;
7
11
  }
@@ -1,2 +1,3 @@
1
1
  export { DaffNavbarModule } from './navbar.module';
2
2
  export * from './navbar/navbar.component';
3
+ export { DAFF_NAVBAR_COMPONENTS } from './navbar';
@@ -7,6 +7,47 @@ Notifications are used to display short messages that provide context in close p
7
7
  ### Default Notification
8
8
  <design-land-example-viewer-container example="default-notification"></design-land-example-viewer-container>
9
9
 
10
+ ## Usage
11
+
12
+ ### Within a standalone component
13
+ To use notification in a standalone component, import `DAFF_NOTIFICATION_COMPONENTS` directly into your custom component:
14
+
15
+ ```ts
16
+ @Component({
17
+ selector: 'custom-component',
18
+ templateUrl: './custom-component.component.html',
19
+ standalone: true,
20
+ imports: [
21
+ DAFF_NOTIFICATION_COMPONENTS,
22
+ ],
23
+ })
24
+ export class CustomComponent {}
25
+ ```
26
+
27
+ ### Within a module (deprecated)
28
+ To use notification in a module, import `DaffNotificationModule` into your custom module:
29
+
30
+ ```ts
31
+ import { NgModule } from '@angular/core';
32
+
33
+ import { DaffNotificationModule } from '@daffodil/design/notification';
34
+
35
+ @NgModule({
36
+ declarations: [
37
+ CustomComponent,
38
+ ],
39
+ exports: [
40
+ CustomComponent,
41
+ ],
42
+ imports: [
43
+ DaffNotificationModule,
44
+ ],
45
+ })
46
+ export class CustomComponentModule { }
47
+ ```
48
+
49
+ > This method is deprecated. It's recommended to update all custom components to standalone.
50
+
10
51
  ## Supported Content Types
11
52
 
12
53
  ### Icon
@@ -34,5 +34,5 @@ export declare class DaffNotificationComponent implements DaffPrefixable {
34
34
  closeNotification: EventEmitter<void>;
35
35
  onCloseNotification(event: Event): void;
36
36
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
37
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
38
38
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffNotificationActionsDirective {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationActionsDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, false, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffNotificationMessageDirective {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationMessageDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, false, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffNotificationSubtitleDirective {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationSubtitleDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, false, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class DaffNotificationTitleDirective {
3
3
  class: boolean;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationTitleDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, false, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -0,0 +1,7 @@
1
+ import { DaffPrefixSuffixModule } from '@daffodil/design';
2
+ import { DaffNotificationComponent } from './notification/notification.component';
3
+ import { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';
4
+ import { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';
5
+ import { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';
6
+ import { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';
7
+ export declare const DAFF_NOTIFICATION_COMPONENTS: readonly [typeof DaffNotificationComponent, typeof DaffNotificationActionsDirective, typeof DaffNotificationMessageDirective, typeof DaffNotificationTitleDirective, typeof DaffNotificationSubtitleDirective, typeof DaffPrefixSuffixModule];
@@ -1,14 +1,17 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./notification/notification.component";
3
- import * as i2 from "./notification-actions/notification-actions.directive";
4
- import * as i3 from "./notification-message/notification-message.directive";
5
- import * as i4 from "./notification-title/notification-title.directive";
6
- import * as i5 from "./notification-subtitle/notification-subtitle.directive";
7
- import * as i6 from "@angular/common";
8
- import * as i7 from "@daffodil/design";
9
- import * as i8 from "@fortawesome/angular-fontawesome";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "@daffodil/design";
4
+ import * as i3 from "@fortawesome/angular-fontawesome";
5
+ import * as i4 from "./notification/notification.component";
6
+ import * as i5 from "./notification-actions/notification-actions.directive";
7
+ import * as i6 from "./notification-message/notification-message.directive";
8
+ import * as i7 from "./notification-title/notification-title.directive";
9
+ import * as i8 from "./notification-subtitle/notification-subtitle.directive";
10
+ /**
11
+ * @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS}
12
+ */
10
13
  export declare class DaffNotificationModule {
11
14
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, [typeof i1.DaffNotificationComponent, typeof i2.DaffNotificationActionsDirective, typeof i3.DaffNotificationMessageDirective, typeof i4.DaffNotificationTitleDirective, typeof i5.DaffNotificationSubtitleDirective], [typeof i6.CommonModule, typeof i7.DaffPrefixSuffixModule, typeof i8.FontAwesomeModule], [typeof i1.DaffNotificationComponent, typeof i2.DaffNotificationActionsDirective, typeof i3.DaffNotificationMessageDirective, typeof i4.DaffNotificationTitleDirective, typeof i5.DaffNotificationSubtitleDirective, typeof i7.DaffPrefixSuffixModule]>;
15
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.FontAwesomeModule, typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective], [typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective, typeof i2.DaffPrefixSuffixModule]>;
13
16
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffNotificationModule>;
14
17
  }
@@ -4,3 +4,4 @@ export * from './notification-actions/notification-actions.directive';
4
4
  export * from './notification-title/notification-title.directive';
5
5
  export * from './notification-subtitle/notification-subtitle.directive';
6
6
  export * from './notification-message/notification-message.directive';
7
+ export { DAFF_NOTIFICATION_COMPONENTS } from './notification';