@daffodil/design 0.89.0 → 0.91.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 (209) hide show
  1. package/README.md +1 -0
  2. package/accordion/index.d.ts +8 -5
  3. package/article/README.md +1 -1
  4. package/article/index.d.ts +20 -0
  5. package/article/src/article-theme.scss +10 -0
  6. package/button/index.d.ts +4 -4
  7. package/button/src/button/button-base.scss +3 -3
  8. package/button/src/button/raised/raised-theme.scss +6 -16
  9. package/card/README.md +0 -8
  10. package/card/index.d.ts +7 -41
  11. package/card/src/card-base-theme.scss +2 -5
  12. package/card/src/card-base.scss +2 -2
  13. package/checkbox/README.md +0 -0
  14. package/checkbox/index.d.ts +177 -0
  15. package/fesm2022/daffodil-design-accordion.mjs +23 -14
  16. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  17. package/fesm2022/daffodil-design-article.mjs +129 -5
  18. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  19. package/fesm2022/daffodil-design-button.mjs +24 -20
  20. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  21. package/fesm2022/daffodil-design-card.mjs +16 -63
  22. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  23. package/fesm2022/daffodil-design-checkbox.mjs +317 -0
  24. package/fesm2022/daffodil-design-checkbox.mjs.map +1 -0
  25. package/fesm2022/daffodil-design-form-field.mjs +55 -162
  26. package/fesm2022/daffodil-design-form-field.mjs.map +1 -1
  27. package/fesm2022/daffodil-design-form.mjs +62 -0
  28. package/fesm2022/daffodil-design-form.mjs.map +1 -0
  29. package/fesm2022/daffodil-design-image.mjs +12 -4
  30. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  31. package/fesm2022/daffodil-design-modal.mjs +55 -56
  32. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  33. package/fesm2022/daffodil-design-notification.mjs +14 -50
  34. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  35. package/fesm2022/daffodil-design-paginator.mjs +6 -11
  36. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  37. package/fesm2022/daffodil-design-quantity-field.mjs +3 -5
  38. package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -1
  39. package/fesm2022/daffodil-design-radio.mjs +304 -0
  40. package/fesm2022/daffodil-design-radio.mjs.map +1 -0
  41. package/fesm2022/daffodil-design-select.mjs +2 -2
  42. package/fesm2022/daffodil-design-select.mjs.map +1 -1
  43. package/fesm2022/daffodil-design-sidebar.mjs +6 -36
  44. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  45. package/fesm2022/daffodil-design-switch.mjs +48 -105
  46. package/fesm2022/daffodil-design-switch.mjs.map +1 -1
  47. package/fesm2022/daffodil-design-tabs.mjs +22 -14
  48. package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
  49. package/fesm2022/daffodil-design-tag.mjs +131 -0
  50. package/fesm2022/daffodil-design-tag.mjs.map +1 -0
  51. package/fesm2022/daffodil-design-toast.mjs +56 -55
  52. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  53. package/fesm2022/daffodil-design-tree.mjs +4 -13
  54. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  55. package/fesm2022/daffodil-design.mjs +250 -774
  56. package/fesm2022/daffodil-design.mjs.map +1 -1
  57. package/form/README.md +75 -0
  58. package/form/index.d.ts +27 -0
  59. package/form-field/README.md +49 -39
  60. package/form-field/index.d.ts +58 -76
  61. package/image/README.md +27 -19
  62. package/image/index.d.ts +6 -1
  63. package/index.d.ts +180 -424
  64. package/input/README.md +32 -12
  65. package/modal/README.md +106 -16
  66. package/modal/index.d.ts +50 -21
  67. package/native-select/README.md +52 -15
  68. package/notification/index.d.ts +7 -38
  69. package/package.json +1 -1
  70. package/paginator/index.d.ts +1 -7
  71. package/radio/README.md +52 -0
  72. package/radio/index.d.ts +160 -0
  73. package/scss/core/error/error-to-string.scss +6 -6
  74. package/scss/core/map/map-get/map-get.scss +3 -3
  75. package/scss/layout/_breakpoint.scss +1 -1
  76. package/scss/theme.scss +4 -4
  77. package/scss/theming/_color-palettes.scss +21 -7
  78. package/scss/theming/_configure-theme.scss +11 -10
  79. package/scss/theming/_daff-theme.scss +5 -14
  80. package/scss/theming/_get-base-color.scss +2 -2
  81. package/scss/theming/_get-palette.scss +2 -2
  82. package/scss/theming/_get-theme-mode.scss +3 -3
  83. package/scss/theming/_index.scss +2 -1
  84. package/scss/theming/contrast/_index.scss +1 -0
  85. package/scss/theming/contrast/max-contrast/max-contrast.scss +47 -0
  86. package/scss/theming/contrast/max-contrast/max-contrast.spec.scss +57 -0
  87. package/scss/theming/contrast/text-contrast/text-contrast.scss +22 -16
  88. package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +57 -0
  89. package/scss/theming/create-theme/_create-theme.scss +330 -0
  90. package/scss/theming/create-theme/_create-theme.spec.scss +122 -0
  91. package/scss/theming/create-theme/_index.scss +1 -0
  92. package/scss/theming/get-font-colors/_get-font-colors.scss +36 -0
  93. package/scss/theming/get-font-colors/_get-font-colors.spec.scss +72 -0
  94. package/scss/typography/mixins/_font-weight.scss +8 -14
  95. package/select/README.md +107 -4
  96. package/sidebar/README.md +0 -8
  97. package/sidebar/index.d.ts +3 -15
  98. package/switch/README.md +19 -27
  99. package/switch/index.d.ts +18 -48
  100. package/switch/src/switch-theme.scss +26 -18
  101. package/tabs/index.d.ts +7 -4
  102. package/tag/README.md +87 -0
  103. package/tag/index.d.ts +71 -0
  104. package/tag/src/tag-theme.scss +137 -0
  105. package/textarea/README.md +35 -5
  106. package/tree/index.d.ts +0 -6
  107. package/tree/src/tree-theme.scss +0 -4
  108. package/accordion/examples/index.d.ts +0 -20
  109. package/article/examples/index.d.ts +0 -50
  110. package/breadcrumb/examples/index.d.ts +0 -10
  111. package/button/examples/index.d.ts +0 -67
  112. package/callout/examples/index.d.ts +0 -41
  113. package/card/examples/index.d.ts +0 -62
  114. package/card/src/card/raised/raised-theme.scss +0 -28
  115. package/checkbox/examples/index.d.ts +0 -32
  116. package/container/examples/index.d.ts +0 -16
  117. package/fesm2022/daffodil-design-accordion-examples.mjs +0 -50
  118. package/fesm2022/daffodil-design-accordion-examples.mjs.map +0 -1
  119. package/fesm2022/daffodil-design-article-examples.mjs +0 -134
  120. package/fesm2022/daffodil-design-article-examples.mjs.map +0 -1
  121. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +0 -46
  122. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +0 -1
  123. package/fesm2022/daffodil-design-button-examples.mjs +0 -178
  124. package/fesm2022/daffodil-design-button-examples.mjs.map +0 -1
  125. package/fesm2022/daffodil-design-callout-examples.mjs +0 -116
  126. package/fesm2022/daffodil-design-callout-examples.mjs.map +0 -1
  127. package/fesm2022/daffodil-design-card-examples.mjs +0 -168
  128. package/fesm2022/daffodil-design-card-examples.mjs.map +0 -1
  129. package/fesm2022/daffodil-design-checkbox-examples.mjs +0 -76
  130. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +0 -1
  131. package/fesm2022/daffodil-design-container-examples.mjs +0 -41
  132. package/fesm2022/daffodil-design-container-examples.mjs.map +0 -1
  133. package/fesm2022/daffodil-design-form-field-examples.mjs +0 -96
  134. package/fesm2022/daffodil-design-form-field-examples.mjs.map +0 -1
  135. package/fesm2022/daffodil-design-hero-examples.mjs +0 -121
  136. package/fesm2022/daffodil-design-hero-examples.mjs.map +0 -1
  137. package/fesm2022/daffodil-design-image-examples.mjs +0 -58
  138. package/fesm2022/daffodil-design-image-examples.mjs.map +0 -1
  139. package/fesm2022/daffodil-design-input-examples.mjs +0 -108
  140. package/fesm2022/daffodil-design-input-examples.mjs.map +0 -1
  141. package/fesm2022/daffodil-design-list-examples.mjs +0 -77
  142. package/fesm2022/daffodil-design-list-examples.mjs.map +0 -1
  143. package/fesm2022/daffodil-design-loading-icon-examples.mjs +0 -44
  144. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +0 -1
  145. package/fesm2022/daffodil-design-media-gallery-examples.mjs +0 -104
  146. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +0 -1
  147. package/fesm2022/daffodil-design-menu-examples.mjs +0 -50
  148. package/fesm2022/daffodil-design-menu-examples.mjs.map +0 -1
  149. package/fesm2022/daffodil-design-modal-examples.mjs +0 -51
  150. package/fesm2022/daffodil-design-modal-examples.mjs.map +0 -1
  151. package/fesm2022/daffodil-design-native-select-examples.mjs +0 -71
  152. package/fesm2022/daffodil-design-native-select-examples.mjs.map +0 -1
  153. package/fesm2022/daffodil-design-navbar-examples.mjs +0 -88
  154. package/fesm2022/daffodil-design-navbar-examples.mjs.map +0 -1
  155. package/fesm2022/daffodil-design-notification-examples.mjs +0 -102
  156. package/fesm2022/daffodil-design-notification-examples.mjs.map +0 -1
  157. package/fesm2022/daffodil-design-paginator-examples.mjs +0 -59
  158. package/fesm2022/daffodil-design-paginator-examples.mjs.map +0 -1
  159. package/fesm2022/daffodil-design-progress-bar-examples.mjs +0 -57
  160. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +0 -1
  161. package/fesm2022/daffodil-design-quantity-field-examples.mjs +0 -85
  162. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +0 -1
  163. package/fesm2022/daffodil-design-radio-examples.mjs +0 -31
  164. package/fesm2022/daffodil-design-radio-examples.mjs.map +0 -1
  165. package/fesm2022/daffodil-design-select-examples.mjs +0 -117
  166. package/fesm2022/daffodil-design-select-examples.mjs.map +0 -1
  167. package/fesm2022/daffodil-design-sidebar-examples.mjs +0 -109
  168. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +0 -1
  169. package/fesm2022/daffodil-design-sticky-examples.mjs +0 -25
  170. package/fesm2022/daffodil-design-sticky-examples.mjs.map +0 -1
  171. package/fesm2022/daffodil-design-switch-examples.mjs +0 -110
  172. package/fesm2022/daffodil-design-switch-examples.mjs.map +0 -1
  173. package/fesm2022/daffodil-design-tabs-examples.mjs +0 -115
  174. package/fesm2022/daffodil-design-tabs-examples.mjs.map +0 -1
  175. package/fesm2022/daffodil-design-text-snippet-examples.mjs +0 -25
  176. package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +0 -1
  177. package/fesm2022/daffodil-design-textarea-examples.mjs +0 -66
  178. package/fesm2022/daffodil-design-textarea-examples.mjs.map +0 -1
  179. package/fesm2022/daffodil-design-toast-examples.mjs +0 -147
  180. package/fesm2022/daffodil-design-toast-examples.mjs.map +0 -1
  181. package/fesm2022/daffodil-design-tree-examples.mjs +0 -104
  182. package/fesm2022/daffodil-design-tree-examples.mjs.map +0 -1
  183. package/form-field/examples/index.d.ts +0 -18
  184. package/hero/examples/index.d.ts +0 -45
  185. package/image/examples/index.d.ts +0 -10
  186. package/input/examples/index.d.ts +0 -10
  187. package/list/examples/index.d.ts +0 -29
  188. package/loading-icon/examples/index.d.ts +0 -16
  189. package/media-gallery/examples/index.d.ts +0 -38
  190. package/menu/examples/index.d.ts +0 -20
  191. package/modal/examples/index.d.ts +0 -15
  192. package/native-select/examples/index.d.ts +0 -10
  193. package/navbar/examples/index.d.ts +0 -31
  194. package/notification/examples/index.d.ts +0 -12
  195. package/paginator/examples/index.d.ts +0 -26
  196. package/progress-bar/examples/index.d.ts +0 -10
  197. package/quantity-field/examples/index.d.ts +0 -30
  198. package/radio/examples/index.d.ts +0 -13
  199. package/select/examples/index.d.ts +0 -28
  200. package/sidebar/examples/index.d.ts +0 -10
  201. package/sticky/examples/index.d.ts +0 -10
  202. package/switch/examples/index.d.ts +0 -46
  203. package/tabs/examples/index.d.ts +0 -12
  204. package/text-snippet/examples/index.d.ts +0 -10
  205. package/textarea/examples/index.d.ts +0 -10
  206. package/toast/examples/index.d.ts +0 -56
  207. package/tree/examples/index.d.ts +0 -18
  208. /package/{form-field → form}/src/error-message/error-message-theme.scss +0 -0
  209. /package/{form-field → form}/src/hint/hint-theme.scss +0 -0
@@ -0,0 +1,137 @@
1
+ @use '../../scss/theming' as *;
2
+
3
+ @mixin daff-tag-theme($theme) {
4
+ $primary: daff-get-palette($theme, primary);
5
+ $secondary: daff-get-palette($theme, secondary);
6
+ $tertiary: daff-get-palette($theme, tertiary);
7
+ $info: daff-get-palette($theme, informational);
8
+ $warn: daff-get-palette($theme, warn);
9
+ $critical: daff-get-palette($theme, critical);
10
+ $success: daff-get-palette($theme, success);
11
+ $neutral: daff-get-palette($theme, neutral);
12
+ $black: daff-get-base-color($theme, 'black');
13
+ $white: daff-get-base-color($theme, 'white');
14
+ $mode: daff-get-theme-mode($theme);
15
+
16
+ .daff-tag {
17
+ @include light($mode) {
18
+ background: daff-color($neutral, 20);
19
+ color: $black;
20
+
21
+ &.daff-primary {
22
+ background: daff-color($primary, 10);
23
+ color: daff-color($primary, 70);
24
+ }
25
+
26
+ &.daff-secondary {
27
+ background: daff-color($secondary, 10);
28
+ color: daff-color($secondary, 70);
29
+ }
30
+
31
+ &.daff-tertiary {
32
+ background: daff-color($tertiary, 10);
33
+ color: daff-color($tertiary, 70);
34
+ }
35
+
36
+ &.daff-dark {
37
+ background: daff-color($neutral, 90);
38
+ color: daff-color($neutral, 10);
39
+ }
40
+
41
+ &.daff-light {
42
+ background: daff-color($neutral, 10);
43
+ color: daff-color($neutral, 90);
44
+ }
45
+
46
+ &.daff-theme {
47
+ background: $white;
48
+ color: $black;
49
+ }
50
+
51
+ &.daff-theme-contrast {
52
+ background: $black;
53
+ color: $white;
54
+ }
55
+
56
+ &.daff-warn {
57
+ background: daff-color($warn, 10);
58
+ color: daff-color($warn, 70);
59
+ }
60
+
61
+ &.daff-success {
62
+ background: daff-color($success, 10);
63
+ color: daff-color($success, 70);
64
+ }
65
+
66
+ &.daff-critical {
67
+ background: daff-color($critical, 10);
68
+ color: daff-color($critical, 70);
69
+ }
70
+
71
+ &.daff-info {
72
+ background: daff-color($info, 10);
73
+ color: daff-color($info, 70);
74
+ }
75
+ }
76
+
77
+ @include dark($mode) {
78
+ background: daff-color($neutral, 90);
79
+ color: daff-color($neutral, 20);
80
+
81
+ &.daff-primary {
82
+ background: daff-color($primary, 90);
83
+ color: daff-color($primary, 10);
84
+ }
85
+
86
+ &.daff-secondary {
87
+ background: daff-color($secondary, 90);
88
+ color: daff-color($secondary, 10);
89
+ }
90
+
91
+ &.daff-tertiary {
92
+ background: daff-color($tertiary, 90);
93
+ color: daff-color($tertiary, 10);
94
+ }
95
+
96
+ &.daff-dark {
97
+ background: daff-color($neutral, 90);
98
+ color: daff-color($neutral, 10);
99
+ }
100
+
101
+ &.daff-light {
102
+ background: daff-color($neutral, 10);
103
+ color: daff-color($neutral, 90);
104
+ }
105
+
106
+ &.daff-theme {
107
+ background: $black;
108
+ color: $white;
109
+ }
110
+
111
+ &.daff-theme-contrast {
112
+ background: $white;
113
+ color: $black;
114
+ }
115
+
116
+ &.daff-warn {
117
+ background: daff-color($warn, 90);
118
+ color: daff-color($warn, 10);
119
+ }
120
+
121
+ &.daff-success {
122
+ background: daff-color($success, 90);
123
+ color: daff-color($success, 10);
124
+ }
125
+
126
+ &.daff-critical {
127
+ background: daff-color($critical, 90);
128
+ color: daff-color($critical, 10);
129
+ }
130
+
131
+ &.daff-info {
132
+ background: daff-color($info, 70);
133
+ color: daff-color($info, 10);
134
+ }
135
+ }
136
+ }
137
+ }
@@ -1,8 +1,8 @@
1
1
  # Textarea
2
- Textarea allows a native HTML `<textarea>` element to work with the [Form Field](/libs/design/src/atoms/form/form-field/README.md) component.
2
+ Textarea works alongside the HTML textarea element, with additional custom styling and functionality.
3
3
 
4
4
  ## Overview
5
- The textarea component has the same functionality as a native HTML `<textarea>` element, with additional custom styling and functionality. It **cannot** be used by itself and must be contained within a [DaffFormFieldComponent](/libs/design/src/atoms/form/form-field/README.md).
5
+ Textarea has the same functionality as a native HTML textarea element, with additional custom styling and functionality. It **cannot** be used by itself and must be contained within a [form field](/libs/design/src/atoms/form/form-field/README.md).
6
6
 
7
7
  <design-land-example-viewer-container example="basic-textarea"></design-land-example-viewer-container>
8
8
 
@@ -22,7 +22,37 @@ import { DaffTextareaComponent } from '@daffodil/design/textarea';
22
22
  export class CustomComponent {}
23
23
  ```
24
24
 
25
- ## Examples
25
+ ## Anatomy
26
+ Textarea must be used inside `<daff-form-field>` to enable proper state management and provide enhanced UI features such as hints, error messages, prefixes, and suffixes. The form field component also ensures accessibility compliance. For more details, see the [form field documentation](/libs/design/form-field/README.md).
26
27
 
27
- ### Disabled textarea
28
- <design-land-example-viewer-container example="basic-textarea"></design-land-example-viewer-container>
28
+ ### Basic structure
29
+ ```html
30
+ <daff-form-field>
31
+ <daff-form-label>Comments</daff-form-label>
32
+ <textarea daff-textarea name="comments"></textarea>
33
+ </daff-form-field>
34
+ ```
35
+
36
+ ## States
37
+
38
+ ### Disabled
39
+ Textarea can be disabled in two ways: using Angular's reactive forms with `FormControl` or with the native HTML `disabled` attribute.
40
+
41
+ <design-land-example-viewer-container example="textarea-disabled"></design-land-example-viewer-container>
42
+
43
+ ### Error
44
+ Textarea supports validation and error messages through Angular's form validation system. Use `<daff-error-message>` within the form field to display context-specific error messages. Error messages automatically appear when the textarea is invalid and has been touched or submitted.
45
+
46
+ <design-land-example-viewer-container example="textarea-error"></design-land-example-viewer-container>
47
+
48
+ Multiple error messages can be displayed conditionally based on the type of validation error. The form field component handles the styling and positioning of error messages.
49
+
50
+ ## Hints
51
+ Hints provide additional context or instructions to help users complete the textarea field correctly. Use `<daff-hint>` within the form field to display helpful information below the textarea. Unlike error messages, hints are always visible and provide guidance rather than validation feedback.
52
+
53
+ <design-land-example-viewer-container example="textarea-hint"></design-land-example-viewer-container>
54
+
55
+ ## Accessibility
56
+ When `<daff-form-label>` is used within `<daff-form-field>`, the label automatically associates with the textarea using the `for` and `id` attributes.
57
+
58
+ If a `<daff-form-label>` is not specified, use the `<label>` element to associate text with form elements explicitly. The `for` attribute of the label must exactly match the `id` of the form control.
package/tree/index.d.ts CHANGED
@@ -164,12 +164,6 @@ declare class DaffTreeComponent implements OnInit, OnChanges {
164
164
  * @docs-private
165
165
  */
166
166
  ngOnChanges(changes: SimpleChanges): void;
167
- /**
168
- * @docs-private
169
- *
170
- * The track-by function used to reduce tree-item re-renders
171
- */
172
- trackByTreeElement(index: number, el: any): any;
173
167
  /**
174
168
  * @docs-private
175
169
  */
@@ -2,12 +2,8 @@
2
2
 
3
3
  @mixin daff-tree-theme($theme) {
4
4
  $primary: daff-get-palette($theme, primary);
5
- $secondary: daff-get-palette($theme, secondary);
6
- $tertiary: daff-get-palette($theme, tertiary);
7
5
  $base: daff-get-base-color($theme, base);
8
6
  $base-contrast: daff-get-base-color($theme, base-contrast);
9
- $white: daff-get-base-color($theme, 'white');
10
- $black: daff-get-base-color($theme, 'black');
11
7
  $neutral: daff-get-palette($theme, neutral);
12
8
  $mode: daff-get-theme-mode($theme);
13
9
 
@@ -1,20 +0,0 @@
1
- import * as i0 from '@angular/core';
2
-
3
- declare class BasicAccordionComponent {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<BasicAccordionComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicAccordionComponent, "basic-accordion", never, {}, {}, never, never, true, never>;
6
- }
7
-
8
- declare class InitiallyExpandedAccordionComponent {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<InitiallyExpandedAccordionComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<InitiallyExpandedAccordionComponent, "initially-expanded-accordion", never, {}, {}, never, never, true, never>;
11
- }
12
-
13
- declare class DisabledAccordionComponent {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<DisabledAccordionComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<DisabledAccordionComponent, "disabled-accordion", never, {}, {}, never, never, true, never>;
16
- }
17
-
18
- declare const ACCORDION_EXAMPLES: (typeof BasicAccordionComponent)[];
19
-
20
- export { ACCORDION_EXAMPLES, BasicAccordionComponent, DisabledAccordionComponent, InitiallyExpandedAccordionComponent };
@@ -1,50 +0,0 @@
1
- import * as i0 from '@angular/core';
2
-
3
- declare class ArticleHeadingsComponent {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHeadingsComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHeadingsComponent, "article-headings", never, {}, {}, never, never, true, never>;
6
- }
7
-
8
- declare class ArticleCodeInlineComponent {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleCodeInlineComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeInlineComponent, "article-code-inline", never, {}, {}, never, never, true, never>;
11
- }
12
-
13
- declare class ArticleHrComponent {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHrComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHrComponent, "article-hr", never, {}, {}, never, never, true, never>;
16
- }
17
-
18
- declare class ArticleOlComponent {
19
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleOlComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleOlComponent, "article-ol", never, {}, {}, never, never, true, never>;
21
- }
22
-
23
- declare class ArticleUlComponent {
24
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleUlComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleUlComponent, "article-ul", never, {}, {}, never, never, true, never>;
26
- }
27
-
28
- declare class ArticleMetaComponent {
29
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleMetaComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleMetaComponent, "article-meta", never, {}, {}, never, never, true, never>;
31
- }
32
-
33
- declare class ArticleLinkComponent {
34
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleLinkComponent, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLinkComponent, "article-link", never, {}, {}, never, never, true, never>;
36
- }
37
-
38
- declare class ArticleBlockquoteComponent {
39
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleBlockquoteComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleBlockquoteComponent, "article-blockquote", never, {}, {}, never, never, true, never>;
41
- }
42
-
43
- declare class ArticleTableComponent {
44
- static ɵfac: i0.ɵɵFactoryDeclaration<ArticleTableComponent, never>;
45
- static ɵcmp: i0.ɵɵComponentDeclaration<ArticleTableComponent, "article-table", never, {}, {}, never, never, true, never>;
46
- }
47
-
48
- declare const ARTICLE_EXAMPLES: (typeof ArticleHeadingsComponent)[];
49
-
50
- export { ARTICLE_EXAMPLES, ArticleBlockquoteComponent, ArticleCodeInlineComponent, ArticleHeadingsComponent, ArticleHrComponent, ArticleLinkComponent, ArticleMetaComponent, ArticleOlComponent, ArticleTableComponent, ArticleUlComponent };
@@ -1,10 +0,0 @@
1
- import * as i0 from '@angular/core';
2
-
3
- declare class BasicBreadcrumbComponent {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<BasicBreadcrumbComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicBreadcrumbComponent, "basic-breadcrumb", never, {}, {}, never, never, true, never>;
6
- }
7
-
8
- declare const BREADCRUMB_EXAMPLES: (typeof BasicBreadcrumbComponent)[];
9
-
10
- export { BREADCRUMB_EXAMPLES };
@@ -1,67 +0,0 @@
1
- import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
2
- import * as i0 from '@angular/core';
3
-
4
- declare class BasicButtonComponent {
5
- faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
6
- faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<BasicButtonComponent, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicButtonComponent, "basic-button", never, {}, {}, never, never, true, never>;
9
- }
10
-
11
- declare class ElevatedButtonComponent {
12
- faUser: _fortawesome_fontawesome_common_types.IconDefinition;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<ElevatedButtonComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<ElevatedButtonComponent, "elevated-button", never, {}, {}, never, never, true, never>;
15
- }
16
-
17
- declare class IconButtonComponent {
18
- faPlus: _fortawesome_fontawesome_common_types.IconDefinition;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "icon-button", never, {}, {}, never, never, true, never>;
21
- }
22
-
23
- declare class StatusableButtonComponent {
24
- faExclamation: _fortawesome_fontawesome_common_types.IconDefinition;
25
- faExclamationTriangle: _fortawesome_fontawesome_common_types.IconDefinition;
26
- faCheckCircle: _fortawesome_fontawesome_common_types.IconDefinition;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<StatusableButtonComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<StatusableButtonComponent, "statusable-button", never, {}, {}, never, never, true, never>;
29
- }
30
-
31
- declare const BUTTON_EXAMPLES: (typeof BasicButtonComponent | typeof ElevatedButtonComponent | typeof IconButtonComponent | typeof StatusableButtonComponent)[];
32
-
33
- declare class FlatButtonComponent {
34
- faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
35
- faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
36
- static ɵfac: i0.ɵɵFactoryDeclaration<FlatButtonComponent, never>;
37
- static ɵcmp: i0.ɵɵComponentDeclaration<FlatButtonComponent, "flat-button", never, {}, {}, never, never, true, never>;
38
- }
39
-
40
- declare class RaisedButtonComponent {
41
- faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
42
- faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
43
- static ɵfac: i0.ɵɵFactoryDeclaration<RaisedButtonComponent, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<RaisedButtonComponent, "raised-button", never, {}, {}, never, never, true, never>;
45
- }
46
-
47
- declare class SizeableButtonComponent {
48
- faPlus: _fortawesome_fontawesome_common_types.IconDefinition;
49
- static ɵfac: i0.ɵɵFactoryDeclaration<SizeableButtonComponent, never>;
50
- static ɵcmp: i0.ɵɵComponentDeclaration<SizeableButtonComponent, "sizeable-button", never, {}, {}, never, never, true, never>;
51
- }
52
-
53
- declare class StrokedButtonComponent {
54
- faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
55
- faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
56
- static ɵfac: i0.ɵɵFactoryDeclaration<StrokedButtonComponent, never>;
57
- static ɵcmp: i0.ɵɵComponentDeclaration<StrokedButtonComponent, "stroked-button", never, {}, {}, never, never, true, never>;
58
- }
59
-
60
- declare class UnderlineButtonComponent {
61
- faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
62
- faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
63
- static ɵfac: i0.ɵɵFactoryDeclaration<UnderlineButtonComponent, never>;
64
- static ɵcmp: i0.ɵɵComponentDeclaration<UnderlineButtonComponent, "underline-button", never, {}, {}, never, never, true, never>;
65
- }
66
-
67
- export { BUTTON_EXAMPLES, BasicButtonComponent, ElevatedButtonComponent, FlatButtonComponent, IconButtonComponent, RaisedButtonComponent, SizeableButtonComponent, StatusableButtonComponent, StrokedButtonComponent, UnderlineButtonComponent };
@@ -1,41 +0,0 @@
1
- import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
2
- import { UntypedFormControl } from '@angular/forms';
3
- import * as i0 from '@angular/core';
4
-
5
- declare class CalloutThemingComponent {
6
- faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
7
- colorControl: UntypedFormControl;
8
- options: {
9
- value: string;
10
- label: string;
11
- }[];
12
- static ɵfac: i0.ɵɵFactoryDeclaration<CalloutThemingComponent, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<CalloutThemingComponent, "callout-theming", never, {}, {}, never, never, true, never>;
14
- }
15
-
16
- declare class CalloutTextAlignmentComponent {
17
- faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
18
- textAlignControl: UntypedFormControl;
19
- options: {
20
- value: string;
21
- label: string;
22
- }[];
23
- static ɵfac: i0.ɵɵFactoryDeclaration<CalloutTextAlignmentComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<CalloutTextAlignmentComponent, "callout-text-alignment", never, {}, {}, never, never, true, never>;
25
- }
26
-
27
- declare class CalloutWithGridComponent {
28
- faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<CalloutWithGridComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<CalloutWithGridComponent, "callout-with-grid", never, {}, {}, never, never, true, never>;
31
- }
32
-
33
- declare class CompactCalloutComponent {
34
- faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutComponent, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, true, never>;
37
- }
38
-
39
- declare const CALLOUT_EXAMPLES: (typeof CalloutWithGridComponent)[];
40
-
41
- export { CALLOUT_EXAMPLES, CalloutTextAlignmentComponent, CalloutThemingComponent, CalloutWithGridComponent, CompactCalloutComponent };
@@ -1,62 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
3
- import { UntypedFormControl } from '@angular/forms';
4
-
5
- declare class BasicCardComponent {
6
- faMapMarked: _fortawesome_fontawesome_common_types.IconDefinition;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardComponent, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, true, never>;
9
- }
10
-
11
- declare class CardOrientationComponent {
12
- faMapMarked: _fortawesome_fontawesome_common_types.IconDefinition;
13
- orientationControl: UntypedFormControl;
14
- options: {
15
- value: string;
16
- label: string;
17
- }[];
18
- static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationComponent, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, true, never>;
20
- }
21
-
22
- declare class CardThemingComponent {
23
- cardControl: UntypedFormControl;
24
- strokedCardControl: UntypedFormControl;
25
- options: {
26
- value: string;
27
- label: string;
28
- }[];
29
- static ɵfac: i0.ɵɵFactoryDeclaration<CardThemingComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, true, never>;
31
- }
32
-
33
- declare class ElevatedCardComponent {
34
- static ɵfac: i0.ɵɵFactoryDeclaration<ElevatedCardComponent, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<ElevatedCardComponent, "elevated-card", never, {}, {}, never, never, true, never>;
36
- }
37
-
38
- declare class LinkableCardComponent {
39
- basicColorControl: UntypedFormControl;
40
- raisedColorControl: UntypedFormControl;
41
- strokedColorControl: UntypedFormControl;
42
- options: {
43
- value: string;
44
- label: string;
45
- }[];
46
- static ɵfac: i0.ɵɵFactoryDeclaration<LinkableCardComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, true, never>;
48
- }
49
-
50
- declare class StrokedCardComponent {
51
- colorControl: UntypedFormControl;
52
- options: {
53
- value: string;
54
- label: string;
55
- }[];
56
- static ɵfac: i0.ɵɵFactoryDeclaration<StrokedCardComponent, never>;
57
- static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, true, never>;
58
- }
59
-
60
- declare const CARD_EXAMPLES: (typeof ElevatedCardComponent)[];
61
-
62
- export { BasicCardComponent, CARD_EXAMPLES, CardOrientationComponent, CardThemingComponent, ElevatedCardComponent, LinkableCardComponent, StrokedCardComponent };
@@ -1,28 +0,0 @@
1
- @use '../../../../scss/theming' as *;
2
-
3
- @mixin daff-raised-card-theme($theme) {
4
- $primary: daff-get-palette($theme, primary);
5
- $secondary: daff-get-palette($theme, secondary);
6
- $tertiary: daff-get-palette($theme, tertiary);
7
- $base: daff-get-base-color($theme, base);
8
- $base-contrast: daff-get-base-color($theme, base-contrast);
9
- $white: daff-get-base-color($theme, 'white');
10
- $black: daff-get-base-color($theme, 'black');
11
- $neutral: daff-get-palette($theme, neutral);
12
-
13
- .daff-raised-card {
14
- box-shadow: 0 6px 12px -4px rgba($black, 0.12),
15
- 0 4px 8px -2px rgba($black, 0.06);
16
- }
17
-
18
- a {
19
- &.daff-raised-card {
20
- .daff-card__wrapper {
21
- &::after {
22
- box-shadow: 0 16px 32px -4px rgba($black, 0.12),
23
- 0 8px 12px -2px rgba($black, 0.06);
24
- }
25
- }
26
- }
27
- }
28
- }
@@ -1,32 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { OnInit } from '@angular/core';
3
- import { UntypedFormControl, UntypedFormArray } from '@angular/forms';
4
-
5
- declare class BasicCheckboxComponent implements OnInit {
6
- checkboxExample: UntypedFormControl;
7
- /**
8
- * @docs-private
9
- */
10
- ngOnInit(): void;
11
- setFalse(): void;
12
- setTrue(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, true, never>;
15
- }
16
-
17
- declare class CheckboxSetComponent implements OnInit {
18
- private checkboxSet;
19
- checkboxArray: UntypedFormArray;
20
- selectedValues: any[];
21
- /**
22
- * @docs-private
23
- */
24
- ngOnInit(): void;
25
- displayList(): void;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, true, never>;
28
- }
29
-
30
- declare const CHECKBOX_EXAMPLES: (typeof BasicCheckboxComponent | typeof CheckboxSetComponent)[];
31
-
32
- export { CHECKBOX_EXAMPLES };
@@ -1,16 +0,0 @@
1
- import { UntypedFormControl } from '@angular/forms';
2
- import * as i0 from '@angular/core';
3
-
4
- declare class ContainerSizesComponent {
5
- sizeControl: UntypedFormControl;
6
- options: {
7
- value: string;
8
- label: string;
9
- }[];
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, true, never>;
12
- }
13
-
14
- declare const CONTAINER_EXAMPLES: (typeof ContainerSizesComponent)[];
15
-
16
- export { CONTAINER_EXAMPLES, ContainerSizesComponent };
@@ -1,50 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@daffodil/design/accordion';
4
- import { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';
5
-
6
- class BasicAccordionComponent {
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicAccordionComponent, decorators: [{
11
- type: Component,
12
- args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
13
- DAFF_ACCORDION_COMPONENTS,
14
- ], 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" }]
15
- }] });
16
-
17
- class InitiallyExpandedAccordionComponent {
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InitiallyExpandedAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InitiallyExpandedAccordionComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'initially-expanded-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
24
- DAFF_ACCORDION_COMPONENTS,
25
- ], 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" }]
26
- }] });
27
-
28
- class DisabledAccordionComponent {
29
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledAccordionComponent, decorators: [{
33
- type: Component,
34
- args: [{ selector: 'disabled-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
35
- DAFF_ACCORDION_COMPONENTS,
36
- ], 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" }]
37
- }] });
38
-
39
- const ACCORDION_EXAMPLES = [
40
- BasicAccordionComponent,
41
- InitiallyExpandedAccordionComponent,
42
- DisabledAccordionComponent,
43
- ];
44
-
45
- /**
46
- * Generated bundle index. Do not edit.
47
- */
48
-
49
- export { ACCORDION_EXAMPLES, BasicAccordionComponent, DisabledAccordionComponent, InitiallyExpandedAccordionComponent };
50
- //# sourceMappingURL=daffodil-design-accordion-examples.mjs.map
@@ -1 +0,0 @@
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;iIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,2EChBpC,+oCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDPa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,yBAAyB;AAC1B,qBAAA,EAAA,QAAA,EAAA,+oCAAA,EAAA;;;MEEU,mCAAmC,CAAA;iIAAnC,mCAAmC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,wFChBhD,4qCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDPa,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAT/C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,eAAA,EAEvB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,yBAAyB;AAC1B,qBAAA,EAAA,QAAA,EAAA,4qCAAA,EAAA;;;MEEU,0BAA0B,CAAA;iIAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,8EChBvC,mqCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDPa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,yBAAyB;AAC1B,qBAAA,EAAA,QAAA,EAAA,mqCAAA,EAAA;;;AEVI,MAAM,kBAAkB,GAAG;IAChC,uBAAuB;IACvB,mCAAmC;IACnC,0BAA0B;;;ACP5B;;AAEG;;;;"}