@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
package/fesm2022/daffodil-design-button.mjs CHANGED
@@ -20,7 +20,7 @@ class DaffButtonBaseDirective {
20
20
  constructor(size) {
21
21
  this.size = size;
22
22
  /**
23
- * Sets the tabindex. Defaults to 0.
23
+ * Sets the tabindex.
24
24
  */
25
25
  this.tabindex = 0;
26
26
  this._disabled = false;
@@ -93,11 +93,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
93
93
  }], _suffix: [{
94
94
  type: ContentChild,
95
95
  args: [DaffSuffixDirective, { static: true }]
96
+ }], tabindex: [{
97
+ type: Input
96
98
  }], disabledClass: [{
97
99
  type: HostBinding,
98
100
  args: ['class.disabled']
99
- }], tabindex: [{
100
- type: Input
101
101
  }], disabled: [{
102
102
  type: Input
103
103
  }], disabledAttribute: [{
@@ -142,11 +142,11 @@ class DaffButtonComponent extends DaffButtonBaseDirective {
142
142
  this.elevated = false;
143
143
  }
144
144
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
145
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffButtonComponent, isStandalone: true, selector: "button[daff-button],a[daff-button]", inputs: { elevated: "elevated" }, host: { properties: { "class.daff-button": "this.class", "class.elevated": "this.elevated" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed;opacity:.5}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:1}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:not(.daff-button[disabled],.daff-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-button:not(.daff-button[disabled],.daff-button.disabled):hover:after,.daff-button:not(.daff-button[disabled],.daff-button.disabled):active:after{opacity:1}.daff-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-button.elevated[disabled]:hover,.daff-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
145
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffButtonComponent, isStandalone: true, selector: "button[daff-button],a[daff-button]", inputs: { elevated: "elevated" }, host: { properties: { "class.daff-button": "this.class", "class.elevated": "this.elevated" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed;opacity:.5}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:1}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:not(.daff-button[disabled],.daff-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-button:not(.daff-button[disabled],.daff-button.disabled):hover:after,.daff-button:not(.daff-button[disabled],.daff-button.disabled):active:after{opacity:1}.daff-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-button.elevated[disabled]:hover,.daff-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
146
146
  }
147
147
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonComponent, decorators: [{
148
148
  type: Component,
149
- args: [{ selector: 'button[daff-button]' + ',' + 'a[daff-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed;opacity:.5}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:1}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:not(.daff-button[disabled],.daff-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-button:not(.daff-button[disabled],.daff-button.disabled):hover:after,.daff-button:not(.daff-button[disabled],.daff-button.disabled):active:after{opacity:1}.daff-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-button.elevated[disabled]:hover,.daff-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
149
+ args: [{ selector: 'button[daff-button]' + ',' + 'a[daff-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-button[disabled],.daff-button.disabled{cursor:not-allowed;opacity:.5}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix{z-index:1}.daff-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-button:not(.daff-button[disabled],.daff-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-button:not(.daff-button[disabled],.daff-button.disabled):hover:after,.daff-button:not(.daff-button[disabled],.daff-button.disabled):active:after{opacity:1}.daff-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-button.elevated[disabled]:hover,.daff-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
150
150
  }], propDecorators: { class: [{
151
151
  type: HostBinding,
152
152
  args: ['class.daff-button']
@@ -184,11 +184,11 @@ class DaffFlatButtonComponent extends DaffButtonBaseDirective {
184
184
  this.class = true;
185
185
  }
186
186
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffFlatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
187
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffFlatButtonComponent, isStandalone: true, selector: "button[daff-flat-button],a[daff-flat-button]", host: { properties: { "class.daff-flat-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed;opacity:.5}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:1}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):hover:after,.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
187
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffFlatButtonComponent, isStandalone: true, selector: "button[daff-flat-button],a[daff-flat-button]", host: { properties: { "class.daff-flat-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed;opacity:.5}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:1}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):hover:after,.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
188
188
  }
189
189
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffFlatButtonComponent, decorators: [{
190
190
  type: Component,
191
- args: [{ selector: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed;opacity:.5}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:1}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):hover:after,.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
191
+ args: [{ selector: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-flat-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:none}.daff-flat-button[disabled],.daff-flat-button.disabled{cursor:not-allowed;opacity:.5}.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:1}.daff-flat-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):hover:after,.daff-flat-button:not(.daff-flat-button[disabled],.daff-flat-button.disabled):active:after{opacity:1}.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
192
192
  }], propDecorators: { class: [{
193
193
  type: HostBinding,
194
194
  args: ['class.daff-flat-button']
@@ -217,11 +217,11 @@ class DaffIconButtonComponent extends DaffButtonBaseDirective {
217
217
  this.class = true;
218
218
  }
219
219
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
220
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffIconButtonComponent, isStandalone: true, selector: "button[daff-icon-button],a[daff-icon-button]", host: { properties: { "class.daff-icon-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed;opacity:.5}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:1}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
220
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffIconButtonComponent, isStandalone: true, selector: "button[daff-icon-button],a[daff-icon-button]", host: { properties: { "class.daff-icon-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed;opacity:.5}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:1}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
221
221
  }
222
222
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffIconButtonComponent, decorators: [{
223
223
  type: Component,
224
- args: [{ selector: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed;opacity:.5}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:1}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"] }]
224
+ args: [{ selector: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.disabled{cursor:not-allowed;opacity:.5}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:1}.daff-icon-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}\n"] }]
225
225
  }], propDecorators: { class: [{
226
226
  type: HostBinding,
227
227
  args: ['class.daff-icon-button']
@@ -256,11 +256,11 @@ class DaffRaisedButtonComponent extends DaffButtonBaseDirective {
256
256
  this.class = true;
257
257
  }
258
258
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
259
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffRaisedButtonComponent, isStandalone: true, selector: "button[daff-raised-button],a[daff-raised-button]", host: { properties: { "class.daff-raised-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed;opacity:.5}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:1}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):hover:after,.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
259
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffRaisedButtonComponent, isStandalone: true, selector: "button[daff-raised-button],a[daff-raised-button]", host: { properties: { "class.daff-raised-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed;opacity:.5}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:1}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):hover:after,.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
260
260
  }
261
261
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedButtonComponent, decorators: [{
262
262
  type: Component,
263
- args: [{ selector: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed;opacity:.5}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:1}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):hover:after,.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
263
+ args: [{ selector: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-raised-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-raised-button[disabled],.daff-raised-button.disabled{cursor:not-allowed;opacity:.5}.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix{z-index:1}.daff-raised-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):hover:after,.daff-raised-button:not(.daff-raised-button[disabled],.daff-raised-button.disabled):active:after{opacity:1}.daff-raised-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}\n"] }]
264
264
  }], propDecorators: { class: [{
265
265
  type: HostBinding,
266
266
  args: ['class.daff-raised-button']
@@ -297,11 +297,11 @@ class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
297
297
  this.elevated = false;
298
298
  }
299
299
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
300
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffStrokedButtonComponent, isStandalone: true, selector: "button[daff-stroked-button],a[daff-stroked-button]", inputs: { elevated: "elevated" }, host: { properties: { "class.daff-stroked-button": "this.class", "class.elevated": "this.elevated" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed;opacity:.5}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:1}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):hover:after,.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-stroked-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-stroked-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-stroked-button.elevated[disabled]:hover,.daff-stroked-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
300
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffStrokedButtonComponent, isStandalone: true, selector: "button[daff-stroked-button],a[daff-stroked-button]", inputs: { elevated: "elevated" }, host: { properties: { "class.daff-stroked-button": "this.class", "class.elevated": "this.elevated" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed;opacity:.5}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:1}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):hover:after,.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-stroked-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-stroked-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-stroked-button.elevated[disabled]:hover,.daff-stroked-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
301
301
  }
302
302
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedButtonComponent, decorators: [{
303
303
  type: Component,
304
- args: [{ selector: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed;opacity:.5}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:1}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):hover:after,.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-stroked-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-stroked-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-stroked-button.elevated[disabled]:hover,.daff-stroked-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}\n"] }]
304
+ args: [{ selector: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;text-decoration:none}.daff-stroked-button[disabled],.daff-stroked-button.disabled{cursor:not-allowed;opacity:.5}.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{z-index:1}.daff-stroked-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):hover:after,.daff-stroked-button:not(.daff-stroked-button[disabled],.daff-stroked-button.disabled):active:after{opacity:1}.daff-stroked-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-stroked-button.elevated{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}.daff-stroked-button.elevated:hover{box-shadow:0 6px 12px #00000014,0 4px 6px #0000000a}.daff-stroked-button.elevated[disabled]:hover,.daff-stroked-button.elevated.disabled:hover{box-shadow:0 1px 5px -4px #00000080,0 4px 8px #0000000d}\n"] }]
305
305
  }], propDecorators: { class: [{
306
306
  type: HostBinding,
307
307
  args: ['class.daff-stroked-button']
@@ -339,11 +339,11 @@ class DaffUnderlineButtonComponent extends DaffButtonBaseDirective {
339
339
  this.class = true;
340
340
  }
341
341
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffUnderlineButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
342
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffUnderlineButtonComponent, isStandalone: true, selector: "button[daff-underline-button],a[daff-underline-button]", host: { properties: { "class.daff-underline-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed;opacity:.5}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:1}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0 0 .25rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
342
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffUnderlineButtonComponent, isStandalone: true, selector: "button[daff-underline-button],a[daff-underline-button]", host: { properties: { "class.daff-underline-button": "this.class" } }, usesInheritance: true, ngImport: i0, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed;opacity:.5}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:1}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0 0 .25rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
343
343
  }
344
344
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffUnderlineButtonComponent, decorators: [{
345
345
  type: Component,
346
- args: [{ selector: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed;opacity:.5}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:1}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0 0 .25rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
346
+ args: [{ selector: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}", styles: [".daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;appearance:none;border:none;border-radius:.25rem;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed;opacity:.5}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:1}.daff-underline-button .daff-button__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daff-underline-button[disabled],.daff-underline-button.disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.disabled:hover:after,.daff-underline-button.disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0 0 .25rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
347
347
  }], propDecorators: { class: [{
348
348
  type: HostBinding,
349
349
  args: ['class.daff-underline-button']
@@ -401,11 +401,53 @@ const DAFF_BUTTON_COMPONENTS = [
401
401
  DaffRaisedButtonComponent,
402
402
  DaffStrokedButtonComponent,
403
403
  DaffUnderlineButtonComponent,
404
+ DaffPrefixDirective,
405
+ DaffSuffixDirective,
406
+ ];
407
+ /**
408
+ * @docs-private
409
+ */
410
+ const DAFF_BASIC_BUTTON_COMPONENTS = [
411
+ DaffButtonComponent,
412
+ DaffPrefixDirective,
413
+ DaffSuffixDirective,
414
+ ];
415
+ /**
416
+ * @docs-private
417
+ */
418
+ const DAFF_FLAT_BUTTON_COMPONENTS = [
419
+ DaffFlatButtonComponent,
420
+ DaffPrefixDirective,
421
+ DaffSuffixDirective,
422
+ ];
423
+ /**
424
+ * @docs-private
425
+ */
426
+ const DAFF_ICON_BUTTON_COMPONENTS = [
427
+ DaffIconButtonComponent,
428
+ DaffPrefixDirective,
429
+ DaffSuffixDirective,
430
+ ];
431
+ /**
432
+ * @docs-private
433
+ */
434
+ const DAFF_STROKED_BUTTON_COMPONENTS = [
435
+ DaffStrokedButtonComponent,
436
+ DaffPrefixDirective,
437
+ DaffSuffixDirective,
438
+ ];
439
+ /**
440
+ * @docs-private
441
+ */
442
+ const DAFF_UNDERLINE_BUTTON_COMPONENTS = [
443
+ DaffUnderlineButtonComponent,
444
+ DaffPrefixDirective,
445
+ DaffSuffixDirective,
404
446
  ];
405
447
 
406
448
  /**
407
449
  * Generated bundle index. Do not edit.
408
450
  */
409
451
 
410
- export { DAFF_BUTTON_COMPONENTS, DaffButtonComponent, DaffButtonModule, DaffFlatButtonComponent, DaffIconButtonComponent, DaffRaisedButtonComponent, DaffStrokedButtonComponent, DaffUnderlineButtonComponent };
452
+ export { DAFF_BASIC_BUTTON_COMPONENTS, DAFF_BUTTON_COMPONENTS, DAFF_FLAT_BUTTON_COMPONENTS, DAFF_ICON_BUTTON_COMPONENTS, DAFF_STROKED_BUTTON_COMPONENTS, DAFF_UNDERLINE_BUTTON_COMPONENTS, DaffButtonComponent, DaffButtonModule, DaffFlatButtonComponent, DaffIconButtonComponent, DaffRaisedButtonComponent, DaffStrokedButtonComponent, DaffUnderlineButtonComponent };
411
453
  //# sourceMappingURL=daffodil-design-button.mjs.map
package/fesm2022/daffodil-design-button.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-button.mjs","sources":["../../../libs/design/button/src/button/button-sizable.directive.ts","../../../libs/design/button/src/button/button-base.directive.ts","../../../libs/design/button/src/button/basic/button.component.ts","../../../libs/design/button/src/button/button-base.component.html","../../../libs/design/button/src/button/flat/flat.component.ts","../../../libs/design/button/src/button/icon/icon.component.ts","../../../libs/design/button/src/button/raised/raised.component.ts","../../../libs/design/button/src/button/stroked/stroked.component.ts","../../../libs/design/button/src/button/underline/underline.component.ts","../../../libs/design/button/src/button.module.ts","../../../libs/design/button/src/button.ts","../../../libs/design/button/src/daffodil-design-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport {\n DaffSizableDirective,\n DaffSizeLargeType,\n DaffSizeMediumType,\n DaffSizeSmallType,\n} from '@daffodil/design';\n\n/**\n * The size types that the DaffButtonComponent can implement.\n */\nexport type DaffButtonSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;\n\n@Directive({\n standalone: true,\n})\n\nexport class DaffButtonSizableDirective extends DaffSizableDirective<DaffButtonSize> {}\n\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n HostBinding,\n Input,\n Directive,\n ContentChild,\n} from '@angular/core';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffStatusableDirective,\n DaffColorableDirective,\n DaffPrefixDirective,\n DaffSuffixDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\n\n@Directive({\n selector: '[daffButtonBase]',\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffButtonSizableDirective,\n inputs: ['size'],\n },\n {\n directive: DaffStatusableDirective,\n inputs: ['status'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n})\nexport class DaffButtonBaseDirective {\n\n @ContentChild(DaffPrefixDirective, { static: true })\n _prefix: DaffPrefixDirective;\n @ContentChild(DaffSuffixDirective, { static: true })\n _suffix: DaffSuffixDirective;\n\n constructor(\n private size: DaffButtonSizableDirective,\n ) {\n /**\n * Sets the default size of a button to medium.\n */\n this.size.defaultSize = 'md';\n }\n\n /**\n * @docs-private\n */\n @HostBinding('class.disabled') get disabledClass() {\n return this.disabled;\n }\n\n /**\n * Sets the tabindex. Defaults to 0.\n */\n @Input() tabindex = 0;\n\n private _disabled = false;\n\n /**\n * The disabled state of the button.\n */\n @Input() get disabled() {\n return this._disabled;\n }\n set disabled(value: any) {\n this._disabled = coerceBooleanProperty(value);\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.disabled') get disabledAttribute() {\n return this.disabled ? true : null;\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.aria-disabled') get ariaDisabled() {\n return this.disabled ? true : null;\n }\n\n /**\n * @docs-private\n *\n * Set the `tabindex` to -1 if the button is disabled.\n */\n @HostBinding('attr.tabindex') get tabIndexAttribute() {\n return this.disabled ? -1 : this.tabindex;\n }\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n Input,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffButtonComponent is a rectangular contained button with background color.\n *\n * @example Basic button\n * ```html\n * <button daff-button>\n * <div daffPrefix></div>\n * Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-button>\n * <div daffPrefix></div>\n * Linked button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-button]' + ',' + 'a[daff-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './button.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffButtonComponent extends DaffButtonBaseDirective {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-button') class = true;\n\n /**\n * Whether or not the button displays a shadow.\n */\n @Input() @HostBinding('class.elevated') elevated = false;\n}\n","@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffFlatButtonComponent is a rectangular contained button no background.\n *\n * @example Flat button\n * ```html\n * <button daff-flat-button>\n * <div daffPrefix></div>\n * Flat Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-flat-button>\n * <div daffPrefix></div>\n * Linked flat button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './flat.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffFlatButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-flat-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffIconButtonComponent is an icon button used with icon fonts.\n *\n * @example Icon button\n * ```html\n * <button daff-icon-button>\n * <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </button>\n *\n * <a href=\"/\" daff-icon-button>\n * <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './icon.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffIconButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-icon-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * @deprecated in favor of the `elevated` property. Deprecated in version 0.82.0. Will be removed in version 1.0.0.\n *\n * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.\n *\n * @example Raised button\n * ```html\n * <button daff-raised-button>\n * <div daffPrefix></div>\n * Raised Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-raised-button>\n * <div daffPrefix></div>\n * Linked raised button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './raised.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffRaisedButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-raised-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n Input,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffStrokedButtonComponent is a rectangular outlined button with no background color.\n *\n * @example Stroked button\n * ```html\n * <button daff-stroked-button>\n * <div daffPrefix></div>\n * Stroked Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-stroked-button>\n * <div daffPrefix></div>\n * Linked stroked button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './stroked.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffStrokedButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-stroked-button') class = true;\n\n /**\n * Whether or not the button displays a shadow.\n */\n @Input() @HostBinding('class.elevated') elevated = false;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffUnderlineButtonComponent is a borderless button with a custom underline style.\n *\n * @example Underline button\n * ```html\n * <button daff-underline-button>\n * <div daffPrefix></div>\n * Underline Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-underline-button>\n * <div daffPrefix></div>\n * Linked underline button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './underline.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffUnderlineButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-underline-button') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\n/**\n * @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n ],\n exports: [\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n ],\n})\nexport class DaffButtonModule { }\n","import { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffButtonSizableDirective"],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-button.mjs","sources":["../../../libs/design/button/src/button/button-sizable.directive.ts","../../../libs/design/button/src/button/button-base.directive.ts","../../../libs/design/button/src/button/basic/button.component.ts","../../../libs/design/button/src/button/button-base.component.html","../../../libs/design/button/src/button/flat/flat.component.ts","../../../libs/design/button/src/button/icon/icon.component.ts","../../../libs/design/button/src/button/raised/raised.component.ts","../../../libs/design/button/src/button/stroked/stroked.component.ts","../../../libs/design/button/src/button/underline/underline.component.ts","../../../libs/design/button/src/button.module.ts","../../../libs/design/button/src/button.ts","../../../libs/design/button/src/daffodil-design-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport {\n DaffSizableDirective,\n DaffSizeLargeType,\n DaffSizeMediumType,\n DaffSizeSmallType,\n} from '@daffodil/design';\n\n/**\n * The size types that the DaffButtonComponent can implement.\n */\nexport type DaffButtonSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;\n\n@Directive({\n standalone: true,\n})\n\nexport class DaffButtonSizableDirective extends DaffSizableDirective<DaffButtonSize> {}\n\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n HostBinding,\n Input,\n Directive,\n ContentChild,\n} from '@angular/core';\n\nimport {\n DaffArticleEncapsulatedDirective,\n DaffStatusableDirective,\n DaffColorableDirective,\n DaffPrefixDirective,\n DaffSuffixDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonSizableDirective } from './button-sizable.directive';\n\n@Directive({\n selector: '[daffButtonBase]',\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n {\n directive: DaffButtonSizableDirective,\n inputs: ['size'],\n },\n {\n directive: DaffStatusableDirective,\n inputs: ['status'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n})\nexport class DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @ContentChild(DaffPrefixDirective, { static: true }) _prefix: DaffPrefixDirective;\n\n /**\n * @docs-private\n */\n @ContentChild(DaffSuffixDirective, { static: true }) _suffix: DaffSuffixDirective;\n\n constructor(\n private size: DaffButtonSizableDirective,\n ) {\n /**\n * Sets the default size of a button to medium.\n */\n this.size.defaultSize = 'md';\n }\n\n /**\n * Sets the tabindex.\n */\n @Input() tabindex = 0;\n\n private _disabled = false;\n\n /**\n * @docs-private\n */\n @HostBinding('class.disabled') get disabledClass() {\n return this.disabled;\n }\n\n\n /**\n * The disabled state of the button.\n */\n @Input() get disabled() {\n return this._disabled;\n }\n set disabled(value: any) {\n this._disabled = coerceBooleanProperty(value);\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.disabled') get disabledAttribute() {\n return this.disabled ? true : null;\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.aria-disabled') get ariaDisabled() {\n return this.disabled ? true : null;\n }\n\n /**\n * @docs-private\n *\n * Set the `tabindex` to -1 if the button is disabled.\n */\n @HostBinding('attr.tabindex') get tabIndexAttribute() {\n return this.disabled ? -1 : this.tabindex;\n }\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n Input,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffButtonComponent is a rectangular contained button with background color.\n *\n * @example Basic button\n * ```html\n * <button daff-button>\n * <div daffPrefix></div>\n * Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-button>\n * <div daffPrefix></div>\n * Linked button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-button]' + ',' + 'a[daff-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './button.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffButtonComponent extends DaffButtonBaseDirective {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-button') class = true;\n\n /**\n * Whether or not the button displays a shadow.\n */\n @Input() @HostBinding('class.elevated') elevated = false;\n}\n","@if (_prefix) {\n <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<span class=\"daff-button__content\"><ng-content></ng-content></span>\n@if (_suffix) {\n <ng-content select=\"[daffSuffix]\"></ng-content>\n}","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffFlatButtonComponent is a rectangular contained button no background.\n *\n * @example Flat button\n * ```html\n * <button daff-flat-button>\n * <div daffPrefix></div>\n * Flat Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-flat-button>\n * <div daffPrefix></div>\n * Linked flat button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './flat.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffFlatButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-flat-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffIconButtonComponent is an icon button used with icon fonts.\n *\n * @example Icon button\n * ```html\n * <button daff-icon-button>\n * <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </button>\n *\n * <a href=\"/\" daff-icon-button>\n * <fa-icon [icon]=\"faPlus\"></fa-icon>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './icon.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffIconButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-icon-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * @deprecated in favor of the `elevated` property. Deprecated in version 0.82.0. Will be removed in version 1.0.0.\n *\n * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.\n *\n * @example Raised button\n * ```html\n * <button daff-raised-button>\n * <div daffPrefix></div>\n * Raised Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-raised-button>\n * <div daffPrefix></div>\n * Linked raised button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './raised.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffRaisedButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-raised-button') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n Input,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffStrokedButtonComponent is a rectangular outlined button with no background color.\n *\n * @example Stroked button\n * ```html\n * <button daff-stroked-button>\n * <div daffPrefix></div>\n * Stroked Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-stroked-button>\n * <div daffPrefix></div>\n * Linked stroked button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './stroked.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffStrokedButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-stroked-button') class = true;\n\n /**\n * Whether or not the button displays a shadow.\n */\n @Input() @HostBinding('class.elevated') elevated = false;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffButtonBaseDirective } from '../button-base.directive';\n\n/**\n * DaffUnderlineButtonComponent is a borderless button with a custom underline style.\n *\n * @example Underline button\n * ```html\n * <button daff-underline-button>\n * <div daffPrefix></div>\n * Underline Button\n * <div daffSuffix></div>\n * </button>\n *\n * <a href=\"/\" daff-underline-button>\n * <div daffPrefix></div>\n * Linked underline button\n * <div daffSuffix></div>\n * </a>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]',\n templateUrl: '../button-base.component.html',\n styleUrl: './underline.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffUnderlineButtonComponent\n extends DaffButtonBaseDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-underline-button') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\n/**\n * @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n ],\n exports: [\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n ],\n})\nexport class DaffButtonModule { }\n","import {\n DaffPrefixDirective,\n DaffSuffixDirective,\n} from '@daffodil/design';\n\nimport { DaffButtonComponent } from './button/basic/button.component';\nimport { DaffFlatButtonComponent } from './button/flat/flat.component';\nimport { DaffIconButtonComponent } from './button/icon/icon.component';\nimport { DaffRaisedButtonComponent } from './button/raised/raised.component';\nimport { DaffStrokedButtonComponent } from './button/stroked/stroked.component';\nimport { DaffUnderlineButtonComponent } from './button/underline/underline.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_BUTTON_COMPONENTS = <const> [\n DaffButtonComponent,\n DaffFlatButtonComponent,\n DaffIconButtonComponent,\n DaffRaisedButtonComponent,\n DaffStrokedButtonComponent,\n DaffUnderlineButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_BASIC_BUTTON_COMPONENTS = <const> [\n DaffButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_FLAT_BUTTON_COMPONENTS = <const> [\n DaffFlatButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_ICON_BUTTON_COMPONENTS = <const> [\n DaffIconButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_STROKED_BUTTON_COMPONENTS = <const> [\n DaffStrokedButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_UNDERLINE_BUTTON_COMPONENTS = <const> [\n DaffUnderlineButtonComponent,\n DaffPrefixDirective,\n DaffSuffixDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffButtonSizableDirective"],"mappings":"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"}
package/fesm2022/daffodil-design-form-field-examples.mjs ADDED
@@ -0,0 +1,95 @@
1
+ import * as i0 from '@angular/core';
2
+ import { ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { faUser, faEye, faCircleXmark, faPencil } from '@fortawesome/free-solid-svg-icons';
4
+ import * as i1 from '@daffodil/design';
5
+ import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';
6
+ import { DaffInputComponent } from '@daffodil/design/input';
7
+ import * as i2 from '@angular/forms';
8
+ import { FormsModule } from '@angular/forms';
9
+ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
10
+ import { DaffButtonComponent } from '@daffodil/design/button';
11
+
12
+ class FormFieldAppearancesComponent {
13
+ constructor() {
14
+ this.faUser = faUser;
15
+ this.faEye = faEye;
16
+ }
17
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldAppearancesComponent, isStandalone: true, selector: "form-field-appearances", ngImport: i0, template: "<daff-form-field appearance=\"fluid\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19
+ }
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, decorators: [{
21
+ type: Component,
22
+ args: [{ selector: 'form-field-appearances', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
23
+ DAFF_FORM_FIELD_COMPONENTS,
24
+ DaffInputComponent,
25
+ ], template: "<daff-form-field appearance=\"fluid\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
26
+ }] });
27
+
28
+ class FormFieldWithActionComponent {
29
+ constructor() {
30
+ this.faUser = faUser;
31
+ this.faCircleXmark = faCircleXmark;
32
+ this.inputValue = '';
33
+ }
34
+ clearInput() {
35
+ this.inputValue = ''; // or this.inputValue = null;
36
+ }
37
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
38
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithActionComponent, isStandalone: true, selector: "form-field-with-action", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" required />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "directive", type: i1.DaffFormFieldActionDirective, selector: "[daffFormFieldAction]" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
39
+ }
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, decorators: [{
41
+ type: Component,
42
+ args: [{ selector: 'form-field-with-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
43
+ DAFF_FORM_FIELD_COMPONENTS,
44
+ DaffInputComponent,
45
+ FaIconComponent,
46
+ FormsModule,
47
+ DaffButtonComponent,
48
+ ], template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" required />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
49
+ }] });
50
+
51
+ class FormFieldWithPrefixComponent {
52
+ constructor() {
53
+ this.faUser = faUser;
54
+ }
55
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
56
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithPrefixComponent, isStandalone: true, selector: "form-field-with-prefix", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
57
+ }
58
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, decorators: [{
59
+ type: Component,
60
+ args: [{ selector: 'form-field-with-prefix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
61
+ DAFF_FORM_FIELD_COMPONENTS,
62
+ DaffInputComponent,
63
+ FaIconComponent,
64
+ ], template: "<daff-form-field>\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
65
+ }] });
66
+
67
+ class FormFieldWithSuffixComponent {
68
+ constructor() {
69
+ this.faPencil = faPencil;
70
+ }
71
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
72
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: FormFieldWithSuffixComponent, isStandalone: true, selector: "form-field-with-suffix", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
73
+ }
74
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, decorators: [{
75
+ type: Component,
76
+ args: [{ selector: 'form-field-with-suffix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
77
+ DAFF_FORM_FIELD_COMPONENTS,
78
+ DaffInputComponent,
79
+ FaIconComponent,
80
+ ], template: "<daff-form-field>\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>", styles: [":host{display:flex;flex-direction:column;gap:.5rem}daff-form-field{max-width:30rem}\n"] }]
81
+ }] });
82
+
83
+ const FORM_FIELD_EXAMPLES = [
84
+ FormFieldAppearancesComponent,
85
+ FormFieldWithActionComponent,
86
+ FormFieldWithPrefixComponent,
87
+ FormFieldWithSuffixComponent,
88
+ ];
89
+
90
+ /**
91
+ * Generated bundle index. Do not edit.
92
+ */
93
+
94
+ export { FORM_FIELD_EXAMPLES };
95
+ //# sourceMappingURL=daffodil-design-form-field-examples.mjs.map
package/fesm2022/daffodil-design-form-field-examples.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-form-field-examples.mjs","sources":["../../../libs/design/form-field/examples/src/form-field-appearances/form-field-appearances.component.ts","../../../libs/design/form-field/examples/src/form-field-appearances/form-field-appearances.component.html","../../../libs/design/form-field/examples/src/form-field-with-action/form-field-with-action.component.ts","../../../libs/design/form-field/examples/src/form-field-with-action/form-field-with-action.component.html","../../../libs/design/form-field/examples/src/form-field-with-prefix/form-field-with-prefix.component.ts","../../../libs/design/form-field/examples/src/form-field-with-prefix/form-field-with-prefix.component.html","../../../libs/design/form-field/examples/src/form-field-with-suffix/form-field-with-suffix.component.ts","../../../libs/design/form-field/examples/src/form-field-with-suffix/form-field-with-suffix.component.html","../../../libs/design/form-field/examples/src/examples.ts","../../../libs/design/form-field/examples/src/daffodil-design-form-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n faUser,\n faEye,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'form-field-appearances',\n templateUrl: './form-field-appearances.component.html',\n styleUrl: './form-field-appearances.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffInputComponent,\n ],\n})\nexport class FormFieldAppearancesComponent {\n faUser = faUser;\n faEye = faEye;\n}\n","<daff-form-field appearance=\"fluid\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faUser,\n faCircleXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'form-field-with-action',\n templateUrl: './form-field-with-action.component.html',\n styleUrl: './form-field-with-action.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffInputComponent,\n FaIconComponent,\n FormsModule,\n DaffButtonComponent,\n ],\n})\nexport class FormFieldWithActionComponent {\n faUser = faUser;\n faCircleXmark = faCircleXmark;\n\n inputValue = '';\n\n clearInput(): void {\n this.inputValue = ''; // or this.inputValue = null;\n }\n}\n","<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" required />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [(ngModel)]=\"inputValue\" />\n <button daff-button color=\"theme-contrast\" daffFormFieldAction>\n Submit\n </button>\n</daff-form-field>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faUser } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'form-field-with-prefix',\n templateUrl: './form-field-with-prefix.component.html',\n styleUrl: './form-field-with-prefix.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffInputComponent,\n FaIconComponent,\n ],\n})\nexport class FormFieldWithPrefixComponent {\n faUser = faUser;\n}\n","<daff-form-field>\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>First Name</daff-form-label>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <input daff-input type=\"text\" name=\"first-name\" />\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faPencil } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'form-field-with-suffix',\n templateUrl: './form-field-with-suffix.component.html',\n styleUrl: './form-field-with-suffix.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffInputComponent,\n FaIconComponent,\n ],\n})\nexport class FormFieldWithSuffixComponent {\n faPencil = faPencil;\n}\n","<daff-form-field>\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>\n\n\n<daff-form-field appearance=\"fixed\">\n <daff-form-label>Phone Number</daff-form-label>\n <input daff-input type=\"text\" name=\"phone-number\" />\n <fa-icon [icon]=\"faPencil\" daffSuffix></fa-icon>\n</daff-form-field>","import { FormFieldAppearancesComponent } from './form-field-appearances/form-field-appearances.component';\nimport { FormFieldWithActionComponent } from './form-field-with-action/form-field-with-action.component';\nimport { FormFieldWithPrefixComponent } from './form-field-with-prefix/form-field-with-prefix.component';\nimport { FormFieldWithSuffixComponent } from './form-field-with-suffix/form-field-with-suffix.component';\n\nexport const FORM_FIELD_EXAMPLES = [\n FormFieldAppearancesComponent,\n FormFieldWithActionComponent,\n FormFieldWithPrefixComponent,\n FormFieldWithSuffixComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}