@daffodil/design 0.74.0 → 0.75.0

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faChevronLeft, faChevronRight, faPlus, faExclamation, faExclamationTriangle, faCheckCircle } from '@fortawesome/free-solid-svg-icons';
+import * as i2 from '@daffodil/design';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
 import * as i1 from '@daffodil/design/button';
 import { DaffButtonModule } from '@daffodil/design/button';
-import * as i2 from '@daffodil/design';
-import * as i3 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 class BasicButtonComponent {
     constructor() {
@@ -13,11 +13,15 @@ class BasicButtonComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicButtonComponent, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicButtonComponent, isStandalone: true, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffButtonModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                    ], template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 class FlatButtonComponent {
@@ -26,11 +30,15 @@ class FlatButtonComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: FlatButtonComponent, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: FlatButtonComponent, isStandalone: true, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffButtonModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                    ], template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 class IconButtonComponent {
@@ -38,11 +46,11 @@ class IconButtonComponent {
         this.faPlus = faPlus;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: IconButtonComponent, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: IconButtonComponent, isStandalone: true, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 class RaisedButtonComponent {
@@ -51,11 +59,15 @@ class RaisedButtonComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedButtonComponent, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedButtonComponent, isStandalone: true, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffButtonModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                    ], template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 class SizeableButtonComponent {
@@ -63,11 +75,11 @@ class SizeableButtonComponent {
         this.faPlus = faPlus;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SizeableButtonComponent, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SizeableButtonComponent, isStandalone: true, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
+            args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
         }] });
 
 class StatusableButtonComponent {
@@ -77,11 +89,11 @@ class StatusableButtonComponent {
         this.faCheckCircle = faCheckCircle;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StatusableButtonComponent, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StatusableButtonComponent, isStandalone: true, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
+            args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
         }] });
 
 class StrokedButtonComponent {
@@ -90,11 +102,15 @@ class StrokedButtonComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StrokedButtonComponent, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StrokedButtonComponent, isStandalone: true, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffButtonModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                    ], template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 class UnderlineButtonComponent {
@@ -103,11 +119,15 @@ class UnderlineButtonComponent {
         this.faChevronRight = faChevronRight;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: UnderlineButtonComponent, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: UnderlineButtonComponent, isStandalone: true, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
+            args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffButtonModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                    ], template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
         }] });
 
 const BUTTON_EXAMPLES = [
@@ -121,193 +141,9 @@ const BUTTON_EXAMPLES = [
     FlatButtonComponent,
 ];
 
-class BasicButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonModule, declarations: [BasicButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [BasicButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BasicButtonComponent,
-                    ],
-                    exports: [
-                        BasicButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class FlatButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonModule, declarations: [FlatButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [FlatButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FlatButtonComponent,
-                    ],
-                    exports: [
-                        FlatButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class IconButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: IconButtonModule, declarations: [IconButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [IconButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IconButtonComponent,
-                    ],
-                    exports: [
-                        IconButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class RaisedButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonModule, declarations: [RaisedButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [RaisedButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        RaisedButtonComponent,
-                    ],
-                    exports: [
-                        RaisedButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class SizeableButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonModule, declarations: [SizeableButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [SizeableButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SizeableButtonComponent,
-                    ],
-                    exports: [
-                        SizeableButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class StatusableButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonModule, declarations: [StatusableButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [StatusableButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        StatusableButtonComponent,
-                    ],
-                    exports: [
-                        StatusableButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class StrokedButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonModule, declarations: [StrokedButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [StrokedButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        StrokedButtonComponent,
-                    ],
-                    exports: [
-                        StrokedButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
-class UnderlineButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonModule, declarations: [UnderlineButtonComponent], imports: [DaffButtonModule,
-            FontAwesomeModule], exports: [UnderlineButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonModule, imports: [DaffButtonModule,
-            FontAwesomeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        UnderlineButtonComponent,
-                    ],
-                    exports: [
-                        UnderlineButtonComponent,
-                    ],
-                    imports: [
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                    ],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BUTTON_EXAMPLES, BasicButtonComponent, BasicButtonModule, FlatButtonComponent, FlatButtonModule, IconButtonComponent, IconButtonModule, RaisedButtonComponent, RaisedButtonModule, SizeableButtonComponent, SizeableButtonModule, StatusableButtonComponent, StatusableButtonModule, StrokedButtonComponent, StrokedButtonModule, UnderlineButtonComponent, UnderlineButtonModule };
+export { BUTTON_EXAMPLES, BasicButtonComponent, FlatButtonComponent, IconButtonComponent, RaisedButtonComponent, SizeableButtonComponent, StatusableButtonComponent, StrokedButtonComponent, UnderlineButtonComponent };
 //# sourceMappingURL=daffodil-design-button-examples.mjs.map