@daffodil/design 0.39.9 → 0.39.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/atoms/button/button.component.d.ts +5 -0
  2. package/bundles/daffodil-design-card-examples.umd.js +2 -2
  3. package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
  4. package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
  5. package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
  6. package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
  7. package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
  8. package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
  9. package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
  10. package/bundles/daffodil-design.umd.js +132 -32
  11. package/bundles/daffodil-design.umd.js.map +1 -1
  12. package/bundles/daffodil-design.umd.min.js +1 -1
  13. package/bundles/daffodil-design.umd.min.js.map +1 -1
  14. package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
  15. package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
  16. package/core/article-encapsulated/public_api.d.ts +1 -0
  17. package/core/public_api.d.ts +1 -0
  18. package/daff-theme.scss +113 -111
  19. package/daffodil-design.metadata.json +1 -1
  20. package/esm2015/atoms/button/button.component.js +3 -2
  21. package/esm2015/card/examples/basic-card/basic-card.component.js +2 -2
  22. package/esm2015/card/examples/linkable-card/linkable-card.component.js +1 -1
  23. package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
  24. package/esm2015/core/article-encapsulated/public_api.js +2 -0
  25. package/esm2015/core/public_api.js +2 -1
  26. package/esm2015/molecules/accordion/accordion/accordion.component.js +24 -3
  27. package/esm2015/molecules/article/article/article.component.js +1 -1
  28. package/esm2015/molecules/callout/callout/callout.component.js +3 -2
  29. package/esm2015/molecules/card/card/card.component.js +4 -3
  30. package/esm2015/molecules/feature/feature/feature.component.js +4 -1
  31. package/esm2015/molecules/hero/hero/hero.component.js +4 -3
  32. package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
  33. package/esm2015/molecules/list/list/list.component.js +19 -5
  34. package/esm2015/molecules/media-gallery/media-gallery.component.js +20 -4
  35. package/esm2015/molecules/navbar/navbar.component.js +9 -8
  36. package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
  37. package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
  38. package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
  39. package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
  40. package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
  41. package/esm2015/navbar/examples/examples.js +11 -0
  42. package/esm2015/navbar/examples/index.js +2 -0
  43. package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
  44. package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
  45. package/esm2015/navbar/examples/public_api.js +10 -0
  46. package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
  47. package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
  48. package/fesm2015/daffodil-design-card-examples.js +2 -2
  49. package/fesm2015/daffodil-design-card-examples.js.map +1 -1
  50. package/fesm2015/daffodil-design-navbar-examples.js +142 -0
  51. package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
  52. package/fesm2015/daffodil-design.js +105 -23
  53. package/fesm2015/daffodil-design.js.map +1 -1
  54. package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
  55. package/molecules/callout/callout/callout.component.d.ts +5 -0
  56. package/molecules/card/card/card.component.d.ts +5 -0
  57. package/molecules/feature/feature/feature.component.d.ts +3 -0
  58. package/molecules/hero/hero/hero.component.d.ts +6 -1
  59. package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
  60. package/molecules/list/list/list.component.d.ts +19 -3
  61. package/molecules/media-gallery/media-gallery.component.d.ts +20 -3
  62. package/molecules/navbar/navbar.component.d.ts +5 -5
  63. package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
  64. package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
  65. package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
  66. package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
  67. package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
  68. package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
  69. package/navbar/examples/examples.d.ts +2 -0
  70. package/navbar/examples/index.d.ts +1 -0
  71. package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
  72. package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
  73. package/navbar/examples/package.json +11 -0
  74. package/navbar/examples/public_api.d.ts +9 -0
  75. package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
  76. package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
  77. package/package.json +2 -2
@@ -12,6 +12,18 @@ import { CdkPortalOutlet, PortalModule, ComponentPortal } from '@angular/cdk/por
12
12
  import { OverlayModule, GlobalPositionStrategy, Overlay } from '@angular/cdk/overlay';
13
13
  import { A11yModule } from '@angular/cdk/a11y';
14
14
 
15
+ /**
16
+ * A mixin for giving a component the ability to prevent article styles from cascading down.
17
+ */
18
+ function daffArticleEncapsulatedMixin(Base) {
19
+ return class extends Base {
20
+ constructor(...args) {
21
+ super(...args);
22
+ this._renderer.addClass(this._elementRef.nativeElement, `daff-ae`);
23
+ }
24
+ };
25
+ }
26
+
15
27
  var DaffPaletteEnum;
16
28
  (function (DaffPaletteEnum) {
17
29
  DaffPaletteEnum["PRIMARY"] = "primary";
@@ -249,7 +261,7 @@ class DaffButtonBase {
249
261
  this._renderer = _renderer;
250
262
  }
251
263
  }
252
- const _daffButtonBase = daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md')))));
264
+ const _daffButtonBase = daffArticleEncapsulatedMixin(daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md'))))));
253
265
  var DaffButtonTypeEnum;
254
266
  (function (DaffButtonTypeEnum) {
255
267
  DaffButtonTypeEnum["Default"] = "daff-button";
@@ -624,8 +636,21 @@ DaffMediaGalleryRegistry.decorators = [
624
636
  ];
625
637
 
626
638
  let uniqueGalleryId = 0;
627
- class DaffMediaGalleryComponent {
628
- constructor(registry) {
639
+ /**
640
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
641
+ */
642
+ class DaffMediaGalleryBase {
643
+ constructor(_elementRef, _renderer) {
644
+ this._elementRef = _elementRef;
645
+ this._renderer = _renderer;
646
+ }
647
+ }
648
+ const _daffMediaGalleryBase = daffArticleEncapsulatedMixin((DaffMediaGalleryBase));
649
+ class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
650
+ constructor(elementRef, renderer, registry) {
651
+ super(elementRef, renderer);
652
+ this.elementRef = elementRef;
653
+ this.renderer = renderer;
629
654
  this.registry = registry;
630
655
  /**
631
656
  * Adds a class for styling the media gallery
@@ -658,6 +683,8 @@ DaffMediaGalleryComponent.decorators = [
658
683
  ];
659
684
  /** @nocollapse */
660
685
  DaffMediaGalleryComponent.ctorParameters = () => [
686
+ { type: ElementRef },
687
+ { type: Renderer2 },
661
688
  { type: DaffMediaGalleryRegistry }
662
689
  ];
663
690
  DaffMediaGalleryComponent.propDecorators = {
@@ -2318,7 +2345,22 @@ DaffAccordionItemComponent.propDecorators = {
2318
2345
  initiallyActive: [{ type: Input }]
2319
2346
  };
2320
2347
 
2321
- class DaffAccordionComponent {
2348
+ /**
2349
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
2350
+ */
2351
+ class DaffAccordionBase {
2352
+ constructor(_elementRef, _renderer) {
2353
+ this._elementRef = _elementRef;
2354
+ this._renderer = _renderer;
2355
+ }
2356
+ }
2357
+ const _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
2358
+ class DaffAccordionComponent extends _daffAccordionBase {
2359
+ constructor(elementRef, renderer) {
2360
+ super(elementRef, renderer);
2361
+ this.elementRef = elementRef;
2362
+ this.renderer = renderer;
2363
+ }
2322
2364
  }
2323
2365
  DaffAccordionComponent.decorators = [
2324
2366
  { type: Component, args: [{
@@ -2328,6 +2370,11 @@ DaffAccordionComponent.decorators = [
2328
2370
  styles: [":host{display:block;width:100%}"]
2329
2371
  },] }
2330
2372
  ];
2373
+ /** @nocollapse */
2374
+ DaffAccordionComponent.ctorParameters = () => [
2375
+ { type: ElementRef },
2376
+ { type: Renderer2 }
2377
+ ];
2331
2378
 
2332
2379
  class DaffNavAccordionItemComponent {
2333
2380
  constructor(accordion, navAccordionItemParent) {
@@ -2443,7 +2490,7 @@ DaffArticleComponent.decorators = [
2443
2490
  template: '<ng-content></ng-content>',
2444
2491
  encapsulation: ViewEncapsulation.None,
2445
2492
  changeDetection: ChangeDetectionStrategy.OnPush,
2446
- styles: [".daff-article{display:block}.daff-article>h1,.daff-article>h2,.daff-article>h3,.daff-article>h4,.daff-article>h5,.daff-article>h6{margin-bottom:.5rem}.daff-article>h2,.daff-article>h3,.daff-article>h4,.daff-article>h5,.daff-article>h6{margin-top:2rem}.daff-article>h1{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article>h1{font-size:3rem;line-height:3.5rem}}.daff-article>h2{font-size:2rem;line-height:2.5rem}.daff-article>h3{font-size:1.5rem;line-height:2rem}.daff-article>h4{font-size:1.25rem;line-height:1.5rem}.daff-article>h5{font-size:1.125rem;line-height:1.5rem}.daff-article>h6{font-size:1rem;line-height:1.5rem}.daff-article>p{margin:0 0 1rem}.daff-article>strong{font-weight:700}.daff-article a{font-weight:500}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:0;padding:1rem 1.5rem}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:8px 16px;vertical-align:top;box-sizing:border-box}"]
2493
+ styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:0;padding:1rem 1.5rem}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}"]
2447
2494
  },] }
2448
2495
  ];
2449
2496
  DaffArticleComponent.propDecorators = {
@@ -2727,11 +2774,24 @@ DaffImageGalleryModule.decorators = [
2727
2774
  },] }
2728
2775
  ];
2729
2776
 
2777
+ /**
2778
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
2779
+ */
2780
+ class DaffLinkSetBase {
2781
+ constructor(_elementRef, _renderer) {
2782
+ this._elementRef = _elementRef;
2783
+ this._renderer = _renderer;
2784
+ }
2785
+ }
2786
+ const _daffLinkSetBase = daffArticleEncapsulatedMixin((DaffLinkSetBase));
2730
2787
  /**
2731
2788
  * DaffLinkSetComponent is a component for displaying a two or more links.
2732
2789
  */
2733
- class DaffLinkSetComponent {
2734
- constructor() {
2790
+ class DaffLinkSetComponent extends _daffLinkSetBase {
2791
+ constructor(elementRef, renderer) {
2792
+ super(elementRef, renderer);
2793
+ this.elementRef = elementRef;
2794
+ this.renderer = renderer;
2735
2795
  /**
2736
2796
  * @docs-private
2737
2797
  */
@@ -2747,6 +2807,11 @@ DaffLinkSetComponent.decorators = [
2747
2807
  styles: [".daff-link-set{display:block;margin:0;padding:0}.daff-link-set__heading{font-weight:700;display:block;font-size:1rem;line-height:1em;margin-bottom:15px;text-transform:uppercase}.daff-link-set__subheading{display:block;font-size:1rem;line-height:1.5em}.daff-link-set__item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:currentColor;display:block;font-size:1em;line-height:1.5em;text-decoration:none;transition:color .15s ease}.daff-link-set__item:hover{text-decoration:underline}.daff-link-set__item[disabled]{cursor:not-allowed}.daff-link-set .daff-link-set{margin-left:10px}"]
2748
2808
  },] }
2749
2809
  ];
2810
+ /** @nocollapse */
2811
+ DaffLinkSetComponent.ctorParameters = () => [
2812
+ { type: ElementRef },
2813
+ { type: Renderer2 }
2814
+ ];
2750
2815
  DaffLinkSetComponent.propDecorators = {
2751
2816
  class: [{ type: HostBinding, args: ['class.daff-link-set',] }]
2752
2817
  };
@@ -2909,9 +2974,21 @@ var DaffListTypeEnum;
2909
2974
  DaffListTypeEnum["Default"] = "daff-list";
2910
2975
  DaffListTypeEnum["Nav"] = "daff-nav-list";
2911
2976
  })(DaffListTypeEnum || (DaffListTypeEnum = {}));
2912
- class DaffListComponent {
2913
- constructor(elementRef) {
2977
+ /**
2978
+ * An _elementRef and an instance of renderer2 are needed for the list mixins
2979
+ */
2980
+ class DaffListBase {
2981
+ constructor(_elementRef, _renderer) {
2982
+ this._elementRef = _elementRef;
2983
+ this._renderer = _renderer;
2984
+ }
2985
+ }
2986
+ const _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));
2987
+ class DaffListComponent extends _daffListBase {
2988
+ constructor(elementRef, renderer) {
2989
+ super(elementRef, renderer);
2914
2990
  this.elementRef = elementRef;
2991
+ this.renderer = renderer;
2915
2992
  }
2916
2993
  /**
2917
2994
  * @docs-private
@@ -2977,7 +3054,8 @@ DaffListComponent.decorators = [
2977
3054
  ];
2978
3055
  /** @nocollapse */
2979
3056
  DaffListComponent.ctorParameters = () => [
2980
- { type: ElementRef }
3057
+ { type: ElementRef },
3058
+ { type: Renderer2 }
2981
3059
  ];
2982
3060
  DaffListComponent.propDecorators = {
2983
3061
  mode: [{ type: Input }],
@@ -3272,7 +3350,7 @@ class DaffNavbarComponent extends _daffNavbarBase {
3272
3350
  super(elementRef, renderer);
3273
3351
  this.elementRef = elementRef;
3274
3352
  this.renderer = renderer;
3275
- this.shadowed = false;
3353
+ this.raised = false;
3276
3354
  /**
3277
3355
  * @docs-private
3278
3356
  */
@@ -3281,20 +3359,21 @@ class DaffNavbarComponent extends _daffNavbarBase {
3281
3359
  /**
3282
3360
  * @docs-private
3283
3361
  */
3284
- get shadowClass() {
3285
- return this.shadowed;
3362
+ get raisedClass() {
3363
+ return this.raised;
3286
3364
  }
3287
3365
  ;
3288
3366
  }
3289
3367
  DaffNavbarComponent.decorators = [
3290
3368
  { type: Component, args: [{
3291
- selector: 'daff-navbar',
3369
+ // eslint-disable-next-line @angular-eslint/component-selector
3370
+ selector: 'nav[daff-navbar]',
3292
3371
  template: '<ng-content></ng-content>',
3293
3372
  //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
3294
3373
  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
3295
3374
  inputs: ['color'],
3296
3375
  changeDetection: ChangeDetectionStrategy.OnPush,
3297
- styles: [":host{align-items:center;display:flex;height:70px;padding:0 15px;width:100%}"]
3376
+ styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}"]
3298
3377
  },] }
3299
3378
  ];
3300
3379
  /** @nocollapse */
@@ -3303,8 +3382,8 @@ DaffNavbarComponent.ctorParameters = () => [
3303
3382
  { type: Renderer2 }
3304
3383
  ];
3305
3384
  DaffNavbarComponent.propDecorators = {
3306
- shadowed: [{ type: Input }],
3307
- shadowClass: [{ type: HostBinding, args: ['class.daff-navbar--shadowed',] }],
3385
+ raised: [{ type: Input }],
3386
+ raisedClass: [{ type: HostBinding, args: ['class.daff-navbar--raised',] }],
3308
3387
  hostClass: [{ type: HostBinding, args: ['class.daff-navbar',] }]
3309
3388
  };
3310
3389
 
@@ -4005,7 +4084,7 @@ var DaffHeroSizeEnum;
4005
4084
  DaffHeroSizeEnum["Small"] = "small";
4006
4085
  })(DaffHeroSizeEnum || (DaffHeroSizeEnum = {}));
4007
4086
  /**
4008
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
4087
+ * An _elementRef and an instance of renderer2 are needed for the hero mixins
4009
4088
  */
4010
4089
  class DaffHeroBase {
4011
4090
  constructor(_elementRef, _renderer) {
@@ -4013,7 +4092,7 @@ class DaffHeroBase {
4013
4092
  this._renderer = _renderer;
4014
4093
  }
4015
4094
  }
4016
- const _daffHeroBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left'))));
4095
+ const _daffHeroBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')))));
4017
4096
  /**
4018
4097
  * @inheritdoc
4019
4098
  */
@@ -4193,7 +4272,7 @@ class DaffCalloutBase {
4193
4272
  this._renderer = _renderer;
4194
4273
  }
4195
4274
  }
4196
- const _daffCalloutBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left'))));
4275
+ const _daffCalloutBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')))));
4197
4276
  /**
4198
4277
  * @inheritdoc
4199
4278
  */
@@ -4344,6 +4423,9 @@ var DaffFeatureModeEnum;
4344
4423
  DaffFeatureModeEnum["Compact"] = "compact";
4345
4424
  DaffFeatureModeEnum["Normal"] = "normal";
4346
4425
  })(DaffFeatureModeEnum || (DaffFeatureModeEnum = {}));
4426
+ /**
4427
+ * @deprecated See {@link DaffCardComponent}
4428
+ */
4347
4429
  class DaffFeatureComponent {
4348
4430
  constructor() {
4349
4431
  /**
@@ -4526,7 +4608,7 @@ class DaffCardBase {
4526
4608
  this._renderer = _renderer;
4527
4609
  }
4528
4610
  }
4529
- const _daffCardBase = daffColorMixin(DaffCardBase);
4611
+ const _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));
4530
4612
  /**
4531
4613
  * @inheritdoc
4532
4614
  */
@@ -4607,7 +4689,7 @@ DaffCardComponent.decorators = [
4607
4689
  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4608
4690
  inputs: ['color'],
4609
4691
  changeDetection: ChangeDetectionStrategy.OnPush,
4610
- styles: [".daff-card{display:flex;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-top-right-radius:calc(8px - 1px)}.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,.daff-card--horizontal .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-bottom-left-radius:calc(8px - 1px)}.daff-card--horizontal .daff-card__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.5rem;line-height:1.75rem;margin:0 0 1rem}.daff-card__body{padding:1.5rem}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none;transition:background-color .3s,box-shadow .3s}"]
4692
+ styles: [".daff-card{display:flex;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-top-right-radius:calc(8px - 1px)}.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,.daff-card--horizontal .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-bottom-left-radius:calc(8px - 1px)}.daff-card--horizontal .daff-card__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width:480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none;transition:background-color .3s,box-shadow .3s}"]
4611
4693
  },] }
4612
4694
  ];
4613
4695
  /** @nocollapse */
@@ -4690,5 +4772,5 @@ var DaffTextAlignmentEnum;
4690
4772
  * Generated bundle index. Do not edit.
4691
4773
  */
4692
4774
 
4693
- export { DaffAccordionComponent, DaffAccordionItemComponent, DaffAccordionItemContentDirective, DaffAccordionItemTitleDirective, DaffAccordionModule, DaffArticleComponent, DaffArticleLeadDirective, DaffArticleMetaDirective, DaffArticleModule, DaffArticleTitleDirective, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonComponent, DaffButtonModule, DaffButtonSetComponent, DaffButtonSetModule, DaffCalloutBodyDirective, DaffCalloutComponent, DaffCalloutIconDirective, DaffCalloutLayoutEnum, DaffCalloutModule, DaffCalloutSizeEnum, DaffCalloutSubtitleDirective, DaffCalloutTaglineDirective, DaffCalloutTitleDirective, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffContainerComponent, DaffContainerModule, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffGalleryImageComponent, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroLayoutEnum, DaffHeroModule, DaffHeroSizeEnum, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective, DaffImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffImageModule, DaffInputComponent, DaffInputModule, DaffLinkSetComponent, DaffLinkSetHeadingDirective, DaffLinkSetItemComponent, DaffLinkSetModule, DaffLinkSetSubheadingDirective, DaffListComponent, DaffListItemComponent, DaffListModeEnum, DaffListModule, DaffListSubheaderDirective, DaffLoadingIconComponent, DaffLoadingIconModule, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective, DaffNativeSelectComponent, DaffNativeSelectModule, DaffNavbarComponent, DaffNavbarModule, DaffPaginatorComponent, DaffPaginatorModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSidebarComponent, DaffSidebarModule, DaffSidebarViewportComponent, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffThumbnailDirective, daffCompactableMixin, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSuffixableMixin, daffThumbnailCompatToken, daffProgressIndicatorAnimation as ɵa, DaffRadioRegistry as ɵb, daffAccordionAnimations as ɵc, DaffNavAccordionItemComponent as ɵd, daffBackdropAnimations as ɵe, DAFF_MEDIA_GALLERY_TOKEN as ɵf, DaffMediaGalleryRegistry as ɵg, DaffMediaRendererComponent as ɵi, daffFadeAnimations as ɵj, daffSidebarAnimations as ɵk };
4775
+ export { DaffAccordionComponent, DaffAccordionItemComponent, DaffAccordionItemContentDirective, DaffAccordionItemTitleDirective, DaffAccordionModule, DaffArticleComponent, DaffArticleLeadDirective, DaffArticleMetaDirective, DaffArticleModule, DaffArticleTitleDirective, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonComponent, DaffButtonModule, DaffButtonSetComponent, DaffButtonSetModule, DaffCalloutBodyDirective, DaffCalloutComponent, DaffCalloutIconDirective, DaffCalloutLayoutEnum, DaffCalloutModule, DaffCalloutSizeEnum, DaffCalloutSubtitleDirective, DaffCalloutTaglineDirective, DaffCalloutTitleDirective, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffContainerComponent, DaffContainerModule, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffGalleryImageComponent, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroLayoutEnum, DaffHeroModule, DaffHeroSizeEnum, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective, DaffImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffImageModule, DaffInputComponent, DaffInputModule, DaffLinkSetComponent, DaffLinkSetHeadingDirective, DaffLinkSetItemComponent, DaffLinkSetModule, DaffLinkSetSubheadingDirective, DaffListComponent, DaffListItemComponent, DaffListModeEnum, DaffListModule, DaffListSubheaderDirective, DaffLoadingIconComponent, DaffLoadingIconModule, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective, DaffNativeSelectComponent, DaffNativeSelectModule, DaffNavbarComponent, DaffNavbarModule, DaffPaginatorComponent, DaffPaginatorModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSidebarComponent, DaffSidebarModule, DaffSidebarViewportComponent, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffThumbnailDirective, daffArticleEncapsulatedMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSuffixableMixin, daffThumbnailCompatToken, daffProgressIndicatorAnimation as ɵa, DaffRadioRegistry as ɵb, daffAccordionAnimations as ɵc, DaffNavAccordionItemComponent as ɵd, daffBackdropAnimations as ɵe, DAFF_MEDIA_GALLERY_TOKEN as ɵf, DaffMediaGalleryRegistry as ɵg, DaffMediaRendererComponent as ɵi, daffFadeAnimations as ɵj, daffSidebarAnimations as ɵk };
4694
4776
  //# sourceMappingURL=daffodil-design.js.map