@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.
Files changed (146) hide show
  1. package/atoms/form/checkbox/cva/checkbox-cva.directive.d.ts +3 -0
  2. package/atoms/form/error-message/error-message.component.d.ts +4 -1
  3. package/atoms/form/error-message/error-message.module.d.ts +4 -1
  4. package/atoms/form/form-field/form-field/form-field.component.d.ts +23 -29
  5. package/atoms/form/form-field/form-field-control.d.ts +18 -4
  6. package/atoms/form/form-field/form-field-state.d.ts +7 -0
  7. package/atoms/form/form-field/form-field.d.ts +10 -0
  8. package/atoms/form/form-field/form-field.module.d.ts +6 -4
  9. package/atoms/form/form-field/public_api.d.ts +2 -1
  10. package/atoms/form/form-label/form-label.directive.d.ts +4 -1
  11. package/atoms/form/form-label/form-label.module.d.ts +4 -1
  12. package/atoms/form/hint/hint.component.d.ts +9 -0
  13. package/atoms/form/hint/public_api.d.ts +1 -0
  14. package/atoms/form/input/input.component.d.ts +15 -19
  15. package/atoms/form/input/input.module.d.ts +4 -2
  16. package/atoms/form/native-select/native-select.component.d.ts +5 -1
  17. package/atoms/form/quantity-field/quantity-field.component.d.ts +2 -1
  18. package/atoms/form/quantity-field/quantity-field.module.d.ts +3 -3
  19. package/atoms/form/quantity-field/quantity-input/quantity-input.component.d.ts +3 -0
  20. package/atoms/form/radio/cva/radio-cva.directive.d.ts +3 -0
  21. package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +3 -0
  22. package/breadcrumb/src/breadcrumb-theme.scss +12 -3
  23. package/button/button/button-base.directive.d.ts +6 -23
  24. package/button/src/button/basic/button-theme.scss +13 -41
  25. package/button/src/button/button-base.scss +17 -4
  26. package/button/src/button/flat/flat-theme.scss +4 -38
  27. package/button/src/button/icon/icon-theme.scss +4 -30
  28. package/button/src/button/raised/raised-theme.scss +2 -2
  29. package/button/src/button/stroked/stroked-theme.scss +4 -36
  30. package/button/src/button/underline/underline-theme.scss +4 -18
  31. package/callout/src/callout-theme.scss +27 -10
  32. package/card/card/basic/basic.component.d.ts +3 -0
  33. package/card/card/raised/raised.component.d.ts +3 -0
  34. package/card/card/stroked/stroked.component.d.ts +3 -0
  35. package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts +3 -0
  36. package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts +3 -0
  37. package/core/article-encapsulated/article-encapsulated.directive.d.ts +3 -0
  38. package/core/colorable/colorable.directive.d.ts +8 -0
  39. package/core/manage-container-layout/manage-container-layout.directive.d.ts +3 -0
  40. package/core/openable/openable.directive.d.ts +3 -0
  41. package/core/prefix-suffix/prefix-suffix.module.d.ts +1 -1
  42. package/core/prefix-suffix/prefix.directive.d.ts +4 -1
  43. package/core/prefix-suffix/public_api.d.ts +0 -4
  44. package/core/prefix-suffix/suffix.directive.d.ts +4 -1
  45. package/core/sizable/sizable.directive.d.ts +8 -0
  46. package/core/statusable/statusable.directive.d.ts +2 -0
  47. package/core/text-alignable/text-alignable.directive.d.ts +6 -1
  48. package/fesm2022/daffodil-design-breadcrumb.mjs +5 -2
  49. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
  50. package/fesm2022/daffodil-design-button-examples.mjs +21 -17
  51. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  52. package/fesm2022/daffodil-design-button.mjs +25 -32
  53. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  54. package/fesm2022/daffodil-design-card.mjs +9 -0
  55. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  56. package/fesm2022/daffodil-design-checkbox-examples.mjs +6 -0
  57. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  58. package/fesm2022/daffodil-design-image.mjs +2 -2
  59. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  60. package/fesm2022/daffodil-design-input-examples.mjs +45 -22
  61. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  62. package/fesm2022/daffodil-design-media-gallery.mjs +2 -2
  63. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  64. package/fesm2022/daffodil-design-menu.mjs +23 -10
  65. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  66. package/fesm2022/daffodil-design-modal.mjs +33 -0
  67. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  68. package/fesm2022/daffodil-design-navbar.mjs +2 -2
  69. package/fesm2022/daffodil-design-notification-examples.mjs +6 -11
  70. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  71. package/fesm2022/daffodil-design-notification.mjs +32 -5
  72. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  73. package/fesm2022/daffodil-design-paginator.mjs +2 -2
  74. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  75. package/fesm2022/daffodil-design-progress-bar.mjs +18 -0
  76. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  77. package/fesm2022/daffodil-design-quantity-field-examples.mjs +9 -9
  78. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  79. package/fesm2022/daffodil-design-switch-examples.mjs +6 -6
  80. package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
  81. package/fesm2022/daffodil-design-switch.mjs +3 -4
  82. package/fesm2022/daffodil-design-switch.mjs.map +1 -1
  83. package/fesm2022/daffodil-design-tabs.mjs +23 -4
  84. package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
  85. package/fesm2022/daffodil-design-toast-examples.mjs +6 -0
  86. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  87. package/fesm2022/daffodil-design-toast.mjs +3 -5
  88. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  89. package/fesm2022/daffodil-design-tree.mjs +19 -5
  90. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  91. package/fesm2022/daffodil-design-youtube-player.mjs +3 -0
  92. package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
  93. package/fesm2022/daffodil-design.mjs +301 -224
  94. package/fesm2022/daffodil-design.mjs.map +1 -1
  95. package/hero/src/hero-theme.scss +27 -10
  96. package/input/examples/examples.d.ts +2 -2
  97. package/input/examples/input-disabled/input-disabled.component.d.ts +2 -0
  98. package/input/examples/input-hint/input-hint.component.d.ts +5 -0
  99. package/input/examples/input-with-form-field/input-with-form-field.component.d.ts +2 -0
  100. package/list/list/list.component.d.ts +1 -1
  101. package/list/src/list-theme.scss +16 -20
  102. package/menu/menu/menu.component.d.ts +15 -0
  103. package/menu/menu-activator/menu-activator.component.d.ts +3 -0
  104. package/menu/src/menu-theme.scss +29 -10
  105. package/modal/modal/modal.component.d.ts +21 -0
  106. package/modal/modal-actions/modal-actions.component.d.ts +3 -0
  107. package/modal/modal-close/modal-close.directive.d.ts +3 -0
  108. package/modal/modal-content/modal-content.component.d.ts +3 -0
  109. package/modal/modal-title/modal-title.directive.d.ts +3 -0
  110. package/navbar/src/navbar-theme.scss +8 -3
  111. package/notification/README.md +11 -12
  112. package/notification/notification/notification.component.d.ts +17 -2
  113. package/notification/notification-actions/notification-actions.directive.d.ts +3 -0
  114. package/notification/notification-message/notification-message.directive.d.ts +3 -0
  115. package/notification/notification-subtitle/notification-subtitle.directive.d.ts +3 -0
  116. package/notification/notification-title/notification-title.directive.d.ts +3 -0
  117. package/notification/notification.d.ts +2 -2
  118. package/package.json +1 -1
  119. package/paginator/src/paginator-theme.scss +22 -17
  120. package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +3 -0
  121. package/progress-bar/progress-bar.component.d.ts +15 -0
  122. package/public_api.d.ts +1 -0
  123. package/scss/state/skeleton/_mixins.scss +19 -9
  124. package/scss/theme.scss +2 -0
  125. package/src/atoms/form/error-message/error-message-theme.scss +4 -1
  126. package/src/atoms/form/form-field/form-field/form-field-theme.scss +22 -10
  127. package/src/atoms/form/hint/hint-theme.scss +17 -0
  128. package/src/atoms/form/input/input-theme.scss +1 -5
  129. package/switch/switch.d.ts +2 -2
  130. package/tabs/tabs/tab-activator/tab-activator.component.d.ts +15 -0
  131. package/tabs/tabs/tab-label/tab-label.component.d.ts +2 -5
  132. package/tabs/tabs/tabs.component.d.ts +3 -0
  133. package/toast/examples/default-toast/default-toast.component.d.ts +3 -0
  134. package/toast/examples/toast-positions/toast-positions.component.d.ts +3 -0
  135. package/toast/toast/toast.component.d.ts +3 -5
  136. package/tree/interfaces/tree-data.d.ts +15 -0
  137. package/tree/interfaces/tree-render-mode.d.ts +2 -2
  138. package/tree/tree/tree-notifier.service.d.ts +3 -3
  139. package/tree/tree/tree.component.d.ts +13 -3
  140. package/tree/tree-item/tree-item.directive.d.ts +6 -0
  141. package/youtube-player/youtube-player.component.d.ts +3 -0
  142. package/core/prefix-suffix/prefixable/prefixable-interface.d.ts +0 -7
  143. package/core/prefix-suffix/prefixable/prefixable.d.ts +0 -11
  144. package/core/prefix-suffix/suffixable/suffixable-interface.d.ts +0 -7
  145. package/core/prefix-suffix/suffixable/suffixable.d.ts +0 -11
  146. package/input/examples/basic-input/basic-input.component.d.ts +0 -5
@@ -55,13 +55,13 @@
55
55
  );
56
56
  }
57
57
 
58
- &.daff-black {
58
+ &.daff-dark {
59
59
  @include daff-flat-button-theme-variant(
60
60
  $black,
61
61
  );
62
62
  }
63
63
 
64
- &.daff-white {
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-black {
124
+ &.daff-dark {
142
125
  @include daff-flat-button-theme-variant(
143
126
  $black,
144
127
  );
145
128
  }
146
129
 
147
- &.daff-white {
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-black {
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-white {
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-black {
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-white {
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-black {
62
+ &.daff-dark {
63
63
  @include daff-raised-button-theme-variant($black);
64
64
  }
65
65
 
66
- &.daff-white {
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-black {
70
+ &.daff-dark {
71
71
  @include daff-stroked-button-theme-variant($black);
72
72
  }
73
73
 
74
- &.daff-white {
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-black {
122
+ &.daff-dark {
139
123
  @include daff-stroked-button-theme-variant($black);
140
124
  }
141
125
 
142
- &.daff-white {
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-black {
52
+ &.daff-dark {
53
53
  @include daff-underline-button-theme-variant($black);
54
54
  }
55
55
 
56
- &.daff-white {
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-black {
108
+ &.daff-dark {
116
109
  @include daff-underline-button-theme-variant($black);
117
110
  }
118
111
 
119
- &.daff-white {
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 daff-callout-theme-variant(
22
- theming.daff-illuminate($base, $neutral, 1)
23
- );
22
+ @include theming.light($type) {
23
+ @include daff-callout-theme-variant(theming.daff-color($neutral, 10));
24
24
 
25
- &.daff-primary {
26
- @include daff-callout-theme-variant(theming.daff-color($primary));
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
- &.daff-secondary {
30
- @include daff-callout-theme-variant(theming.daff-color($secondary));
33
+ &.daff-tertiary {
34
+ @include daff-callout-theme-variant(theming.daff-color($tertiary));
35
+ }
31
36
  }
32
37
 
33
- &.daff-tertiary {
34
- @include daff-callout-theme-variant(theming.daff-color($tertiary));
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], never, [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, false, 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, false, 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-alignment of a component.
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;;IAOlD,kBAAkB,GAAA;QAChB,IAAI,CAAC,iBAAiB,EAAE;QAExB,IAAI,CAAC,eAAe,CAAC;AAClB,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;;IAGtC,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAChC;;AAGF,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;iIA5BhC,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAWjB,2BAA2B,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gCAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/C9C,2DAAuD,EAAA,MAAA,EAAA,CAAA,i2BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDoC1C,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAGf,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,gCAAgC,EAAE;AAC/C,wBAAA;AACE,4BAAA,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,UAAU,CAAC;AACrB,yBAAA;AACF,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2DAAA,EAAA,MAAA,EAAA,CAAA,i2BAAA,CAAA,EAAA;+EASC,KAAK,EAAA,CAAA;sBAA1C,WAAW;uBAAC,uBAAuB;gBAKU,eAAe,EAAA,CAAA;sBAA5D,eAAe;uBAAC,2BAA2B;;;AE5C9C;;AAEG;AACU,MAAA,0BAA0B,GAAW;IAChD,uBAAuB;IACvB,2BAA2B;;;ACH7B;;AAEG;MAWU,oBAAoB,CAAA;iIAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,uBAAuB;AACvB,YAAA,2BAA2B,aAG3B,uBAAuB;YACvB,2BAA2B,CAAA,EAAA,CAAA,CAAA;kIAGlB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,2BAA2B;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,2BAA2B;AAC5B,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}
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":";;;;;;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;;AAOlD;;AAEG;IACH,kBAAkB,GAAA;QAChB,IAAI,CAAC,iBAAiB,EAAE;QAExB,IAAI,CAAC,eAAe,CAAC;AAClB,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;;IAGtC,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAChC;;AAGF,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;iIA/BhC,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAWjB,2BAA2B,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gCAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/C9C,2DAAuD,EAAA,MAAA,EAAA,CAAA,g5BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDoC1C,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAGf,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,gCAAgC,EAAE;AAC/C,wBAAA;AACE,4BAAA,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,UAAU,CAAC;AACrB,yBAAA;AACF,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2DAAA,EAAA,MAAA,EAAA,CAAA,g5BAAA,CAAA,EAAA;+EASC,KAAK,EAAA,CAAA;sBAA1C,WAAW;uBAAC,uBAAuB;gBAKU,eAAe,EAAA,CAAA;sBAA5D,eAAe;uBAAC,2BAA2B;;;AE5C9C;;AAEG;AACU,MAAA,0BAA0B,GAAW;IAChD,uBAAuB;IACvB,2BAA2B;;;ACH7B;;AAEG;MAWU,oBAAoB,CAAA;iIAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,uBAAuB;AACvB,YAAA,2BAA2B,aAG3B,uBAAuB;YACvB,2BAA2B,CAAA,EAAA,CAAA,CAAA;kIAGlB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,2BAA2B;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,2BAA2B;AAC5B,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}