@daffodil/design 0.85.0 → 0.87.0

package/fesm2022/daffodil-design-button.mjs

@@ -1,8 +1,6 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Directive, HostBinding, Input, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i1 from '@daffodil/design/loading-icon';
-import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i2 from '@daffodil/design';
 import { DaffSizableDirective, DaffPrefixDirective, DaffSuffixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffColorableDirective } from '@daffodil/design';
@@ -21,9 +19,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 class DaffButtonBaseDirective {
     constructor(size) {
         this.size = size;
-        this.loading = false;
         /**
-         * Sets the tabindex. Defaults to 0.
+         * Sets the tabindex.
          */
         this.tabindex = 0;
         this._disabled = false;
@@ -42,7 +39,7 @@ class DaffButtonBaseDirective {
      * The disabled state of the button.
      */
     get disabled() {
-        return this._disabled || this.loading;
+        return this._disabled;
     }
     set disabled(value) {
         this._disabled = coerceBooleanProperty(value);
@@ -68,7 +65,7 @@ class DaffButtonBaseDirective {
         return this.disabled ? -1 : this.tabindex;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonBaseDirective, deps: [{ token: DaffButtonSizableDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffButtonBaseDirective, isStandalone: true, selector: "[daffButtonBase]", inputs: { loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.tabIndexAttribute" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffButtonBaseDirective, isStandalone: true, selector: "[daffButtonBase]", inputs: { tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.tabIndexAttribute" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: DaffButtonSizableDirective, inputs: ["size", "size"] }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }, { directive: i2.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonBaseDirective, decorators: [{
             type: Directive,
@@ -89,7 +86,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                             inputs: ['color'],
                         },
                     ],
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: DaffButtonSizableDirective }], propDecorators: { _prefix: [{
                 type: ContentChild,
@@ -97,13 +93,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
             }], _suffix: [{
                 type: ContentChild,
                 args: [DaffSuffixDirective, { static: true }]
+            }], tabindex: [{
+                type: Input
             }], disabledClass: [{
                 type: HostBinding,
                 args: ['class.disabled']
-            }], loading: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
             }], disabled: [{
                 type: Input
             }], disabledAttribute: [{
@@ -148,13 +142,11 @@ class DaffButtonComponent extends DaffButtonBaseDirective {
         this.elevated = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem}.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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-md .daff-button__loading{width:1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button.daff-lg .daff-button__loading{width:2rem}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-button]' + ',' + 'a[daff-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem}.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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-md .daff-button__loading{width:1.5rem}.daff-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button.daff-lg .daff-button__loading{width:2rem}\n"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-button']
@@ -192,13 +184,11 @@ class DaffFlatButtonComponent extends DaffButtonBaseDirective {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffFlatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem;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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-md .daff-button__loading{width:1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-flat-button.daff-lg .daff-button__loading{width:2rem}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffFlatButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-flat-button]' + ',' + 'a[daff-flat-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem;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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-flat-button.daff-md .daff-button__loading{width:1.5rem}.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-flat-button.daff-lg .daff-button__loading{width:2rem}\n"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-flat-button']
@@ -227,13 +217,11 @@ class DaffIconButtonComponent extends DaffButtonBaseDirective {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-md .daff-button__loading{width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-icon-button.daff-lg .daff-button__loading{width:3.5rem}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffIconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-icon-button]' + ',' + 'a[daff-icon-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-md .daff-button__loading{width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-icon-button.daff-lg .daff-button__loading{width:3.5rem}\n"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-icon-button']
@@ -268,13 +256,11 @@ class DaffRaisedButtonComponent extends DaffButtonBaseDirective {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-md .daff-button__loading{width:1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-raised-button.daff-lg .daff-button__loading{width:2rem}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffRaisedButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-raised-button]' + ',' + 'a[daff-raised-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-raised-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-raised-button.daff-md .daff-button__loading{width:1.5rem}.daff-raised-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-raised-button.daff-lg .daff-button__loading{width:2rem}\n"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-raised-button']
@@ -311,13 +297,11 @@ class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
         this.elevated = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem}.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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-md .daff-button__loading{width: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.daff-lg .daff-button__loading{width:2rem}.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"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffStrokedButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-stroked-button]' + ',' + 'a[daff-stroked-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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;min-width:6rem}.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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-stroked-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-stroked-button.daff-md .daff-button__loading{width: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.daff-lg .daff-button__loading{width:2rem}.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"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-stroked-button']
@@ -355,13 +339,11 @@ class DaffUnderlineButtonComponent extends DaffButtonBaseDirective {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffUnderlineButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-md .daff-button__loading{width:1rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}.daff-underline-button.daff-lg .daff-button__loading{width:1.25rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffUnderlineButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[daff-underline-button]' + ',' + 'a[daff-underline-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_LOADING_ICON_COMPONENTS,
-                    ], template: "@if (_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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__loading>*{width:100%}.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-sm .daff-button__loading{width:1rem}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 .25rem}.daff-underline-button.daff-md .daff-button__loading{width:1rem}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 .5rem}.daff-underline-button.daff-lg .daff-button__loading{width:1.25rem}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"] }]
+            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"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-underline-button']
@@ -384,13 +366,7 @@ class DaffButtonModule {
             DaffRaisedButtonComponent,
             DaffStrokedButtonComponent,
             DaffUnderlineButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
-            DaffButtonComponent,
-            DaffFlatButtonComponent,
-            DaffIconButtonComponent,
-            DaffRaisedButtonComponent,
-            DaffStrokedButtonComponent,
-            DaffUnderlineButtonComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffButtonModule, decorators: [{
             type: NgModule,
@@ -425,11 +401,53 @@ const DAFF_BUTTON_COMPONENTS = [
     DaffRaisedButtonComponent,
     DaffStrokedButtonComponent,
     DaffUnderlineButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
+];
+/**
+ * @docs-private
+ */
+const DAFF_BASIC_BUTTON_COMPONENTS = [
+    DaffButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
+];
+/**
+ * @docs-private
+ */
+const DAFF_FLAT_BUTTON_COMPONENTS = [
+    DaffFlatButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
+];
+/**
+ * @docs-private
+ */
+const DAFF_ICON_BUTTON_COMPONENTS = [
+    DaffIconButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
+];
+/**
+ * @docs-private
+ */
+const DAFF_STROKED_BUTTON_COMPONENTS = [
+    DaffStrokedButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
+];
+/**
+ * @docs-private
+ */
+const DAFF_UNDERLINE_BUTTON_COMPONENTS = [
+    DaffUnderlineButtonComponent,
+    DaffPrefixDirective,
+    DaffSuffixDirective,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_BUTTON_COMPONENTS, DaffButtonComponent, DaffButtonModule, DaffFlatButtonComponent, DaffIconButtonComponent, DaffRaisedButtonComponent, DaffStrokedButtonComponent, DaffUnderlineButtonComponent };
+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 };
 //# sourceMappingURL=daffodil-design-button.mjs.map

package/fesm2022/daffodil-design-button.mjs.map

@@ -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  standalone: true,\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  @Input() loading = false;\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 || this.loading;\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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@if (loading) {\n  <daff-loading-icon class=\"daff-button__loading\"></daff-loading-icon>\n} @else {\n  <span class=\"daff-button__content\"><ng-content></ng-content></span>\n}\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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 { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\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  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n  ],\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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"}
+{"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

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { faUser, faEye, faCircleXmark, faPencil } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@daffodil/design';
+import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';
+import { DaffInputComponent } from '@daffodil/design/input';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DaffButtonComponent } from '@daffodil/design/button';
+
+class FormFieldAppearancesComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faEye = faEye;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldAppearancesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-appearances', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                    ], 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"] }]
+        }] });
+
+class FormFieldWithActionComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faCircleXmark = faCircleXmark;
+        this.inputValue = '';
+    }
+    clearInput() {
+        this.inputValue = ''; // or this.inputValue = null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                        FormsModule,
+                        DaffButtonComponent,
+                    ], 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"] }]
+        }] });
+
+class FormFieldWithPrefixComponent {
+    constructor() {
+        this.faUser = faUser;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithPrefixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-prefix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                    ], 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"] }]
+        }] });
+
+class FormFieldWithSuffixComponent {
+    constructor() {
+        this.faPencil = faPencil;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FormFieldWithSuffixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-field-with-suffix', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_FORM_FIELD_COMPONENTS,
+                        DaffInputComponent,
+                        FaIconComponent,
+                    ], 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"] }]
+        }] });
+
+const FORM_FIELD_EXAMPLES = [
+    FormFieldAppearancesComponent,
+    FormFieldWithActionComponent,
+    FormFieldWithPrefixComponent,
+    FormFieldWithSuffixComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FORM_FIELD_EXAMPLES };
+//# sourceMappingURL=daffodil-design-form-field-examples.mjs.map