@daffodil/design 0.83.0 → 0.84.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/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 +23 -29
- package/atoms/form/form-field/form-field-control.d.ts +18 -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 +9 -0
- package/atoms/form/hint/public_api.d.ts +1 -0
- package/atoms/form/input/input.component.d.ts +15 -19
- package/atoms/form/input/input.module.d.ts +4 -2
- package/atoms/form/native-select/native-select.component.d.ts +5 -1
- package/atoms/form/quantity-field/quantity-field.component.d.ts +2 -1
- package/atoms/form/quantity-field/quantity-field.module.d.ts +3 -3
- package/atoms/form/quantity-field/quantity-input/quantity-input.component.d.ts +3 -0
- 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 +12 -3
- package/button/button/button-base.directive.d.ts +6 -23
- package/button/src/button/basic/button-theme.scss +13 -41
- package/button/src/button/button-base.scss +17 -4
- package/button/src/button/flat/flat-theme.scss +4 -38
- package/button/src/button/icon/icon-theme.scss +4 -30
- package/button/src/button/raised/raised-theme.scss +2 -2
- package/button/src/button/stroked/stroked-theme.scss +4 -36
- package/button/src/button/underline/underline-theme.scss +4 -18
- package/callout/src/callout-theme.scss +27 -10
- 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/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.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-breadcrumb.mjs +5 -2
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +21 -17
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +25 -32
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +9 -0
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +6 -0
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +2 -2
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +45 -22
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +2 -2
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +23 -10
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +33 -0
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +2 -2
- package/fesm2022/daffodil-design-notification-examples.mjs +6 -11
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +32 -5
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +2 -2
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +18 -0
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +9 -9
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +6 -6
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch.mjs +3 -4
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +23 -4
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +6 -0
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +3 -5
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +19 -5
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design-youtube-player.mjs +3 -0
- package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +301 -224
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/src/hero-theme.scss +27 -10
- 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-with-form-field/input-with-form-field.component.d.ts +2 -0
- package/list/list/list.component.d.ts +1 -1
- package/list/src/list-theme.scss +16 -20
- 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 +29 -10
- 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/navbar/src/navbar-theme.scss +8 -3
- 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/package.json +1 -1
- package/paginator/src/paginator-theme.scss +22 -17
- 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/public_api.d.ts +1 -0
- package/scss/state/skeleton/_mixins.scss +19 -9
- package/scss/theme.scss +2 -0
- package/src/atoms/form/error-message/error-message-theme.scss +4 -1
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +22 -10
- package/src/atoms/form/hint/hint-theme.scss +17 -0
- package/src/atoms/form/input/input-theme.scss +1 -5
- package/switch/switch.d.ts +2 -2
- 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/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/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/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
@@ -55,13 +55,13 @@
|
|
55
55
|
);
|
56
56
|
}
|
57
57
|
|
58
|
-
&.daff-
|
58
|
+
&.daff-dark {
|
59
59
|
@include daff-flat-button-theme-variant(
|
60
60
|
$black,
|
61
61
|
);
|
62
62
|
}
|
63
63
|
|
64
|
-
&.daff-
|
64
|
+
&.daff-light {
|
65
65
|
@include daff-flat-button-theme-variant(
|
66
66
|
$white,
|
67
67
|
);
|
@@ -79,23 +79,6 @@
|
|
79
79
|
);
|
80
80
|
}
|
81
81
|
|
82
|
-
&[disabled],
|
83
|
-
&.disabled {
|
84
|
-
color: theming.daff-color($neutral, 50);
|
85
|
-
|
86
|
-
&::after {
|
87
|
-
background: transparent;
|
88
|
-
}
|
89
|
-
|
90
|
-
&:hover,
|
91
|
-
&:focus,
|
92
|
-
&:active {
|
93
|
-
&::after {
|
94
|
-
background: transparent;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
}
|
98
|
-
|
99
82
|
&.daff-warn {
|
100
83
|
@include daff-flat-button-theme-variant(
|
101
84
|
theming.daff-color($warn)
|
@@ -138,13 +121,13 @@
|
|
138
121
|
);
|
139
122
|
}
|
140
123
|
|
141
|
-
&.daff-
|
124
|
+
&.daff-dark {
|
142
125
|
@include daff-flat-button-theme-variant(
|
143
126
|
$black,
|
144
127
|
);
|
145
128
|
}
|
146
129
|
|
147
|
-
&.daff-
|
130
|
+
&.daff-light {
|
148
131
|
@include daff-flat-button-theme-variant(
|
149
132
|
$white,
|
150
133
|
);
|
@@ -162,23 +145,6 @@
|
|
162
145
|
);
|
163
146
|
}
|
164
147
|
|
165
|
-
&[disabled],
|
166
|
-
&.disabled {
|
167
|
-
color: theming.daff-color($neutral, 50);
|
168
|
-
|
169
|
-
&::after {
|
170
|
-
background: transparent;
|
171
|
-
}
|
172
|
-
|
173
|
-
&:hover,
|
174
|
-
&:focus,
|
175
|
-
&:active {
|
176
|
-
&::after {
|
177
|
-
background: transparent;
|
178
|
-
}
|
179
|
-
}
|
180
|
-
}
|
181
|
-
|
182
148
|
&.daff-warn {
|
183
149
|
@include daff-flat-button-theme-variant(
|
184
150
|
theming.daff-color($warn, 40)
|
@@ -70,7 +70,7 @@
|
|
70
70
|
);
|
71
71
|
}
|
72
72
|
|
73
|
-
&.daff-
|
73
|
+
&.daff-dark {
|
74
74
|
@include daff-icon-button-theme-variant(
|
75
75
|
$black,
|
76
76
|
theming.daff-color($neutral, 90),
|
@@ -78,7 +78,7 @@
|
|
78
78
|
);
|
79
79
|
}
|
80
80
|
|
81
|
-
&.daff-
|
81
|
+
&.daff-light {
|
82
82
|
@include daff-icon-button-theme-variant(
|
83
83
|
$white,
|
84
84
|
theming.daff-color($neutral, 20),
|
@@ -102,19 +102,6 @@
|
|
102
102
|
);
|
103
103
|
}
|
104
104
|
|
105
|
-
&[disabled],
|
106
|
-
&.disabled {
|
107
|
-
@include daff-icon-button-theme-variant(
|
108
|
-
theming.daff-color($neutral, 40),
|
109
|
-
theming.daff-color($neutral, 40),
|
110
|
-
theming.daff-color($neutral, 40)
|
111
|
-
);
|
112
|
-
|
113
|
-
&:hover {
|
114
|
-
color: theming.daff-color($neutral, 40);
|
115
|
-
}
|
116
|
-
}
|
117
|
-
|
118
105
|
&.daff-warn {
|
119
106
|
@include daff-icon-button-theme-variant(
|
120
107
|
theming.daff-color($warn),
|
@@ -171,7 +158,7 @@
|
|
171
158
|
);
|
172
159
|
}
|
173
160
|
|
174
|
-
&.daff-
|
161
|
+
&.daff-dark {
|
175
162
|
@include daff-icon-button-theme-variant(
|
176
163
|
$black,
|
177
164
|
theming.daff-color($neutral, 100),
|
@@ -179,7 +166,7 @@
|
|
179
166
|
);
|
180
167
|
}
|
181
168
|
|
182
|
-
&.daff-
|
169
|
+
&.daff-light {
|
183
170
|
@include daff-icon-button-theme-variant(
|
184
171
|
$white,
|
185
172
|
theming.daff-color($neutral, 20),
|
@@ -203,19 +190,6 @@
|
|
203
190
|
);
|
204
191
|
}
|
205
192
|
|
206
|
-
&[disabled],
|
207
|
-
&.disabled {
|
208
|
-
@include daff-icon-button-theme-variant(
|
209
|
-
theming.daff-color($neutral, 40),
|
210
|
-
theming.daff-color($neutral, 40),
|
211
|
-
theming.daff-color($neutral, 40)
|
212
|
-
);
|
213
|
-
|
214
|
-
&:hover {
|
215
|
-
color: theming.daff-color($neutral, 40);
|
216
|
-
}
|
217
|
-
}
|
218
|
-
|
219
193
|
&.daff-warn {
|
220
194
|
@include daff-icon-button-theme-variant(
|
221
195
|
theming.daff-color($warn),
|
@@ -59,11 +59,11 @@
|
|
59
59
|
@include daff-raised-button-theme-variant(theming.daff-color($tertiary));
|
60
60
|
}
|
61
61
|
|
62
|
-
&.daff-
|
62
|
+
&.daff-dark {
|
63
63
|
@include daff-raised-button-theme-variant($black);
|
64
64
|
}
|
65
65
|
|
66
|
-
&.daff-
|
66
|
+
&.daff-light {
|
67
67
|
@include daff-raised-button-theme-variant($white);
|
68
68
|
}
|
69
69
|
|
@@ -67,11 +67,11 @@
|
|
67
67
|
);
|
68
68
|
}
|
69
69
|
|
70
|
-
&.daff-
|
70
|
+
&.daff-dark {
|
71
71
|
@include daff-stroked-button-theme-variant($black);
|
72
72
|
}
|
73
73
|
|
74
|
-
&.daff-
|
74
|
+
&.daff-light {
|
75
75
|
@include daff-stroked-button-theme-variant($white);
|
76
76
|
}
|
77
77
|
|
@@ -83,22 +83,6 @@
|
|
83
83
|
@include daff-stroked-button-theme-variant($base-contrast);
|
84
84
|
}
|
85
85
|
|
86
|
-
&[disabled],
|
87
|
-
&.disabled {
|
88
|
-
background-color: transparent;
|
89
|
-
border-color: theming.daff-color($neutral, 30);
|
90
|
-
color: theming.daff-color($neutral, 50);
|
91
|
-
|
92
|
-
&:hover {
|
93
|
-
color: theming.daff-color($neutral, 50);
|
94
|
-
|
95
|
-
&::after {
|
96
|
-
background-color: transparent;
|
97
|
-
opacity: 0;
|
98
|
-
}
|
99
|
-
}
|
100
|
-
}
|
101
|
-
|
102
86
|
&.daff-warn {
|
103
87
|
@include daff-stroked-button-theme-variant(theming.daff-color($warn));
|
104
88
|
}
|
@@ -135,11 +119,11 @@
|
|
135
119
|
);
|
136
120
|
}
|
137
121
|
|
138
|
-
&.daff-
|
122
|
+
&.daff-dark {
|
139
123
|
@include daff-stroked-button-theme-variant($black);
|
140
124
|
}
|
141
125
|
|
142
|
-
&.daff-
|
126
|
+
&.daff-light {
|
143
127
|
@include daff-stroked-button-theme-variant($white);
|
144
128
|
}
|
145
129
|
|
@@ -151,22 +135,6 @@
|
|
151
135
|
@include daff-stroked-button-theme-variant($base-contrast);
|
152
136
|
}
|
153
137
|
|
154
|
-
&[disabled],
|
155
|
-
&.disabled {
|
156
|
-
background-color: transparent;
|
157
|
-
border-color: theming.daff-color($neutral, 70);
|
158
|
-
color: theming.daff-color($neutral);
|
159
|
-
|
160
|
-
&:hover {
|
161
|
-
color: theming.daff-color($neutral);
|
162
|
-
|
163
|
-
&::after {
|
164
|
-
background-color: transparent;
|
165
|
-
opacity: 0;
|
166
|
-
}
|
167
|
-
}
|
168
|
-
}
|
169
|
-
|
170
138
|
&.daff-warn {
|
171
139
|
@include daff-stroked-button-theme-variant(
|
172
140
|
theming.daff-color($warn, 40)
|
@@ -49,11 +49,11 @@
|
|
49
49
|
);
|
50
50
|
}
|
51
51
|
|
52
|
-
&.daff-
|
52
|
+
&.daff-dark {
|
53
53
|
@include daff-underline-button-theme-variant($black);
|
54
54
|
}
|
55
55
|
|
56
|
-
&.daff-
|
56
|
+
&.daff-light {
|
57
57
|
@include daff-underline-button-theme-variant($white);
|
58
58
|
}
|
59
59
|
|
@@ -65,13 +65,6 @@
|
|
65
65
|
@include daff-underline-button-theme-variant($base-contrast);
|
66
66
|
}
|
67
67
|
|
68
|
-
&[disabled],
|
69
|
-
&.disabled {
|
70
|
-
@include daff-underline-button-theme-variant(
|
71
|
-
theming.daff-color($neutral, 40)
|
72
|
-
);
|
73
|
-
}
|
74
|
-
|
75
68
|
&.daff-warn {
|
76
69
|
@include daff-underline-button-theme-variant(theming.daff-color($warn));
|
77
70
|
}
|
@@ -112,11 +105,11 @@
|
|
112
105
|
);
|
113
106
|
}
|
114
107
|
|
115
|
-
&.daff-
|
108
|
+
&.daff-dark {
|
116
109
|
@include daff-underline-button-theme-variant($black);
|
117
110
|
}
|
118
111
|
|
119
|
-
&.daff-
|
112
|
+
&.daff-light {
|
120
113
|
@include daff-underline-button-theme-variant($white);
|
121
114
|
}
|
122
115
|
|
@@ -128,13 +121,6 @@
|
|
128
121
|
@include daff-underline-button-theme-variant($base-contrast);
|
129
122
|
}
|
130
123
|
|
131
|
-
&[disabled],
|
132
|
-
&.disabled {
|
133
|
-
@include daff-underline-button-theme-variant(
|
134
|
-
theming.daff-color($neutral, 60)
|
135
|
-
);
|
136
|
-
}
|
137
|
-
|
138
124
|
&.daff-warn {
|
139
125
|
@include daff-underline-button-theme-variant(
|
140
126
|
theming.daff-color($warn, 40)
|
@@ -16,22 +16,39 @@
|
|
16
16
|
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
17
17
|
$white: core.daff-map-get($theme, 'core', 'white');
|
18
18
|
$black: core.daff-map-get($theme, 'core', 'black');
|
19
|
+
$type: core.daff-map-get($theme, 'core', 'type');
|
19
20
|
|
20
21
|
.daff-callout {
|
21
|
-
@include
|
22
|
-
theming.daff-
|
23
|
-
);
|
22
|
+
@include theming.light($type) {
|
23
|
+
@include daff-callout-theme-variant(theming.daff-color($neutral, 10));
|
24
24
|
|
25
|
-
|
26
|
-
|
27
|
-
|
25
|
+
&.daff-primary {
|
26
|
+
@include daff-callout-theme-variant(theming.daff-color($primary));
|
27
|
+
}
|
28
|
+
|
29
|
+
&.daff-secondary {
|
30
|
+
@include daff-callout-theme-variant(theming.daff-color($secondary));
|
31
|
+
}
|
28
32
|
|
29
|
-
|
30
|
-
|
33
|
+
&.daff-tertiary {
|
34
|
+
@include daff-callout-theme-variant(theming.daff-color($tertiary));
|
35
|
+
}
|
31
36
|
}
|
32
37
|
|
33
|
-
|
34
|
-
@include daff-callout-theme-variant(theming.daff-color($
|
38
|
+
@include theming.dark($type) {
|
39
|
+
@include daff-callout-theme-variant(theming.daff-color($neutral, 90));
|
40
|
+
|
41
|
+
&.daff-primary {
|
42
|
+
@include daff-callout-theme-variant(theming.daff-color($primary, 60));
|
43
|
+
}
|
44
|
+
|
45
|
+
&.daff-secondary {
|
46
|
+
@include daff-callout-theme-variant(theming.daff-color($secondary, 60));
|
47
|
+
}
|
48
|
+
|
49
|
+
&.daff-tertiary {
|
50
|
+
@include daff-callout-theme-variant(theming.daff-color($tertiary, 60));
|
51
|
+
}
|
35
52
|
}
|
36
53
|
|
37
54
|
&.daff-theme {
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import { DaffCardBaseDirective } from '../../card-base.directive';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export declare class DaffCardComponent extends DaffCardBaseDirective {
|
4
|
+
/**
|
5
|
+
* @docs-private
|
6
|
+
*/
|
4
7
|
class: boolean;
|
5
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
|
6
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,a[daff-card]", never, {}, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, never>;
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import { DaffCardBaseDirective } from '../../card-base.directive';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export declare class DaffRaisedCardComponent extends DaffCardBaseDirective {
|
4
|
+
/**
|
5
|
+
* @docs-private
|
6
|
+
*/
|
4
7
|
class: boolean;
|
5
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffRaisedCardComponent, never>;
|
6
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<DaffRaisedCardComponent, "daff-raised-card,a[daff-raised-card]", never, {}, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, never>;
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import { DaffCardBaseDirective } from '../../card-base.directive';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export declare class DaffStrokedCardComponent extends DaffCardBaseDirective {
|
4
|
+
/**
|
5
|
+
* @docs-private
|
6
|
+
*/
|
4
7
|
class: boolean;
|
5
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffStrokedCardComponent, never>;
|
6
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<DaffStrokedCardComponent, "daff-stroked-card,a[daff-stroked-card]", never, {}, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, never>;
|
@@ -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>;
|
@@ -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>;
|
@@ -57,6 +57,9 @@ class DaffBreadcrumbComponent {
|
|
57
57
|
*/
|
58
58
|
this.class = true;
|
59
59
|
}
|
60
|
+
/**
|
61
|
+
* @docs-private
|
62
|
+
*/
|
60
63
|
ngAfterContentInit() {
|
61
64
|
this.updateActiveState();
|
62
65
|
this.breadcrumbItems.changes
|
@@ -71,7 +74,7 @@ class DaffBreadcrumbComponent {
|
|
71
74
|
this.breadcrumbItems.last.setActive(true);
|
72
75
|
}
|
73
76
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffBreadcrumbComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
74
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffBreadcrumbComponent, isStandalone: true, selector: "ol[daff-breadcrumb]", host: { properties: { "class.daff-breadcrumb": "this.class" } }, queries: [{ propertyName: "breadcrumbItems", predicate: DaffBreadcrumbItemDirective }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
77
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffBreadcrumbComponent, isStandalone: true, selector: "ol[daff-breadcrumb]", host: { properties: { "class.daff-breadcrumb": "this.class" } }, queries: [{ propertyName: "breadcrumbItems", predicate: DaffBreadcrumbItemDirective }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
75
78
|
}
|
76
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffBreadcrumbComponent, decorators: [{
|
77
80
|
type: Component,
|
@@ -81,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
81
84
|
directive: DaffSkeletonableDirective,
|
82
85
|
inputs: ['skeleton'],
|
83
86
|
},
|
84
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"] }]
|
87
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"] }]
|
85
88
|
}], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { class: [{
|
86
89
|
type: HostBinding,
|
87
90
|
args: ['class.daff-breadcrumb']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-breadcrumb__item') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('class.active') get activeClass() {\n return this._active;\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.aria-current') get ariaCurrent() {\n return this._active ? 'page' : null;\n }\n\n private _active = false;\n\n constructor( private cdRef: ChangeDetectorRef ) {}\n\n /** Called by the DaffBreadcrumbComponent to set the active state */\n setActive(value: boolean) {\n this._active = value;\n\n this.cdRef.detectChanges();\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n ViewEncapsulation,\n ContentChildren,\n QueryList,\n AfterContentInit,\n DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'ol[daff-breadcrumb]',\n templateUrl: './breadcrumb.component.html',\n styleUrl: './breadcrumb.component.scss',\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffSkeletonableDirective,\n inputs: ['skeleton'],\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n constructor(private destroyRef: DestroyRef) {}\n /**\n * @docs-private\n */\n @HostBinding('class.daff-breadcrumb') class = true;\n\n /**\n * @docs-private\n */\n @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n ngAfterContentInit() {\n this.updateActiveState();\n\n this.breadcrumbItems.changes\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => this.updateActiveState());\n }\n\n private updateActiveState() {\n if (!this.breadcrumbItems.length) {\n return;\n }\n\n this.breadcrumbItems.forEach(item => item.setActive(false));\n\n this.breadcrumbItems.last.setActive(true);\n }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n ],\n exports: [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n ],\n})\nexport class DaffBreadcrumbModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,2BAA2B,CAAA;AAMtC;;AAEG;AACH,IAAA,IAAiC,WAAW,GAAA;QAC1C,OAAO,IAAI,CAAC,OAAO;;AAGrB;;AAEG;AACH,IAAA,IAAsC,WAAW,GAAA;QAC/C,OAAO,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI;;AAKrC,IAAA,WAAA,CAAqB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;AArB1B;;AAEG;QACyC,IAAK,CAAA,KAAA,GAAG,IAAI;QAgBhD,IAAO,CAAA,OAAA,GAAG,KAAK;;;AAKvB,IAAA,SAAS,CAAC,KAAc,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AAEpB,QAAA,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;;iIA5BjB,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AACnC,iBAAA;sFAK6C,KAAK,EAAA,CAAA;sBAAhD,WAAW;uBAAC,6BAA6B;gBAKT,WAAW,EAAA,CAAA;sBAA3C,WAAW;uBAAC,cAAc;gBAOW,WAAW,EAAA,CAAA;sBAAhD,WAAW;uBAAC,mBAAmB;;;MCWrB,uBAAuB,CAAA;AAElC,IAAA,WAAA,CAAoB,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU;AAC9B;;AAEG;QACmC,IAAK,CAAA,KAAA,GAAG,IAAI;;
|
1
|
+
{"version":3,"file":"daffodil-design-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-breadcrumb__item') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('class.active') get activeClass() {\n return this._active;\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.aria-current') get ariaCurrent() {\n return this._active ? 'page' : null;\n }\n\n private _active = false;\n\n constructor( private cdRef: ChangeDetectorRef ) {}\n\n /** Called by the DaffBreadcrumbComponent to set the active state */\n setActive(value: boolean) {\n this._active = value;\n\n this.cdRef.detectChanges();\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n ViewEncapsulation,\n ContentChildren,\n QueryList,\n AfterContentInit,\n DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'ol[daff-breadcrumb]',\n templateUrl: './breadcrumb.component.html',\n styleUrl: './breadcrumb.component.scss',\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffSkeletonableDirective,\n inputs: ['skeleton'],\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n constructor(private destroyRef: DestroyRef) {}\n /**\n * @docs-private\n */\n @HostBinding('class.daff-breadcrumb') class = true;\n\n /**\n * @docs-private\n */\n @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n /**\n * @docs-private\n */\n ngAfterContentInit() {\n this.updateActiveState();\n\n this.breadcrumbItems.changes\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => this.updateActiveState());\n }\n\n private updateActiveState() {\n if (!this.breadcrumbItems.length) {\n return;\n }\n\n this.breadcrumbItems.forEach(item => item.setActive(false));\n\n this.breadcrumbItems.last.setActive(true);\n }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n ],\n exports: [\n DaffBreadcrumbComponent,\n DaffBreadcrumbItemDirective,\n ],\n})\nexport class DaffBreadcrumbModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|