@daffodil/design 0.90.0 → 0.92.3-rc.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.
- package/accordion/README.md +26 -38
- package/accordion/index.d.ts +9 -6
- package/article/README.md +66 -46
- package/article/index.d.ts +41 -0
- package/article/src/article-theme.scss +22 -0
- package/breadcrumb/README.md +6 -1
- package/breadcrumb/index.d.ts +65 -11
- package/breadcrumb/src/breadcrumb-theme.scss +1 -1
- package/button/README.md +36 -33
- package/button/index.d.ts +27 -6
- package/button/src/button/basic/button-theme.scss +4 -2
- package/button/src/button/button-base.scss +29 -6
- package/button/src/button/icon/icon-theme.scss +10 -6
- package/button/src/button/raised/raised-theme.scss +6 -4
- package/callout/README.md +15 -27
- package/card/README.md +36 -69
- package/card/index.d.ts +7 -41
- package/card/src/card-base-theme.scss +2 -5
- package/card/src/card-base.scss +2 -2
- package/checkbox/README.md +0 -0
- package/checkbox/index.d.ts +177 -0
- package/container/README.md +18 -23
- package/fesm2022/daffodil-design-accordion.mjs +34 -25
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +283 -17
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +180 -28
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +90 -45
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +23 -23
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +43 -90
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox.mjs +317 -0
- package/fesm2022/daffodil-design-checkbox.mjs.map +1 -0
- package/fesm2022/daffodil-design-container.mjs +8 -8
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-form-field.mjs +56 -86
- package/fesm2022/daffodil-design-form-field.mjs.map +1 -1
- package/fesm2022/daffodil-design-form.mjs +62 -0
- package/fesm2022/daffodil-design-form.mjs.map +1 -0
- package/fesm2022/daffodil-design-hero.mjs +23 -23
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +19 -11
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input.mjs +18 -14
- package/fesm2022/daffodil-design-input.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +25 -17
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +16 -16
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +8 -8
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +13 -13
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +223 -60
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +86 -83
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-native-select.mjs +47 -41
- package/fesm2022/daffodil-design-native-select.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +25 -21
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +28 -64
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +11 -16
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +10 -10
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field.mjs +19 -18
- package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio.mjs +27 -56
- package/fesm2022/daffodil-design-radio.mjs.map +1 -1
- package/fesm2022/daffodil-design-select.mjs +6 -6
- package/fesm2022/daffodil-design-select.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +30 -60
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-spinner.mjs +99 -0
- package/fesm2022/daffodil-design-spinner.mjs.map +1 -0
- package/fesm2022/daffodil-design-switch.mjs +49 -106
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +35 -27
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-tag.mjs +7 -7
- package/fesm2022/daffodil-design-tag.mjs.map +1 -1
- package/fesm2022/daffodil-design-text-snippet.mjs +6 -8
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
- package/fesm2022/daffodil-design-textarea.mjs +6 -3
- package/fesm2022/daffodil-design-textarea.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +79 -80
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +152 -112
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design-youtube-player.mjs +6 -6
- package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +559 -711
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/form/README.md +75 -0
- package/form/index.d.ts +27 -0
- package/form-field/README.md +74 -99
- package/form-field/index.d.ts +64 -42
- package/hero/README.md +5 -5
- package/image/README.md +27 -19
- package/image/index.d.ts +6 -1
- package/index.d.ts +282 -447
- package/input/README.md +36 -16
- package/input/index.d.ts +4 -3
- package/link-set/index.d.ts +9 -1
- package/list/README.md +2 -2
- package/loading-icon/README.md +1 -1
- package/loading-icon/index.d.ts +1 -1
- package/media-gallery/README.md +3 -3
- package/menu/README.md +107 -10
- package/menu/index.d.ts +143 -11
- package/modal/README.md +107 -17
- package/modal/index.d.ts +72 -35
- package/native-select/README.md +52 -15
- package/native-select/index.d.ts +8 -7
- package/navbar/README.md +23 -17
- package/navbar/index.d.ts +12 -2
- package/navbar/src/navbar-theme.scss +4 -46
- package/notification/README.md +4 -4
- package/notification/index.d.ts +7 -38
- package/package.json +1 -1
- package/paginator/README.md +42 -6
- package/paginator/index.d.ts +5 -9
- package/progress-bar/README.md +3 -3
- package/quantity-field/README.md +4 -4
- package/quantity-field/index.d.ts +4 -1
- package/radio/README.md +1 -1
- package/radio/index.d.ts +0 -16
- package/scss/layout/_breakpoint.scss +1 -1
- package/scss/theme.scss +9 -5
- package/scss/theming/_color-palettes.scss +19 -11
- package/scss/theming/_configure-theme.scss +11 -10
- package/scss/theming/_daff-theme.scss +5 -14
- package/scss/theming/_get-base-color.scss +2 -2
- package/scss/theming/_get-palette.scss +2 -2
- package/scss/theming/_get-theme-mode.scss +3 -3
- package/scss/theming/_index.scss +2 -1
- package/scss/theming/contrast/max-contrast/max-contrast.scss +3 -3
- package/scss/theming/contrast/text-contrast/text-contrast.scss +22 -16
- package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +57 -0
- package/scss/theming/create-theme/_create-theme.scss +330 -0
- package/scss/theming/create-theme/_create-theme.spec.scss +122 -0
- package/scss/theming/create-theme/_index.scss +1 -0
- package/scss/theming/get-font-colors/_get-font-colors.scss +36 -0
- package/scss/theming/get-font-colors/_get-font-colors.spec.scss +72 -0
- package/scss/typography/mixins/_font-weight.scss +8 -14
- package/select/README.md +107 -4
- package/sidebar/README.md +6 -14
- package/sidebar/index.d.ts +3 -15
- package/spinner/README.md +57 -0
- package/spinner/index.d.ts +53 -0
- package/spinner/src/spinner-theme.scss +62 -0
- package/switch/README.md +21 -29
- package/switch/index.d.ts +18 -48
- package/switch/src/switch-theme.scss +26 -18
- package/tabs/README.md +1 -1
- package/tabs/index.d.ts +8 -5
- package/tag/README.md +24 -30
- package/tag/index.d.ts +1 -1
- package/tag/src/tag-theme.scss +11 -9
- package/text-snippet/README.md +1 -1
- package/text-snippet/src/text-snippet-theme.scss +12 -0
- package/textarea/README.md +36 -6
- package/textarea/index.d.ts +4 -4
- package/toast/README.md +4 -4
- package/tree/README.md +39 -22
- package/tree/index.d.ts +57 -96
- package/tree/src/tree-theme.scss +0 -4
- package/accordion/examples/index.d.ts +0 -20
- package/article/examples/index.d.ts +0 -50
- package/breadcrumb/examples/index.d.ts +0 -10
- package/button/examples/index.d.ts +0 -67
- package/callout/examples/index.d.ts +0 -41
- package/card/examples/index.d.ts +0 -62
- package/card/src/card/raised/raised-theme.scss +0 -28
- package/checkbox/examples/index.d.ts +0 -32
- package/container/examples/index.d.ts +0 -16
- package/fesm2022/daffodil-design-accordion-examples.mjs +0 -50
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-article-examples.mjs +0 -134
- package/fesm2022/daffodil-design-article-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +0 -46
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-button-examples.mjs +0 -178
- package/fesm2022/daffodil-design-button-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +0 -116
- package/fesm2022/daffodil-design-callout-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-card-examples.mjs +0 -168
- package/fesm2022/daffodil-design-card-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +0 -76
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-container-examples.mjs +0 -41
- package/fesm2022/daffodil-design-container-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-form-field-examples.mjs +0 -96
- package/fesm2022/daffodil-design-form-field-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +0 -121
- package/fesm2022/daffodil-design-hero-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-image-examples.mjs +0 -58
- package/fesm2022/daffodil-design-image-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-input-examples.mjs +0 -108
- package/fesm2022/daffodil-design-input-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-list-examples.mjs +0 -77
- package/fesm2022/daffodil-design-list-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +0 -44
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +0 -104
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +0 -50
- package/fesm2022/daffodil-design-menu-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +0 -51
- package/fesm2022/daffodil-design-modal-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-native-select-examples.mjs +0 -71
- package/fesm2022/daffodil-design-native-select-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +0 -88
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +0 -102
- package/fesm2022/daffodil-design-notification-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +0 -59
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +0 -57
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +0 -85
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +0 -34
- package/fesm2022/daffodil-design-radio-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-select-examples.mjs +0 -117
- package/fesm2022/daffodil-design-select-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +0 -109
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-sticky-examples.mjs +0 -25
- package/fesm2022/daffodil-design-sticky-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +0 -110
- package/fesm2022/daffodil-design-switch-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +0 -115
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tag-examples.mjs +0 -125
- package/fesm2022/daffodil-design-tag-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +0 -25
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-textarea-examples.mjs +0 -66
- package/fesm2022/daffodil-design-textarea-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +0 -147
- package/fesm2022/daffodil-design-toast-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +0 -104
- package/fesm2022/daffodil-design-tree-examples.mjs.map +0 -1
- package/form-field/examples/index.d.ts +0 -18
- package/hero/examples/index.d.ts +0 -45
- package/image/examples/index.d.ts +0 -10
- package/input/examples/index.d.ts +0 -10
- package/list/examples/index.d.ts +0 -29
- package/loading-icon/examples/index.d.ts +0 -16
- package/media-gallery/examples/index.d.ts +0 -38
- package/menu/examples/index.d.ts +0 -20
- package/modal/examples/index.d.ts +0 -15
- package/native-select/examples/index.d.ts +0 -10
- package/navbar/examples/index.d.ts +0 -31
- package/notification/examples/index.d.ts +0 -12
- package/paginator/examples/index.d.ts +0 -26
- package/progress-bar/examples/index.d.ts +0 -10
- package/quantity-field/examples/index.d.ts +0 -30
- package/radio/examples/index.d.ts +0 -13
- package/select/examples/index.d.ts +0 -28
- package/sidebar/examples/index.d.ts +0 -10
- package/sticky/examples/index.d.ts +0 -10
- package/switch/examples/index.d.ts +0 -46
- package/tabs/examples/index.d.ts +0 -12
- package/tag/examples/index.d.ts +0 -50
- package/text-snippet/examples/index.d.ts +0 -10
- package/textarea/examples/index.d.ts +0 -10
- package/toast/examples/index.d.ts +0 -56
- package/tree/examples/index.d.ts +0 -18
- /package/{form-field → form}/src/error-message/error-message-theme.scss +0 -0
- /package/{form-field → form}/src/hint/hint-theme.scss +0 -0
|
@@ -25,10 +25,10 @@ class DaffCalloutComponent {
|
|
|
25
25
|
this.textAlignable = textAlignable;
|
|
26
26
|
this.textAlignable.defaultAlignment = 'left';
|
|
27
27
|
}
|
|
28
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
28
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i1.DaffTextAlignableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutComponent, isStandalone: true, selector: "daff-callout", host: { classAttribute: "daff-callout" }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media(min-width:480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-size:1.75rem;font-weight:700;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media(min-width:480px){.daff-callout__title{font-size:2rem;font-weight:600;line-height:2.25rem}}@media(min-width:480px)and (min-width:768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media(min-width:480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', hostDirectives: [
|
|
34
34
|
{ directive: DaffArticleEncapsulatedDirective },
|
|
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
47
47
|
},
|
|
48
48
|
], host: {
|
|
49
49
|
'class': 'daff-callout',
|
|
50
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".daff-callout{display:block;padding:64px 24px}@media
|
|
50
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".daff-callout{display:block;padding:64px 24px}@media(min-width:480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-size:1.75rem;font-weight:700;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media(min-width:480px){.daff-callout__title{font-size:2rem;font-weight:600;line-height:2.25rem}}@media(min-width:480px)and (min-width:768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media(min-width:480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
|
|
51
51
|
}], ctorParameters: () => [{ type: i1.DaffTextAlignableDirective }] });
|
|
52
52
|
|
|
53
53
|
/* eslint-disable quote-props */
|
|
@@ -61,10 +61,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
61
61
|
* ```
|
|
62
62
|
*/
|
|
63
63
|
class DaffCalloutBodyDirective {
|
|
64
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
65
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
64
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
65
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutBodyDirective, isStandalone: true, selector: "[daffCalloutBody]", host: { classAttribute: "daff-callout__body" }, ngImport: i0 }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutBodyDirective, decorators: [{
|
|
68
68
|
type: Directive,
|
|
69
69
|
args: [{
|
|
70
70
|
selector: '[daffCalloutBody]',
|
|
@@ -85,10 +85,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
85
85
|
* ```
|
|
86
86
|
*/
|
|
87
87
|
class DaffCalloutIconDirective {
|
|
88
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
89
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
88
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
89
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutIconDirective, isStandalone: true, selector: "[daffCalloutIcon]", host: { classAttribute: "daff-callout__icon" }, ngImport: i0 }); }
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutIconDirective, decorators: [{
|
|
92
92
|
type: Directive,
|
|
93
93
|
args: [{
|
|
94
94
|
selector: '[daffCalloutIcon]',
|
|
@@ -107,10 +107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
107
107
|
* ```
|
|
108
108
|
*/
|
|
109
109
|
class DaffCalloutSubtitleDirective {
|
|
110
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
111
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
111
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutSubtitleDirective, isStandalone: true, selector: "[daffCalloutSubtitle]", host: { classAttribute: "daff-callout__subtitle" }, ngImport: i0 }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutSubtitleDirective, decorators: [{
|
|
114
114
|
type: Directive,
|
|
115
115
|
args: [{
|
|
116
116
|
selector: '[daffCalloutSubtitle]',
|
|
@@ -130,10 +130,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
130
130
|
* ```
|
|
131
131
|
*/
|
|
132
132
|
class DaffCalloutTaglineDirective {
|
|
133
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
134
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
133
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
134
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutTaglineDirective, isStandalone: true, selector: "[daffCalloutTagline]", host: { classAttribute: "daff-callout__tagline" }, ngImport: i0 }); }
|
|
135
135
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutTaglineDirective, decorators: [{
|
|
137
137
|
type: Directive,
|
|
138
138
|
args: [{
|
|
139
139
|
selector: '[daffCalloutTagline]',
|
|
@@ -152,10 +152,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
152
152
|
* ```
|
|
153
153
|
*/
|
|
154
154
|
class DaffCalloutTitleDirective {
|
|
155
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
156
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
155
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
156
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCalloutTitleDirective, isStandalone: true, selector: "[daffCalloutTitle]", host: { classAttribute: "daff-callout__title" }, ngImport: i0 }); }
|
|
157
157
|
}
|
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutTitleDirective, decorators: [{
|
|
159
159
|
type: Directive,
|
|
160
160
|
args: [{
|
|
161
161
|
selector: '[daffCalloutTitle]',
|
|
@@ -169,8 +169,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
169
169
|
* @deprecated in favor of {@link DAFF_CALLOUT_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
|
170
170
|
*/
|
|
171
171
|
class DaffCalloutModule {
|
|
172
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
173
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
172
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
173
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutModule, imports: [CommonModule,
|
|
174
174
|
DaffCalloutComponent,
|
|
175
175
|
DaffCalloutIconDirective,
|
|
176
176
|
DaffCalloutTitleDirective,
|
|
@@ -182,9 +182,9 @@ class DaffCalloutModule {
|
|
|
182
182
|
DaffCalloutTitleDirective,
|
|
183
183
|
DaffCalloutTaglineDirective,
|
|
184
184
|
DaffCalloutBodyDirective] }); }
|
|
185
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
185
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutModule, imports: [CommonModule] }); }
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCalloutModule, decorators: [{
|
|
188
188
|
type: NgModule,
|
|
189
189
|
args: [{
|
|
190
190
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-callout.mjs","sources":["../../../libs/design/callout/src/callout/callout.component.ts","../../../libs/design/callout/src/callout-body/callout-body.directive.ts","../../../libs/design/callout/src/callout-icon/callout-icon.directive.ts","../../../libs/design/callout/src/callout-subtitle/callout-subtitle.directive.ts","../../../libs/design/callout/src/callout-tagline/callout-tagline.directive.ts","../../../libs/design/callout/src/callout-title/callout-title.directive.ts","../../../libs/design/callout/src/callout.module.ts","../../../libs/design/callout/src/callout.ts","../../../libs/design/callout/src/daffodil-design-callout.ts"],"sourcesContent":["/* eslint-disable quote-props */\nimport {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport {\n DaffColorableDirective,\n DaffCompactableDirective,\n DaffArticleEncapsulatedDirective,\n DaffManageContainerLayoutDirective,\n DaffTextAlignableDirective,\n} from '@daffodil/design';\n\n/**\n * Callout is a versatile, pre-styled container used to highlight\n * key pieces of content in a visually distinct way.\n *\n * @example\n * ```html\n * <daff-callout>\n * <div daffCalloutIcon></div>\n * <div daffCalloutTagline></div>\n * <h2 daffCalloutTitle></h2>\n * <p daffCalloutSubtitle></p>\n * <div daffCalloutBody></div>\n * </daff-callout>\n * ```\n */\n@Component({\n selector: 'daff-callout',\n template: '<ng-content></ng-content>',\n styleUrls: ['./callout.component.scss'],\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n { directive: DaffManageContainerLayoutDirective },\n {\n directive: DaffTextAlignableDirective,\n inputs: ['textAlignment'],\n },\n {\n directive: DaffCompactableDirective,\n inputs: ['compact'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n host: {\n 'class': 'daff-callout',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class DaffCalloutComponent {\n constructor(private textAlignable: DaffTextAlignableDirective) {\n this.textAlignable.defaultAlignment = 'left';\n }\n}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * A flexible wrapper for custom or additional components within the callout.\n * It should only be used once per callout.\n *\n * @example\n * ```html\n * <div daffCalloutBody></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutBody]',\n host: {\n 'class': 'daff-callout__body',\n },\n})\n\nexport class DaffCalloutBodyDirective {}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * Used to display a visual or branding element.\n * Avoid using this for interactive or actionable icons.\n *\n * @example\n * ```html\n * <div daffCalloutIcon></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutIcon]',\n host: {\n 'class': 'daff-callout__icon',\n },\n})\n\nexport class DaffCalloutIconDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Secondary text that provides additional descriptive information beneath the title.\n *\n * @example\n * ```html\n * <p daffCalloutSubtitle></p>\n * ```\n */\n@Directive({\n selector: '[daffCalloutSubtitle]',\n host: {\n class: 'daff-callout__subtitle',\n },\n})\n\nexport class DaffCalloutSubtitleDirective {}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * A short, memorable phrase that complements the title and provides quick context.\n *\n * @example\n * ```html\n * <div daffCalloutTagline></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutTagline]',\n host: {\n 'class': 'daff-callout__tagline',\n },\n})\n\nexport class DaffCalloutTaglineDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Applied to a heading tag (`<h*>`) to define the primary title of the callout.\n *\n * @example\n * ```html\n * <h2 daffCalloutTitle></h2>\n * ```\n */\n@Directive({\n selector: '[daffCalloutTitle]',\n host: {\n class: 'daff-callout__title',\n },\n})\n\nexport class DaffCalloutTitleDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffCalloutComponent } from './callout/callout.component';\nimport { DaffCalloutBodyDirective } from './callout-body/callout-body.directive';\nimport { DaffCalloutIconDirective } from './callout-icon/callout-icon.directive';\nimport { DaffCalloutSubtitleDirective } from './callout-subtitle/callout-subtitle.directive';\nimport { DaffCalloutTaglineDirective } from './callout-tagline/callout-tagline.directive';\nimport { DaffCalloutTitleDirective } from './callout-title/callout-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_CALLOUT_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutTitleDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\n ],\n exports: [\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\n ],\n})\n\nexport class DaffCalloutModule { }\n","import { DaffCalloutComponent } from './callout/callout.component';\nimport { DaffCalloutBodyDirective } from './callout-body/callout-body.directive';\nimport { DaffCalloutIconDirective } from './callout-icon/callout-icon.directive';\nimport { DaffCalloutSubtitleDirective } from './callout-subtitle/callout-subtitle.directive';\nimport { DaffCalloutTaglineDirective } from './callout-tagline/callout-tagline.directive';\nimport { DaffCalloutTitleDirective } from './callout-title/callout-title.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_CALLOUT_COMPONENTS = <const> [\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutTitleDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\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-callout.mjs","sources":["../../../libs/design/callout/src/callout/callout.component.ts","../../../libs/design/callout/src/callout-body/callout-body.directive.ts","../../../libs/design/callout/src/callout-icon/callout-icon.directive.ts","../../../libs/design/callout/src/callout-subtitle/callout-subtitle.directive.ts","../../../libs/design/callout/src/callout-tagline/callout-tagline.directive.ts","../../../libs/design/callout/src/callout-title/callout-title.directive.ts","../../../libs/design/callout/src/callout.module.ts","../../../libs/design/callout/src/callout.ts","../../../libs/design/callout/src/daffodil-design-callout.ts"],"sourcesContent":["/* eslint-disable quote-props */\nimport {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport {\n DaffColorableDirective,\n DaffCompactableDirective,\n DaffArticleEncapsulatedDirective,\n DaffManageContainerLayoutDirective,\n DaffTextAlignableDirective,\n} from '@daffodil/design';\n\n/**\n * Callout is a versatile, pre-styled container used to highlight\n * key pieces of content in a visually distinct way.\n *\n * @example\n * ```html\n * <daff-callout>\n * <div daffCalloutIcon></div>\n * <div daffCalloutTagline></div>\n * <h2 daffCalloutTitle></h2>\n * <p daffCalloutSubtitle></p>\n * <div daffCalloutBody></div>\n * </daff-callout>\n * ```\n */\n@Component({\n selector: 'daff-callout',\n template: '<ng-content></ng-content>',\n styleUrls: ['./callout.component.scss'],\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n { directive: DaffManageContainerLayoutDirective },\n {\n directive: DaffTextAlignableDirective,\n inputs: ['textAlignment'],\n },\n {\n directive: DaffCompactableDirective,\n inputs: ['compact'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n host: {\n 'class': 'daff-callout',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class DaffCalloutComponent {\n constructor(private textAlignable: DaffTextAlignableDirective) {\n this.textAlignable.defaultAlignment = 'left';\n }\n}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * A flexible wrapper for custom or additional components within the callout.\n * It should only be used once per callout.\n *\n * @example\n * ```html\n * <div daffCalloutBody></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutBody]',\n host: {\n 'class': 'daff-callout__body',\n },\n})\n\nexport class DaffCalloutBodyDirective {}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * Used to display a visual or branding element.\n * Avoid using this for interactive or actionable icons.\n *\n * @example\n * ```html\n * <div daffCalloutIcon></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutIcon]',\n host: {\n 'class': 'daff-callout__icon',\n },\n})\n\nexport class DaffCalloutIconDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Secondary text that provides additional descriptive information beneath the title.\n *\n * @example\n * ```html\n * <p daffCalloutSubtitle></p>\n * ```\n */\n@Directive({\n selector: '[daffCalloutSubtitle]',\n host: {\n class: 'daff-callout__subtitle',\n },\n})\n\nexport class DaffCalloutSubtitleDirective {}\n","/* eslint-disable quote-props */\nimport { Directive } from '@angular/core';\n\n/**\n * A short, memorable phrase that complements the title and provides quick context.\n *\n * @example\n * ```html\n * <div daffCalloutTagline></div>\n * ```\n */\n@Directive({\n selector: '[daffCalloutTagline]',\n host: {\n 'class': 'daff-callout__tagline',\n },\n})\n\nexport class DaffCalloutTaglineDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Applied to a heading tag (`<h*>`) to define the primary title of the callout.\n *\n * @example\n * ```html\n * <h2 daffCalloutTitle></h2>\n * ```\n */\n@Directive({\n selector: '[daffCalloutTitle]',\n host: {\n class: 'daff-callout__title',\n },\n})\n\nexport class DaffCalloutTitleDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffCalloutComponent } from './callout/callout.component';\nimport { DaffCalloutBodyDirective } from './callout-body/callout-body.directive';\nimport { DaffCalloutIconDirective } from './callout-icon/callout-icon.directive';\nimport { DaffCalloutSubtitleDirective } from './callout-subtitle/callout-subtitle.directive';\nimport { DaffCalloutTaglineDirective } from './callout-tagline/callout-tagline.directive';\nimport { DaffCalloutTitleDirective } from './callout-title/callout-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_CALLOUT_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutTitleDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\n ],\n exports: [\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\n ],\n})\n\nexport class DaffCalloutModule { }\n","import { DaffCalloutComponent } from './callout/callout.component';\nimport { DaffCalloutBodyDirective } from './callout-body/callout-body.directive';\nimport { DaffCalloutIconDirective } from './callout-icon/callout-icon.directive';\nimport { DaffCalloutSubtitleDirective } from './callout-subtitle/callout-subtitle.directive';\nimport { DaffCalloutTaglineDirective } from './callout-tagline/callout-tagline.directive';\nimport { DaffCalloutTitleDirective } from './callout-title/callout-title.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_CALLOUT_COMPONENTS = <const> [\n DaffCalloutComponent,\n DaffCalloutIconDirective,\n DaffCalloutTitleDirective,\n DaffCalloutSubtitleDirective,\n DaffCalloutTaglineDirective,\n DaffCalloutBodyDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,33 +2,21 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Input, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
4
4
|
import * as i1 from '@daffodil/design';
|
|
5
|
-
import { DaffArticleEncapsulatedDirective, DaffColorableDirective } from '@daffodil/design';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Enum for representing the available card orientations.
|
|
9
|
-
* See {@link DaffCardOrientation} for descriptions of each orientation.
|
|
10
|
-
*/
|
|
11
|
-
var DaffCardOrientationEnum;
|
|
12
|
-
(function (DaffCardOrientationEnum) {
|
|
13
|
-
DaffCardOrientationEnum["Vertical"] = "vertical";
|
|
14
|
-
DaffCardOrientationEnum["Horizontal"] = "horizontal";
|
|
15
|
-
})(DaffCardOrientationEnum || (DaffCardOrientationEnum = {}));
|
|
5
|
+
import { DaffArticleEncapsulatedDirective, DaffColorableDirective, DaffOrientableDirective } from '@daffodil/design';
|
|
16
6
|
|
|
17
7
|
class DaffCardBaseDirective {
|
|
18
|
-
constructor() {
|
|
19
|
-
|
|
20
|
-
* The orientation of a card.
|
|
21
|
-
*/
|
|
22
|
-
this.orientation = DaffCardOrientationEnum.Vertical;
|
|
8
|
+
constructor(orientation) {
|
|
9
|
+
this.orientation = orientation;
|
|
23
10
|
/**
|
|
24
11
|
* Whether or not a card displays a shadow.
|
|
25
12
|
*/
|
|
26
13
|
this.elevated = false;
|
|
14
|
+
this.orientation.defaultOrientation = 'vertical';
|
|
27
15
|
}
|
|
28
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
16
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardBaseDirective, deps: [{ token: i1.DaffOrientableDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
17
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardBaseDirective, isStandalone: true, selector: "[daffCardBase]", inputs: { elevated: "elevated" }, host: { properties: { "class.elevated": "elevated" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }, { directive: i1.DaffOrientableDirective, inputs: ["orientation", "orientation"] }], ngImport: i0 }); }
|
|
30
18
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardBaseDirective, decorators: [{
|
|
32
20
|
type: Directive,
|
|
33
21
|
args: [{
|
|
34
22
|
selector: '[daffCardBase]',
|
|
@@ -38,17 +26,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
38
26
|
directive: DaffColorableDirective,
|
|
39
27
|
inputs: ['color'],
|
|
40
28
|
},
|
|
29
|
+
{
|
|
30
|
+
directive: DaffOrientableDirective,
|
|
31
|
+
inputs: ['orientation'],
|
|
32
|
+
},
|
|
41
33
|
],
|
|
42
34
|
host: {
|
|
43
|
-
'[class.vertical]': 'orientation === "vertical"',
|
|
44
|
-
'[class.horizontal]': 'orientation === "horizontal"',
|
|
45
35
|
'[class.elevated]': 'elevated',
|
|
46
36
|
},
|
|
47
37
|
}]
|
|
48
|
-
}], propDecorators: {
|
|
49
|
-
type: Input,
|
|
50
|
-
args: [{ transform: (value) => value || DaffCardOrientationEnum.Vertical }]
|
|
51
|
-
}], elevated: [{
|
|
38
|
+
}], ctorParameters: () => [{ type: i1.DaffOrientableDirective }], propDecorators: { elevated: [{
|
|
52
39
|
type: Input
|
|
53
40
|
}] } });
|
|
54
41
|
|
|
@@ -72,31 +59,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
72
59
|
* ```
|
|
73
60
|
*/
|
|
74
61
|
class DaffCardComponent extends DaffCardBaseDirective {
|
|
75
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
76
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
62
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardComponent, isStandalone: true, selector: "daff-card,a[daff-card]", host: { classAttribute: "daff-card" }, 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.daff-vertical{flex-direction:column}.daff-card.daff-vertical .daff-card__image,.daff-card.daff-vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card.daff-horizontal{flex-wrap:wrap}@media(min-width:480px){.daff-card.daff-horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card.daff-horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card.daff-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 }); }
|
|
77
64
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardComponent, decorators: [{
|
|
79
66
|
type: Component,
|
|
80
67
|
args: [{ selector: 'daff-card' + ',' +
|
|
81
68
|
'a[daff-card]', host: {
|
|
82
69
|
'class': 'daff-card',
|
|
83
|
-
}, 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
|
|
84
|
-
}] });
|
|
85
|
-
|
|
86
|
-
/* eslint-disable quote-props */
|
|
87
|
-
/**
|
|
88
|
-
* @deprecated Deprecated in version 0.88.0. Will be removed in version 0.91.0.
|
|
89
|
-
*/
|
|
90
|
-
class DaffRaisedCardComponent extends DaffCardBaseDirective {
|
|
91
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffRaisedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DaffRaisedCardComponent, isStandalone: true, selector: "daff-raised-card,a[daff-raised-card]", host: { classAttribute: "daff-raised-card" }, 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
|
-
}
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DaffRaisedCardComponent, decorators: [{
|
|
95
|
-
type: Component,
|
|
96
|
-
args: [{ selector: 'daff-raised-card' + ',' +
|
|
97
|
-
'a[daff-raised-card]', host: {
|
|
98
|
-
'class': 'daff-raised-card',
|
|
99
|
-
}, 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"] }]
|
|
70
|
+
}, 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.daff-vertical{flex-direction:column}.daff-card.daff-vertical .daff-card__image,.daff-card.daff-vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-card.daff-horizontal{flex-wrap:wrap}@media(min-width:480px){.daff-card.daff-horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card.daff-horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-card.daff-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"] }]
|
|
100
71
|
}] });
|
|
101
72
|
|
|
102
73
|
/* eslint-disable quote-props */
|
|
@@ -119,15 +90,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
119
90
|
* ```
|
|
120
91
|
*/
|
|
121
92
|
class DaffStrokedCardComponent extends DaffCardBaseDirective {
|
|
122
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
123
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
93
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffStrokedCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
94
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: DaffStrokedCardComponent, isStandalone: true, selector: "daff-stroked-card,a[daff-stroked-card]", host: { classAttribute: "daff-stroked-card" }, 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.daff-vertical{flex-direction:column}.daff-stroked-card.daff-vertical .daff-card__image,.daff-stroked-card.daff-vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-stroked-card.daff-horizontal{flex-wrap:wrap}@media(min-width:480px){.daff-stroked-card.daff-horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-stroked-card.daff-horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-stroked-card.daff-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 }); }
|
|
124
95
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffStrokedCardComponent, decorators: [{
|
|
126
97
|
type: Component,
|
|
127
98
|
args: [{ selector: 'daff-stroked-card' + ',' +
|
|
128
99
|
'a[daff-stroked-card]', host: {
|
|
129
100
|
'class': 'daff-stroked-card',
|
|
130
|
-
}, 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
|
|
101
|
+
}, 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.daff-vertical{flex-direction:column}.daff-stroked-card.daff-vertical .daff-card__image,.daff-stroked-card.daff-vertical .daff-card__image img{border-radius:7px 7px 0 0}.daff-stroked-card.daff-horizontal{flex-wrap:wrap}@media(min-width:480px){.daff-stroked-card.daff-horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-stroked-card.daff-horizontal .daff-card__image{border-radius:7px 0 0 7px}.daff-stroked-card.daff-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"] }]
|
|
131
102
|
}] });
|
|
132
103
|
|
|
133
104
|
/* eslint-disable quote-props */
|
|
@@ -140,10 +111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
140
111
|
* ```
|
|
141
112
|
*/
|
|
142
113
|
class DaffCardActionsDirective {
|
|
143
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
144
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
114
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
115
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardActionsDirective, isStandalone: true, selector: "[daffCardActions]", host: { classAttribute: "daff-card__actions" }, ngImport: i0 }); }
|
|
145
116
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
|
|
147
118
|
type: Directive,
|
|
148
119
|
args: [{
|
|
149
120
|
selector: '[daffCardActions]',
|
|
@@ -164,10 +135,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
164
135
|
* ```
|
|
165
136
|
*/
|
|
166
137
|
class DaffCardContentDirective {
|
|
167
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
168
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
138
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
139
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardContentDirective, isStandalone: true, selector: "[daffCardContent]", host: { classAttribute: "daff-card__content" }, ngImport: i0 }); }
|
|
169
140
|
}
|
|
170
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardContentDirective, decorators: [{
|
|
171
142
|
type: Directive,
|
|
172
143
|
args: [{
|
|
173
144
|
selector: '[daffCardContent]',
|
|
@@ -187,10 +158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
187
158
|
* ```
|
|
188
159
|
*/
|
|
189
160
|
class DaffCardIconDirective {
|
|
190
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
191
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
161
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
162
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardIconDirective, isStandalone: true, selector: "[daffCardIcon]", host: { classAttribute: "daff-card__icon" }, ngImport: i0 }); }
|
|
192
163
|
}
|
|
193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardIconDirective, decorators: [{
|
|
194
165
|
type: Directive,
|
|
195
166
|
args: [{
|
|
196
167
|
selector: '[daffCardIcon]',
|
|
@@ -210,10 +181,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
210
181
|
* ```
|
|
211
182
|
*/
|
|
212
183
|
class DaffCardImageDirective {
|
|
213
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
214
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
184
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
185
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardImageDirective, isStandalone: true, selector: "[daffCardImage]", host: { classAttribute: "daff-card__image" }, ngImport: i0 }); }
|
|
215
186
|
}
|
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardImageDirective, decorators: [{
|
|
217
188
|
type: Directive,
|
|
218
189
|
args: [{
|
|
219
190
|
selector: '[daffCardImage]',
|
|
@@ -233,10 +204,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
233
204
|
* ```
|
|
234
205
|
*/
|
|
235
206
|
class DaffCardTaglineDirective {
|
|
236
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
237
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
207
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
208
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardTaglineDirective, isStandalone: true, selector: "[daffCardTagline]", host: { classAttribute: "daff-card__tagline" }, ngImport: i0 }); }
|
|
238
209
|
}
|
|
239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
|
|
240
211
|
type: Directive,
|
|
241
212
|
args: [{
|
|
242
213
|
selector: '[daffCardTagline]',
|
|
@@ -256,10 +227,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
256
227
|
* ```
|
|
257
228
|
*/
|
|
258
229
|
class DaffCardTitleDirective {
|
|
259
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
260
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
230
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
231
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DaffCardTitleDirective, isStandalone: true, selector: "[daffCardTitle]", host: { classAttribute: "daff-card__title" }, ngImport: i0 }); }
|
|
261
232
|
}
|
|
262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
|
|
263
234
|
type: Directive,
|
|
264
235
|
args: [{
|
|
265
236
|
selector: '[daffCardTitle]',
|
|
@@ -273,10 +244,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
273
244
|
* @deprecated in favor of {@link DAFF_CARD_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
|
274
245
|
*/
|
|
275
246
|
class DaffCardModule {
|
|
276
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
277
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
247
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
248
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DaffCardModule, imports: [CommonModule,
|
|
278
249
|
DaffCardComponent,
|
|
279
|
-
DaffRaisedCardComponent,
|
|
280
250
|
DaffStrokedCardComponent,
|
|
281
251
|
DaffCardIconDirective,
|
|
282
252
|
DaffCardImageDirective,
|
|
@@ -284,7 +254,6 @@ class DaffCardModule {
|
|
|
284
254
|
DaffCardTitleDirective,
|
|
285
255
|
DaffCardContentDirective,
|
|
286
256
|
DaffCardActionsDirective], exports: [DaffCardComponent,
|
|
287
|
-
DaffRaisedCardComponent,
|
|
288
257
|
DaffStrokedCardComponent,
|
|
289
258
|
DaffCardIconDirective,
|
|
290
259
|
DaffCardImageDirective,
|
|
@@ -292,15 +261,14 @@ class DaffCardModule {
|
|
|
292
261
|
DaffCardTitleDirective,
|
|
293
262
|
DaffCardContentDirective,
|
|
294
263
|
DaffCardActionsDirective] }); }
|
|
295
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
264
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardModule, imports: [CommonModule] }); }
|
|
296
265
|
}
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaffCardModule, decorators: [{
|
|
298
267
|
type: NgModule,
|
|
299
268
|
args: [{
|
|
300
269
|
imports: [
|
|
301
270
|
CommonModule,
|
|
302
271
|
DaffCardComponent,
|
|
303
|
-
DaffRaisedCardComponent,
|
|
304
272
|
DaffStrokedCardComponent,
|
|
305
273
|
DaffCardIconDirective,
|
|
306
274
|
DaffCardImageDirective,
|
|
@@ -311,7 +279,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
311
279
|
],
|
|
312
280
|
exports: [
|
|
313
281
|
DaffCardComponent,
|
|
314
|
-
DaffRaisedCardComponent,
|
|
315
282
|
DaffStrokedCardComponent,
|
|
316
283
|
DaffCardIconDirective,
|
|
317
284
|
DaffCardImageDirective,
|
|
@@ -335,19 +302,6 @@ const DAFF_CARD_COMPONENTS = [
|
|
|
335
302
|
DaffCardContentDirective,
|
|
336
303
|
DaffCardActionsDirective,
|
|
337
304
|
];
|
|
338
|
-
/**
|
|
339
|
-
* @docs-private
|
|
340
|
-
* @deprecated Deprecated in version 0.88.0. Will be removed in version 0.91.0.
|
|
341
|
-
*/
|
|
342
|
-
const DAFF_RAISED_CARD_COMPONENTS = [
|
|
343
|
-
DaffRaisedCardComponent,
|
|
344
|
-
DaffCardIconDirective,
|
|
345
|
-
DaffCardImageDirective,
|
|
346
|
-
DaffCardTaglineDirective,
|
|
347
|
-
DaffCardTitleDirective,
|
|
348
|
-
DaffCardContentDirective,
|
|
349
|
-
DaffCardActionsDirective,
|
|
350
|
-
];
|
|
351
305
|
/**
|
|
352
306
|
* @docs-private
|
|
353
307
|
*/
|
|
@@ -365,7 +319,6 @@ const DAFF_STROKED_CARD_COMPONENTS = [
|
|
|
365
319
|
*/
|
|
366
320
|
const DAFF_ALL_CARD_COMPONENTS = [
|
|
367
321
|
DaffCardComponent,
|
|
368
|
-
DaffRaisedCardComponent,
|
|
369
322
|
DaffStrokedCardComponent,
|
|
370
323
|
DaffCardIconDirective,
|
|
371
324
|
DaffCardImageDirective,
|
|
@@ -379,5 +332,5 @@ const DAFF_ALL_CARD_COMPONENTS = [
|
|
|
379
332
|
* Generated bundle index. Do not edit.
|
|
380
333
|
*/
|
|
381
334
|
|
|
382
|
-
export { DAFF_ALL_CARD_COMPONENTS, DAFF_CARD_COMPONENTS,
|
|
335
|
+
export { DAFF_ALL_CARD_COMPONENTS, DAFF_CARD_COMPONENTS, DAFF_STROKED_CARD_COMPONENTS, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardTaglineDirective, DaffCardTitleDirective, DaffStrokedCardComponent };
|
|
383
336
|
//# sourceMappingURL=daffodil-design-card.mjs.map
|