@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.
- package/atoms/button/button.component.d.ts +5 -0
- package/bundles/daffodil-design-card-examples.umd.js +2 -2
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
- package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design.umd.js +132 -32
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +1 -1
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
- package/core/article-encapsulated/public_api.d.ts +1 -0
- package/core/public_api.d.ts +1 -0
- package/daff-theme.scss +113 -111
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/atoms/button/button.component.js +3 -2
- package/esm2015/card/examples/basic-card/basic-card.component.js +2 -2
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +1 -1
- package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
- package/esm2015/core/article-encapsulated/public_api.js +2 -0
- package/esm2015/core/public_api.js +2 -1
- package/esm2015/molecules/accordion/accordion/accordion.component.js +24 -3
- package/esm2015/molecules/article/article/article.component.js +1 -1
- package/esm2015/molecules/callout/callout/callout.component.js +3 -2
- package/esm2015/molecules/card/card/card.component.js +4 -3
- package/esm2015/molecules/feature/feature/feature.component.js +4 -1
- package/esm2015/molecules/hero/hero/hero.component.js +4 -3
- package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
- package/esm2015/molecules/list/list/list.component.js +19 -5
- package/esm2015/molecules/media-gallery/media-gallery.component.js +20 -4
- package/esm2015/molecules/navbar/navbar.component.js +9 -8
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
- package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
- package/esm2015/navbar/examples/examples.js +11 -0
- package/esm2015/navbar/examples/index.js +2 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
- package/esm2015/navbar/examples/public_api.js +10 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
- package/fesm2015/daffodil-design-card-examples.js +2 -2
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-navbar-examples.js +142 -0
- package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
- package/fesm2015/daffodil-design.js +105 -23
- package/fesm2015/daffodil-design.js.map +1 -1
- package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
- package/molecules/callout/callout/callout.component.d.ts +5 -0
- package/molecules/card/card/card.component.d.ts +5 -0
- package/molecules/feature/feature/feature.component.d.ts +3 -0
- package/molecules/hero/hero/hero.component.d.ts +6 -1
- package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
- package/molecules/list/list/list.component.d.ts +19 -3
- package/molecules/media-gallery/media-gallery.component.d.ts +20 -3
- package/molecules/navbar/navbar.component.d.ts +5 -5
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
- package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
- package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
- package/navbar/examples/examples.d.ts +2 -0
- package/navbar/examples/index.d.ts +1 -0
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
- package/navbar/examples/package.json +11 -0
- package/navbar/examples/public_api.d.ts +9 -0
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
- 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
|
-
|
628
|
-
|
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
|
-
|
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
|
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
|
-
|
2913
|
-
|
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.
|
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
|
3285
|
-
return this.
|
3362
|
+
get raisedClass() {
|
3363
|
+
return this.raised;
|
3286
3364
|
}
|
3287
3365
|
;
|
3288
3366
|
}
|
3289
3367
|
DaffNavbarComponent.decorators = [
|
3290
3368
|
{ type: Component, args: [{
|
3291
|
-
|
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;
|
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
|
-
|
3307
|
-
|
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
|
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.
|
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
|