@daffodil/design 0.86.0 → 0.87.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 (82) hide show
  1. package/atoms/form/form-field/action/action.directive.d.ts +9 -0
  2. package/atoms/form/form-field/form-field/form-field.component.d.ts +33 -1
  3. package/atoms/form/form-field/form-field.d.ts +2 -1
  4. package/atoms/form/form-field/public_api.d.ts +1 -0
  5. package/button/README.md +58 -42
  6. package/button/button/button-base.directive.d.ts +10 -4
  7. package/button/button.d.ts +22 -1
  8. package/button/public_api.d.ts +1 -1
  9. package/button/src/button/button-base.scss +0 -1
  10. package/button/src/button/raised/raised-theme.scss +3 -3
  11. package/core/statusable/statusable.directive.d.ts +22 -2
  12. package/fesm2022/daffodil-design-article.mjs +2 -2
  13. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  14. package/fesm2022/daffodil-design-button.mjs +58 -16
  15. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  16. package/fesm2022/daffodil-design-form-field-examples.mjs +95 -0
  17. package/fesm2022/daffodil-design-form-field-examples.mjs.map +1 -0
  18. package/fesm2022/daffodil-design-input-examples.mjs +5 -5
  19. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  20. package/fesm2022/daffodil-design-input.mjs +11 -15
  21. package/fesm2022/daffodil-design-input.mjs.map +1 -1
  22. package/fesm2022/daffodil-design-modal-examples.mjs +3 -2
  23. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  24. package/fesm2022/daffodil-design-modal.mjs +12 -11
  25. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  26. package/fesm2022/daffodil-design-notification-examples.mjs +3 -3
  27. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  28. package/fesm2022/daffodil-design-quantity-field-examples.mjs +4 -4
  29. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  30. package/fesm2022/daffodil-design-select-examples.mjs +117 -0
  31. package/fesm2022/daffodil-design-select-examples.mjs.map +1 -0
  32. package/fesm2022/daffodil-design-select.mjs +431 -0
  33. package/fesm2022/daffodil-design-select.mjs.map +1 -0
  34. package/fesm2022/daffodil-design-textarea-examples.mjs +66 -0
  35. package/fesm2022/daffodil-design-textarea-examples.mjs.map +1 -0
  36. package/fesm2022/daffodil-design-textarea.mjs +124 -0
  37. package/fesm2022/daffodil-design-textarea.mjs.map +1 -0
  38. package/fesm2022/daffodil-design.mjs +135 -11
  39. package/fesm2022/daffodil-design.mjs.map +1 -1
  40. package/form-field/examples/examples.d.ts +3 -0
  41. package/form-field/examples/form-field-appearances/form-field-appearances.component.d.ts +7 -0
  42. package/form-field/examples/form-field-with-action/form-field-with-action.component.d.ts +9 -0
  43. package/form-field/examples/form-field-with-prefix/form-field-with-prefix.component.d.ts +6 -0
  44. package/form-field/examples/form-field-with-suffix/form-field-with-suffix.component.d.ts +6 -0
  45. package/form-field/examples/index.d.ts +1 -0
  46. package/form-field/examples/public_api.d.ts +1 -0
  47. package/input/input.component.d.ts +4 -8
  48. package/modal/modal/modal.component.d.ts +5 -3
  49. package/notification/src/notification-theme.scss +34 -18
  50. package/package.json +1 -1
  51. package/scss/theme.scss +8 -0
  52. package/scss/theming/illuminate/illuminate.scss +2 -0
  53. package/select/README.md +8 -0
  54. package/select/animation/select-animation-state.d.ts +7 -0
  55. package/select/animation/select-animation.d.ts +4 -0
  56. package/select/animation/state.enum.d.ts +4 -0
  57. package/select/examples/default-select/default-select.component.d.ts +8 -0
  58. package/select/examples/disabled-select/disabled-select.component.d.ts +8 -0
  59. package/select/examples/index.d.ts +1 -0
  60. package/select/examples/models/address.type.d.ts +7 -0
  61. package/select/examples/models/addresses.d.ts +2 -0
  62. package/select/examples/public_api.d.ts +3 -0
  63. package/select/examples/select-with-error/select-with-error.component.d.ts +8 -0
  64. package/select/examples/skeleton-select/skeleton-select.component.d.ts +8 -0
  65. package/select/index.d.ts +1 -0
  66. package/select/option/context.type.d.ts +17 -0
  67. package/select/option/option.directive.d.ts +11 -0
  68. package/select/public_api.d.ts +4 -0
  69. package/select/select/select.component.d.ts +170 -0
  70. package/select/select.d.ts +4 -0
  71. package/select/src/select-theme.scss +75 -0
  72. package/src/atoms/form/form-field/form-field/form-field-theme.scss +35 -8
  73. package/textarea/README.md +28 -0
  74. package/textarea/examples/basic-textarea/basic-textarea.component.d.ts +5 -0
  75. package/textarea/examples/examples.d.ts +2 -0
  76. package/textarea/examples/index.d.ts +1 -0
  77. package/textarea/examples/public_api.d.ts +1 -0
  78. package/textarea/examples/textarea-disabled/textarea-disabled.component.d.ts +7 -0
  79. package/textarea/examples/textarea-error/textarea-error.component.d.ts +7 -0
  80. package/textarea/index.d.ts +1 -0
  81. package/textarea/public_api.d.ts +1 -0
  82. package/textarea/textarea.component.d.ts +59 -0
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DaffFormFieldActionDirective {
3
+ /**
4
+ * @docs-private
5
+ */
6
+ class: boolean;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldActionDirective, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormFieldActionDirective, "[daffFormFieldAction]", never, {}, {}, never, never, true, never>;
9
+ }
@@ -2,10 +2,12 @@ import { AfterContentInit, AfterContentChecked, ChangeDetectorRef, AfterViewInit
2
2
  import { DaffPrefixDirective } from '../../../../core/prefix-suffix/prefix.directive';
3
3
  import { DaffSuffixDirective } from '../../../../core/prefix-suffix/suffix.directive';
4
4
  import { DaffFormLabelDirective } from '../../form-label/form-label.directive';
5
+ import { DaffFormFieldActionDirective } from '../action/action.directive';
5
6
  import { DaffFormFieldControl } from '../form-field-control';
6
7
  import { DaffFormFieldLabelDirective } from '../label/label.directive';
7
8
  import * as i0 from "@angular/core";
8
9
  import * as i1 from "../../../../core/skeletonable/skeletonable.directive";
10
+ export type DaffFormFieldApperanace = 'fluid' | 'fixed';
9
11
  export declare class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {
10
12
  private cd;
11
13
  /** @docs-private */
@@ -15,8 +17,16 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
15
17
  constructor(cd: ChangeDetectorRef);
16
18
  /** @docs-private */
17
19
  _prefix: DaffPrefixDirective;
20
+ /**
21
+ * @docs-private
22
+ */
23
+ get hasPrefixClass(): DaffPrefixDirective;
18
24
  /** @docs-private */
19
25
  _suffix: DaffSuffixDirective;
26
+ /**
27
+ * @docs-private
28
+ */
29
+ get hasSuffixClass(): DaffSuffixDirective | DaffFormFieldActionDirective;
20
30
  /**
21
31
  * @docs-private
22
32
  *
@@ -32,6 +42,10 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
32
42
  * @docs-private
33
43
  */
34
44
  _formFieldLabelDirective: DaffFormFieldLabelDirective;
45
+ /**
46
+ * @docs-private
47
+ */
48
+ _action: DaffFormFieldActionDirective;
35
49
  /**
36
50
  * @docs-private
37
51
  */
@@ -94,6 +108,24 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
94
108
  * @docs-private
95
109
  */
96
110
  get raisedClass(): boolean;
111
+ private _appearance;
112
+ /**
113
+ * The appearance style of a form field, whether the label is fluid or fixed.
114
+ */
115
+ get appearance(): DaffFormFieldApperanace;
116
+ set appearance(value: DaffFormFieldApperanace);
117
+ /**
118
+ * @docs-private
119
+ */
120
+ get fluidClass(): boolean;
121
+ /**
122
+ * @docs-private
123
+ */
124
+ get fixedClass(): boolean;
125
+ /**
126
+ * @docs-private
127
+ */
128
+ get isFixed(): boolean;
97
129
  /**
98
130
  * The unique id of the form field. Defaults to an autogenerated value. When using this,
99
131
  * it's your responsibility to ensure that the id for each form field is unique.
@@ -152,5 +184,5 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
152
184
  */
153
185
  ngAfterContentChecked(): void;
154
186
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
155
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_hint", "_error"], ["[daffPrefix]", "label[daffFormLabel]", "daff-form-label", "label", "*", "[daffSuffix]", "daff-hint", "daff-error-message"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
187
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_action", "_hint", "_error"], ["*", "[daffPrefix]", "*", "[daffSuffix]", "daff-hint", "daff-error-message", "[daffFormFieldAction]", "label[daffFormLabel]", "daff-form-label", "label"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
156
188
  }
@@ -4,8 +4,9 @@ import { DaffSuffixDirective } from '../../../core/prefix-suffix/suffix.directiv
4
4
  import { DaffErrorMessageComponent } from '../error-message/error-message.component';
5
5
  import { DaffFormLabelDirective } from '../form-label/form-label.directive';
6
6
  import { DaffHintComponent } from '../hint/hint.component';
7
+ import { DaffFormFieldActionDirective } from './action/action.directive';
7
8
  import { DaffFormFieldLabelDirective } from './label/label.directive';
8
9
  /**
9
10
  * @docs-private
10
11
  */
11
- export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective, typeof DaffFormFieldLabelDirective];
12
+ export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective, typeof DaffFormFieldLabelDirective, typeof DaffFormFieldActionDirective];
@@ -3,3 +3,4 @@ export { DaffFormFieldComponent } from './form-field/form-field.component';
3
3
  export { DaffFormFieldControl } from './form-field-control';
4
4
  export { DAFF_FORM_FIELD_COMPONENTS } from './form-field';
5
5
  export { DaffFormFieldLabelDirective } from './label/label.directive';
6
+ export { DaffFormFieldActionDirective } from './action/action.directive';
package/button/README.md CHANGED
@@ -1,55 +1,63 @@
1
1
  # Button
2
- Buttons are used to make actions apparent to the end user. It can be used to navigate users to a different page or to perform an action. Buttons can contain text, icons, or both.
2
+ Buttons make actions apparent to users and can navigate to different pages or perform actions. They can display text, icons, or both.
3
3
 
4
4
  ## Overview
5
- Native `<button>` or `<a>` elements are always used in order to provide an easy, accessible experience for users.
5
+ Button supports five variants that change its visual style, each applied as an attribute:
6
6
 
7
- - `<a>` should be used for interactions that will navigate users to a new page or to a different target on the same page.
8
- - `<button>` should be used when a clickable action is performed within the same page.
7
+ | Attribute | Description |
8
+ | --------- | ----------- |
9
+ | `daff-button` | Rectangular button with background color |
10
+ | `daff-flat-button`| Rectangular button with no outline or background color |
11
+ | `daff-icon-button` | Icon only button used with icon fonts |
12
+ | `daff-stroked-button` | Rectangular button with oultline, no background color |
13
+ | `daff-underline-button` | Text button with underline styling |
9
14
 
10
- ## Types
11
- Button supports five types that change its visual style.
12
-
13
- - `daff-button` - Rectangular contained button with background color
14
- - `daff-flat-button` - Rectangular contained button with no outline or background color
15
- - `daff-icon-button` - Icon button used with icon fonts
16
- - `daff-stroked-button` - Rectangular outlined button with no background color
17
-
18
- ### Basic Button
15
+ **Basic button**
19
16
  <design-land-example-viewer-container example="basic-button"></design-land-example-viewer-container>
20
17
 
21
- ### Flat Button
18
+ **Flat button**
22
19
  <design-land-example-viewer-container example="flat-button"></design-land-example-viewer-container>
23
20
 
24
- ### Stroked button
21
+ **Stroked button**
25
22
  <design-land-example-viewer-container example="stroked-button"></design-land-example-viewer-container>
26
23
 
27
24
  > `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
28
25
 
29
- ### Icon button
26
+ **Icon button**
30
27
  <design-land-example-viewer-container example="icon-button"></design-land-example-viewer-container>
31
28
 
32
29
  > `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
33
30
 
34
- ### Underline button
31
+ **Underline button**
35
32
  <design-land-example-viewer-container example="underline-button"></design-land-example-viewer-container>
36
33
 
37
- ### Raised button (deprecated)
38
- <design-land-example-viewer-container example="raised-button"></design-land-example-viewer-container>
34
+ ## When to use
35
+ Native `<button>` or `<a>` elements should always be used in order to provide an easy, accessible experience for users.
36
+
37
+ - Use `<a>` for navigation to new pages or different sections.
38
+ - Use `<button>` for actions performed within the same page.
39
39
 
40
40
  ## Usage
41
41
 
42
42
  ### Within a standalone component
43
- To use button in a standalone component, import each button type directly into your custom component. Buttons can be imported individually or all together by using `DAFF_BUTTON_COMPONENTS`:
43
+ To use button in a standalone component, import each button type directly into your custom component.
44
+
45
+ Available imports:
46
+ - `DAFF_BASIC_BUTTON_COMPONENTS`
47
+ - `DAFF_FLAT_BUTTON_COMPONENTS`
48
+ - `DAFF_ICON_BUTTON_COMPONENTS`
49
+ - `DAFF_STROKED_BUTTON_COMPONENTS`
50
+ - `DAFF_UNDERLINE_BUTTON_COMPONENTS`
51
+ - `DAFF_BUTTON_COMPONENTS` (all types)
44
52
 
45
53
  ```ts
46
- import { DaffButtonComponent } from '@daffodil/design/button';
54
+ import { DAFF_BASIC_BUTTON_COMPONENTS } from '@daffodil/design/button';
47
55
 
48
56
  @Component({
49
57
  selector: 'custom-component',
50
58
  templateUrl: './custom-component.component.html',
51
59
  imports: [
52
- DaffButtonComponent,
60
+ DAFF_BASIC_BUTTON_COMPONENTS,
53
61
  ],
54
62
  })
55
63
  export class CustomComponent {}
@@ -79,41 +87,49 @@ export class CustomComponentModule { }
79
87
 
80
88
  > This method is deprecated. It's recommended to update all custom components to standalone.
81
89
 
90
+ ## Anatomy
91
+ Buttons should always have a label, unless you are only using an icon that is universally understood and accessible.
92
+
93
+ ### Icon support
94
+ An icon can be rendered on either side of the button text content with the `daffPrefix` and `daffSuffix` selectors. Avoid using both simultaneously.
95
+
96
+ ```html
97
+ <button daff-button>
98
+ <fa-icon [faIcon]="faUser" daffPrefix></fa-icon>
99
+ Button label
100
+ </button>
101
+
102
+ <button daff-button>
103
+ Button label
104
+ <fa-icon [faIcon]="faArrowRight" daffPrefix></fa-icon>
105
+ </button>
106
+ ```
107
+
82
108
  ## Sizes
83
- Use the `size` property to specify a button size. Setting this property will change the height and padding of a button. The size of all variants will default to `md` if none is defined.
109
+ Use the `size` property to control button dimensions. The default size is `md`.
84
110
 
85
111
  <design-land-example-viewer-container example="sizeable-button"></design-land-example-viewer-container>
86
112
 
87
113
  ## Colors
88
- Use the `color` property to change the color of a button. The default color is light gray.
114
+ Use the `color` property to change the color of a button.
89
115
 
90
- > For select button types, `dark` and `light` should be used on a darker background in order to have sufficient contrast.
116
+ > Note: `dark`, `light`, and `theme` should be used on appropriate backgrounds for sufficient contrast.
91
117
 
92
118
  ## Status indicators
93
- Buttons with status indicators can be used to distinguish what type of action it performs and its importance compared to other buttons in the same context. Use the `status` property to change the status.
119
+ Status indicators help users understand the type of action a button performs and its importance relative to other buttons in the same context. Use the `status` property to convey different semantic meanings.
94
120
 
95
121
  <design-land-example-viewer-container example="statusable-button"></design-land-example-viewer-container>
96
122
 
97
123
  ## Elevation
98
- Use the `elevated` property to add a shadow to buttons. Note that the `elevated` property is not supported for flat, icon, and underline buttons.
124
+ Add shadows to buttons with the `elevated` property.
99
125
 
100
- <design-land-example-viewer-container example="elevated-button"></design-land-example-viewer-container>
101
-
102
- ## Icon support
103
- An icon can be rendered on either side of the button text content with the `daffPrefix` and `daffSuffix` selectors.
126
+ > Note: The `elevated` property is not supported for flat, icon, and underline buttons.
104
127
 
105
- ```html
106
- <button daff-button>
107
- <fa-icon [faIcon]="faUser" daffPrefix></fa-icon>
108
- Button Content
109
- <fa-icon [faIcon]="faUser" daffSuffix></fa-icon>
110
- </button>
111
- ```
128
+ <design-land-example-viewer-container example="elevated-button"></design-land-example-viewer-container>
112
129
 
113
130
  ## Accessbility
114
131
  Daffodil uses native `<a>` and `<button>` HTML elements to ensure an accessible experience by default.
115
132
 
116
- - The `<button>` element should be used when a clickable action is performed within the same page.
117
- - The `<a>` element should be used to navigate users to a new page or to a different target on the same page.
118
-
119
- Buttons and links containing only icons (`<daff-icon-button>`) need to be given meaningful labels using `aria-label` or `aria-labelledby`.
133
+ - Use `<a>` for navigation to new pages or different sections.
134
+ - Use `<button>` for actions performed within the same page.
135
+ - Icon only buttons (`<daff-icon-button>`) need to be given meaningful labels using `aria-label` or `aria-labelledby`.
@@ -5,18 +5,24 @@ import * as i1 from "@daffodil/design";
5
5
  import * as i2 from "./button-sizable.directive";
6
6
  export declare class DaffButtonBaseDirective {
7
7
  private size;
8
+ /**
9
+ * @docs-private
10
+ */
8
11
  _prefix: DaffPrefixDirective;
9
- _suffix: DaffSuffixDirective;
10
- constructor(size: DaffButtonSizableDirective);
11
12
  /**
12
13
  * @docs-private
13
14
  */
14
- get disabledClass(): any;
15
+ _suffix: DaffSuffixDirective;
16
+ constructor(size: DaffButtonSizableDirective);
15
17
  /**
16
- * Sets the tabindex. Defaults to 0.
18
+ * Sets the tabindex.
17
19
  */
18
20
  tabindex: number;
19
21
  private _disabled;
22
+ /**
23
+ * @docs-private
24
+ */
25
+ get disabledClass(): any;
20
26
  /**
21
27
  * The disabled state of the button.
22
28
  */
@@ -1,3 +1,4 @@
1
+ import { DaffPrefixDirective, DaffSuffixDirective } from '@daffodil/design';
1
2
  import { DaffButtonComponent } from './button/basic/button.component';
2
3
  import { DaffFlatButtonComponent } from './button/flat/flat.component';
3
4
  import { DaffIconButtonComponent } from './button/icon/icon.component';
@@ -7,4 +8,24 @@ import { DaffUnderlineButtonComponent } from './button/underline/underline.compo
7
8
  /**
8
9
  * @docs-private
9
10
  */
10
- export declare const DAFF_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffFlatButtonComponent, typeof DaffIconButtonComponent, typeof DaffRaisedButtonComponent, typeof DaffStrokedButtonComponent, typeof DaffUnderlineButtonComponent];
11
+ export declare const DAFF_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffFlatButtonComponent, typeof DaffIconButtonComponent, typeof DaffRaisedButtonComponent, typeof DaffStrokedButtonComponent, typeof DaffUnderlineButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
12
+ /**
13
+ * @docs-private
14
+ */
15
+ export declare const DAFF_BASIC_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
16
+ /**
17
+ * @docs-private
18
+ */
19
+ export declare const DAFF_FLAT_BUTTON_COMPONENTS: readonly [typeof DaffFlatButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
20
+ /**
21
+ * @docs-private
22
+ */
23
+ export declare const DAFF_ICON_BUTTON_COMPONENTS: readonly [typeof DaffIconButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
24
+ /**
25
+ * @docs-private
26
+ */
27
+ export declare const DAFF_STROKED_BUTTON_COMPONENTS: readonly [typeof DaffStrokedButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
28
+ /**
29
+ * @docs-private
30
+ */
31
+ export declare const DAFF_UNDERLINE_BUTTON_COMPONENTS: readonly [typeof DaffUnderlineButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
@@ -1,5 +1,5 @@
1
1
  export { DaffButtonModule } from './button.module';
2
- export { DAFF_BUTTON_COMPONENTS } from './button';
2
+ export { DAFF_BUTTON_COMPONENTS, DAFF_BASIC_BUTTON_COMPONENTS, DAFF_FLAT_BUTTON_COMPONENTS, DAFF_ICON_BUTTON_COMPONENTS, DAFF_STROKED_BUTTON_COMPONENTS, DAFF_UNDERLINE_BUTTON_COMPONENTS, } from './button';
3
3
  export { DaffButtonComponent } from './button/basic/button.component';
4
4
  export { DaffFlatButtonComponent } from './button/flat/flat.component';
5
5
  export { DaffRaisedButtonComponent } from './button/raised/raised.component';
@@ -23,7 +23,6 @@
23
23
 
24
24
  @mixin daff-button-base {
25
25
  @include interactions.clickable();
26
- @include t.text-truncate();
27
26
  display: inline-flex;
28
27
  justify-content: center;
29
28
  align-items: center;
@@ -42,7 +42,7 @@
42
42
 
43
43
  .daff-raised-button {
44
44
  @include daff-raised-button-theme-variant(
45
- daff-illuminate($base, $neutral, 2)
45
+ daff-color($neutral, 20)
46
46
  );
47
47
 
48
48
  &.daff-primary {
@@ -76,9 +76,9 @@
76
76
  &[disabled],
77
77
  &.disabled {
78
78
  @include daff-raised-button-theme-variant(
79
- daff-illuminate($base, $neutral, 3)
79
+ daff-color($neutral, 30)
80
80
  );
81
- color: daff-illuminate($base, $neutral, 5);
81
+ color: daff-color($neutral, 50);
82
82
 
83
83
  &::after {
84
84
  box-shadow: none;
@@ -1,3 +1,4 @@
1
+ import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
1
2
  import { DaffStatus, DaffStatusable } from './statusable';
2
3
  import * as i0 from "@angular/core";
3
4
  /**
@@ -43,7 +44,7 @@ import * as i0 from "@angular/core";
43
44
  * - `daff-critical`: Applied when the status is `critical`.
44
45
  * - `daff-success`: Applied when the status is `success`.
45
46
  */
46
- export declare class DaffStatusableDirective implements DaffStatusable {
47
+ export declare class DaffStatusableDirective implements DaffStatusable, OnChanges, OnInit {
47
48
  /**
48
49
  * Dynamically sets the CSS classes based on the status.
49
50
  * @docs-private
@@ -57,9 +58,28 @@ export declare class DaffStatusableDirective implements DaffStatusable {
57
58
  /**
58
59
  * Sets the status on a component.
59
60
  *
60
- * Default options are: `info`, `warn`, `critical`, and `success`.
61
+ * Options are: `info`, `warn`, `critical`, and `success`.
61
62
  */
62
63
  status: DaffStatus;
64
+ /**
65
+ * Sets a default status.
66
+ *
67
+ * @example
68
+ * ```ts
69
+ * constructor(private statusDirective: DaffStatusableDirective) {
70
+ * this.statusDirective.defaultStatus = 'info';
71
+ * }
72
+ * ```
73
+ */
74
+ defaultStatus: DaffStatus;
75
+ /**
76
+ * @docs-private
77
+ */
78
+ ngOnChanges(changes: SimpleChanges): void;
79
+ /**
80
+ * @docs-private
81
+ */
82
+ ngOnInit(): void;
63
83
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffStatusableDirective, never>;
64
84
  static ɵdir: i0.ɵɵDirectiveDeclaration<DaffStatusableDirective, "[daffStatusable]", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
65
85
  }
@@ -17,11 +17,11 @@ class DaffArticleComponent {
17
17
  this.role = 'article';
18
18
  }
19
19
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.125rem;line-height:1.5rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:1.75rem;line-height:2rem;margin-top:2.5rem}@media (min-width: 768px){.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem}@media (min-width: 768px){.daff-article blockquote{padding:1rem 1.5rem}}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
21
21
  }
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, decorators: [{
23
23
  type: Component,
24
- args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"] }]
24
+ args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.125rem;line-height:1.5rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:1.75rem;line-height:2rem;margin-top:2.5rem}@media (min-width: 768px){.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem}@media (min-width: 768px){.daff-article blockquote{padding:1rem 1.5rem}}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"] }]
25
25
  }], propDecorators: { class: [{
26
26
  type: HostBinding,
27
27
  args: ['class.daff-article']
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/article.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * A component for creating articles within your page.\n */\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffArticleComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n standalone: true,\n})\nexport class DaffArticleMetaDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ARTICLE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","import { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_ARTICLE_COMPONENTS = <const> [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/article.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * A component for creating articles within your page.\n */\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffArticleComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n standalone: true,\n})\nexport class DaffArticleMetaDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ARTICLE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","import { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_ARTICLE_COMPONENTS = <const> [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}