@daffodil/design 0.39.7 → 0.39.11

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 (281) hide show
  1. package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
  2. package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
  3. package/atoms/button/button.component.d.ts +5 -0
  4. package/bundles/daffodil-design-accordion-examples.umd.js +4 -2
  5. package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
  6. package/bundles/daffodil-design-accordion-examples.umd.min.js +1 -1
  7. package/bundles/daffodil-design-accordion-examples.umd.min.js.map +1 -1
  8. package/bundles/daffodil-design-article-examples.umd.js +22 -11
  9. package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
  10. package/bundles/daffodil-design-article-examples.umd.min.js +1 -1
  11. package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
  12. package/bundles/daffodil-design-button-examples.umd.js +7 -0
  13. package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
  14. package/bundles/daffodil-design-button-examples.umd.min.js +1 -1
  15. package/bundles/daffodil-design-button-examples.umd.min.js.map +1 -1
  16. package/bundles/daffodil-design-callout-examples.umd.js +4 -0
  17. package/bundles/daffodil-design-callout-examples.umd.js.map +1 -1
  18. package/bundles/daffodil-design-callout-examples.umd.min.js +1 -1
  19. package/bundles/daffodil-design-callout-examples.umd.min.js.map +1 -1
  20. package/bundles/daffodil-design-card-examples.umd.js +156 -14
  21. package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
  22. package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
  23. package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
  24. package/bundles/daffodil-design-checkbox-examples.umd.js +4 -2
  25. package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
  26. package/bundles/daffodil-design-checkbox-examples.umd.min.js +1 -1
  27. package/bundles/daffodil-design-checkbox-examples.umd.min.js.map +1 -1
  28. package/bundles/daffodil-design-container-examples.umd.js +65 -0
  29. package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
  30. package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
  31. package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
  32. package/bundles/daffodil-design-hero-examples.umd.js +4 -0
  33. package/bundles/daffodil-design-hero-examples.umd.js.map +1 -1
  34. package/bundles/daffodil-design-hero-examples.umd.min.js +1 -1
  35. package/bundles/daffodil-design-hero-examples.umd.min.js.map +1 -1
  36. package/bundles/daffodil-design-list-examples.umd.js +8 -4
  37. package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
  38. package/bundles/daffodil-design-list-examples.umd.min.js +1 -1
  39. package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
  40. package/bundles/daffodil-design-loading-icon-examples.umd.js +4 -2
  41. package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
  42. package/bundles/daffodil-design-loading-icon-examples.umd.min.js +1 -1
  43. package/bundles/daffodil-design-loading-icon-examples.umd.min.js.map +1 -1
  44. package/bundles/daffodil-design-media-gallery-examples.umd.js +4 -2
  45. package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
  46. package/bundles/daffodil-design-media-gallery-examples.umd.min.js +1 -1
  47. package/bundles/daffodil-design-media-gallery-examples.umd.min.js.map +1 -1
  48. package/bundles/daffodil-design-modal-examples.umd.js +4 -2
  49. package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
  50. package/bundles/daffodil-design-modal-examples.umd.min.js +1 -1
  51. package/bundles/daffodil-design-modal-examples.umd.min.js.map +1 -1
  52. package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
  53. package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
  54. package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
  55. package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
  56. package/bundles/daffodil-design-quantity-field-examples.umd.js +4 -0
  57. package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
  58. package/bundles/daffodil-design-quantity-field-examples.umd.min.js +1 -1
  59. package/bundles/daffodil-design-quantity-field-examples.umd.min.js.map +1 -1
  60. package/bundles/daffodil-design-radio-examples.umd.js +2 -1
  61. package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
  62. package/bundles/daffodil-design-radio-examples.umd.min.js +1 -1
  63. package/bundles/daffodil-design-radio-examples.umd.min.js.map +1 -1
  64. package/bundles/daffodil-design.umd.js +384 -87
  65. package/bundles/daffodil-design.umd.js.map +1 -1
  66. package/bundles/daffodil-design.umd.min.js +2 -2
  67. package/bundles/daffodil-design.umd.min.js.map +1 -1
  68. package/button/examples/daffodil-design-button-examples.metadata.json +1 -1
  69. package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
  70. package/card/examples/basic-card/basic-card.component.d.ts +1 -0
  71. package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
  72. package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
  73. package/card/examples/card-theming/card-theming.component.d.ts +4 -2
  74. package/card/examples/daffodil-design-card-examples.d.ts +2 -0
  75. package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
  76. package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
  77. package/card/examples/public_api.d.ts +5 -1
  78. package/card/examples/raised-card/raised-card.component.d.ts +6 -0
  79. package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
  80. package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
  81. package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json +1 -1
  82. package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
  83. package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
  84. package/container/examples/daffodil-design-container-examples.d.ts +4 -0
  85. package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
  86. package/container/examples/examples.d.ts +2 -0
  87. package/container/examples/index.d.ts +1 -0
  88. package/container/examples/package.json +11 -0
  89. package/container/examples/public_api.d.ts +3 -0
  90. package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
  91. package/core/article-encapsulated/public_api.d.ts +1 -0
  92. package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
  93. package/core/manage-container-layout/public_api.d.ts +1 -0
  94. package/core/public_api.d.ts +2 -0
  95. package/daff-theme.scss +293 -128
  96. package/daff-typography.scss +5 -4
  97. package/daff-util.scss +5 -4
  98. package/daffodil-design.metadata.json +1 -1
  99. package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +4 -3
  100. package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +4 -3
  101. package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +4 -3
  102. package/esm2015/article/examples/article-code-block/article-code-block.component.js +4 -3
  103. package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +4 -3
  104. package/esm2015/article/examples/article-headings/article-headings.component.js +4 -3
  105. package/esm2015/article/examples/article-hr/article-hr.component.js +4 -3
  106. package/esm2015/article/examples/article-lead/article-lead.component.js +4 -3
  107. package/esm2015/article/examples/article-link/article-link.component.js +4 -3
  108. package/esm2015/article/examples/article-meta/article-meta.component.js +4 -3
  109. package/esm2015/article/examples/article-ol/article-ol.component.js +4 -3
  110. package/esm2015/article/examples/article-table/article-table.component.js +4 -3
  111. package/esm2015/article/examples/article-ul/article-ul.component.js +4 -3
  112. package/esm2015/atoms/button/button.component.js +3 -2
  113. package/esm2015/atoms/container/container.component.js +1 -1
  114. package/esm2015/atoms/form/form-field/form-field/form-field.component.js +3 -1
  115. package/esm2015/atoms/form/input/input.component.js +3 -2
  116. package/esm2015/atoms/form/select/select/select.component.js +3 -2
  117. package/esm2015/atoms/image/image.component.js +2 -2
  118. package/esm2015/button/examples/basic-button/basic-button.component.js +3 -2
  119. package/esm2015/button/examples/icon-button/icon-button.component.js +3 -2
  120. package/esm2015/button/examples/raised-button/raised-button.component.js +3 -2
  121. package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +3 -2
  122. package/esm2015/button/examples/statusable-button/statusable-button.component.js +3 -2
  123. package/esm2015/button/examples/stroked-button/stroked-button.component.js +3 -2
  124. package/esm2015/button/examples/underline-button/underline-button.component.js +3 -2
  125. package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +3 -2
  126. package/esm2015/callout/examples/callout-theming/callout-theming.component.js +3 -2
  127. package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +3 -2
  128. package/esm2015/callout/examples/compact-callout/compact-callout.component.js +3 -2
  129. package/esm2015/card/examples/basic-card/basic-card.component.js +9 -4
  130. package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
  131. package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
  132. package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
  133. package/esm2015/card/examples/card-theming/card-theming.component.js +15 -5
  134. package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
  135. package/esm2015/card/examples/linkable-card/linkable-card.component.js +21 -4
  136. package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
  137. package/esm2015/card/examples/public_api.js +7 -1
  138. package/esm2015/card/examples/raised-card/raised-card.component.js +19 -4
  139. package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
  140. package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
  141. package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
  142. package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +4 -3
  143. package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +4 -3
  144. package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
  145. package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
  146. package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
  147. package/esm2015/container/examples/examples.js +5 -0
  148. package/esm2015/container/examples/index.js +2 -0
  149. package/esm2015/container/examples/public_api.js +4 -0
  150. package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
  151. package/esm2015/core/article-encapsulated/public_api.js +2 -0
  152. package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
  153. package/esm2015/core/manage-container-layout/public_api.js +2 -0
  154. package/esm2015/core/public_api.js +3 -1
  155. package/esm2015/hero/examples/compact-hero/compact-hero.component.js +3 -2
  156. package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +3 -2
  157. package/esm2015/hero/examples/hero-theming/hero-theming.component.js +3 -2
  158. package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +3 -2
  159. package/esm2015/list/examples/basic-list/basic-list.component.js +4 -3
  160. package/esm2015/list/examples/icon-list/icon-list.component.js +4 -3
  161. package/esm2015/list/examples/multiline-list/multiline-list.component.js +4 -3
  162. package/esm2015/list/examples/nav-list/nav-list.component.js +4 -3
  163. package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +4 -3
  164. package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +4 -3
  165. package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +4 -3
  166. package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +4 -3
  167. package/esm2015/modal/examples/basic-modal/basic-modal.component.js +4 -3
  168. package/esm2015/modal/examples/basic-modal/modal-content.component.js +4 -3
  169. package/esm2015/molecules/accordion/accordion/accordion.component.js +25 -3
  170. package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +3 -2
  171. package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +3 -2
  172. package/esm2015/molecules/article/article/article.component.js +4 -3
  173. package/esm2015/molecules/button-set/button-set.component.js +3 -2
  174. package/esm2015/molecules/callout/callout/callout.component.js +5 -3
  175. package/esm2015/molecules/card/card/card.component.js +78 -15
  176. package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
  177. package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
  178. package/esm2015/molecules/card/card.module.js +9 -3
  179. package/esm2015/molecules/card/public_api.js +4 -2
  180. package/esm2015/molecules/feature/feature/feature.component.js +4 -1
  181. package/esm2015/molecules/hero/hero/hero.component.js +6 -4
  182. package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +7 -3
  183. package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +6 -2
  184. package/esm2015/molecules/image-list/image-list.component.js +3 -2
  185. package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
  186. package/esm2015/molecules/list/list/list.component.js +19 -5
  187. package/esm2015/molecules/media-gallery/media-gallery.component.js +31 -5
  188. package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +22 -8
  189. package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +2 -2
  190. package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +3 -2
  191. package/esm2015/molecules/navbar/navbar.component.js +11 -9
  192. package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
  193. package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
  194. package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
  195. package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
  196. package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
  197. package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
  198. package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
  199. package/esm2015/navbar/examples/examples.js +11 -0
  200. package/esm2015/navbar/examples/index.js +2 -0
  201. package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
  202. package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
  203. package/esm2015/navbar/examples/public_api.js +10 -0
  204. package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
  205. package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
  206. package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +3 -2
  207. package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +3 -2
  208. package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +3 -2
  209. package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +3 -2
  210. package/esm2015/radio/examples/basic-radio/basic-radio.component.js +4 -3
  211. package/fesm2015/daffodil-design-accordion-examples.js +5 -3
  212. package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
  213. package/fesm2015/daffodil-design-article-examples.js +23 -12
  214. package/fesm2015/daffodil-design-article-examples.js.map +1 -1
  215. package/fesm2015/daffodil-design-button-examples.js +8 -1
  216. package/fesm2015/daffodil-design-button-examples.js.map +1 -1
  217. package/fesm2015/daffodil-design-callout-examples.js +5 -1
  218. package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
  219. package/fesm2015/daffodil-design-card-examples.js +150 -12
  220. package/fesm2015/daffodil-design-card-examples.js.map +1 -1
  221. package/fesm2015/daffodil-design-checkbox-examples.js +5 -3
  222. package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
  223. package/fesm2015/daffodil-design-container-examples.js +54 -0
  224. package/fesm2015/daffodil-design-container-examples.js.map +1 -0
  225. package/fesm2015/daffodil-design-hero-examples.js +5 -1
  226. package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
  227. package/fesm2015/daffodil-design-list-examples.js +9 -5
  228. package/fesm2015/daffodil-design-list-examples.js.map +1 -1
  229. package/fesm2015/daffodil-design-loading-icon-examples.js +5 -3
  230. package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
  231. package/fesm2015/daffodil-design-media-gallery-examples.js +5 -3
  232. package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
  233. package/fesm2015/daffodil-design-modal-examples.js +5 -3
  234. package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
  235. package/fesm2015/daffodil-design-navbar-examples.js +142 -0
  236. package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
  237. package/fesm2015/daffodil-design-quantity-field-examples.js +5 -1
  238. package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
  239. package/fesm2015/daffodil-design-radio-examples.js +3 -2
  240. package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
  241. package/fesm2015/daffodil-design.js +326 -82
  242. package/fesm2015/daffodil-design.js.map +1 -1
  243. package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
  244. package/list/examples/daffodil-design-list-examples.metadata.json +1 -1
  245. package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json +1 -1
  246. package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json +1 -1
  247. package/modal/examples/daffodil-design-modal-examples.metadata.json +1 -1
  248. package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
  249. package/molecules/callout/callout/callout.component.d.ts +10 -0
  250. package/molecules/card/card/card.component.d.ts +42 -11
  251. package/molecules/card/card-content/card-content.directive.d.ts +6 -0
  252. package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
  253. package/molecules/card/public_api.d.ts +3 -1
  254. package/molecules/feature/feature/feature.component.d.ts +3 -0
  255. package/molecules/hero/hero/hero.component.d.ts +11 -1
  256. package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +3 -0
  257. package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +3 -0
  258. package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
  259. package/molecules/list/list/list.component.d.ts +19 -3
  260. package/molecules/media-gallery/media-gallery.component.d.ts +24 -2
  261. package/molecules/media-gallery/registry/media-gallery.registry.d.ts +6 -3
  262. package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
  263. package/molecules/navbar/navbar.component.d.ts +10 -5
  264. package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
  265. package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
  266. package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
  267. package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
  268. package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
  269. package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
  270. package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
  271. package/navbar/examples/examples.d.ts +2 -0
  272. package/navbar/examples/index.d.ts +1 -0
  273. package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
  274. package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
  275. package/navbar/examples/package.json +11 -0
  276. package/navbar/examples/public_api.d.ts +9 -0
  277. package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
  278. package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
  279. package/package.json +2 -2
  280. package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json +1 -1
  281. package/radio/examples/daffodil-design-radio-examples.metadata.json +1 -1
@@ -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;;;;;;"}