@daffodil/design 0.83.0 → 0.85.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/src/accordion-theme.scss +11 -13
- package/article/src/article-theme.scss +36 -38
- package/atoms/form/checkbox/cva/checkbox-cva.directive.d.ts +3 -0
- package/atoms/form/error-message/error-message.component.d.ts +4 -1
- package/atoms/form/error-message/error-message.module.d.ts +4 -1
- package/atoms/form/form-field/form-field/form-field.component.d.ts +40 -25
- package/atoms/form/form-field/form-field-control.d.ts +19 -4
- package/atoms/form/form-field/form-field-state.d.ts +7 -0
- package/atoms/form/form-field/form-field.d.ts +10 -0
- package/atoms/form/form-field/form-field.module.d.ts +6 -4
- package/atoms/form/form-field/public_api.d.ts +2 -1
- package/atoms/form/form-label/form-label.directive.d.ts +4 -1
- package/atoms/form/form-label/form-label.module.d.ts +4 -1
- package/atoms/form/hint/hint.component.d.ts +13 -0
- package/atoms/form/hint/public_api.d.ts +1 -0
- package/atoms/form/native-select/native-select.component.d.ts +5 -1
- package/atoms/form/radio/cva/radio-cva.directive.d.ts +3 -0
- package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +3 -0
- package/breadcrumb/src/breadcrumb-theme.scss +14 -7
- package/button/button/button-base.directive.d.ts +6 -23
- package/button/button/raised/raised.component.d.ts +1 -1
- package/button/src/button/basic/button-theme.scss +84 -114
- package/button/src/button/button-base.scss +17 -4
- package/button/src/button/flat/flat-theme.scss +32 -68
- package/button/src/button/icon/icon-theme.scss +78 -106
- package/button/src/button/raised/raised-theme.scss +30 -32
- package/button/src/button/stroked/stroked-theme.scss +35 -69
- package/button/src/button/underline/underline-theme.scss +34 -50
- package/callout/src/callout-theme.scss +37 -22
- package/card/card/basic/basic.component.d.ts +3 -0
- package/card/card/raised/raised.component.d.ts +3 -0
- package/card/card/stroked/stroked.component.d.ts +3 -0
- package/card/src/card/raised/raised-theme.scss +9 -11
- package/card/src/card/stroked/stroked-theme.scss +32 -34
- package/card/src/card-base-theme.scss +42 -44
- package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts +3 -0
- package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts +3 -0
- package/core/article-encapsulated/article-encapsulated.directive.d.ts +3 -0
- package/core/colorable/colorable.d.ts +2 -2
- package/core/colorable/colorable.directive.d.ts +8 -0
- package/core/manage-container-layout/manage-container-layout.directive.d.ts +3 -0
- package/core/openable/openable.directive.d.ts +3 -0
- package/core/prefix-suffix/prefix-suffix.module.d.ts +1 -1
- package/core/prefix-suffix/prefix.directive.d.ts +4 -1
- package/core/prefix-suffix/public_api.d.ts +0 -4
- package/core/prefix-suffix/suffix.directive.d.ts +4 -1
- package/core/sizable/sizable.directive.d.ts +8 -0
- package/core/statusable/statusable.directive.d.ts +2 -0
- package/core/text-alignable/text-alignable.directive.d.ts +6 -1
- package/fesm2022/daffodil-design-accordion-examples.mjs +10 -10
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +15 -15
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +31 -31
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +11 -11
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +7 -7
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +15 -12
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +41 -37
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +46 -53
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +13 -13
- package/fesm2022/daffodil-design-callout-examples.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-examples.mjs +19 -19
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +44 -35
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +13 -7
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +4 -4
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +8 -8
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +13 -13
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +23 -23
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +10 -10
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +9 -9
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +72 -28
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-input.mjs +96 -0
- package/fesm2022/daffodil-design-input.mjs.map +1 -0
- package/fesm2022/daffodil-design-link-set.mjs +17 -17
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +13 -13
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -12
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +4 -4
- package/fesm2022/daffodil-design-loading-icon-examples.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-examples.mjs +16 -16
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +14 -21
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +7 -7
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +39 -26
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +7 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +61 -28
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +13 -13
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +9 -9
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +17 -22
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +51 -24
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +7 -7
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +9 -9
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -10
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +30 -12
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +23 -22
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field.mjs +355 -0
- package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -0
- package/fesm2022/daffodil-design-radio-examples.mjs +4 -4
- package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +13 -13
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +27 -27
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +17 -17
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch.mjs +6 -7
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +16 -16
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +38 -19
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +4 -4
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-text-snippet.mjs +4 -4
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +22 -16
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +24 -26
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +7 -7
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +30 -16
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design-youtube-player.mjs +10 -7
- package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +531 -818
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/src/hero-theme.scss +37 -22
- package/input/README.md +66 -0
- package/input/examples/examples.d.ts +2 -2
- package/input/examples/input-disabled/input-disabled.component.d.ts +2 -0
- package/input/examples/input-hint/input-hint.component.d.ts +5 -0
- package/input/examples/input-hint-and-error/input-hint-and-error.component.d.ts +9 -0
- package/input/examples/input-with-form-field/input-with-form-field.component.d.ts +2 -0
- package/input/index.d.ts +1 -0
- package/{atoms/form/input → input}/input.component.d.ts +16 -20
- package/input/input.module.d.ts +10 -0
- package/list/list/list.component.d.ts +1 -1
- package/list/src/list-theme.scss +20 -26
- package/loading-icon/src/loading-icon-theme.scss +20 -22
- package/media-gallery/media-gallery/media-gallery.component.d.ts +0 -4
- package/media-gallery/src/media-gallery-theme.scss +10 -12
- package/menu/helpers/create-overlay.d.ts +1 -1
- package/menu/menu/menu.component.d.ts +15 -0
- package/menu/menu-activator/menu-activator.component.d.ts +3 -0
- package/menu/src/menu-theme.scss +34 -16
- package/modal/modal/modal.component.d.ts +21 -0
- package/modal/modal-actions/modal-actions.component.d.ts +3 -0
- package/modal/modal-close/modal-close.directive.d.ts +3 -0
- package/modal/modal-content/modal-content.component.d.ts +3 -0
- package/modal/modal-title/modal-title.directive.d.ts +3 -0
- package/modal/src/modal-theme.scss +2 -2
- package/navbar/src/navbar-theme.scss +21 -18
- package/notification/README.md +11 -12
- package/notification/notification/notification.component.d.ts +17 -2
- package/notification/notification-actions/notification-actions.directive.d.ts +3 -0
- package/notification/notification-message/notification-message.directive.d.ts +3 -0
- package/notification/notification-subtitle/notification-subtitle.directive.d.ts +3 -0
- package/notification/notification-title/notification-title.directive.d.ts +3 -0
- package/notification/notification.d.ts +2 -2
- package/notification/src/notification-theme.scss +44 -46
- package/package.json +1 -1
- package/paginator/src/paginator-theme.scss +26 -23
- package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +3 -0
- package/progress-bar/progress-bar.component.d.ts +15 -0
- package/progress-bar/src/progress-bar-theme.scss +18 -20
- package/public_api.d.ts +1 -2
- package/quantity-field/README.md +63 -0
- package/quantity-field/index.d.ts +1 -0
- package/quantity-field/public_api.d.ts +2 -0
- package/{atoms/form/quantity-field → quantity-field}/quantity-field.component.d.ts +5 -4
- package/quantity-field/quantity-field.module.d.ts +11 -0
- package/{atoms/form/quantity-field → quantity-field}/quantity-input/quantity-input.component.d.ts +5 -2
- package/{atoms/form/quantity-field → quantity-field}/quantity-select/quantity-select.component.d.ts +2 -2
- package/scss/state/skeleton/_mixins.scss +22 -13
- package/scss/theme.scss +2 -2
- package/scss/theming/_configure-theme.scss +16 -16
- package/scss/theming/_get-base-color.scss +19 -0
- package/scss/theming/_get-palette.scss +27 -0
- package/scss/theming/_get-theme-mode.scss +9 -0
- package/scss/theming/_index.scss +3 -0
- package/scss/theming/_light-dark.scss +4 -4
- package/scss/theming/_theme-css-variables.scss +20 -20
- package/sidebar/src/sidebar-theme.scss +4 -5
- package/src/atoms/form/error-message/error-message-theme.scss +4 -2
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +47 -24
- package/src/atoms/form/hint/hint-theme.scss +22 -0
- package/src/atoms/form/native-select/native-select-theme.scss +5 -7
- package/switch/src/switch-theme.scss +13 -15
- package/switch/switch.d.ts +2 -2
- package/tabs/src/tabs-theme.scss +13 -15
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +15 -0
- package/tabs/tabs/tab-label/tab-label.component.d.ts +2 -5
- package/tabs/tabs/tabs.component.d.ts +3 -0
- package/toast/examples/default-toast/default-toast.component.d.ts +3 -0
- package/toast/examples/toast-positions/toast-positions.component.d.ts +3 -0
- package/toast/src/toast-theme.scss +36 -38
- package/toast/toast/toast.component.d.ts +3 -5
- package/tree/interfaces/tree-data.d.ts +15 -0
- package/tree/interfaces/tree-render-mode.d.ts +2 -2
- package/tree/src/tree-theme.scss +20 -22
- package/tree/tree/tree-notifier.service.d.ts +3 -3
- package/tree/tree/tree.component.d.ts +13 -3
- package/tree/tree-item/tree-item.directive.d.ts +6 -0
- package/youtube-player/youtube-player.component.d.ts +3 -0
- package/atoms/form/input/input.module.d.ts +0 -8
- package/atoms/form/quantity-field/public_api.d.ts +0 -4
- package/atoms/form/quantity-field/quantity-field.module.d.ts +0 -13
- package/core/prefix-suffix/prefixable/prefixable-interface.d.ts +0 -7
- package/core/prefix-suffix/prefixable/prefixable.d.ts +0 -11
- package/core/prefix-suffix/suffixable/suffixable-interface.d.ts +0 -7
- package/core/prefix-suffix/suffixable/suffixable.d.ts +0 -11
- package/input/examples/basic-input/basic-input.component.d.ts +0 -5
- package/src/atoms/form/input/input-theme.scss +0 -16
- /package/{atoms/form/input → input}/public_api.d.ts +0 -0
@@ -1,10 +1,8 @@
|
|
1
|
-
@use '
|
2
|
-
@use '../../scss/core';
|
3
|
-
@use '../../scss/theming';
|
1
|
+
@use '../../scss/theming' as *;
|
4
2
|
|
5
3
|
@mixin daff-basic-card-theme-variant($color) {
|
6
4
|
background: $color;
|
7
|
-
color:
|
5
|
+
color: daff-text-contrast($color);
|
8
6
|
}
|
9
7
|
|
10
8
|
@mixin daff-linkable-card-theme-variant($hover-color) {
|
@@ -16,7 +14,7 @@
|
|
16
14
|
|
17
15
|
&:hover,
|
18
16
|
&:focus {
|
19
|
-
color:
|
17
|
+
color: daff-text-contrast($hover-color);
|
20
18
|
|
21
19
|
.daff-card__wrapper {
|
22
20
|
&::after {
|
@@ -27,52 +25,52 @@
|
|
27
25
|
}
|
28
26
|
|
29
27
|
@mixin daff-card-base-theme($theme) {
|
30
|
-
$primary:
|
31
|
-
$secondary:
|
32
|
-
$tertiary:
|
33
|
-
$base:
|
34
|
-
$base-contrast:
|
35
|
-
$white:
|
36
|
-
$black:
|
37
|
-
$neutral:
|
38
|
-
$
|
28
|
+
$primary: daff-get-palette($theme, primary);
|
29
|
+
$secondary: daff-get-palette($theme, secondary);
|
30
|
+
$tertiary: daff-get-palette($theme, tertiary);
|
31
|
+
$base: daff-get-base-color($theme, base);
|
32
|
+
$base-contrast: daff-get-base-color($theme, base-contrast);
|
33
|
+
$white: daff-get-base-color($theme, 'white');
|
34
|
+
$black: daff-get-base-color($theme, 'black');
|
35
|
+
$neutral: daff-get-palette($theme, neutral);
|
36
|
+
$mode: daff-get-theme-mode($theme);
|
39
37
|
|
40
38
|
.daff-card,
|
41
39
|
.daff-raised-card {
|
42
|
-
@include
|
43
|
-
@include daff-basic-card-theme-variant(
|
40
|
+
@include light($mode) {
|
41
|
+
@include daff-basic-card-theme-variant(daff-color($neutral, 10));
|
44
42
|
|
45
43
|
&.daff-primary {
|
46
|
-
@include daff-basic-card-theme-variant(
|
44
|
+
@include daff-basic-card-theme-variant(daff-color($primary));
|
47
45
|
}
|
48
46
|
|
49
47
|
&.daff-secondary {
|
50
|
-
@include daff-basic-card-theme-variant(
|
48
|
+
@include daff-basic-card-theme-variant(daff-color($secondary));
|
51
49
|
}
|
52
50
|
|
53
51
|
&.daff-tertiary {
|
54
|
-
@include daff-basic-card-theme-variant(
|
52
|
+
@include daff-basic-card-theme-variant(daff-color($tertiary));
|
55
53
|
}
|
56
54
|
}
|
57
55
|
|
58
|
-
@include
|
59
|
-
@include daff-basic-card-theme-variant(
|
56
|
+
@include dark($mode) {
|
57
|
+
@include daff-basic-card-theme-variant(daff-color($neutral, 90));
|
60
58
|
|
61
59
|
&.daff-primary {
|
62
60
|
@include daff-basic-card-theme-variant(
|
63
|
-
|
61
|
+
daff-color($primary, 60)
|
64
62
|
);
|
65
63
|
}
|
66
64
|
|
67
65
|
&.daff-secondary {
|
68
66
|
@include daff-basic-card-theme-variant(
|
69
|
-
|
67
|
+
daff-color($secondary, 60)
|
70
68
|
);
|
71
69
|
}
|
72
70
|
|
73
71
|
&.daff-tertiary {
|
74
72
|
@include daff-basic-card-theme-variant(
|
75
|
-
|
73
|
+
daff-color($tertiary, 60)
|
76
74
|
);
|
77
75
|
}
|
78
76
|
}
|
@@ -86,109 +84,109 @@
|
|
86
84
|
}
|
87
85
|
|
88
86
|
&.daff-dark {
|
89
|
-
@include daff-basic-card-theme-variant(
|
87
|
+
@include daff-basic-card-theme-variant(daff-color($neutral, 90));
|
90
88
|
}
|
91
89
|
|
92
90
|
&.daff-light {
|
93
|
-
@include daff-basic-card-theme-variant(
|
91
|
+
@include daff-basic-card-theme-variant(daff-color($neutral, 10));
|
94
92
|
}
|
95
93
|
}
|
96
94
|
|
97
95
|
a {
|
98
96
|
&.daff-card,
|
99
97
|
&.daff-raised-card {
|
100
|
-
@include
|
98
|
+
@include light($mode) {
|
101
99
|
@include daff-linkable-card-theme-variant(
|
102
|
-
|
100
|
+
daff-color($neutral, 20)
|
103
101
|
);
|
104
102
|
|
105
103
|
&.daff-primary {
|
106
104
|
@include daff-linkable-card-theme-variant(
|
107
|
-
|
105
|
+
daff-color($primary, 70)
|
108
106
|
);
|
109
107
|
}
|
110
108
|
|
111
109
|
&.daff-secondary {
|
112
110
|
@include daff-linkable-card-theme-variant(
|
113
|
-
|
111
|
+
daff-color($secondary, 70)
|
114
112
|
);
|
115
113
|
}
|
116
114
|
|
117
115
|
&.daff-tertiary {
|
118
116
|
@include daff-linkable-card-theme-variant(
|
119
|
-
|
117
|
+
daff-color($tertiary, 70)
|
120
118
|
);
|
121
119
|
}
|
122
120
|
|
123
121
|
&.daff-theme {
|
124
122
|
@include daff-linkable-card-theme-variant(
|
125
|
-
|
123
|
+
daff-color($neutral, 10)
|
126
124
|
);
|
127
125
|
}
|
128
126
|
|
129
127
|
&.daff-theme-contrast {
|
130
128
|
@include daff-linkable-card-theme-variant(
|
131
|
-
|
129
|
+
daff-color($neutral, 100)
|
132
130
|
);
|
133
131
|
}
|
134
132
|
|
135
133
|
&.daff-dark {
|
136
134
|
@include daff-linkable-card-theme-variant(
|
137
|
-
|
135
|
+
daff-color($neutral, 90)
|
138
136
|
);
|
139
137
|
}
|
140
138
|
|
141
139
|
&.daff-light {
|
142
140
|
@include daff-linkable-card-theme-variant(
|
143
|
-
|
141
|
+
daff-color($neutral, 10)
|
144
142
|
);
|
145
143
|
}
|
146
144
|
}
|
147
145
|
|
148
|
-
@include
|
146
|
+
@include dark($mode) {
|
149
147
|
@include daff-linkable-card-theme-variant(
|
150
|
-
|
148
|
+
daff-color($neutral, 80)
|
151
149
|
);
|
152
150
|
|
153
151
|
&.daff-primary {
|
154
152
|
@include daff-linkable-card-theme-variant(
|
155
|
-
|
153
|
+
daff-color($primary, 70)
|
156
154
|
);
|
157
155
|
}
|
158
156
|
|
159
157
|
&.daff-secondary {
|
160
158
|
@include daff-linkable-card-theme-variant(
|
161
|
-
|
159
|
+
daff-color($secondary, 70)
|
162
160
|
);
|
163
161
|
}
|
164
162
|
|
165
163
|
&.daff-tertiary {
|
166
164
|
@include daff-linkable-card-theme-variant(
|
167
|
-
|
165
|
+
daff-color($tertiary, 70)
|
168
166
|
);
|
169
167
|
}
|
170
168
|
|
171
169
|
&.daff-theme {
|
172
170
|
@include daff-linkable-card-theme-variant(
|
173
|
-
|
171
|
+
daff-color($neutral, 90)
|
174
172
|
);
|
175
173
|
}
|
176
174
|
|
177
175
|
&.daff-theme-contrast {
|
178
176
|
@include daff-linkable-card-theme-variant(
|
179
|
-
|
177
|
+
daff-color($neutral, 10)
|
180
178
|
);
|
181
179
|
}
|
182
180
|
|
183
181
|
&.daff-dark {
|
184
182
|
@include daff-linkable-card-theme-variant(
|
185
|
-
|
183
|
+
daff-color($neutral, 100)
|
186
184
|
);
|
187
185
|
}
|
188
186
|
|
189
187
|
&.daff-light {
|
190
188
|
@include daff-linkable-card-theme-variant(
|
191
|
-
|
189
|
+
daff-color($neutral, 10)
|
192
190
|
);
|
193
191
|
}
|
194
192
|
}
|
@@ -3,6 +3,9 @@ import { UntypedFormControl } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
export declare class BasicCheckboxComponent implements OnInit {
|
5
5
|
checkboxExample: UntypedFormControl;
|
6
|
+
/**
|
7
|
+
* @docs-private
|
8
|
+
*/
|
6
9
|
ngOnInit(): void;
|
7
10
|
setFalse(): void;
|
8
11
|
setTrue(): void;
|
@@ -5,6 +5,9 @@ export declare class CheckboxSetComponent implements OnInit {
|
|
5
5
|
private checkboxSet;
|
6
6
|
checkboxArray: UntypedFormArray;
|
7
7
|
selectedValues: any[];
|
8
|
+
/**
|
9
|
+
* @docs-private
|
10
|
+
*/
|
8
11
|
ngOnInit(): void;
|
9
12
|
displayList(): void;
|
10
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
|
@@ -24,6 +24,9 @@ import * as i0 from "@angular/core";
|
|
24
24
|
* This directive will apply the `daff-ae` class to the component, ensuring that it is encapsulated from the article's styles.
|
25
25
|
*/
|
26
26
|
export declare class DaffArticleEncapsulatedDirective {
|
27
|
+
/**
|
28
|
+
* @docs-private
|
29
|
+
*/
|
27
30
|
class: boolean;
|
28
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleEncapsulatedDirective, never>;
|
29
32
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleEncapsulatedDirective, "[daffArticleEncapsulated]", never, {}, {}, never, never, true, never>;
|
@@ -39,12 +39,12 @@ export declare enum DaffPaletteEnum {
|
|
39
39
|
*/
|
40
40
|
ThemeContrast = "theme-contrast",
|
41
41
|
/**
|
42
|
-
* @deprecated Deprecated in version 0.82.0. Will be removed in version 0.
|
42
|
+
* @deprecated Deprecated in version 0.82.0. Will be removed in version 1.0.0.
|
43
43
|
* Black. It's dark.
|
44
44
|
*/
|
45
45
|
Black = "black",
|
46
46
|
/**
|
47
|
-
* @deprecated Deprecated in version 0.82.0. Will be removed in version 0.
|
47
|
+
* @deprecated Deprecated in version 0.82.0. Will be removed in version 1.0.0.
|
48
48
|
* White. It's bright.
|
49
49
|
*/
|
50
50
|
White = "white"
|
@@ -82,13 +82,21 @@ export declare class DaffColorableDirective implements DaffColorable, OnChanges,
|
|
82
82
|
};
|
83
83
|
/**
|
84
84
|
* Sets the color on a component.
|
85
|
+
*
|
86
|
+
* Default options are: `primary`, `secondary`, `tertiary`, `light`, `dark`, `theme`, and `theme-contrast`.
|
85
87
|
*/
|
86
88
|
color: DaffPalette;
|
87
89
|
/**
|
88
90
|
* Sets a default color.
|
89
91
|
*/
|
90
92
|
defaultColor: DaffPalette;
|
93
|
+
/**
|
94
|
+
* @docs-private
|
95
|
+
*/
|
91
96
|
ngOnChanges(changes: SimpleChanges): void;
|
97
|
+
/**
|
98
|
+
* @docs-private
|
99
|
+
*/
|
92
100
|
ngOnInit(): void;
|
93
101
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffColorableDirective, never>;
|
94
102
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffColorableDirective, "[daffColorable]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -58,6 +58,9 @@ import * as i0 from "@angular/core";
|
|
58
58
|
* This directive will apply the `daff-manage-container-layout` class to your component, ensuring that the styles set on `:host` are passed down to the container.
|
59
59
|
*/
|
60
60
|
export declare class DaffManageContainerLayoutDirective {
|
61
|
+
/**
|
62
|
+
* @docs-private
|
63
|
+
*/
|
61
64
|
class: boolean;
|
62
65
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffManageContainerLayoutDirective, never>;
|
63
66
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffManageContainerLayoutDirective, "[daffManageContainerLayout]", never, {}, {}, never, never, true, never>;
|
@@ -76,6 +76,9 @@ export declare class DaffOpenableDirective implements DaffOpenable, OnChanges {
|
|
76
76
|
* Open or close the component, depending on if it's currently open or not
|
77
77
|
*/
|
78
78
|
toggle(): void;
|
79
|
+
/**
|
80
|
+
* @docs-private
|
81
|
+
*/
|
79
82
|
ngOnChanges(changes: SimpleChanges): void;
|
80
83
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffOpenableDirective, never>;
|
81
84
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffOpenableDirective, "[daffOpenable]", never, { "open": { "alias": "open"; "required": false; }; }, { "toggled": "toggled"; }, never, never, true, never>;
|
@@ -3,6 +3,6 @@ import * as i1 from "./prefix.directive";
|
|
3
3
|
import * as i2 from "./suffix.directive";
|
4
4
|
export declare class DaffPrefixSuffixModule {
|
5
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffPrefixSuffixModule, never>;
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffPrefixSuffixModule, [typeof i1.DaffPrefixDirective, typeof i2.DaffSuffixDirective],
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffPrefixSuffixModule, never, [typeof i1.DaffPrefixDirective, typeof i2.DaffSuffixDirective], [typeof i1.DaffPrefixDirective, typeof i2.DaffSuffixDirective]>;
|
7
7
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffPrefixSuffixModule>;
|
8
8
|
}
|
@@ -5,7 +5,10 @@ import * as i0 from "@angular/core";
|
|
5
5
|
* `daff-form-field`, `daff-solo-field`, and `daff-list`.
|
6
6
|
*/
|
7
7
|
export declare class DaffPrefixDirective {
|
8
|
+
/**
|
9
|
+
* @docs-private
|
10
|
+
*/
|
8
11
|
class: boolean;
|
9
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffPrefixDirective, never>;
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffPrefixDirective, "[daffPrefix]", never, {}, {}, never, never,
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffPrefixDirective, "[daffPrefix]", never, {}, {}, never, never, true, never>;
|
11
14
|
}
|
@@ -1,7 +1,3 @@
|
|
1
1
|
export * from './prefix-suffix.module';
|
2
2
|
export * from './prefix.directive';
|
3
3
|
export * from './suffix.directive';
|
4
|
-
export { daffSuffixableMixin } from './suffixable/suffixable';
|
5
|
-
export { DaffSuffixable } from './suffixable/suffixable-interface';
|
6
|
-
export { DaffPrefixable } from './prefixable/prefixable-interface';
|
7
|
-
export { daffPrefixableMixin } from './prefixable/prefixable';
|
@@ -5,7 +5,10 @@ import * as i0 from "@angular/core";
|
|
5
5
|
* `daff-form-field`, `daff-solo-field`, and `daff-list`.
|
6
6
|
*/
|
7
7
|
export declare class DaffSuffixDirective {
|
8
|
+
/**
|
9
|
+
* @docs-private
|
10
|
+
*/
|
8
11
|
class: boolean;
|
9
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSuffixDirective, never>;
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSuffixDirective, "[daffSuffix]", never, {}, {}, never, never,
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSuffixDirective, "[daffSuffix]", never, {}, {}, never, never, true, never>;
|
11
14
|
}
|
@@ -64,13 +64,21 @@ export declare class DaffSizableDirective<T extends DaffSizeAllType> implements
|
|
64
64
|
};
|
65
65
|
/**
|
66
66
|
* The size of a component.
|
67
|
+
*
|
68
|
+
* Default options are: `xs`, `sm`, `md`, `lg`, and `xl`.
|
67
69
|
*/
|
68
70
|
size: T;
|
69
71
|
/**
|
70
72
|
* Sets a default size when no size is provided.
|
71
73
|
*/
|
72
74
|
defaultSize: T;
|
75
|
+
/**
|
76
|
+
* @docs-private
|
77
|
+
*/
|
73
78
|
ngOnChanges(changes: SimpleChanges): void;
|
79
|
+
/**
|
80
|
+
* @docs-private
|
81
|
+
*/
|
74
82
|
ngOnInit(): void;
|
75
83
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSizableDirective<any>, never>;
|
76
84
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSizableDirective<any>, "[daffSizable]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -56,6 +56,8 @@ export declare class DaffStatusableDirective implements DaffStatusable {
|
|
56
56
|
};
|
57
57
|
/**
|
58
58
|
* Sets the status on a component.
|
59
|
+
*
|
60
|
+
* Default options are: `info`, `warn`, `critical`, and `success`.
|
59
61
|
*/
|
60
62
|
status: DaffStatus;
|
61
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffStatusableDirective, never>;
|
@@ -57,13 +57,18 @@ export declare class DaffTextAlignableDirective implements DaffTextAlignable, On
|
|
57
57
|
'daff-right': boolean;
|
58
58
|
};
|
59
59
|
/**
|
60
|
-
* The text
|
60
|
+
* The text alignment of a component.
|
61
|
+
*
|
62
|
+
* Default options are: `left`, `center`, and `right`.
|
61
63
|
*/
|
62
64
|
textAlignment: DaffTextAlignment;
|
63
65
|
/**
|
64
66
|
* Sets a default textAlignment.
|
65
67
|
*/
|
66
68
|
defaultAlignment: DaffTextAlignment;
|
69
|
+
/**
|
70
|
+
* @docs-private
|
71
|
+
*/
|
67
72
|
ngOnChanges(changes: SimpleChanges): void;
|
68
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextAlignableDirective, never>;
|
69
74
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTextAlignableDirective, "[daffTextAlignable]", never, { "textAlignment": { "alias": "textAlignment"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
3
3
|
import * as i1 from '@daffodil/design/accordion';
|
4
4
|
import { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';
|
5
5
|
|
6
6
|
class BasicAccordionComponent {
|
7
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
8
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
7
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
8
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: BasicAccordionComponent, isStandalone: true, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["itemId", "contentId", "initiallyExpanded", "disabled"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
9
9
|
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicAccordionComponent, decorators: [{
|
11
11
|
type: Component,
|
12
12
|
args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
13
13
|
DAFF_ACCORDION_COMPONENTS,
|
@@ -15,10 +15,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
15
15
|
}] });
|
16
16
|
|
17
17
|
class InitiallyExpandedAccordionComponent {
|
18
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
19
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
18
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InitiallyExpandedAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
19
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: InitiallyExpandedAccordionComponent, isStandalone: true, selector: "initially-expanded-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["itemId", "contentId", "initiallyExpanded", "disabled"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
20
20
|
}
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InitiallyExpandedAccordionComponent, decorators: [{
|
22
22
|
type: Component,
|
23
23
|
args: [{ selector: 'initially-expanded-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
24
24
|
DAFF_ACCORDION_COMPONENTS,
|
@@ -26,10 +26,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
26
26
|
}] });
|
27
27
|
|
28
28
|
class DisabledAccordionComponent {
|
29
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
30
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
29
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
30
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledAccordionComponent, isStandalone: true, selector: "disabled-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [disabled]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["itemId", "contentId", "initiallyExpanded", "disabled"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
31
31
|
}
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledAccordionComponent, decorators: [{
|
33
33
|
type: Component,
|
34
34
|
args: [{ selector: 'disabled-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
35
35
|
DAFF_ACCORDION_COMPONENTS,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/initially-expanded-accordion/initially-expanded-accordion.component.ts","../../../libs/design/accordion/examples/src/initially-expanded-accordion/initially-expanded-accordion.component.html","../../../libs/design/accordion/examples/src/disabled-accordion/disabled-accordion.component.ts","../../../libs/design/accordion/examples/src/disabled-accordion/disabled-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-accordion',\n templateUrl: './basic-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'initially-expanded-accordion',\n templateUrl: './initially-expanded-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class InitiallyExpandedAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-accordion',\n templateUrl: './disabled-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class DisabledAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [disabled]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\nimport { DisabledAccordionComponent } from './disabled-accordion/disabled-accordion.component';\nimport { InitiallyExpandedAccordionComponent } from './initially-expanded-accordion/initially-expanded-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n BasicAccordionComponent,\n InitiallyExpandedAccordionComponent,\n DisabledAccordionComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAgBa,uBAAuB,CAAA;
|
1
|
+
{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/initially-expanded-accordion/initially-expanded-accordion.component.ts","../../../libs/design/accordion/examples/src/initially-expanded-accordion/initially-expanded-accordion.component.html","../../../libs/design/accordion/examples/src/disabled-accordion/disabled-accordion.component.ts","../../../libs/design/accordion/examples/src/disabled-accordion/disabled-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-accordion',\n templateUrl: './basic-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'initially-expanded-accordion',\n templateUrl: './initially-expanded-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class InitiallyExpandedAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-accordion',\n templateUrl: './disabled-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_ACCORDION_COMPONENTS,\n ],\n})\nexport class DisabledAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [disabled]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\nimport { DisabledAccordionComponent } from './disabled-accordion/disabled-accordion.component';\nimport { InitiallyExpandedAccordionComponent } from './initially-expanded-accordion/initially-expanded-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n BasicAccordionComponent,\n InitiallyExpandedAccordionComponent,\n DisabledAccordionComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,18 +1,18 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import * as i0 from '@angular/core';
|
3
|
-
import {
|
3
|
+
import { ChangeDetectionStrategy, Component, Input, HostBinding, ViewEncapsulation, Directive, NgModule } from '@angular/core';
|
4
4
|
import * as i1 from '@daffodil/design';
|
5
5
|
import { DaffArticleEncapsulatedDirective, DaffOpenableDirective } from '@daffodil/design';
|
6
|
-
import { trigger, state,
|
6
|
+
import { trigger, state, transition, style, animate } from '@angular/animations';
|
7
7
|
|
8
8
|
/**
|
9
9
|
* A wrapper for grouping accordion items.
|
10
10
|
*/
|
11
11
|
class DaffAccordionComponent {
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffAccordionComponent, isStandalone: true, selector: "daff-accordion", hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
14
|
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionComponent, decorators: [{
|
16
16
|
type: Component,
|
17
17
|
args: [{ selector: 'daff-accordion', template: '<ng-content></ng-content>', hostDirectives: [{
|
18
18
|
directive: DaffArticleEncapsulatedDirective,
|
@@ -107,12 +107,12 @@ class DaffAccordionItemComponent {
|
|
107
107
|
this.openDirective.toggle();
|
108
108
|
this._animationState = getAnimationState(this.openDirective.open);
|
109
109
|
}
|
110
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
111
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionItemComponent, deps: [{ token: i1.DaffOpenableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
111
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffAccordionItemComponent, isStandalone: true, selector: "daff-accordion-item", inputs: { itemId: "itemId", contentId: "contentId", initiallyExpanded: "initiallyExpanded", disabled: "disabled" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, hostDirectives: [{ directive: i1.DaffOpenableDirective, inputs: ["open", "open"], outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n (click)=\"toggle()\"\n [attr.aria-expanded]=\"open\"\n [attr.aria-controls]=\"contentId\"\n [id]=\"itemId\"\n [disabled]=\"disabled\"\n [attr.aria-disabled]=\"disabled\">\n <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"contentId\" [attr.aria-labelledby]=\"itemId\" role=\"region\">\n <div class=\"daff-accordion-item__content\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;appearance:none;justify-content:space-between;gap:.5rem;background:none;border:none;inline-size:100%;margin:0;padding:1rem;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:1rem;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item__header[disabled]{cursor:not-allowed;opacity:.7}.daff-accordion-item.daff-open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;line-height:1.5rem;font-weight:500;inline-size:100%;margin:0;padding:0 2rem 0 0;text-align:start}.daff-accordion-item__content{padding:0 1rem 1rem}.daff-accordion-item__content>p{margin:0 0 1rem}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
|
112
112
|
daffAccordionAnimations.openAccordion,
|
113
113
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
114
114
|
}
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
|
116
116
|
type: Component,
|
117
117
|
args: [{ selector: 'daff-accordion-item', hostDirectives: [{
|
118
118
|
directive: DaffOpenableDirective,
|
@@ -144,10 +144,10 @@ class DaffAccordionItemTitleDirective {
|
|
144
144
|
*/
|
145
145
|
this.class = true;
|
146
146
|
}
|
147
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
148
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
147
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
148
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffAccordionItemTitleDirective, isStandalone: true, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
|
149
149
|
}
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
|
151
151
|
type: Directive,
|
152
152
|
args: [{
|
153
153
|
selector: '[daffAccordionItemTitle]',
|
@@ -161,16 +161,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
161
161
|
* @deprecated in favor of {@link DAFF_ACCORDION_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
162
162
|
*/
|
163
163
|
class DaffAccordionModule {
|
164
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
165
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
164
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
165
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
|
166
166
|
DaffAccordionComponent,
|
167
167
|
DaffAccordionItemComponent,
|
168
168
|
DaffAccordionItemTitleDirective], exports: [DaffAccordionComponent,
|
169
169
|
DaffAccordionItemComponent,
|
170
170
|
DaffAccordionItemTitleDirective] }); }
|
171
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
171
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule] }); }
|
172
172
|
}
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionModule, decorators: [{
|
174
174
|
type: NgModule,
|
175
175
|
args: [{
|
176
176
|
imports: [
|