@daffodil/design 0.39.6 → 0.39.10

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 (326) hide show
  1. package/README.md +62 -34
  2. package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
  3. package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
  4. package/atoms/button/button.component.d.ts +5 -0
  5. package/bundles/daffodil-design-accordion-examples.umd.js +4 -2
  6. package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
  7. package/bundles/daffodil-design-accordion-examples.umd.min.js +1 -1
  8. package/bundles/daffodil-design-accordion-examples.umd.min.js.map +1 -1
  9. package/bundles/daffodil-design-article-examples.umd.js +22 -11
  10. package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
  11. package/bundles/daffodil-design-article-examples.umd.min.js +1 -1
  12. package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
  13. package/bundles/daffodil-design-button-examples.umd.js +7 -0
  14. package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
  15. package/bundles/daffodil-design-button-examples.umd.min.js +1 -1
  16. package/bundles/daffodil-design-button-examples.umd.min.js.map +1 -1
  17. package/bundles/daffodil-design-callout-examples.umd.js +60 -9
  18. package/bundles/daffodil-design-callout-examples.umd.js.map +1 -1
  19. package/bundles/daffodil-design-callout-examples.umd.min.js +1 -1
  20. package/bundles/daffodil-design-callout-examples.umd.min.js.map +1 -1
  21. package/bundles/daffodil-design-card-examples.umd.js +156 -14
  22. package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
  23. package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
  24. package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
  25. package/bundles/daffodil-design-checkbox-examples.umd.js +4 -2
  26. package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
  27. package/bundles/daffodil-design-checkbox-examples.umd.min.js +1 -1
  28. package/bundles/daffodil-design-checkbox-examples.umd.min.js.map +1 -1
  29. package/bundles/daffodil-design-container-examples.umd.js +65 -0
  30. package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
  31. package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
  32. package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
  33. package/bundles/daffodil-design-hero-examples.umd.js +63 -8
  34. package/bundles/daffodil-design-hero-examples.umd.js.map +1 -1
  35. package/bundles/daffodil-design-hero-examples.umd.min.js +1 -1
  36. package/bundles/daffodil-design-hero-examples.umd.min.js.map +1 -1
  37. package/bundles/daffodil-design-list-examples.umd.js +8 -4
  38. package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
  39. package/bundles/daffodil-design-list-examples.umd.min.js +1 -1
  40. package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
  41. package/bundles/daffodil-design-loading-icon-examples.umd.js +4 -2
  42. package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
  43. package/bundles/daffodil-design-loading-icon-examples.umd.min.js +1 -1
  44. package/bundles/daffodil-design-loading-icon-examples.umd.min.js.map +1 -1
  45. package/bundles/daffodil-design-media-gallery-examples.umd.js +4 -2
  46. package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
  47. package/bundles/daffodil-design-media-gallery-examples.umd.min.js +1 -1
  48. package/bundles/daffodil-design-media-gallery-examples.umd.min.js.map +1 -1
  49. package/bundles/daffodil-design-modal-examples.umd.js +4 -2
  50. package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
  51. package/bundles/daffodil-design-modal-examples.umd.min.js +1 -1
  52. package/bundles/daffodil-design-modal-examples.umd.min.js.map +1 -1
  53. package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
  54. package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
  55. package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
  56. package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
  57. package/bundles/daffodil-design-quantity-field-examples.umd.js +4 -0
  58. package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
  59. package/bundles/daffodil-design-quantity-field-examples.umd.min.js +1 -1
  60. package/bundles/daffodil-design-quantity-field-examples.umd.min.js.map +1 -1
  61. package/bundles/daffodil-design-radio-examples.umd.js +2 -1
  62. package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
  63. package/bundles/daffodil-design-radio-examples.umd.min.js +1 -1
  64. package/bundles/daffodil-design-radio-examples.umd.min.js.map +1 -1
  65. package/bundles/daffodil-design.umd.js +519 -120
  66. package/bundles/daffodil-design.umd.js.map +1 -1
  67. package/bundles/daffodil-design.umd.min.js +2 -2
  68. package/bundles/daffodil-design.umd.min.js.map +1 -1
  69. package/button/examples/daffodil-design-button-examples.metadata.json +1 -1
  70. package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts +1 -0
  71. package/callout/examples/callout-theming/callout-theming.component.d.ts +1 -0
  72. package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts +1 -0
  73. package/callout/examples/compact-callout/compact-callout.component.d.ts +3 -0
  74. package/callout/examples/compact-callout/compact-callout.module.d.ts +2 -0
  75. package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
  76. package/callout/examples/public_api.d.ts +2 -0
  77. package/card/examples/basic-card/basic-card.component.d.ts +1 -0
  78. package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
  79. package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
  80. package/card/examples/card-theming/card-theming.component.d.ts +4 -2
  81. package/card/examples/daffodil-design-card-examples.d.ts +2 -0
  82. package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
  83. package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
  84. package/card/examples/public_api.d.ts +5 -1
  85. package/card/examples/raised-card/raised-card.component.d.ts +6 -0
  86. package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
  87. package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
  88. package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json +1 -1
  89. package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
  90. package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
  91. package/container/examples/daffodil-design-container-examples.d.ts +4 -0
  92. package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
  93. package/container/examples/examples.d.ts +2 -0
  94. package/container/examples/index.d.ts +1 -0
  95. package/container/examples/package.json +11 -0
  96. package/container/examples/public_api.d.ts +3 -0
  97. package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
  98. package/core/article-encapsulated/public_api.d.ts +1 -0
  99. package/core/compactable/compactable-mixin.d.ts +14 -0
  100. package/core/compactable/compactable.d.ts +7 -0
  101. package/core/compactable/public_api.d.ts +2 -0
  102. package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
  103. package/core/manage-container-layout/public_api.d.ts +1 -0
  104. package/core/public_api.d.ts +3 -0
  105. package/daff-theme.scss +293 -128
  106. package/daff-typography.scss +5 -4
  107. package/daff-util.scss +5 -4
  108. package/daffodil-design.metadata.json +1 -1
  109. package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +4 -3
  110. package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +4 -3
  111. package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +4 -3
  112. package/esm2015/article/examples/article-code-block/article-code-block.component.js +4 -3
  113. package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +4 -3
  114. package/esm2015/article/examples/article-headings/article-headings.component.js +4 -3
  115. package/esm2015/article/examples/article-hr/article-hr.component.js +4 -3
  116. package/esm2015/article/examples/article-lead/article-lead.component.js +4 -3
  117. package/esm2015/article/examples/article-link/article-link.component.js +4 -3
  118. package/esm2015/article/examples/article-meta/article-meta.component.js +4 -3
  119. package/esm2015/article/examples/article-ol/article-ol.component.js +4 -3
  120. package/esm2015/article/examples/article-table/article-table.component.js +4 -3
  121. package/esm2015/article/examples/article-ul/article-ul.component.js +4 -3
  122. package/esm2015/atoms/button/button.component.js +3 -2
  123. package/esm2015/atoms/container/container.component.js +1 -1
  124. package/esm2015/atoms/form/form-field/form-field/form-field.component.js +3 -1
  125. package/esm2015/atoms/form/input/input.component.js +3 -2
  126. package/esm2015/atoms/form/select/select/select.component.js +3 -2
  127. package/esm2015/atoms/image/image.component.js +2 -2
  128. package/esm2015/button/examples/basic-button/basic-button.component.js +3 -2
  129. package/esm2015/button/examples/icon-button/icon-button.component.js +3 -2
  130. package/esm2015/button/examples/raised-button/raised-button.component.js +3 -2
  131. package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +3 -2
  132. package/esm2015/button/examples/statusable-button/statusable-button.component.js +3 -2
  133. package/esm2015/button/examples/stroked-button/stroked-button.component.js +3 -2
  134. package/esm2015/button/examples/underline-button/underline-button.component.js +3 -2
  135. package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +7 -3
  136. package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.module.js +5 -3
  137. package/esm2015/callout/examples/callout-theming/callout-theming.component.js +7 -3
  138. package/esm2015/callout/examples/callout-theming/callout-theming.module.js +5 -2
  139. package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +9 -4
  140. package/esm2015/callout/examples/callout-with-grid/callout-with-grid.module.js +3 -1
  141. package/esm2015/callout/examples/compact-callout/compact-callout.component.js +17 -0
  142. package/esm2015/callout/examples/compact-callout/compact-callout.module.js +22 -0
  143. package/esm2015/callout/examples/examples.js +3 -1
  144. package/esm2015/callout/examples/public_api.js +3 -1
  145. package/esm2015/card/examples/basic-card/basic-card.component.js +9 -4
  146. package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
  147. package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
  148. package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
  149. package/esm2015/card/examples/card-theming/card-theming.component.js +15 -5
  150. package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
  151. package/esm2015/card/examples/linkable-card/linkable-card.component.js +21 -4
  152. package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
  153. package/esm2015/card/examples/public_api.js +7 -1
  154. package/esm2015/card/examples/raised-card/raised-card.component.js +19 -4
  155. package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
  156. package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
  157. package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
  158. package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +4 -3
  159. package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +4 -3
  160. package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
  161. package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
  162. package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
  163. package/esm2015/container/examples/examples.js +5 -0
  164. package/esm2015/container/examples/index.js +2 -0
  165. package/esm2015/container/examples/public_api.js +4 -0
  166. package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
  167. package/esm2015/core/article-encapsulated/public_api.js +2 -0
  168. package/esm2015/core/compactable/compactable-mixin.js +26 -0
  169. package/esm2015/core/compactable/compactable.js +2 -0
  170. package/esm2015/core/compactable/public_api.js +2 -0
  171. package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
  172. package/esm2015/core/manage-container-layout/public_api.js +2 -0
  173. package/esm2015/core/public_api.js +4 -1
  174. package/esm2015/hero/examples/compact-hero/compact-hero.component.js +17 -0
  175. package/esm2015/hero/examples/compact-hero/compact-hero.module.js +26 -0
  176. package/esm2015/hero/examples/examples.js +3 -1
  177. package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +7 -3
  178. package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.module.js +5 -2
  179. package/esm2015/hero/examples/hero-theming/hero-theming.component.js +7 -3
  180. package/esm2015/hero/examples/hero-theming/hero-theming.module.js +5 -2
  181. package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +9 -4
  182. package/esm2015/hero/examples/hero-with-grid/hero-with-grid.module.js +3 -1
  183. package/esm2015/hero/examples/public_api.js +3 -1
  184. package/esm2015/list/examples/basic-list/basic-list.component.js +4 -3
  185. package/esm2015/list/examples/icon-list/icon-list.component.js +4 -3
  186. package/esm2015/list/examples/multiline-list/multiline-list.component.js +4 -3
  187. package/esm2015/list/examples/nav-list/nav-list.component.js +4 -3
  188. package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +4 -3
  189. package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +4 -3
  190. package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +4 -3
  191. package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +4 -3
  192. package/esm2015/modal/examples/basic-modal/basic-modal.component.js +4 -3
  193. package/esm2015/modal/examples/basic-modal/modal-content.component.js +4 -3
  194. package/esm2015/molecules/accordion/accordion/accordion.component.js +25 -3
  195. package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +3 -2
  196. package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +3 -2
  197. package/esm2015/molecules/article/article/article.component.js +4 -3
  198. package/esm2015/molecules/button-set/button-set.component.js +3 -2
  199. package/esm2015/molecules/callout/callout/callout.component.js +11 -12
  200. package/esm2015/molecules/callout/callout-body/callout-body.directive.js +18 -0
  201. package/esm2015/molecules/callout/callout-icon/callout-icon.directive.js +18 -0
  202. package/esm2015/molecules/callout/callout.module.js +7 -1
  203. package/esm2015/molecules/callout/public_api.js +4 -2
  204. package/esm2015/molecules/card/card/card.component.js +78 -15
  205. package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
  206. package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
  207. package/esm2015/molecules/card/card.module.js +9 -3
  208. package/esm2015/molecules/card/public_api.js +4 -2
  209. package/esm2015/molecules/feature/feature/feature.component.js +4 -1
  210. package/esm2015/molecules/hero/hero/hero.component.js +14 -24
  211. package/esm2015/molecules/hero/hero-body/hero-body.directive.js +18 -0
  212. package/esm2015/molecules/hero/hero-icon/hero-icon.directive.js +18 -0
  213. package/esm2015/molecules/hero/hero.module.js +7 -1
  214. package/esm2015/molecules/hero/public_api.js +3 -1
  215. package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +7 -3
  216. package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +6 -2
  217. package/esm2015/molecules/image-list/image-list.component.js +3 -2
  218. package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
  219. package/esm2015/molecules/list/list/list.component.js +19 -5
  220. package/esm2015/molecules/media-gallery/media-gallery.component.js +31 -5
  221. package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +22 -8
  222. package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +2 -2
  223. package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +3 -2
  224. package/esm2015/molecules/navbar/navbar.component.js +11 -9
  225. package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
  226. package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
  227. package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
  228. package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
  229. package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
  230. package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
  231. package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
  232. package/esm2015/navbar/examples/examples.js +11 -0
  233. package/esm2015/navbar/examples/index.js +2 -0
  234. package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
  235. package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
  236. package/esm2015/navbar/examples/public_api.js +10 -0
  237. package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
  238. package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
  239. package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +3 -2
  240. package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +3 -2
  241. package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +3 -2
  242. package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +3 -2
  243. package/esm2015/radio/examples/basic-radio/basic-radio.component.js +4 -3
  244. package/fesm2015/daffodil-design-accordion-examples.js +5 -3
  245. package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
  246. package/fesm2015/daffodil-design-article-examples.js +23 -12
  247. package/fesm2015/daffodil-design-article-examples.js.map +1 -1
  248. package/fesm2015/daffodil-design-button-examples.js +8 -1
  249. package/fesm2015/daffodil-design-button-examples.js.map +1 -1
  250. package/fesm2015/daffodil-design-callout-examples.js +57 -8
  251. package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
  252. package/fesm2015/daffodil-design-card-examples.js +150 -12
  253. package/fesm2015/daffodil-design-card-examples.js.map +1 -1
  254. package/fesm2015/daffodil-design-checkbox-examples.js +5 -3
  255. package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
  256. package/fesm2015/daffodil-design-container-examples.js +54 -0
  257. package/fesm2015/daffodil-design-container-examples.js.map +1 -0
  258. package/fesm2015/daffodil-design-hero-examples.js +60 -7
  259. package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
  260. package/fesm2015/daffodil-design-list-examples.js +9 -5
  261. package/fesm2015/daffodil-design-list-examples.js.map +1 -1
  262. package/fesm2015/daffodil-design-loading-icon-examples.js +5 -3
  263. package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
  264. package/fesm2015/daffodil-design-media-gallery-examples.js +5 -3
  265. package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
  266. package/fesm2015/daffodil-design-modal-examples.js +5 -3
  267. package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
  268. package/fesm2015/daffodil-design-navbar-examples.js +142 -0
  269. package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
  270. package/fesm2015/daffodil-design-quantity-field-examples.js +5 -1
  271. package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
  272. package/fesm2015/daffodil-design-radio-examples.js +3 -2
  273. package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
  274. package/fesm2015/daffodil-design.js +440 -111
  275. package/fesm2015/daffodil-design.js.map +1 -1
  276. package/hero/examples/compact-hero/compact-hero.component.d.ts +3 -0
  277. package/hero/examples/compact-hero/compact-hero.module.d.ts +2 -0
  278. package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
  279. package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts +1 -0
  280. package/hero/examples/hero-theming/hero-theming.component.d.ts +1 -0
  281. package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts +1 -0
  282. package/hero/examples/public_api.d.ts +2 -0
  283. package/list/examples/daffodil-design-list-examples.metadata.json +1 -1
  284. package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json +1 -1
  285. package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json +1 -1
  286. package/modal/examples/daffodil-design-modal-examples.metadata.json +1 -1
  287. package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
  288. package/molecules/callout/callout/callout.component.d.ts +37 -11
  289. package/molecules/callout/callout-body/callout-body.directive.d.ts +6 -0
  290. package/molecules/callout/callout-icon/callout-icon.directive.d.ts +6 -0
  291. package/molecules/callout/public_api.d.ts +3 -1
  292. package/molecules/card/card/card.component.d.ts +42 -11
  293. package/molecules/card/card-content/card-content.directive.d.ts +6 -0
  294. package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
  295. package/molecules/card/public_api.d.ts +3 -1
  296. package/molecules/feature/feature/feature.component.d.ts +3 -0
  297. package/molecules/hero/hero/hero.component.d.ts +41 -21
  298. package/molecules/hero/hero-body/hero-body.directive.d.ts +6 -0
  299. package/molecules/hero/hero-icon/hero-icon.directive.d.ts +6 -0
  300. package/molecules/hero/public_api.d.ts +2 -0
  301. package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +3 -0
  302. package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +3 -0
  303. package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
  304. package/molecules/list/list/list.component.d.ts +19 -3
  305. package/molecules/media-gallery/media-gallery.component.d.ts +24 -2
  306. package/molecules/media-gallery/registry/media-gallery.registry.d.ts +6 -3
  307. package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
  308. package/molecules/navbar/navbar.component.d.ts +10 -5
  309. package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
  310. package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
  311. package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
  312. package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
  313. package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
  314. package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
  315. package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
  316. package/navbar/examples/examples.d.ts +2 -0
  317. package/navbar/examples/index.d.ts +1 -0
  318. package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
  319. package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
  320. package/navbar/examples/package.json +11 -0
  321. package/navbar/examples/public_api.d.ts +9 -0
  322. package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
  323. package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
  324. package/package.json +2 -2
  325. package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json +1 -1
  326. package/radio/examples/daffodil-design-radio-examples.metadata.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n})\nexport class HeroThemingComponent {\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffHeroModule } from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n\n@NgModule({\n declarations: [\n HeroThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n ],\n exports: [\n HeroThemingComponent,\n ],\n})\nexport class HeroThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n})\nexport class HeroTextAlignmentComponent {\n textAlignControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'left', label: 'Left' },\n { value: 'center', label: 'Center' },\n { value: 'right', label: 'Right' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n declarations: [\n HeroTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n ],\n})\nexport class HeroTextAlignmentModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n})\nexport class HeroWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n declarations: [\n HeroWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n ],\n})\nexport class HeroWithGridModule { }\n","import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAUa,oBAAoB;IALjC;QAME,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,8pBAA4C;aAC7C;;;MCaY,iBAAiB;;;YAb7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCbY,0BAA0B;IALvC;QAME,qBAAgB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEpD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAdA,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,gsBAAmD;aACpD;;;MCeY,uBAAuB;;;YAXnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;iBACpB;aACF;;;MCbY,qBAAqB;;;YANjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,0wBAA8C;;aAE/C;;;MCiBY,kBAAkB;;;YAZ9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;iBACjB;aACF;;;MCnBY,aAAa,GAAG;IAC3B,oBAAoB;IACpB,0BAA0B;IAC1B,qBAAqB;;;ACPvB;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n styleUrls: ['./hero-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n faMobile = faMobile;\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n declarations: [\n HeroThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n HeroThemingComponent,\n ],\n})\nexport class HeroThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n styleUrls: ['./hero-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n faMobile = faMobile;\n textAlignControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'left', label: 'Left' },\n { value: 'center', label: 'Center' },\n { value: 'right', label: 'Right' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n declarations: [\n HeroTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n declarations: [\n HeroWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n})\nexport class HeroWithGridModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'compact-hero',\n templateUrl: './compact-hero.component.html',\n styleUrls: ['./compact-hero.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n declarations: [\n CompactHeroComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n CompactHeroComponent,\n ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,oBAAoB;IAPjC;QAQE,aAAQ,GAAG,QAAQ,CAAC;QACpB,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YAZA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,2lCAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCaY,iBAAiB;;;YAhB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,gBAAgB;oBAEhB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCbY,0BAA0B;IAPvC;QAQE,aAAQ,GAAG,QAAQ,CAAC;QACpB,qBAAgB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEpD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAjBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,+6BAAmD;gBAEnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCcY,uBAAuB;;;YAdnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;oBAEhB,iBAAiB;iBAClB;aACF;;;MCbY,qBAAqB;IAPlC;QAQE,aAAQ,GAAG,QAAQ,CAAC;KACrB;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,kgCAA8C;gBAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCeY,kBAAkB;;;YAd9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;oBAEhB,iBAAiB;iBAClB;aACF;;;MCVY,oBAAoB;IAPjC;QAQE,aAAQ,GAAG,QAAQ,CAAC;KACrB;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,wqBAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCaY,iBAAiB;;;YAhB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,gBAAgB;oBAEhB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCtBY,aAAa,GAAG;IAC3B,oBAAoB;IACpB,0BAA0B;IAC1B,qBAAqB;IACrB,oBAAoB;;;ACTtB;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { faChevronRight, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
3
3
  import { CommonModule } from '@angular/common';
4
4
  import { DaffListModule } from '@daffodil/design';
@@ -10,7 +10,8 @@ BasicListComponent.decorators = [
10
10
  { type: Component, args: [{
11
11
  // eslint-disable-next-line @angular-eslint/component-selector
12
12
  selector: 'basic-list',
13
- template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>"
13
+ template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>",
14
+ changeDetection: ChangeDetectionStrategy.OnPush
14
15
  },] }
15
16
  ];
16
17
 
@@ -23,7 +24,8 @@ NavListComponent.decorators = [
23
24
  { type: Component, args: [{
24
25
  // eslint-disable-next-line @angular-eslint/component-selector
25
26
  selector: 'nav-list',
26
- template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"
27
+ template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>",
28
+ changeDetection: ChangeDetectionStrategy.OnPush
27
29
  },] }
28
30
  ];
29
31
 
@@ -36,7 +38,8 @@ IconListComponent.decorators = [
36
38
  { type: Component, args: [{
37
39
  // eslint-disable-next-line @angular-eslint/component-selector
38
40
  selector: 'icon-list',
39
- template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>"
41
+ template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>",
42
+ changeDetection: ChangeDetectionStrategy.OnPush
40
43
  },] }
41
44
  ];
42
45
 
@@ -46,7 +49,8 @@ MultilineListComponent.decorators = [
46
49
  { type: Component, args: [{
47
50
  // eslint-disable-next-line @angular-eslint/component-selector
48
51
  selector: 'multiline-list',
49
- template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>"
52
+ template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>",
53
+ changeDetection: ChangeDetectionStrategy.OnPush
50
54
  },] }
51
55
  ];
52
56
 
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-list-examples.js","sources":["../../../libs/design/list/examples/src/basic-list/basic-list.component.ts","../../../libs/design/list/examples/src/nav-list/nav-list.component.ts","../../../libs/design/list/examples/src/icon-list/icon-list.component.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.ts","../../../libs/design/list/examples/src/basic-list/basic-list.module.ts","../../../libs/design/list/examples/src/examples.ts","../../../libs/design/list/examples/src/icon-list/icon-list.module.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.module.ts","../../../libs/design/list/examples/src/nav-list/nav-list.module.ts","../../../libs/design/list/examples/src/list-examples.module.ts","../../../libs/design/list/examples/src/daffodil-design-list-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-list',\n templateUrl: './basic-list.component.html',\n})\nexport class BasicListComponent {}\n","import {\n Component,\n OnInit,\n} from '@angular/core';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'nav-list',\n templateUrl: './nav-list.component.html',\n})\nexport class NavListComponent {\n faChevronRight = faChevronRight;\n}\n","import { Component } from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'icon-list',\n templateUrl: './icon-list.component.html',\n})\nexport class IconListComponent {\n faInfoCircle = faInfoCircle;\n}\n","import {\n Component,\n OnInit,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'multiline-list',\n templateUrl: './multiline-list.component.html',\n})\nexport class MultilineListComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { BasicListComponent } from './basic-list.component';\n\n\n@NgModule({\n declarations: [\n BasicListComponent,\n ],\n imports: [\n CommonModule,\n DaffListModule,\n ],\n exports: [\n BasicListComponent,\n ],\n})\nexport class BasicListModule { }\n","import { BasicListComponent } from './basic-list/basic-list.component';\nimport { IconListComponent } from './icon-list/icon-list.component';\nimport { MultilineListComponent } from './multiline-list/multiline-list.component';\nimport { NavListComponent } from './nav-list/nav-list.component';\n\nexport const LIST_EXAMPLES = [\n BasicListComponent,\n NavListComponent,\n IconListComponent,\n MultilineListComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { IconListComponent } from './icon-list.component';\n\n\n@NgModule({\n declarations: [\n IconListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n IconListComponent,\n ],\n})\nexport class IconListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { MultilineListComponent } from './multiline-list.component';\n\n\n@NgModule({\n declarations: [\n MultilineListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n MultilineListComponent,\n ],\n})\nexport class MultilineListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { NavListComponent } from './nav-list.component';\n\n\n@NgModule({\n declarations: [\n NavListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n NavListComponent,\n ],\n})\nexport class NavListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { BasicListModule } from './basic-list/basic-list.module';\nimport { LIST_EXAMPLES } from './examples';\nimport { IconListModule } from './icon-list/icon-list.module';\nimport { MultilineListModule } from './multiline-list/multiline-list.module';\nimport { NavListModule } from './nav-list/nav-list.module';\n\n@NgModule({\n imports: [\n CommonModule,\n BasicListModule,\n NavListModule,\n IconListModule,\n MultilineListModule,\n ],\n entryComponents: [\n ...LIST_EXAMPLES,\n ],\n})\nexport class ListExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicListModule as ɵa} from './basic-list/basic-list.module';\nexport {IconListModule as ɵc} from './icon-list/icon-list.module';\nexport {MultilineListModule as ɵd} from './multiline-list/multiline-list.module';\nexport {NavListModule as ɵb} from './nav-list/nav-list.module';"],"names":[],"mappings":";;;;;;MAUa,kBAAkB;;;YAL9B,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,qNAA0C;aAC3C;;;MCEY,gBAAgB;IAL7B;QAME,mBAAc,GAAG,cAAc,CAAC;KACjC;;;YAPA,SAAS,SAAC;;gBAET,QAAQ,EAAE,UAAU;gBACpB,kUAAwC;aACzC;;;MCFY,iBAAiB;IAL9B;QAME,iBAAY,GAAG,YAAY,CAAC;KAC7B;;;YAPA,SAAS,SAAC;;gBAET,QAAQ,EAAE,WAAW;gBACrB,mKAAyC;aAC1C;;;MCGY,sBAAsB;;;YALlC,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,mSAA8C;aAC/C;;;MCWY,eAAe;;;YAZ3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCdY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;;;MCcX,cAAc;;;YAd1B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;MCCY,mBAAmB;;;YAd/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;aACF;;;MCCY,aAAa;;;YAdzB,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;MCDY,kBAAkB;;;YAZ9B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,cAAc;oBACd,mBAAmB;iBACpB;gBACD,eAAe,EAAE;oBACf,GAAG,aAAa;iBACjB;aACF;;;ACpBD;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-list-examples.js","sources":["../../../libs/design/list/examples/src/basic-list/basic-list.component.ts","../../../libs/design/list/examples/src/nav-list/nav-list.component.ts","../../../libs/design/list/examples/src/icon-list/icon-list.component.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.ts","../../../libs/design/list/examples/src/basic-list/basic-list.module.ts","../../../libs/design/list/examples/src/examples.ts","../../../libs/design/list/examples/src/icon-list/icon-list.module.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.module.ts","../../../libs/design/list/examples/src/nav-list/nav-list.module.ts","../../../libs/design/list/examples/src/list-examples.module.ts","../../../libs/design/list/examples/src/daffodil-design-list-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-list',\n templateUrl: './basic-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicListComponent {}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'nav-list',\n templateUrl: './nav-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavListComponent {\n faChevronRight = faChevronRight;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'icon-list',\n templateUrl: './icon-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconListComponent {\n faInfoCircle = faInfoCircle;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'multiline-list',\n templateUrl: './multiline-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MultilineListComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { BasicListComponent } from './basic-list.component';\n\n\n@NgModule({\n declarations: [\n BasicListComponent,\n ],\n imports: [\n CommonModule,\n DaffListModule,\n ],\n exports: [\n BasicListComponent,\n ],\n})\nexport class BasicListModule { }\n","import { BasicListComponent } from './basic-list/basic-list.component';\nimport { IconListComponent } from './icon-list/icon-list.component';\nimport { MultilineListComponent } from './multiline-list/multiline-list.component';\nimport { NavListComponent } from './nav-list/nav-list.component';\n\nexport const LIST_EXAMPLES = [\n BasicListComponent,\n NavListComponent,\n IconListComponent,\n MultilineListComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { IconListComponent } from './icon-list.component';\n\n\n@NgModule({\n declarations: [\n IconListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n IconListComponent,\n ],\n})\nexport class IconListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { MultilineListComponent } from './multiline-list.component';\n\n\n@NgModule({\n declarations: [\n MultilineListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n MultilineListComponent,\n ],\n})\nexport class MultilineListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { NavListComponent } from './nav-list.component';\n\n\n@NgModule({\n declarations: [\n NavListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n NavListComponent,\n ],\n})\nexport class NavListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { BasicListModule } from './basic-list/basic-list.module';\nimport { LIST_EXAMPLES } from './examples';\nimport { IconListModule } from './icon-list/icon-list.module';\nimport { MultilineListModule } from './multiline-list/multiline-list.module';\nimport { NavListModule } from './nav-list/nav-list.module';\n\n@NgModule({\n imports: [\n CommonModule,\n BasicListModule,\n NavListModule,\n IconListModule,\n MultilineListModule,\n ],\n entryComponents: [\n ...LIST_EXAMPLES,\n ],\n})\nexport class ListExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicListModule as ɵa} from './basic-list/basic-list.module';\nexport {IconListModule as ɵc} from './icon-list/icon-list.module';\nexport {MultilineListModule as ɵd} from './multiline-list/multiline-list.module';\nexport {NavListModule as ɵb} from './nav-list/nav-list.module';"],"names":[],"mappings":";;;;;;MAWa,kBAAkB;;;YAN9B,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,qNAA0C;gBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCEY,gBAAgB;IAN7B;QAOE,mBAAc,GAAG,cAAc,CAAC;KACjC;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,UAAU;gBACpB,kUAAwC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCCY,iBAAiB;IAN9B;QAOE,iBAAY,GAAG,YAAY,CAAC;KAC7B;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,WAAW;gBACrB,mKAAyC;gBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCAY,sBAAsB;;;YANlC,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,mSAA8C;gBAC9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCUY,eAAe;;;YAZ3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCdY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;;;MCcX,cAAc;;;YAd1B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;MCCY,mBAAmB;;;YAd/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;aACF;;;MCCY,aAAa;;;YAdzB,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;MCDY,kBAAkB;;;YAZ9B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,cAAc;oBACd,mBAAmB;iBACpB;gBACD,eAAe,EAAE;oBACf,GAAG,aAAa;iBACjB;aACF;;;ACpBD;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
3
3
  import { DaffLoadingIconModule, DaffRadioModule } from '@daffodil/design';
4
4
 
@@ -13,7 +13,8 @@ LoadingIconColorComponent.decorators = [
13
13
  { type: Component, args: [{
14
14
  // eslint-disable-next-line @angular-eslint/component-selector
15
15
  selector: 'loading-icon-color',
16
- template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>"
16
+ template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>",
17
+ changeDetection: ChangeDetectionStrategy.OnPush
17
18
  },] }
18
19
  ];
19
20
 
@@ -41,7 +42,8 @@ LoadingIconDiameterComponent.decorators = [
41
42
  { type: Component, args: [{
42
43
  // eslint-disable-next-line @angular-eslint/component-selector
43
44
  selector: 'loading-icon-diameter',
44
- template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n"
45
+ template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n",
46
+ changeDetection: ChangeDetectionStrategy.OnPush
45
47
  },] }
46
48
  ];
47
49
 
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-loading-icon-examples.js","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n})\nexport class LoadingIconColorComponent {\n colorGroup = new FormGroup({\n color: new FormControl('primary'),\n });\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffLoadingIconModule,\n DaffRadioModule,\n} from '@daffodil/design';\n\nimport { LoadingIconColorComponent } from './loading-icon-color.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n})\nexport class LoadingIconDiameterComponent { }\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {LoadingIconDiameterComponent as ɵa} from './loading-icon-diameter/loading-icon-diameter.component';"],"names":[],"mappings":";;;;MAWa,yBAAyB;IALtC;QAME,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,KAAK,EAAE,IAAI,WAAW,CAAC,SAAS,CAAC;SAClC,CAAC,CAAC;KACJ;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,oBAAoB;gBAC9B,sbAAkD;aACnD;;;MCcY,sBAAsB;;;YAblC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,qBAAqB;oBACrB,eAAe;oBACf,mBAAmB;iBACpB;aACF;;;MChBY,4BAA4B;;;YALxC,SAAS,SAAC;;gBAET,QAAQ,EAAE,uBAAuB;gBACjC,wEAAqD;aACtD;;;MCYY,yBAAyB;;;YAXrC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MCZY,qBAAqB,GAAG;IACnC,yBAAyB;IACzB,4BAA4B;;;ACP9B;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-loading-icon-examples.js","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconColorComponent {\n colorGroup = new FormGroup({\n color: new FormControl('primary'),\n });\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffLoadingIconModule,\n DaffRadioModule,\n} from '@daffodil/design';\n\nimport { LoadingIconColorComponent } from './loading-icon-color.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconDiameterComponent { }\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {LoadingIconDiameterComponent as ɵa} from './loading-icon-diameter/loading-icon-diameter.component';"],"names":[],"mappings":";;;;MAea,yBAAyB;IANtC;QAOE,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,KAAK,EAAE,IAAI,WAAW,CAAC,SAAS,CAAC;SAClC,CAAC,CAAC;KACJ;;;YAVA,SAAS,SAAC;;gBAET,QAAQ,EAAE,oBAAoB;gBAC9B,sbAAkD;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCUY,sBAAsB;;;YAblC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,qBAAqB;oBACrB,eAAe;oBACf,mBAAmB;iBACpB;aACF;;;MCZY,4BAA4B;;;YANxC,SAAS,SAAC;;gBAET,QAAQ,EAAE,uBAAuB;gBACjC,wEAAqD;gBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCQY,yBAAyB;;;YAXrC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MCZY,qBAAqB,GAAG;IACnC,yBAAyB;IACzB,4BAA4B;;;ACP9B;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { DaffImageModule, DaffMediaGalleryModule } from '@daffodil/design';
3
3
 
4
4
  class BasicMediaGalleryComponent {
@@ -7,7 +7,8 @@ BasicMediaGalleryComponent.decorators = [
7
7
  { type: Component, args: [{
8
8
  // eslint-disable-next-line @angular-eslint/component-selector
9
9
  selector: 'basic-media-gallery',
10
- template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n"
10
+ template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n",
11
+ changeDetection: ChangeDetectionStrategy.OnPush
11
12
  },] }
12
13
  ];
13
14
 
@@ -17,7 +18,8 @@ MismatchedSizesMediaGalleryComponent.decorators = [
17
18
  { type: Component, args: [{
18
19
  // eslint-disable-next-line @angular-eslint/component-selector
19
20
  selector: 'mismatched-sizes-media-gallery',
20
- template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n"
21
+ template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n",
22
+ changeDetection: ChangeDetectionStrategy.OnPush
21
23
  },] }
22
24
  ];
23
25
 
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-media-gallery-examples.js","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-media-gallery',\n templateUrl: './basic-media-gallery.component.html',\n})\nexport class BasicMediaGalleryComponent {\n\n\n}\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'mismatched-sizes-media-gallery',\n templateUrl: './mismatched-sizes-media-gallery.component.html',\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n BasicMediaGalleryComponent,\n MismatchedSizesMediaGalleryComponent,\n];\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { BasicMediaGalleryComponent } from './basic-media-gallery.component';\n\n@NgModule({\n declarations: [\n BasicMediaGalleryComponent,\n ],\n exports: [\n BasicMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class BasicMediaGalleryModule { }\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery.component';\n\n@NgModule({\n declarations: [\n MismatchedSizesMediaGalleryComponent,\n ],\n exports: [\n MismatchedSizesMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class MismatchedSizesMediaGalleryModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicMediaGalleryComponent as ɵa} from './basic-media-gallery/basic-media-gallery.component';\nexport {MismatchedSizesMediaGalleryComponent as ɵb} from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';"],"names":[],"mappings":";;;MAOa,0BAA0B;;;YALtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,kzCAAmD;aACpD;;;MCCY,oCAAoC;;;YALhD,SAAS,SAAC;;gBAET,QAAQ,EAAE,gCAAgC;gBAC1C,+yCAA8D;aAC/D;;;MCHY,sBAAsB,GAAG;IACpC,0BAA0B;IAC1B,oCAAoC;;;MCiBzB,uBAAuB;;;YAbnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCCY,iCAAiC;;;YAb7C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;ACrBD;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-media-gallery-examples.js","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-media-gallery',\n templateUrl: './basic-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicMediaGalleryComponent {\n\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'mismatched-sizes-media-gallery',\n templateUrl: './mismatched-sizes-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n BasicMediaGalleryComponent,\n MismatchedSizesMediaGalleryComponent,\n];\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { BasicMediaGalleryComponent } from './basic-media-gallery.component';\n\n@NgModule({\n declarations: [\n BasicMediaGalleryComponent,\n ],\n exports: [\n BasicMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class BasicMediaGalleryModule { }\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery.component';\n\n@NgModule({\n declarations: [\n MismatchedSizesMediaGalleryComponent,\n ],\n exports: [\n MismatchedSizesMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class MismatchedSizesMediaGalleryModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicMediaGalleryComponent as ɵa} from './basic-media-gallery/basic-media-gallery.component';\nexport {MismatchedSizesMediaGalleryComponent as ɵb} from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';"],"names":[],"mappings":";;;MAWa,0BAA0B;;;YANtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,kzCAAmD;gBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCCY,oCAAoC;;;YANhD,SAAS,SAAC;;gBAET,QAAQ,EAAE,gCAAgC;gBAC1C,+yCAA8D;gBAC9D,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCPY,sBAAsB,GAAG;IACpC,0BAA0B;IAC1B,oCAAoC;;;MCiBzB,uBAAuB;;;YAbnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCCY,iCAAiC;;;YAb7C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;ACrBD;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { DaffModalService, DaffModalModule, DaffButtonModule } from '@daffodil/design';
3
3
 
4
4
  class BasicModalContentComponent {
@@ -7,7 +7,8 @@ BasicModalContentComponent.decorators = [
7
7
  { type: Component, args: [{
8
8
  // eslint-disable-next-line @angular-eslint/component-selector
9
9
  selector: 'basic-modal-content',
10
- template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>"
10
+ template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>",
11
+ changeDetection: ChangeDetectionStrategy.OnPush
11
12
  },] }
12
13
  ];
13
14
 
@@ -23,7 +24,8 @@ BasicModalComponent.decorators = [
23
24
  { type: Component, args: [{
24
25
  // eslint-disable-next-line @angular-eslint/component-selector
25
26
  selector: 'basic-modal',
26
- template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n"
27
+ template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n",
28
+ changeDetection: ChangeDetectionStrategy.OnPush
27
29
  },] }
28
30
  ];
29
31
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-modal-examples.js","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal-content',\n templateUrl: './modal-content.component.html',\n})\nexport class BasicModalContentComponent {\n\n}\n","import { Component } from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n})\nexport class BasicModalComponent {\n modal: any;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(BasicModalContentComponent);\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffModalModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n imports: [\n DaffModalModule,\n DaffButtonModule,\n ],\n declarations: [\n BasicModalComponent,\n BasicModalContentComponent,\n ],\n exports: [\n BasicModalComponent,\n ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicModalComponent as ɵa} from './basic-modal/basic-modal.component';\nexport {BasicModalModule as ɵb} from './basic-modal/basic-modal.module';\nexport {BasicModalContentComponent as ɵc} from './basic-modal/modal-content.component';"],"names":[],"mappings":";;;MAOa,0BAA0B;;;YALtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,4TAA6C;aAC9C;;;MCKY,mBAAmB;IAG9B,YAAoB,YAA8B;QAA9B,iBAAY,GAAZ,YAAY,CAAkB;KAAI;IAEtD,SAAS;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KACjE;;;YAZF,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,6EAA2C;aAC5C;;;;YARQ,gBAAgB;;;MCqBZ,gBAAgB;;;YAb5B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,eAAe;oBACf,gBAAgB;iBACjB;gBACD,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCjBY,cAAc,GAAuB;IAChD,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;;;ACN9D;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-modal-examples.js","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal-content',\n templateUrl: './modal-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalContentComponent {\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalComponent {\n modal: any;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(BasicModalContentComponent);\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffModalModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n imports: [\n DaffModalModule,\n DaffButtonModule,\n ],\n declarations: [\n BasicModalComponent,\n BasicModalContentComponent,\n ],\n exports: [\n BasicModalComponent,\n ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicModalComponent as ɵa} from './basic-modal/basic-modal.component';\nexport {BasicModalModule as ɵb} from './basic-modal/basic-modal.module';\nexport {BasicModalContentComponent as ɵc} from './basic-modal/modal-content.component';"],"names":[],"mappings":";;;MAWa,0BAA0B;;;YANtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,4TAA6C;gBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCKY,mBAAmB;IAG9B,YAAoB,YAA8B;QAA9B,iBAAY,GAAZ,YAAY,CAAkB;KAAI;IAEtD,SAAS;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KACjE;;;YAbF,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,6EAA2C;gBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;YATQ,gBAAgB;;;MCkBZ,gBAAgB;;;YAb5B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,eAAe;oBACf,gBAAgB;iBACjB;gBACD,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCjBY,cAAc,GAAuB;IAChD,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;;;ACN9D;;;;;;"}
@@ -0,0 +1,142 @@
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { DaffNavbarModule, DaffButtonModule, DaffContainerModule } from '@daffodil/design';
4
+ import { FormControl, ReactiveFormsModule } from '@angular/forms';
5
+
6
+ class BasicNavbarComponent {
7
+ }
8
+ BasicNavbarComponent.decorators = [
9
+ { type: Component, args: [{
10
+ // eslint-disable-next-line @angular-eslint/component-selector
11
+ selector: 'basic-navbar',
12
+ template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>",
13
+ changeDetection: ChangeDetectionStrategy.OnPush,
14
+ styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
15
+ },] }
16
+ ];
17
+
18
+ class BasicNavbarModule {
19
+ }
20
+ BasicNavbarModule.decorators = [
21
+ { type: NgModule, args: [{
22
+ declarations: [
23
+ BasicNavbarComponent,
24
+ ],
25
+ imports: [
26
+ CommonModule,
27
+ DaffNavbarModule,
28
+ DaffButtonModule,
29
+ DaffContainerModule,
30
+ ],
31
+ },] }
32
+ ];
33
+
34
+ class ContainedNavbarComponent {
35
+ }
36
+ ContainedNavbarComponent.decorators = [
37
+ { type: Component, args: [{
38
+ // eslint-disable-next-line @angular-eslint/component-selector
39
+ selector: 'contained-navbar',
40
+ template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n",
41
+ changeDetection: ChangeDetectionStrategy.OnPush,
42
+ styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
43
+ },] }
44
+ ];
45
+
46
+ class ContainedNavbarModule {
47
+ }
48
+ ContainedNavbarModule.decorators = [
49
+ { type: NgModule, args: [{
50
+ declarations: [
51
+ ContainedNavbarComponent,
52
+ ],
53
+ imports: [
54
+ CommonModule,
55
+ DaffNavbarModule,
56
+ DaffButtonModule,
57
+ DaffContainerModule,
58
+ ],
59
+ },] }
60
+ ];
61
+
62
+ class NavbarThemingComponent {
63
+ constructor() {
64
+ this.colorControl = new FormControl('');
65
+ this.options = [
66
+ { value: '', label: 'Default' },
67
+ { value: 'primary', label: 'Primary' },
68
+ { value: 'secondary', label: 'Secondary' },
69
+ { value: 'tertiary', label: 'Tertiary' },
70
+ { value: 'white', label: 'White' },
71
+ { value: 'black', label: 'Black' },
72
+ { value: 'theme', label: 'Theme' },
73
+ { value: 'theme-contrast', label: 'Theme Contrast' },
74
+ ];
75
+ }
76
+ }
77
+ NavbarThemingComponent.decorators = [
78
+ { type: Component, args: [{
79
+ // eslint-disable-next-line @angular-eslint/component-selector
80
+ selector: 'navbar-theming',
81
+ template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
82
+ changeDetection: ChangeDetectionStrategy.OnPush,
83
+ styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
84
+ },] }
85
+ ];
86
+
87
+ class NavbarThemingModule {
88
+ }
89
+ NavbarThemingModule.decorators = [
90
+ { type: NgModule, args: [{
91
+ declarations: [
92
+ NavbarThemingComponent,
93
+ ],
94
+ imports: [
95
+ CommonModule,
96
+ ReactiveFormsModule,
97
+ DaffNavbarModule,
98
+ DaffButtonModule,
99
+ ],
100
+ },] }
101
+ ];
102
+
103
+ class RaisedNavbarComponent {
104
+ }
105
+ RaisedNavbarComponent.decorators = [
106
+ { type: Component, args: [{
107
+ // eslint-disable-next-line @angular-eslint/component-selector
108
+ selector: 'raised-navbar',
109
+ template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n",
110
+ changeDetection: ChangeDetectionStrategy.OnPush,
111
+ styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
112
+ },] }
113
+ ];
114
+
115
+ class RaisedNavbarModule {
116
+ }
117
+ RaisedNavbarModule.decorators = [
118
+ { type: NgModule, args: [{
119
+ declarations: [
120
+ RaisedNavbarComponent,
121
+ ],
122
+ imports: [
123
+ CommonModule,
124
+ DaffNavbarModule,
125
+ DaffButtonModule,
126
+ ],
127
+ },] }
128
+ ];
129
+
130
+ const NAVBAR_EXAMPLES = [
131
+ BasicNavbarComponent,
132
+ ContainedNavbarComponent,
133
+ NavbarThemingComponent,
134
+ RaisedNavbarComponent,
135
+ ];
136
+
137
+ /**
138
+ * Generated bundle index. Do not edit.
139
+ */
140
+
141
+ export { BasicNavbarComponent, BasicNavbarModule, ContainedNavbarComponent, ContainedNavbarModule, NAVBAR_EXAMPLES, NavbarThemingComponent, NavbarThemingModule, RaisedNavbarComponent, RaisedNavbarModule };
142
+ //# sourceMappingURL=daffodil-design-navbar-examples.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-navbar-examples.js","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-navbar',\n templateUrl: './basic-navbar.component.html',\n styleUrls: ['./basic-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n declarations: [\n BasicNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class BasicNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'contained-navbar',\n templateUrl: './contained-navbar.component.html',\n styleUrls: ['./contained-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n declarations: [\n ContainedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class ContainedNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'navbar-theming',\n templateUrl: './navbar-theming.component.html',\n styleUrls: ['./navbar-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n colorControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n declarations: [\n NavbarThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class NavbarThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-navbar',\n templateUrl: './raised-navbar.component.html',\n styleUrls: ['./raised-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n declarations: [\n RaisedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n BasicNavbarComponent,\n ContainedNavbarComponent,\n NavbarThemingComponent,\n RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,oBAAoB;;;YAPhC,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,uPAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCWY,iBAAiB;;;YAZ7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;oBAChB,mBAAmB;iBACpB;aACF;;;MCVY,wBAAwB;;;YAPpC,SAAS,SAAC;;gBAET,QAAQ,EAAE,kBAAkB;gBAC5B,uSAAgD;gBAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCYY,qBAAqB;;;YAZjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;oBAChB,mBAAmB;iBACpB;aACF;;;MCTY,sBAAsB;IAPnC;QAQE,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;SACrD,CAAC;KACH;;;YApBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,wZAA8C;gBAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCUY,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,gBAAgB;oBAChB,gBAAgB;iBACjB;aACF;;;MCTY,qBAAqB;;;YAPjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,eAAe;gBACzB,oPAA6C;gBAE7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCUY,kBAAkB;;;YAX9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;iBACjB;aACF;;;MCfY,eAAe,GAAG;IAC7B,oBAAoB;IACpB,wBAAwB;IACxB,sBAAsB;IACtB,qBAAqB;;;ACTvB;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { FormControl, ReactiveFormsModule } from '@angular/forms';
3
3
  import { CommonModule } from '@angular/common';
4
4
  import { DaffFormFieldModule, DaffQuantityFieldModule } from '@daffodil/design';
@@ -13,6 +13,7 @@ BasicQuantityFieldComponent.decorators = [
13
13
  // eslint-disable-next-line @angular-eslint/component-selector
14
14
  selector: 'basic-quantity-field',
15
15
  template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
16
+ changeDetection: ChangeDetectionStrategy.OnPush,
16
17
  styles: [""]
17
18
  },] }
18
19
  ];
@@ -27,6 +28,7 @@ CustomRangeQuantityFieldComponent.decorators = [
27
28
  // eslint-disable-next-line @angular-eslint/component-selector
28
29
  selector: 'custom-range-quantity-field',
29
30
  template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
31
+ changeDetection: ChangeDetectionStrategy.OnPush,
30
32
  styles: [""]
31
33
  },] }
32
34
  ];
@@ -41,6 +43,7 @@ DisabledQuantityFieldComponent.decorators = [
41
43
  // eslint-disable-next-line @angular-eslint/component-selector
42
44
  selector: 'disabled-quantity-field',
43
45
  template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
46
+ changeDetection: ChangeDetectionStrategy.OnPush,
44
47
  styles: [""]
45
48
  },] }
46
49
  ];
@@ -55,6 +58,7 @@ SelectMaxQuantityFieldComponent.decorators = [
55
58
  // eslint-disable-next-line @angular-eslint/component-selector
56
59
  selector: 'select-max-quantity-field',
57
60
  template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
61
+ changeDetection: ChangeDetectionStrategy.OnPush,
58
62
  styles: [""]
59
63
  },] }
60
64
  ];
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-quantity-field-examples.js","sources":["../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/examples.ts","../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n})\nexport class BasicQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new FormControl(5);\n}\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n})\nexport class DisabledQuantityFieldComponent {\n control = new FormControl({ value : '' , disabled: true });\n}\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import { BasicQuantityFieldComponent } from './basic/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './customRange/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './selectMax/select-max-quantity-field.component';\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { BasicQuantityFieldComponent } from './basic-quantity-field.component';\n\n@NgModule({\n declarations: [\n BasicQuantityFieldComponent,\n ],\n exports: [\n BasicQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class BasicQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field.component';\n\n@NgModule({\n declarations: [\n CustomRangeQuantityFieldComponent,\n ],\n exports: [\n CustomRangeQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class CustomRangeQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field.component';\n\n@NgModule({\n declarations: [\n DisabledQuantityFieldComponent,\n ],\n exports: [\n DisabledQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class DisabledQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field.component';\n\n@NgModule({\n declarations: [\n SelectMaxQuantityFieldComponent,\n ],\n exports: [\n SelectMaxQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class SelectMaxQuantityFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicQuantityFieldComponent as ɵa} from './basic/basic-quantity-field.component';\nexport {CustomRangeQuantityFieldComponent as ɵb} from './customRange/custom-range-quantity-field.component';\nexport {DisabledQuantityFieldComponent as ɵc} from './disabled/disabled-quantity-field.component';\nexport {SelectMaxQuantityFieldComponent as ɵd} from './selectMax/select-max-quantity-field.component';"],"names":[],"mappings":";;;;;MASa,2BAA2B;IANxC;QAOE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,sBAAsB;gBAChC,6KAAoD;;aAErD;;;MCCY,iCAAiC;IAN9C;QAOE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,6BAA6B;gBACvC,yNAA2D;;aAE5D;;;MCCY,8BAA8B;IAN3C;QAOE,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,KAAK,EAAG,EAAE,EAAG,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;KAC5D;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,yBAAyB;gBACnC,6KAAuD;;aAExD;;;MCCY,+BAA+B;IAN5C;QAOE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,2BAA2B;gBACrC,8MAAyD;;aAE1D;;;MCHY,uBAAuB,GAAG;IACrC,2BAA2B;IAC3B,iCAAiC;IACjC,8BAA8B;IAC9B,+BAA+B;;;MCgBpB,wBAAwB;;;YAdpC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,8BAA8B;;;YAd1C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,2BAA2B;;;YAdvC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,4BAA4B;;;YAdxC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;ACxBD;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-quantity-field-examples.js","sources":["../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/examples.ts","../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new FormControl(5);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DisabledQuantityFieldComponent {\n control = new FormControl({ value : '' , disabled: true });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import { BasicQuantityFieldComponent } from './basic/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './customRange/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './selectMax/select-max-quantity-field.component';\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { BasicQuantityFieldComponent } from './basic-quantity-field.component';\n\n@NgModule({\n declarations: [\n BasicQuantityFieldComponent,\n ],\n exports: [\n BasicQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class BasicQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field.component';\n\n@NgModule({\n declarations: [\n CustomRangeQuantityFieldComponent,\n ],\n exports: [\n CustomRangeQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class CustomRangeQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field.component';\n\n@NgModule({\n declarations: [\n DisabledQuantityFieldComponent,\n ],\n exports: [\n DisabledQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class DisabledQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field.component';\n\n@NgModule({\n declarations: [\n SelectMaxQuantityFieldComponent,\n ],\n exports: [\n SelectMaxQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class SelectMaxQuantityFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicQuantityFieldComponent as ɵa} from './basic/basic-quantity-field.component';\nexport {CustomRangeQuantityFieldComponent as ɵb} from './customRange/custom-range-quantity-field.component';\nexport {DisabledQuantityFieldComponent as ɵc} from './disabled/disabled-quantity-field.component';\nexport {SelectMaxQuantityFieldComponent as ɵd} from './selectMax/select-max-quantity-field.component';"],"names":[],"mappings":";;;;;MAaa,2BAA2B;IAPxC;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,sBAAsB;gBAChC,6KAAoD;gBAEpD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,iCAAiC;IAP9C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,6BAA6B;gBACvC,yNAA2D;gBAE3D,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,8BAA8B;IAP3C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,KAAK,EAAG,EAAE,EAAG,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;KAC5D;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,yBAAyB;gBACnC,6KAAuD;gBAEvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,+BAA+B;IAP5C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,2BAA2B;gBACrC,8MAAyD;gBAEzD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCPY,uBAAuB,GAAG;IACrC,2BAA2B;IAC3B,iCAAiC;IACjC,8BAA8B;IAC9B,+BAA+B;;;MCgBpB,wBAAwB;;;YAdpC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,8BAA8B;;;YAd1C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,2BAA2B;;;YAdvC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,4BAA4B;;;YAdxC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;ACxBD;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { Component, NgModule } from '@angular/core';
1
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
2
  import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
3
3
  import { DaffRadioModule } from '@daffodil/design';
4
4
 
@@ -15,7 +15,8 @@ BasicRadioComponent.decorators = [
15
15
  { type: Component, args: [{
16
16
  // eslint-disable-next-line @angular-eslint/component-selector
17
17
  selector: 'basic-radio',
18
- template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>"
18
+ template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>",
19
+ changeDetection: ChangeDetectionStrategy.OnPush
19
20
  },] }
20
21
  ];
21
22
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-radio-examples.js","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n})\nexport class BasicRadioComponent implements OnInit {\n\n radioGroup = new FormGroup({\n race: new FormControl('Zerg'),\n });\n constructor() {\n }\n\n ngOnInit() {\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicRadioComponent as ɵa} from './basic-radio/basic-radio.component';\nexport {BasicRadioModule as ɵb} from './basic-radio/basic-radio.module';"],"names":[],"mappings":";;;;MAca,mBAAmB;IAK5B;QAHA,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,IAAI,EAAE,IAAI,WAAW,CAAC,MAAM,CAAC;SAC9B,CAAC,CAAC;KAEF;IAED,QAAQ;KACP;;;YAdJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,waAA2C;aAC5C;;;;;MCQY,gBAAgB;;;YAd5B,QAAQ,SAAC;gBAER,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCjBY,cAAc,GAAG;IAC5B,mBAAmB;EACnB;MAEW,sBAAsB,GAAG;IACpC,gBAAgB;;;ACRlB;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-radio-examples.js","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicRadioComponent implements OnInit {\n\n radioGroup = new FormGroup({\n race: new FormControl('Zerg'),\n });\n constructor() {\n }\n\n ngOnInit() {\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicRadioComponent as ɵa} from './basic-radio/basic-radio.component';\nexport {BasicRadioModule as ɵb} from './basic-radio/basic-radio.module';"],"names":[],"mappings":";;;;MAgBa,mBAAmB;IAK5B;QAHA,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,IAAI,EAAE,IAAI,WAAW,CAAC,MAAM,CAAC;SAC9B,CAAC,CAAC;KAEF;IAED,QAAQ;KACP;;;YAfJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,waAA2C;gBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;;MCMY,gBAAgB;;;YAd5B,QAAQ,SAAC;gBAER,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCjBY,cAAc,GAAG;IAC5B,mBAAmB;EACnB;MAEW,sBAAsB,GAAG;IACpC,gBAAgB;;;ACRlB;;;;;;"}