@daffodil/design 0.84.0 → 0.86.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/accordion/src/accordion-theme.scss +11 -13
  2. package/article/src/article-theme.scss +36 -38
  3. package/atoms/form/error-message/error-message.component.d.ts +6 -0
  4. package/atoms/form/form-field/form-field/form-field.component.d.ts +104 -13
  5. package/atoms/form/form-field/form-field-control.d.ts +3 -0
  6. package/atoms/form/form-field/form-field.d.ts +2 -1
  7. package/atoms/form/form-field/label/label.directive.d.ts +5 -0
  8. package/atoms/form/form-field/public_api.d.ts +1 -0
  9. package/atoms/form/form-label/form-label.directive.d.ts +3 -0
  10. package/atoms/form/hint/hint.component.d.ts +5 -1
  11. package/breadcrumb/src/breadcrumb-theme.scss +9 -11
  12. package/button/README.md +3 -3
  13. package/button/button/button-base.directive.d.ts +1 -2
  14. package/button/button/raised/raised.component.d.ts +1 -1
  15. package/button/src/button/basic/button-theme.scss +80 -82
  16. package/button/src/button/button-base.scss +0 -18
  17. package/button/src/button/flat/flat-theme.scss +28 -30
  18. package/button/src/button/icon/icon-theme.scss +74 -76
  19. package/button/src/button/raised/raised-theme.scss +28 -30
  20. package/button/src/button/stroked/stroked-theme.scss +31 -33
  21. package/button/src/button/underline/underline-theme.scss +30 -32
  22. package/callout/src/callout-theme.scss +21 -23
  23. package/card/src/card/raised/raised-theme.scss +9 -11
  24. package/card/src/card/stroked/stroked-theme.scss +32 -34
  25. package/card/src/card-base-theme.scss +42 -44
  26. package/core/colorable/colorable.d.ts +2 -2
  27. package/core/compactable/compactable.directive.d.ts +3 -0
  28. package/core/openable/openable.directive.d.ts +1 -1
  29. package/core/selectable/selectable.directive.d.ts +3 -1
  30. package/core/sizable/sizable.directive.d.ts +2 -2
  31. package/core/skeletonable/public_api.d.ts +0 -1
  32. package/core/skeletonable/skeletonable.directive.d.ts +3 -0
  33. package/core/text-alignable/text-alignable.directive.d.ts +9 -5
  34. package/fesm2022/daffodil-design-accordion-examples.mjs +10 -10
  35. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  36. package/fesm2022/daffodil-design-accordion.mjs +15 -15
  37. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  38. package/fesm2022/daffodil-design-article-examples.mjs +31 -31
  39. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  40. package/fesm2022/daffodil-design-article.mjs +12 -12
  41. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  42. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +7 -7
  43. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -1
  44. package/fesm2022/daffodil-design-breadcrumb.mjs +12 -12
  45. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
  46. package/fesm2022/daffodil-design-button-examples.mjs +34 -34
  47. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  48. package/fesm2022/daffodil-design-button.mjs +37 -61
  49. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  50. package/fesm2022/daffodil-design-callout-examples.mjs +13 -13
  51. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  52. package/fesm2022/daffodil-design-callout.mjs +23 -23
  53. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  54. package/fesm2022/daffodil-design-card-examples.mjs +19 -19
  55. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  56. package/fesm2022/daffodil-design-card.mjs +35 -35
  57. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  58. package/fesm2022/daffodil-design-checkbox-examples.mjs +7 -7
  59. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  60. package/fesm2022/daffodil-design-container-examples.mjs +4 -4
  61. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  62. package/fesm2022/daffodil-design-container.mjs +8 -8
  63. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  64. package/fesm2022/daffodil-design-hero-examples.mjs +13 -13
  65. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  66. package/fesm2022/daffodil-design-hero.mjs +23 -23
  67. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  68. package/fesm2022/daffodil-design-image-examples.mjs +10 -10
  69. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  70. package/fesm2022/daffodil-design-image.mjs +9 -9
  71. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  72. package/fesm2022/daffodil-design-input-examples.mjs +42 -21
  73. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  74. package/fesm2022/daffodil-design-input.mjs +139 -0
  75. package/fesm2022/daffodil-design-input.mjs.map +1 -0
  76. package/fesm2022/daffodil-design-link-set.mjs +17 -17
  77. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  78. package/fesm2022/daffodil-design-list-examples.mjs +13 -13
  79. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  80. package/fesm2022/daffodil-design-list.mjs +12 -12
  81. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  82. package/fesm2022/daffodil-design-loading-icon-examples.mjs +4 -4
  83. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  84. package/fesm2022/daffodil-design-loading-icon.mjs +8 -8
  85. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  86. package/fesm2022/daffodil-design-media-gallery-examples.mjs +16 -16
  87. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  88. package/fesm2022/daffodil-design-media-gallery.mjs +14 -21
  89. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  90. package/fesm2022/daffodil-design-menu-examples.mjs +7 -7
  91. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  92. package/fesm2022/daffodil-design-menu.mjs +17 -17
  93. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  94. package/fesm2022/daffodil-design-modal-examples.mjs +7 -7
  95. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  96. package/fesm2022/daffodil-design-modal.mjs +28 -28
  97. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  98. package/fesm2022/daffodil-design-navbar-examples.mjs +13 -13
  99. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  100. package/fesm2022/daffodil-design-navbar.mjs +8 -8
  101. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  102. package/fesm2022/daffodil-design-notification-examples.mjs +16 -16
  103. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  104. package/fesm2022/daffodil-design-notification.mjs +20 -20
  105. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  106. package/fesm2022/daffodil-design-paginator-examples.mjs +7 -7
  107. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  108. package/fesm2022/daffodil-design-paginator.mjs +8 -8
  109. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  110. package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -10
  111. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  112. package/fesm2022/daffodil-design-progress-bar.mjs +12 -12
  113. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  114. package/fesm2022/daffodil-design-quantity-field-examples.mjs +19 -18
  115. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  116. package/fesm2022/daffodil-design-quantity-field.mjs +355 -0
  117. package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -0
  118. package/fesm2022/daffodil-design-radio-examples.mjs +4 -4
  119. package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
  120. package/fesm2022/daffodil-design-sidebar-examples.mjs +13 -13
  121. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  122. package/fesm2022/daffodil-design-sidebar.mjs +27 -27
  123. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  124. package/fesm2022/daffodil-design-switch-examples.mjs +16 -16
  125. package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
  126. package/fesm2022/daffodil-design-switch.mjs +4 -4
  127. package/fesm2022/daffodil-design-switch.mjs.map +1 -1
  128. package/fesm2022/daffodil-design-tabs-examples.mjs +16 -16
  129. package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -1
  130. package/fesm2022/daffodil-design-tabs.mjs +16 -16
  131. package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
  132. package/fesm2022/daffodil-design-text-snippet-examples.mjs +4 -4
  133. package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -1
  134. package/fesm2022/daffodil-design-text-snippet.mjs +4 -4
  135. package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
  136. package/fesm2022/daffodil-design-toast-examples.mjs +13 -72
  137. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  138. package/fesm2022/daffodil-design-toast.mjs +73 -61
  139. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  140. package/fesm2022/daffodil-design-tree-examples.mjs +7 -7
  141. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  142. package/fesm2022/daffodil-design-tree.mjs +11 -11
  143. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  144. package/fesm2022/daffodil-design-youtube-player.mjs +7 -7
  145. package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
  146. package/fesm2022/daffodil-design.mjs +477 -711
  147. package/fesm2022/daffodil-design.mjs.map +1 -1
  148. package/hero/src/hero-theme.scss +21 -23
  149. package/input/README.md +66 -0
  150. package/input/examples/input-hint-and-error/input-hint-and-error.component.d.ts +9 -0
  151. package/input/index.d.ts +1 -0
  152. package/{atoms/form/input → input}/input.component.d.ts +21 -5
  153. package/list/src/list-theme.scss +9 -11
  154. package/loading-icon/src/loading-icon-theme.scss +20 -22
  155. package/media-gallery/media-gallery/media-gallery.component.d.ts +0 -4
  156. package/media-gallery/src/media-gallery-theme.scss +10 -12
  157. package/menu/helpers/create-overlay.d.ts +1 -1
  158. package/menu/src/menu-theme.scss +10 -11
  159. package/modal/src/modal-theme.scss +2 -2
  160. package/navbar/src/navbar-theme.scss +18 -20
  161. package/notification/src/notification-theme.scss +44 -46
  162. package/package.json +1 -1
  163. package/paginator/src/paginator-theme.scss +9 -11
  164. package/progress-bar/src/progress-bar-theme.scss +18 -20
  165. package/public_api.d.ts +0 -2
  166. package/quantity-field/README.md +63 -0
  167. package/quantity-field/index.d.ts +1 -0
  168. package/quantity-field/public_api.d.ts +2 -0
  169. package/{atoms/form/quantity-field → quantity-field}/quantity-field.component.d.ts +3 -3
  170. package/quantity-field/quantity-field.module.d.ts +11 -0
  171. package/{atoms/form/quantity-field → quantity-field}/quantity-input/quantity-input.component.d.ts +2 -2
  172. package/{atoms/form/quantity-field → quantity-field}/quantity-select/quantity-select.component.d.ts +2 -2
  173. package/scss/state/skeleton/_mixins.scss +12 -10
  174. package/scss/theme.scss +0 -2
  175. package/scss/theming/_configure-theme.scss +16 -16
  176. package/scss/theming/_get-base-color.scss +19 -0
  177. package/scss/theming/_get-palette.scss +27 -0
  178. package/scss/theming/_get-theme-mode.scss +9 -0
  179. package/scss/theming/_index.scss +3 -0
  180. package/scss/theming/_light-dark.scss +4 -4
  181. package/scss/theming/_theme-css-variables.scss +20 -20
  182. package/scss/theming/contrast/luminance/luminance.scss +3 -3
  183. package/sidebar/src/sidebar-theme.scss +4 -5
  184. package/src/atoms/form/error-message/error-message-theme.scss +3 -4
  185. package/src/atoms/form/form-field/form-field/form-field-theme.scss +47 -31
  186. package/src/atoms/form/hint/hint-theme.scss +13 -8
  187. package/src/atoms/form/native-select/native-select-theme.scss +5 -7
  188. package/switch/src/switch-theme.scss +13 -15
  189. package/tabs/src/tabs-theme.scss +13 -15
  190. package/toast/README.md +21 -1
  191. package/toast/examples/public_api.d.ts +1 -2
  192. package/toast/helpers/toast-position.d.ts +8 -0
  193. package/toast/interfaces/toast-options.d.ts +19 -0
  194. package/toast/interfaces/toast.d.ts +1 -1
  195. package/toast/public_api.d.ts +2 -2
  196. package/toast/service/position-strategy.d.ts +1 -1
  197. package/toast/service/position.service.d.ts +1 -1
  198. package/toast/service/toast.service.d.ts +1 -1
  199. package/toast/src/toast-theme.scss +36 -38
  200. package/toast/toast/toast-provider.d.ts +16 -4
  201. package/toast/toast/toast-template.component.d.ts +1 -1
  202. package/tree/src/tree-theme.scss +20 -22
  203. package/atoms/form/quantity-field/public_api.d.ts +0 -4
  204. package/atoms/form/quantity-field/quantity-field.module.d.ts +0 -13
  205. package/core/skeletonable/skeletonable.d.ts +0 -6
  206. package/src/atoms/form/input/input-theme.scss +0 -12
  207. package/toast/examples/toast-positions/toast-positions.component.d.ts +0 -20
  208. package/toast/options/daff-toast-options.d.ts +0 -14
  209. /package/{atoms/form/input → input}/input.module.d.ts +0 -0
  210. /package/{atoms/form/input → input}/public_api.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy } from '@angular/core';
2
+ import { ChangeDetectionStrategy, Component } from '@angular/core';
3
3
  import { FaIconComponent } from '@fortawesome/angular-fontawesome';
4
4
  import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
5
5
  import { DaffButtonComponent } from '@daffodil/design/button';
@@ -15,10 +15,10 @@ class BasicCardComponent {
15
15
  constructor() {
16
16
  this.faMapMarked = faMapMarked;
17
17
  }
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BasicCardComponent, isStandalone: true, selector: "basic-card", ngImport: i0, 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", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
18
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: BasicCardComponent, isStandalone: true, selector: "basic-card", ngImport: i0, 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", styles: ["daff-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
20
20
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicCardComponent, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicCardComponent, decorators: [{
22
22
  type: Component,
23
23
  args: [{ selector: 'basic-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
24
24
  DAFF_CARD_COMPONENTS,
@@ -38,10 +38,10 @@ class CardOrientationComponent {
38
38
  { value: 'horizontal', label: 'Horizontal' },
39
39
  ];
40
40
  }
41
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
42
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CardOrientationComponent, isStandalone: true, selector: "card-orientation", ngImport: i0, 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>", styles: [".daff-card--vertical{max-width:560px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
41
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
42
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: CardOrientationComponent, isStandalone: true, selector: "card-orientation", ngImport: i0, 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>", styles: [".daff-card--vertical{max-width:560px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "directive", type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
43
43
  }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CardOrientationComponent, decorators: [{
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CardOrientationComponent, decorators: [{
45
45
  type: Component,
46
46
  args: [{ selector: 'card-orientation', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
47
47
  DAFF_CARD_COMPONENTS,
@@ -68,10 +68,10 @@ class CardThemingComponent {
68
68
  { value: 'light', label: 'Light' },
69
69
  ];
70
70
  }
71
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CardThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
72
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CardThemingComponent, isStandalone: true, selector: "card-theming", ngImport: i0, template: "<daff-card [color]=\"cardControl.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]=\"cardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<daff-stroked-card [color]=\"strokedCardControl.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-stroked-card>\n\n<select [formControl]=\"strokedCardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-card,daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
71
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CardThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
72
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: CardThemingComponent, isStandalone: true, selector: "card-theming", ngImport: i0, template: "<daff-card [color]=\"cardControl.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]=\"cardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<daff-stroked-card [color]=\"strokedCardControl.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-stroked-card>\n\n<select [formControl]=\"strokedCardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-card,daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
73
73
  }
74
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CardThemingComponent, decorators: [{
74
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CardThemingComponent, decorators: [{
75
75
  type: Component,
76
76
  args: [{ selector: 'card-theming', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
77
77
  DAFF_CARD_COMPONENTS,
@@ -97,10 +97,10 @@ class LinkableCardComponent {
97
97
  { value: 'light', label: 'Light' },
98
98
  ];
99
99
  }
100
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LinkableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
101
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LinkableCardComponent, isStandalone: true, selector: "linkable-card", ngImport: i0, 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]=\"raisedColorControl\">\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>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i1.DaffRaisedCardComponent, selector: "daff-raised-card,a[daff-raised-card]" }, { kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
100
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LinkableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
101
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: LinkableCardComponent, isStandalone: true, selector: "linkable-card", ngImport: i0, 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]=\"raisedColorControl\">\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>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffCardComponent, selector: "daff-card,a[daff-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i1.DaffRaisedCardComponent, selector: "daff-raised-card,a[daff-raised-card]" }, { kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
102
102
  }
103
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LinkableCardComponent, decorators: [{
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LinkableCardComponent, decorators: [{
104
104
  type: Component,
105
105
  args: [{ selector: 'linkable-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
106
106
  DAFF_CARD_COMPONENTS,
@@ -126,10 +126,10 @@ class RaisedCardComponent {
126
126
  { value: 'light', label: 'Light' },
127
127
  ];
128
128
  }
129
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
130
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: RaisedCardComponent, isStandalone: true, selector: "raised-card", ngImport: i0, 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>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffRaisedCardComponent, selector: "daff-raised-card,a[daff-raised-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
129
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
130
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: RaisedCardComponent, isStandalone: true, selector: "raised-card", ngImport: i0, 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>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "component", type: i1.DaffRaisedCardComponent, selector: "daff-raised-card,a[daff-raised-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
131
131
  }
132
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RaisedCardComponent, decorators: [{
132
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: RaisedCardComponent, decorators: [{
133
133
  type: Component,
134
134
  args: [{ selector: 'raised-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
135
135
  DAFF_RAISED_CARD_COMPONENTS,
@@ -153,10 +153,10 @@ class StrokedCardComponent {
153
153
  { value: 'light', label: 'Light' },
154
154
  ];
155
155
  }
156
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
157
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: StrokedCardComponent, isStandalone: true, selector: "stroked-card", ngImport: i0, 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>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
156
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
157
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: StrokedCardComponent, isStandalone: true, selector: "stroked-card", ngImport: i0, 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>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "component", type: i1.DaffStrokedCardComponent, selector: "daff-stroked-card,a[daff-stroked-card]" }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
158
158
  }
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: StrokedCardComponent, decorators: [{
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StrokedCardComponent, decorators: [{
160
160
  type: Component,
161
161
  args: [{ selector: 'stroked-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
162
162
  DAFF_STROKED_CARD_COMPONENTS,
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-card-examples.mjs","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.component.html","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.html","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.html","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.html","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.html","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.html","../../../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 { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ],\n})\nexport class BasicCardComponent {\n faMapMarked = faMapMarked;\n}\n","<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","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class CardOrientationComponent {\n faMapMarked = faMapMarked;\n\n orientationControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'vertical', label: 'Vertical' },\n { value: 'horizontal', label: 'Horizontal' },\n ];\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n DAFF_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n} from '@daffodil/design/card';\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, daff-stroked-card {\n max-width: 480px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class CardThemingComponent {\n cardControl: UntypedFormControl = new UntypedFormControl('');\n strokedCardControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<daff-card [color]=\"cardControl.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]=\"cardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<daff-stroked-card [color]=\"strokedCardControl.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-stroked-card>\n\n<select [formControl]=\"strokedCardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n DAFF_CARD_COMPONENTS,\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n} from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class LinkableCardComponent {\n basicColorControl: UntypedFormControl = new UntypedFormControl('');\n raisedColorControl: UntypedFormControl = new UntypedFormControl('');\n strokedColorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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]=\"raisedColorControl\">\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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_RAISED_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class RaisedCardComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_STROKED_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_STROKED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class StrokedCardComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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>","import { BasicCardComponent } from './basic-card/basic-card.component';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n StrokedCardComponent,\n CardOrientationComponent,\n];\n\nexport {\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"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-card-examples.mjs","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.component.html","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.html","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.html","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.html","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.html","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.html","../../../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 { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ],\n})\nexport class BasicCardComponent {\n faMapMarked = faMapMarked;\n}\n","<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","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class CardOrientationComponent {\n faMapMarked = faMapMarked;\n\n orientationControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'vertical', label: 'Vertical' },\n { value: 'horizontal', label: 'Horizontal' },\n ];\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n DAFF_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n} from '@daffodil/design/card';\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, daff-stroked-card {\n max-width: 480px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class CardThemingComponent {\n cardControl: UntypedFormControl = new UntypedFormControl('');\n strokedCardControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<daff-card [color]=\"cardControl.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]=\"cardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<daff-stroked-card [color]=\"strokedCardControl.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-stroked-card>\n\n<select [formControl]=\"strokedCardControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n DAFF_CARD_COMPONENTS,\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n} from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_CARD_COMPONENTS,\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_STROKED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class LinkableCardComponent {\n basicColorControl: UntypedFormControl = new UntypedFormControl('');\n raisedColorControl: UntypedFormControl = new UntypedFormControl('');\n strokedColorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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]=\"raisedColorControl\">\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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_RAISED_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_RAISED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class RaisedCardComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_STROKED_CARD_COMPONENTS } from '@daffodil/design/card';\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\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 imports: [\n DAFF_STROKED_CARD_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class StrokedCardComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\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: 'dark', label: 'Dark' },\n { value: 'light', label: 'Light' },\n ];\n}\n","<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>","import { BasicCardComponent } from './basic-card/basic-card.component';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n StrokedCardComponent,\n CardOrientationComponent,\n];\n\nexport {\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"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import * as i0 from '@angular/core';
3
- import { Directive, Input, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
3
+ import { HostBinding, Input, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
4
4
  import * as i1 from '@daffodil/design';
5
5
  import { DaffArticleEncapsulatedDirective, DaffColorableDirective } from '@daffodil/design';
6
6
 
@@ -37,10 +37,10 @@ class DaffCardBaseDirective {
37
37
  get horizontalClass() {
38
38
  return this.orientation === DaffCardOrientationEnum.Horizontal;
39
39
  }
40
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
41
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardBaseDirective, isStandalone: true, selector: "[daffCardBase]", inputs: { orientation: "orientation" }, host: { properties: { "class.vertical": "this.verticalClass", "class.horizontal": "this.horizontalClass" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
40
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
41
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardBaseDirective, isStandalone: true, selector: "[daffCardBase]", inputs: { orientation: "orientation" }, host: { properties: { "class.vertical": "this.verticalClass", "class.horizontal": "this.horizontalClass" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
42
42
  }
43
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardBaseDirective, decorators: [{
43
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardBaseDirective, decorators: [{
44
44
  type: Directive,
45
45
  args: [{
46
46
  selector: '[daffCardBase]',
@@ -70,10 +70,10 @@ class DaffCardComponent extends DaffCardBaseDirective {
70
70
  */
71
71
  this.class = true;
72
72
  }
73
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
74
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardComponent, isStandalone: true, selector: "daff-card,a[daff-card]", host: { properties: { "class.daff-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card .daff-card__image{display:inline-block;width:100%}.daff-card .daff-card__wrapper{position:relative;height:100%}.daff-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-card.vertical{flex-direction:column}.daff-card.vertical .daff-card__image,.daff-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card .daff-card__content p:first-of-type{margin-top:0}.daff-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
73
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
74
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardComponent, isStandalone: true, selector: "daff-card,a[daff-card]", host: { properties: { "class.daff-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card .daff-card__image{display:inline-block;width:100%}.daff-card .daff-card__wrapper{position:relative;height:100%}.daff-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-card.vertical{flex-direction:column}.daff-card.vertical .daff-card__image,.daff-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card .daff-card__content p:first-of-type{margin-top:0}.daff-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
75
75
  }
76
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardComponent, decorators: [{
76
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardComponent, decorators: [{
77
77
  type: Component,
78
78
  args: [{ selector: 'daff-card' + ',' +
79
79
  'a[daff-card]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card .daff-card__image{display:inline-block;width:100%}.daff-card .daff-card__wrapper{position:relative;height:100%}.daff-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-card.vertical{flex-direction:column}.daff-card.vertical .daff-card__image,.daff-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-card .daff-card__content p:first-of-type{margin-top:0}.daff-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"] }]
@@ -90,10 +90,10 @@ class DaffRaisedCardComponent extends DaffCardBaseDirective {
90
90
  */
91
91
  this.class = true;
92
92
  }
93
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffRaisedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
94
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffRaisedCardComponent, isStandalone: true, selector: "daff-raised-card,a[daff-raised-card]", host: { properties: { "class.daff-raised-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-raised-card{display:flex;border-radius:8px;position:relative}.daff-raised-card .daff-card__image{display:inline-block;width:100%}.daff-raised-card .daff-card__wrapper{position:relative;height:100%}.daff-raised-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-raised-card.vertical{flex-direction:column}.daff-raised-card.vertical .daff-card__image,.daff-raised-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-raised-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-raised-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-raised-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-raised-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-raised-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-raised-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-raised-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-raised-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-raised-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-raised-card .daff-card__content p:first-of-type{margin-top:0}.daff-raised-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-raised-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-raised-card{text-decoration:none}a.daff-raised-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-raised-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
93
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
94
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffRaisedCardComponent, isStandalone: true, selector: "daff-raised-card,a[daff-raised-card]", host: { properties: { "class.daff-raised-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-raised-card{display:flex;border-radius:8px;position:relative}.daff-raised-card .daff-card__image{display:inline-block;width:100%}.daff-raised-card .daff-card__wrapper{position:relative;height:100%}.daff-raised-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-raised-card.vertical{flex-direction:column}.daff-raised-card.vertical .daff-card__image,.daff-raised-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-raised-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-raised-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-raised-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-raised-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-raised-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-raised-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-raised-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-raised-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-raised-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-raised-card .daff-card__content p:first-of-type{margin-top:0}.daff-raised-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-raised-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-raised-card{text-decoration:none}a.daff-raised-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-raised-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
95
95
  }
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffRaisedCardComponent, decorators: [{
96
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedCardComponent, decorators: [{
97
97
  type: Component,
98
98
  args: [{ selector: 'daff-raised-card' + ',' +
99
99
  'a[daff-raised-card]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-raised-card{display:flex;border-radius:8px;position:relative}.daff-raised-card .daff-card__image{display:inline-block;width:100%}.daff-raised-card .daff-card__wrapper{position:relative;height:100%}.daff-raised-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-raised-card.vertical{flex-direction:column}.daff-raised-card.vertical .daff-card__image,.daff-raised-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-raised-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-raised-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-raised-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-raised-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-raised-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-raised-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-raised-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-raised-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-raised-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-raised-card .daff-card__content p:first-of-type{margin-top:0}.daff-raised-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-raised-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-raised-card{text-decoration:none}a.daff-raised-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-raised-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"] }]
@@ -110,10 +110,10 @@ class DaffStrokedCardComponent extends DaffCardBaseDirective {
110
110
  */
111
111
  this.class = true;
112
112
  }
113
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffStrokedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
114
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffStrokedCardComponent, isStandalone: true, selector: "daff-stroked-card,a[daff-stroked-card]", host: { properties: { "class.daff-stroked-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-stroked-card{display:flex;border-radius:8px;position:relative}.daff-stroked-card .daff-card__image{display:inline-block;width:100%}.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-stroked-card.vertical{flex-direction:column}.daff-stroked-card.vertical .daff-card__image,.daff-stroked-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-stroked-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-stroked-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-stroked-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-stroked-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-stroked-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-stroked-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-stroked-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-stroked-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-stroked-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-stroked-card .daff-card__content p:first-of-type{margin-top:0}.daff-stroked-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-stroked-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-stroked-card{text-decoration:none}a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-stroked-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
113
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
114
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffStrokedCardComponent, isStandalone: true, selector: "daff-stroked-card,a[daff-stroked-card]", host: { properties: { "class.daff-stroked-card": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-stroked-card{display:flex;border-radius:8px;position:relative}.daff-stroked-card .daff-card__image{display:inline-block;width:100%}.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-stroked-card.vertical{flex-direction:column}.daff-stroked-card.vertical .daff-card__image,.daff-stroked-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-stroked-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-stroked-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-stroked-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-stroked-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-stroked-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-stroked-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-stroked-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-stroked-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-stroked-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-stroked-card .daff-card__content p:first-of-type{margin-top:0}.daff-stroked-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-stroked-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-stroked-card{text-decoration:none}a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-stroked-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
115
115
  }
116
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffStrokedCardComponent, decorators: [{
116
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedCardComponent, decorators: [{
117
117
  type: Component,
118
118
  args: [{ selector: 'daff-stroked-card' + ',' +
119
119
  'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-stroked-card{display:flex;border-radius:8px;position:relative}.daff-stroked-card .daff-card__image{display:inline-block;width:100%}.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}.daff-stroked-card.vertical{flex-direction:column}.daff-stroked-card.vertical .daff-card__image,.daff-stroked-card.vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-stroked-card.horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-stroked-card.horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-stroked-card.horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-stroked-card.horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-stroked-card .daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-stroked-card .daff-card__icon{display:block;margin:0 0 .5rem}.daff-stroked-card .daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-stroked-card .daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-stroked-card .daff-card__title+.daff-card__content{margin:1rem 0 0}.daff-stroked-card .daff-card__content p:first-of-type{margin-top:0}.daff-stroked-card .daff-card__content p:last-of-type{margin-bottom:0}.daff-stroked-card .daff-card__actions{padding:0 1.5rem 1.5rem;position:relative;z-index:2}a.daff-stroked-card{text-decoration:none}a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-stroked-card.horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}\n"] }]
@@ -129,10 +129,10 @@ class DaffCardActionsDirective {
129
129
  */
130
130
  this.class = true;
131
131
  }
132
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
133
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardActionsDirective, isStandalone: true, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 }); }
132
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
133
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardActionsDirective, isStandalone: true, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 }); }
134
134
  }
135
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
135
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
136
136
  type: Directive,
137
137
  args: [{
138
138
  selector: '[daffCardActions]',
@@ -150,10 +150,10 @@ class DaffCardContentDirective {
150
150
  */
151
151
  this.class = true;
152
152
  }
153
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
154
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardContentDirective, isStandalone: true, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 }); }
153
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
154
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardContentDirective, isStandalone: true, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 }); }
155
155
  }
156
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardContentDirective, decorators: [{
156
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardContentDirective, decorators: [{
157
157
  type: Directive,
158
158
  args: [{
159
159
  selector: '[daffCardContent]',
@@ -171,10 +171,10 @@ class DaffCardIconDirective {
171
171
  */
172
172
  this.class = true;
173
173
  }
174
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
175
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardIconDirective, isStandalone: true, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 }); }
174
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
175
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardIconDirective, isStandalone: true, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 }); }
176
176
  }
177
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardIconDirective, decorators: [{
177
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardIconDirective, decorators: [{
178
178
  type: Directive,
179
179
  args: [{
180
180
  selector: '[daffCardIcon]',
@@ -192,10 +192,10 @@ class DaffCardImageDirective {
192
192
  */
193
193
  this.class = true;
194
194
  }
195
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
196
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardImageDirective, isStandalone: true, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 }); }
195
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
196
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardImageDirective, isStandalone: true, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 }); }
197
197
  }
198
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardImageDirective, decorators: [{
198
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardImageDirective, decorators: [{
199
199
  type: Directive,
200
200
  args: [{
201
201
  selector: '[daffCardImage]',
@@ -213,10 +213,10 @@ class DaffCardTaglineDirective {
213
213
  */
214
214
  this.class = true;
215
215
  }
216
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
217
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardTaglineDirective, isStandalone: true, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 }); }
216
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
217
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardTaglineDirective, isStandalone: true, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 }); }
218
218
  }
219
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
219
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
220
220
  type: Directive,
221
221
  args: [{
222
222
  selector: '[daffCardTagline]',
@@ -234,10 +234,10 @@ class DaffCardTitleDirective {
234
234
  */
235
235
  this.class = true;
236
236
  }
237
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
238
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffCardTitleDirective, isStandalone: true, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 }); }
237
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
238
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffCardTitleDirective, isStandalone: true, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 }); }
239
239
  }
240
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
240
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
241
241
  type: Directive,
242
242
  args: [{
243
243
  selector: '[daffCardTitle]',
@@ -252,8 +252,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
252
252
  * @deprecated in favor of {@link DAFF_CARD_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
253
253
  */
254
254
  class DaffCardModule {
255
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
256
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: DaffCardModule, imports: [CommonModule,
255
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
256
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: DaffCardModule, imports: [CommonModule,
257
257
  DaffCardComponent,
258
258
  DaffRaisedCardComponent,
259
259
  DaffStrokedCardComponent,
@@ -271,9 +271,9 @@ class DaffCardModule {
271
271
  DaffCardTitleDirective,
272
272
  DaffCardContentDirective,
273
273
  DaffCardActionsDirective] }); }
274
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardModule, imports: [CommonModule] }); }
274
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardModule, imports: [CommonModule] }); }
275
275
  }
276
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffCardModule, decorators: [{
276
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffCardModule, decorators: [{
277
277
  type: NgModule,
278
278
  args: [{
279
279
  imports: [