@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
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts"],"names":["this","faMobile","colorControl","FormControl","options","value","label","Component","args","selector","template","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","CalloutWithGridComponent","CompactCalloutComponent","CALLOUT_EXAMPLES"],"mappings":"s2BAIA,WAOEA,KAAAC,SAAWA,EAAAA,SACXD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,IAE5CH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAlBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,6kCCiBF,iCAZCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,6BCjBJ,WAOEnB,KAAAC,SAAWA,EAAAA,SACXD,KAAAoB,iBAAgC,IAAIjB,EAAAA,YAAY,IAEhDH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAd5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,srCCmBF,iCAbCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZS,GAEFP,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCpBJ,WAOEnB,KAAAC,SAAWA,EAAAA,8BAPZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,4nECoBF,iCAbCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZW,GAEFT,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCpBJ,WAOEnB,KAAAC,SAAWA,EAAAA,8BAPZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,2/BCoBF,iCAbCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aAEAE,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,2BClBSM,EAAmB,CAC9BZ,EACAQ,EACAE,EACAC","sourcesContent":["import { Component } 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: 'callout-theming',\n templateUrl: './callout-theming.component.html',\n styleUrls: ['./callout-theming.component.scss'],\n})\nexport class CalloutThemingComponent {\n faMobile = faMobile;\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';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffButtonModule,\n DaffCalloutModule,\n} from '@daffodil/design';\n\nimport { CalloutThemingComponent } from './callout-theming.component';\n\n@NgModule({\n declarations: [\n CalloutThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutThemingModule { }\n","import { Component } 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: 'callout-text-alignment',\n templateUrl: './callout-text-alignment.component.html',\n styleUrls: ['./callout-text-alignment.component.scss'],\n})\nexport class CalloutTextAlignmentComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CalloutTextAlignmentComponent } from './callout-text-alignment.component';\n\n@NgModule({\n declarations: [\n CalloutTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutTextAlignmentModule { }\n","import { Component } 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: 'callout-with-grid',\n templateUrl: './callout-with-grid.component.html',\n styleUrls: ['./callout-with-grid.component.scss'],\n})\nexport class CalloutWithGridComponent {\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 DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CalloutWithGridComponent } from './callout-with-grid.component';\n\n@NgModule({\n declarations: [\n CalloutWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutWithGridModule { }\n","import { Component } 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: 'compact-callout',\n templateUrl: './compact-callout.component.html',\n styleUrls: ['./compact-callout.component.scss'],\n})\nexport class CompactCalloutComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CompactCalloutComponent } from './compact-callout.component';\n\n@NgModule({\n declarations: [\n CompactCalloutComponent,\n ],\n imports: [\n CommonModule,\n\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CompactCalloutModule { }\n","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n CalloutThemingComponent,\n CalloutTextAlignmentComponent,\n CalloutWithGridComponent,\n CompactCalloutComponent,\n];\n"]}
1
+ {"version":3,"sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts"],"names":["this","faMobile","colorControl","FormControl","options","value","label","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","CalloutWithGridComponent","CompactCalloutComponent","CALLOUT_EXAMPLES"],"mappings":"s2BAOA,WAQEA,KAAAC,SAAWA,EAAAA,SACXD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,IAE5CH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAnBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,61BAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCY3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,6BCdJ,WAQEtB,KAAAC,SAAWA,EAAAA,SACXD,KAAAuB,iBAAgC,IAAIpB,EAAAA,YAAY,IAEhDH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAf5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,+7BAEAC,gBAAiBC,EAAAA,wBAAwBC,8PCc3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZS,GAEFP,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,oyCAEAC,gBAAiBC,EAAAA,wBAAwBC,+1BCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZW,GAEFT,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,2wBAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aAEAE,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,2BClBSM,EAAmB,CAC9BZ,EACAQ,EACAE,EACAC","sourcesContent":["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: 'callout-theming',\n templateUrl: './callout-theming.component.html',\n styleUrls: ['./callout-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutThemingComponent {\n faMobile = faMobile;\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';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffButtonModule,\n DaffCalloutModule,\n} from '@daffodil/design';\n\nimport { CalloutThemingComponent } from './callout-theming.component';\n\n@NgModule({\n declarations: [\n CalloutThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutThemingModule { }\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: 'callout-text-alignment',\n templateUrl: './callout-text-alignment.component.html',\n styleUrls: ['./callout-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutTextAlignmentComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CalloutTextAlignmentComponent } from './callout-text-alignment.component';\n\n@NgModule({\n declarations: [\n CalloutTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutTextAlignmentModule { }\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: 'callout-with-grid',\n templateUrl: './callout-with-grid.component.html',\n styleUrls: ['./callout-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutWithGridComponent {\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 DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CalloutWithGridComponent } from './callout-with-grid.component';\n\n@NgModule({\n declarations: [\n CalloutWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutWithGridModule { }\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: 'compact-callout',\n templateUrl: './compact-callout.component.html',\n styleUrls: ['./compact-callout.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactCalloutComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CompactCalloutComponent } from './compact-callout.component';\n\n@NgModule({\n declarations: [\n CompactCalloutComponent,\n ],\n imports: [\n CommonModule,\n\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CompactCalloutModule { }\n","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n CalloutThemingComponent,\n CalloutTextAlignmentComponent,\n CalloutWithGridComponent,\n CompactCalloutComponent,\n];\n"]}
@@ -1,11 +1,12 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
3
- typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@angular/common', '@daffodil/design', '@angular/forms', '@angular/router'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.card = global.daffodil.design.card || {}, global.daffodil.design.card.examples = {}), global.ng.core, global.ng.common, global.daffodil.design, global.ng.forms, global.ng.router));
5
- }(this, (function (exports, core, common, design, forms, router) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@fortawesome/free-solid-svg-icons'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
3
+ typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@fortawesome/free-solid-svg-icons', '@angular/common', '@fortawesome/angular-fontawesome', '@daffodil/design', '@angular/forms', '@angular/router'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.card = global.daffodil.design.card || {}, global.daffodil.design.card.examples = {}), global.ng.core, global.freeSolidSvgIcons, global.ng.common, global.angularFontawesome, global.daffodil.design, global.ng.forms, global.ng.router));
5
+ }(this, (function (exports, core, freeSolidSvgIcons, common, angularFontawesome, design, forms, router) { 'use strict';
6
6
 
7
7
  var BasicCardComponent = /** @class */ (function () {
8
8
  function BasicCardComponent() {
9
+ this.faMapMarked = freeSolidSvgIcons.faMapMarked;
9
10
  }
10
11
  return BasicCardComponent;
11
12
  }());
@@ -13,8 +14,9 @@
13
14
  { type: core.Component, args: [{
14
15
  // eslint-disable-next-line @angular-eslint/component-selector
15
16
  selector: 'basic-card',
16
- template: "<daff-card>\n <daff-image daffCardImage src=\"/assets/card/uber-logo-dark.svg\" alt=\"uber logo\" width=\"340\" height=\"135\"></daff-image>\n <div daffCardTagline>Card Tagline</div>\n <h4 daffCardTitle>Title</h4>\n <p>This is a basic card.</p>\n <div daffCardActions class=\"daff-basic-card__actions\">\n <button daff-underline-button>Card Button</button>\n <button daff-underline-button>Another Card Button</button>\n </div>\n</daff-card>",
17
- styles: [":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]
17
+ template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n <div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n",
18
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
19
+ styles: ["daff-card{max-width:480px}"]
18
20
  },] }
19
21
  ];
20
22
 
@@ -33,6 +35,7 @@
33
35
  design.DaffCardModule,
34
36
  design.DaffImageModule,
35
37
  design.DaffButtonModule,
38
+ angularFontawesome.FontAwesomeModule,
36
39
  ],
37
40
  exports: [
38
41
  BasicCardComponent,
@@ -40,10 +43,65 @@
40
43
  },] }
41
44
  ];
42
45
 
46
+ var CardOrientationComponent = /** @class */ (function () {
47
+ function CardOrientationComponent() {
48
+ this.faMapMarked = freeSolidSvgIcons.faMapMarked;
49
+ this.orientationControl = new forms.FormControl('');
50
+ this.options = [
51
+ { value: '', label: 'Default' },
52
+ { value: 'vertical', label: 'Vertical' },
53
+ { value: 'horizontal', label: 'Horizontal' },
54
+ ];
55
+ }
56
+ return CardOrientationComponent;
57
+ }());
58
+ CardOrientationComponent.decorators = [
59
+ { type: core.Component, args: [{
60
+ // eslint-disable-next-line @angular-eslint/component-selector
61
+ selector: 'card-orientation',
62
+ template: "<daff-card [orientation]=\"orientationControl.value\">\n <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
63
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
64
+ styles: [".daff-card--vertical{max-width:560px}"]
65
+ },] }
66
+ ];
67
+
68
+ var CardOrientationModule = /** @class */ (function () {
69
+ function CardOrientationModule() {
70
+ }
71
+ return CardOrientationModule;
72
+ }());
73
+ CardOrientationModule.decorators = [
74
+ { type: core.NgModule, args: [{
75
+ declarations: [
76
+ CardOrientationComponent,
77
+ ],
78
+ imports: [
79
+ common.CommonModule,
80
+ forms.ReactiveFormsModule,
81
+ design.DaffCardModule,
82
+ design.DaffImageModule,
83
+ design.DaffButtonModule,
84
+ angularFontawesome.FontAwesomeModule,
85
+ ],
86
+ exports: [
87
+ CardOrientationComponent,
88
+ ],
89
+ },] }
90
+ ];
91
+
43
92
  var CardThemingComponent = /** @class */ (function () {
44
93
  function CardThemingComponent() {
45
- this.color = 'primary';
46
94
  this.colorControl = new forms.FormControl('');
95
+ this.options = [
96
+ { value: '', label: 'Default' },
97
+ { value: 'primary', label: 'Primary' },
98
+ { value: 'secondary', label: 'Secondary' },
99
+ { value: 'tertiary', label: 'Tertiary' },
100
+ { value: 'theme', label: 'Theme' },
101
+ { value: 'theme-contrast', label: 'Theme Contrast' },
102
+ { value: 'black', label: 'Black' },
103
+ { value: 'white', label: 'White' },
104
+ ];
47
105
  }
48
106
  return CardThemingComponent;
49
107
  }());
@@ -51,8 +109,9 @@
51
109
  { type: core.Component, args: [{
52
110
  // eslint-disable-next-line @angular-eslint/component-selector
53
111
  selector: 'card-theming',
54
- template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n <option value=\"\">Default</option>\n <option value=\"primary\">Primary</option>\n <option value=\"secondary\">Secondary</option>\n <option value=\"tertiary\">Tertiary</option>\n <option value=\"theme\">Theme</option>\n <option value=\"theme-contrast\">Theme Contrast</option>\n <option value=\"black\">Black</option>\n <option value=\"white\">White</option>\n</select>",
55
- styles: ["\n daff-card {\n max-width: 400px;\n }\n "]
112
+ template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <div daffCardContent>\n <p>Cards are themable.</p>\n </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
113
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
114
+ styles: ["\n daff-card {\n max-width: 480px;\n }\n "]
56
115
  },] }
57
116
  ];
58
117
 
@@ -80,6 +139,19 @@
80
139
 
81
140
  var LinkableCardComponent = /** @class */ (function () {
82
141
  function LinkableCardComponent() {
142
+ this.basicColorControl = new forms.FormControl('');
143
+ this.raisedColorControl = new forms.FormControl('');
144
+ this.strokedColorControl = new forms.FormControl('');
145
+ this.options = [
146
+ { value: '', label: 'Default' },
147
+ { value: 'primary', label: 'Primary' },
148
+ { value: 'secondary', label: 'Secondary' },
149
+ { value: 'tertiary', label: 'Tertiary' },
150
+ { value: 'theme', label: 'Theme' },
151
+ { value: 'theme-contrast', label: 'Theme Contrast' },
152
+ { value: 'black', label: 'Black' },
153
+ { value: 'white', label: 'White' },
154
+ ];
83
155
  }
84
156
  return LinkableCardComponent;
85
157
  }());
@@ -87,8 +159,9 @@
87
159
  { type: core.Component, args: [{
88
160
  // eslint-disable-next-line @angular-eslint/component-selector
89
161
  selector: 'linkable-card',
90
- template: "<a routerLink=\"/\" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n",
91
- styles: [":host{display:block;max-width:340px}"]
162
+ template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
163
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
164
+ styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
92
165
  },] }
93
166
  ];
94
167
 
@@ -105,6 +178,7 @@
105
178
  imports: [
106
179
  common.CommonModule,
107
180
  router.RouterModule,
181
+ forms.ReactiveFormsModule,
108
182
  design.DaffCardModule,
109
183
  design.DaffImageModule,
110
184
  design.DaffButtonModule,
@@ -117,6 +191,17 @@
117
191
 
118
192
  var RaisedCardComponent = /** @class */ (function () {
119
193
  function RaisedCardComponent() {
194
+ this.colorControl = new forms.FormControl('');
195
+ this.options = [
196
+ { value: '', label: 'Default' },
197
+ { value: 'primary', label: 'Primary' },
198
+ { value: 'secondary', label: 'Secondary' },
199
+ { value: 'tertiary', label: 'Tertiary' },
200
+ { value: 'theme', label: 'Theme' },
201
+ { value: 'theme-contrast', label: 'Theme Contrast' },
202
+ { value: 'black', label: 'Black' },
203
+ { value: 'white', label: 'White' },
204
+ ];
120
205
  }
121
206
  return RaisedCardComponent;
122
207
  }());
@@ -124,8 +209,9 @@
124
209
  { type: core.Component, args: [{
125
210
  // eslint-disable-next-line @angular-eslint/component-selector
126
211
  selector: 'raised-card',
127
- template: "<daff-card [raised]=\"true\">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n",
128
- styles: [":host{display:block;max-width:340px}"]
212
+ template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
213
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
214
+ styles: ["daff-raised-card{max-width:480px}"]
129
215
  },] }
130
216
  ];
131
217
 
@@ -141,7 +227,7 @@
141
227
  ],
142
228
  imports: [
143
229
  common.CommonModule,
144
- router.RouterModule,
230
+ forms.ReactiveFormsModule,
145
231
  design.DaffCardModule,
146
232
  design.DaffImageModule,
147
233
  design.DaffButtonModule,
@@ -152,11 +238,63 @@
152
238
  },] }
153
239
  ];
154
240
 
241
+ var StrokedCardComponent = /** @class */ (function () {
242
+ function StrokedCardComponent() {
243
+ this.colorControl = new forms.FormControl('');
244
+ this.options = [
245
+ { value: '', label: 'Default' },
246
+ { value: 'primary', label: 'Primary' },
247
+ { value: 'secondary', label: 'Secondary' },
248
+ { value: 'tertiary', label: 'Tertiary' },
249
+ { value: 'theme', label: 'Theme' },
250
+ { value: 'theme-contrast', label: 'Theme Contrast' },
251
+ { value: 'black', label: 'Black' },
252
+ { value: 'white', label: 'White' },
253
+ ];
254
+ }
255
+ return StrokedCardComponent;
256
+ }());
257
+ StrokedCardComponent.decorators = [
258
+ { type: core.Component, args: [{
259
+ // eslint-disable-next-line @angular-eslint/component-selector
260
+ selector: 'stroked-card',
261
+ template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
262
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
263
+ styles: [":host{display:block;max-width:340px}"]
264
+ },] }
265
+ ];
266
+
267
+ var StrokedCardModule = /** @class */ (function () {
268
+ function StrokedCardModule() {
269
+ }
270
+ return StrokedCardModule;
271
+ }());
272
+ StrokedCardModule.decorators = [
273
+ { type: core.NgModule, args: [{
274
+ declarations: [
275
+ StrokedCardComponent,
276
+ ],
277
+ imports: [
278
+ common.CommonModule,
279
+ router.RouterModule,
280
+ forms.ReactiveFormsModule,
281
+ design.DaffCardModule,
282
+ design.DaffImageModule,
283
+ design.DaffButtonModule,
284
+ ],
285
+ exports: [
286
+ StrokedCardComponent,
287
+ ],
288
+ },] }
289
+ ];
290
+
155
291
  var CARD_EXAMPLES = [
156
292
  BasicCardComponent,
157
293
  CardThemingComponent,
158
294
  LinkableCardComponent,
159
295
  RaisedCardComponent,
296
+ StrokedCardComponent,
297
+ CardOrientationComponent,
160
298
  ];
161
299
 
162
300
  /**
@@ -165,13 +303,17 @@
165
303
 
166
304
  exports.BasicCardModule = BasicCardModule;
167
305
  exports.CARD_EXAMPLES = CARD_EXAMPLES;
306
+ exports.CardOrientationModule = CardOrientationModule;
168
307
  exports.CardThemingModule = CardThemingModule;
169
308
  exports.LinkableCardModule = LinkableCardModule;
170
309
  exports.RaisedCardModule = RaisedCardModule;
310
+ exports.StrokedCardModule = StrokedCardModule;
171
311
  exports.ɵa = BasicCardComponent;
172
312
  exports.ɵb = CardThemingComponent;
173
313
  exports.ɵc = LinkableCardComponent;
174
314
  exports.ɵd = RaisedCardComponent;
315
+ exports.ɵe = StrokedCardComponent;
316
+ exports.ɵf = CardOrientationComponent;
175
317
 
176
318
  Object.defineProperty(exports, '__esModule', { value: true });
177
319
 
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","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: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 400px;\n }\n `],\n})\nexport class CardThemingComponent {\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 {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';"],"names":["Component","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":";;;;;;;QAQA;;;;;gBANCA,cAAS,SAAC;;oBAET,QAAQ,EAAE,YAAY;oBACtB,gdAA0C;;iBAE3C;;;;QCkBD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,kBAAkB;qBACnB;iBACF;;;;QCnBD;YAWE,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBAdAN,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,slBAA4C;6BACnC,uDAIR;iBACF;;;;QCWD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZK,yBAAmB;wBACnBJ,qBAAc;wBACdC,sBAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QChBD;;;;;gBANCJ,cAAS,SAAC;;oBAET,QAAQ,EAAE,eAAe;oBACzB,0TAA6C;;iBAE9C;;;;QCoBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,qBAAqB;qBACtB;iBACF;;;;QClBD;;;;;gBANCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,aAAa;oBACvB,oUAA2C;;iBAE5C;;;;QCoBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,mBAAmB;qBACpB;iBACF;;;QCjBY,aAAa,GAAG;QAC3B,kBAAkB;QAClB,oBAAoB;QACpB,qBAAqB;QACrB,mBAAmB;;;ICbrB;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-card-examples.umd.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-orientation',\n templateUrl: './card-orientation.component.html',\n styleUrls: ['./card-orientation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n faMapMarked = faMapMarked;\n\n orientationControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'vertical', label: 'Vertical' },\n { value: 'horizontal', label: 'Horizontal' },\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 DaffButtonModule,\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n declarations: [\n CardOrientationComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n exports: [\n CardOrientationComponent,\n ],\n})\nexport class CardOrientationModule { }\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: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 480px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\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: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n basicColorControl: FormControl = new FormControl('');\n raisedColorControl: FormControl = new FormControl('');\n strokedColorControl: 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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\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: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\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: 'stroked-card',\n templateUrl: './stroked-card.component.html',\n styleUrls: ['./stroked-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n declarations: [\n StrokedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n StrokedCardComponent,\n ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n StrokedCardComponent,\n CardOrientationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardOrientationComponent as ɵf} from './card-orientation/card-orientation.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';\nexport {StrokedCardComponent as ɵe} from './stroked-card/stroked-card.component';"],"names":["faMapMarked","Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- !function(a,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@daffodil/design"),require("@angular/forms"),require("@angular/router")):"function"==typeof define&&define.amd?define("@daffodil/design/card/examples",["exports","@angular/core","@angular/common","@daffodil/design","@angular/forms","@angular/router"],e):e(((a="undefined"!=typeof globalThis?globalThis:a||self).daffodil=a.daffodil||{},a.daffodil.design=a.daffodil.design||{},a.daffodil.design.card=a.daffodil.design.card||{},a.daffodil.design.card.examples={}),a.ng.core,a.ng.common,a.daffodil.design,a.ng.forms,a.ng.router)}(this,(function(a,e,o,t,d,r){"use strict";var n=function(){};n.decorators=[{type:e.Component,args:[{selector:"basic-card",template:'<daff-card>\n <daff-image daffCardImage src="/assets/card/uber-logo-dark.svg" alt="uber logo" width="340" height="135"></daff-image>\n <div daffCardTagline>Card Tagline</div>\n <h4 daffCardTitle>Title</h4>\n <p>This is a basic card.</p>\n <div daffCardActions class="daff-basic-card__actions">\n <button daff-underline-button>Card Button</button>\n <button daff-underline-button>Another Card Button</button>\n </div>\n</daff-card>',styles:[":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]}]}];var i=function(){};i.decorators=[{type:e.NgModule,args:[{declarations:[n],imports:[o.CommonModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[n]}]}];var l=function(){this.color="primary",this.colorControl=new d.FormControl("")};l.decorators=[{type:e.Component,args:[{selector:"card-theming",template:'<daff-card [color]="colorControl.value">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]="colorControl">\n <option value="">Default</option>\n <option value="primary">Primary</option>\n <option value="secondary">Secondary</option>\n <option value="tertiary">Tertiary</option>\n <option value="theme">Theme</option>\n <option value="theme-contrast">Theme Contrast</option>\n <option value="black">Black</option>\n <option value="white">White</option>\n</select>',styles:["\n daff-card {\n max-width: 400px;\n }\n "]}]}];var f=function(){};f.decorators=[{type:e.NgModule,args:[{declarations:[l],imports:[o.CommonModule,d.ReactiveFormsModule,t.DaffCardModule,t.DaffImageModule],exports:[l]}]}];var s=function(){};s.decorators=[{type:e.Component,args:[{selector:"linkable-card",template:'<a routerLink="/" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n',styles:[":host{display:block;max-width:340px}"]}]}];var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[s],imports:[o.CommonModule,r.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[s]}]}];var u=function(){};u.decorators=[{type:e.Component,args:[{selector:"raised-card",template:'<daff-card [raised]="true">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n',styles:[":host{display:block;max-width:340px}"]}]}];var g=function(){};g.decorators=[{type:e.NgModule,args:[{declarations:[u],imports:[o.CommonModule,r.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[u]}]}];var p=[n,l,s,u];a.BasicCardModule=i,a.CARD_EXAMPLES=p,a.CardThemingModule=f,a.LinkableCardModule=c,a.RaisedCardModule=g,a.ɵa=n,a.ɵb=l,a.ɵc=s,a.ɵd=u,Object.defineProperty(a,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@fortawesome/free-solid-svg-icons"),require("@angular/common"),require("@fortawesome/angular-fontawesome"),require("@daffodil/design"),require("@angular/forms"),require("@angular/router")):"function"==typeof define&&define.amd?define("@daffodil/design/card/examples",["exports","@angular/core","@fortawesome/free-solid-svg-icons","@angular/common","@fortawesome/angular-fontawesome","@daffodil/design","@angular/forms","@angular/router"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.card=e.daffodil.design.card||{},e.daffodil.design.card.examples={}),e.ng.core,e.freeSolidSvgIcons,e.ng.common,e.angularFontawesome,e.daffodil.design,e.ng.forms,e.ng.router)}(this,(function(e,t,o,a,n,i,l,r){"use strict";var d=function(){this.faMapMarked=o.faMapMarked};d.decorators=[{type:t.Component,args:[{selector:"basic-card",template:'<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]="faMapMarked"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n </div>\n <div daffCardActions>\n <button daff-button color="theme-contrast">Learn More</button>\n </div>\n</daff-card>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["daff-card{max-width:480px}"]}]}];var f=function(){};f.decorators=[{type:t.NgModule,args:[{declarations:[d],imports:[a.CommonModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[d]}]}];var s=function(){this.faMapMarked=o.faMapMarked,this.orientationControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]};s.decorators=[{type:t.Component,args:[{selector:"card-orientation",template:'<daff-card [orientation]="orientationControl.value">\n <daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]="faMapMarked"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color="theme-contrast">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]="orientationControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".daff-card--vertical{max-width:560px}"]}]}];var c=function(){};c.decorators=[{type:t.NgModule,args:[{declarations:[s],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[s]}]}];var h=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};h.decorators=[{type:t.Component,args:[{selector:"card-theming",template:'<daff-card [color]="colorControl.value">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <div daffCardContent>\n <p>Cards are themable.</p>\n </div>\n</daff-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["\n daff-card {\n max-width: 480px;\n }\n "]}]}];var u=function(){};u.decorators=[{type:t.NgModule,args:[{declarations:[h],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule],exports:[h]}]}];var m=function(){this.basicColorControl=new l.FormControl(""),this.raisedColorControl=new l.FormControl(""),this.strokedColorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};m.decorators=[{type:t.Component,args:[{selector:"linkable-card",template:'<a daff-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="basicColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="basicColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="raisedColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="strokedColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="strokedColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="strokedColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]}]}];var p=function(){};p.decorators=[{type:t.NgModule,args:[{declarations:[m],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[m]}]}];var v=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};v.decorators=[{type:t.Component,args:[{selector:"raised-card",template:'<daff-raised-card [color]="colorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["daff-raised-card{max-width:480px}"]}]}];var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[v],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[v]}]}];var b=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};b.decorators=[{type:t.Component,args:[{selector:"stroked-card",template:'<daff-stroked-card [color]="colorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}"]}]}];var C=function(){};C.decorators=[{type:t.NgModule,args:[{declarations:[b],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[b]}]}];var w=[d,h,m,v,b,s];e.BasicCardModule=f,e.CARD_EXAMPLES=w,e.CardOrientationModule=c,e.CardThemingModule=u,e.LinkableCardModule=p,e.RaisedCardModule=g,e.StrokedCardModule=C,e.ɵa=d,e.ɵb=h,e.ɵc=m,e.ɵd=v,e.ɵe=b,e.ɵf=s,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=daffodil-design-card-examples.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["Component","args","selector","template","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","exports","this","color","colorControl","FormControl","CardThemingComponent","ReactiveFormsModule","LinkableCardComponent","RouterModule","RaisedCardComponent","CARD_EXAMPLES"],"mappings":"wsBAQA,iCANCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,aACVC,SAAA,0lBCoBF,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPN,aCjBJ,WAWEO,KAAAC,MAAqB,UAErBD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,yBAb7ChB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,ikBACS,mECgBX,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aACAU,EAAAA,oBACAT,EAAAA,eACAC,EAAAA,iBAEFE,QAAS,CACPK,aCdJ,iCANCjB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,iWCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPO,aChBJ,iCANCnB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,cACVC,SAAA,2WCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPS,WCfSC,EAAgB,CAC3BhB,EACAW,EACAE,EACAE","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","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: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 400px;\n }\n `],\n})\nexport class CardThemingComponent {\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 {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n];\n"]}
1
+ {"version":3,"sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"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","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-orientation',\n templateUrl: './card-orientation.component.html',\n styleUrls: ['./card-orientation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n faMapMarked = faMapMarked;\n\n orientationControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'vertical', label: 'Vertical' },\n { value: 'horizontal', label: 'Horizontal' },\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 DaffButtonModule,\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n declarations: [\n CardOrientationComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n exports: [\n CardOrientationComponent,\n ],\n})\nexport class CardOrientationModule { }\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: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 480px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\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: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n basicColorControl: FormControl = new FormControl('');\n raisedColorControl: FormControl = new FormControl('');\n strokedColorControl: 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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\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: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\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: 'stroked-card',\n templateUrl: './stroked-card.component.html',\n styleUrls: ['./stroked-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\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: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n declarations: [\n StrokedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n StrokedCardComponent,\n ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n StrokedCardComponent,\n CardOrientationComponent,\n];\n"]}
@@ -23,7 +23,8 @@
23
23
  { type: core.Component, args: [{
24
24
  // eslint-disable-next-line @angular-eslint/component-selector
25
25
  selector: 'basic-checkbox',
26
- template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"
26
+ template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>",
27
+ changeDetection: core.ChangeDetectionStrategy.OnPush
27
28
  },] }
28
29
  ];
29
30
 
@@ -66,7 +67,8 @@
66
67
  { type: core.Component, args: [{
67
68
  // eslint-disable-next-line @angular-eslint/component-selector
68
69
  selector: 'checkbox-set',
69
- template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>"
70
+ template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>",
71
+ changeDetection: core.ChangeDetectionStrategy.OnPush
70
72
  },] }
71
73
  ];
72
74
  CheckboxSetComponent.propDecorators = {
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-checkbox-examples.umd.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-checkbox',\n templateUrl: './basic-checkbox.component.html',\n})\nexport class BasicCheckboxComponent implements OnInit {\n checkboxExample = new FormControl();\n\n ngOnInit() {\n this.checkboxExample.setValue(true);\n }\n setFalse() {\n this.checkboxExample.setValue(false);\n }\n setTrue() {\n this.checkboxExample.setValue(true);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n declarations: [\n BasicCheckboxComponent,\n ],\n exports: [\n BasicCheckboxComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport {\n FormArray,\n FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'checkbox-set',\n templateUrl: './checkbox-set.component.html',\n})\nexport class CheckboxSetComponent implements OnInit {\n\n @ViewChild(DaffCheckboxSetComponent)\n private checkboxSet: DaffCheckboxSetComponent;\n checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n selectedValues = [];\n\n ngOnInit() {\n this.checkboxArray.setValue([false, false, false]);\n }\n displayList() {\n this.selectedValues = this.checkboxSet.getValues();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n declarations: [\n CheckboxSetComponent,\n ],\n exports: [\n CheckboxSetComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n CheckboxSetComponent,\n BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n BasicCheckboxModule,\n CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":["FormControl","Component","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;QAMA;YAMI,oBAAe,GAAG,IAAIA,iBAAW,EAAE,CAAC;SAWvC;QATG,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;QACD,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtC;QACD,wCAAO,GAAP;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;;;;gBAhBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;iBAC/C;;;;QCeD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;;QCZD;YASI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIN,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,CAAC,CAAC,CAAC;YACzF,mBAAc,GAAG,EAAE,CAAC;SAQvB;QANG,uCAAQ,GAAR;YACE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SACpD;QACD,0CAAW,GAAX;YACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;SACpD;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;iBAC7C;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCMvC;;;;;gBAfCN,aAAQ,SAAC;oBAER,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;QClBY,iBAAiB,GAAG;QAC/B,oBAAoB;QACpB,sBAAsB;MACtB;QAEW,yBAAyB,GAAG;QACvC,mBAAmB;QACnB,iBAAiB;;;ICbnB;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"daffodil-design-checkbox-examples.umd.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-checkbox',\n templateUrl: './basic-checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCheckboxComponent implements OnInit {\n checkboxExample = new FormControl();\n\n ngOnInit() {\n this.checkboxExample.setValue(true);\n }\n setFalse() {\n this.checkboxExample.setValue(false);\n }\n setTrue() {\n this.checkboxExample.setValue(true);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n declarations: [\n BasicCheckboxComponent,\n ],\n exports: [\n BasicCheckboxComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport {\n FormArray,\n FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'checkbox-set',\n templateUrl: './checkbox-set.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxSetComponent implements OnInit {\n\n @ViewChild(DaffCheckboxSetComponent)\n private checkboxSet: DaffCheckboxSetComponent;\n checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n selectedValues = [];\n\n ngOnInit() {\n this.checkboxArray.setValue([false, false, false]);\n }\n displayList() {\n this.selectedValues = this.checkboxSet.getValues();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n declarations: [\n CheckboxSetComponent,\n ],\n exports: [\n CheckboxSetComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n CheckboxSetComponent,\n BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n BasicCheckboxModule,\n CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":["FormControl","Component","ChangeDetectionStrategy","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;QAOA;YAOI,oBAAe,GAAG,IAAIA,iBAAW,EAAE,CAAC;SAWvC;QATG,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;QACD,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtC;QACD,wCAAO,GAAP;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;oBAC9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;;QCaD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;;QCXD;YAUI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIP,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,CAAC,CAAC,CAAC;YACzF,mBAAc,GAAG,EAAE,CAAC;SAQvB;QANG,uCAAQ,GAAR;YACE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SACpD;QACD,0CAAW,GAAX;YACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;SACpD;;;;gBAlBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;oBAC5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCIvC;;;;;gBAfCN,aAAQ,SAAC;oBAER,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;QClBY,iBAAiB,GAAG;QAC/B,oBAAoB;QACpB,sBAAsB;MACtB;QAEW,yBAAyB,GAAG;QACvC,mBAAmB;QACnB,iBAAiB;;;ICbnB;;;;;;;;;;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",template:'<daff-checkbox [formControl]="checkboxExample" value="checkboxExample">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color="primary" (click)="setFalse()">Set to false</button>\n<button daff-button (click)="setTrue()">Set to true</button>'}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",template:'<daff-checkbox-set [formArray]="checkboxArray">\n <daff-checkbox [formControl]="checkboxArray.at(0)" value="option1">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]="checkboxArray.at(1)" value="option2">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]="checkboxArray.at(2)" value="option3">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color="secondary" (click)="displayList()">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>'}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var f=function(){};f.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var i=[r,c],s=[a,f];e.CHECKBOX_EXAMPLES=i,e.CHECKBOX_EXAMPLES_MODULES=s,e.ɵa=r,e.ɵb=c,e.ɵc=a,e.ɵd=f,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",template:'<daff-checkbox [formControl]="checkboxExample" value="checkboxExample">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color="primary" (click)="setFalse()">Set to false</button>\n<button daff-button (click)="setTrue()">Set to true</button>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",template:'<daff-checkbox-set [formArray]="checkboxArray">\n <daff-checkbox [formControl]="checkboxArray.at(0)" value="option1">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]="checkboxArray.at(1)" value="option2">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]="checkboxArray.at(2)" value="option3">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color="secondary" (click)="displayList()">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var i=function(){};i.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var f=[r,c],s=[a,i];e.CHECKBOX_EXAMPLES=f,e.CHECKBOX_EXAMPLES_MODULES=s,e.ɵa=r,e.ɵb=c,e.ɵc=a,e.ɵd=i,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=daffodil-design-checkbox-examples.umd.min.js.map