@daffodil/design 0.74.0 → 0.75.0

package/esm2022/button/examples/flat-button/flat-button.component.mjs

@@ -1,19 +1,25 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@fortawesome/angular-fontawesome";
 export class FlatButtonComponent {
     constructor() {
         this.faChevronLeft = faChevronLeft;
         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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsY0FBYyxHQUNmLE1BQU0sbUNBQW1DLENBQUM7Ozs7O0FBZTNDLE1BQU0sT0FBTyxtQkFBbUI7SUFiaEM7UUFjRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxtQkFBbUI7c0hBQW5CLG1CQUFtQixtREN0QmhDLG0xQkFZcUM7OzRGRFV4QixtQkFBbUI7a0JBYi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFTTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnZmxhdC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZmxhdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGbGF0QnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtZmxhdC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtZmxhdC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtZmxhdC1idXR0b24+TGluazwvYT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBcUIzRCxNQUFNLE9BQU8sbUJBQW1CO0lBbkJoQztRQW9CRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxtQkFBbUI7c0hBQW5CLG1CQUFtQix1RUNoQ2hDLG0xQkFZcUMscUdEZWpDLGdCQUFnQixva0JBQ2hCLGVBQWUsaVBBQ2Ysc0JBQXNCOzs0RkFHYixtQkFBbUI7a0JBbkIvQixTQUFTOytCQUVFLGFBQWEsbUJBU04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdmbGF0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGF0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGbGF0QnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtZmxhdC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtZmxhdC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtZmxhdC1idXR0b24+TGluazwvYT4iXX0=

package/esm2022/button/examples/icon-button/icon-button.component.mjs

@@ -1,17 +1,18 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
-import * as i2 from "@fortawesome/angular-fontawesome";
 export class IconButtonComponent {
     constructor() {
         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: i2.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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7OztBQWUzRCxNQUFNLE9BQU8sbUJBQW1CO0lBYmhDO1FBY0UsV0FBTSxHQUFHLE1BQU0sQ0FBQztLQUNqQjtrSUFGWSxtQkFBbUI7c0hBQW5CLG1CQUFtQixtRENuQmhDLDR4QkFROEU7OzRGRFdqRSxtQkFBbUI7a0JBYi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFTTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYVBsdXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdpY29uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Db21wb25lbnQge1xuICBmYVBsdXMgPSBmYVBsdXM7XG59XG4iLCI8YnV0dG9uIGRhZmYtaWNvbi1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cInRlcnRpYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cInRoZW1lXCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gZGlzYWJsZWQ+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQWlCM0QsTUFBTSxPQUFPLG1CQUFtQjtJQWZoQztRQWdCRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2tJQUZZLG1CQUFtQjtzSEFBbkIsbUJBQW1CLHVFQ3hCaEMsNHhCQVE4RSxxR0RjbEUsZ0JBQWdCLHNhQUFFLGVBQWU7OzRGQUVoQyxtQkFBbUI7a0JBZi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFTTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFQbHVzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaWNvbi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGFmZkJ1dHRvbk1vZHVsZSwgRmFJY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJibGFja1wiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGhlbWVcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBkaXNhYmxlZD48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+Il19

package/esm2022/button/examples/public_api.mjs

@@ -1,18 +1,10 @@
 export { BUTTON_EXAMPLES } from './examples';
 export { BasicButtonComponent } from './basic-button/basic-button.component';
-export { BasicButtonModule } from './basic-button/basic-button.module';
 export { FlatButtonComponent } from './flat-button/flat-button.component';
-export { FlatButtonModule } from './flat-button/flat-button.module';
 export { IconButtonComponent } from './icon-button/icon-button.component';
-export { IconButtonModule } from './icon-button/icon-button.module';
 export { RaisedButtonComponent } from './raised-button/raised-button.component';
-export { RaisedButtonModule } from './raised-button/raised-button.module';
 export { SizeableButtonComponent } from './sizeable-button/sizeable-button.component';
-export { SizeableButtonModule } from './sizeable-button/sizeable-button.module';
 export { StatusableButtonComponent } from './statusable-button/statusable-button.component';
-export { StatusableButtonModule } from './statusable-button/statusable-button.module';
 export { StrokedButtonComponent } from './stroked-button/stroked-button.component';
-export { StrokedButtonModule } from './stroked-button/stroked-button.module';
 export { UnderlineButtonComponent } from './underline-button/underline-button.component';
-export { UnderlineButtonModule } from './underline-button/underline-button.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQlVUVE9OX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG5cbmV4cG9ydCB7IEJhc2ljQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1idXR0b24vYmFzaWMtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBCYXNpY0J1dHRvbk1vZHVsZSB9IGZyb20gJy4vYmFzaWMtYnV0dG9uL2Jhc2ljLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgRmxhdEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZmxhdC1idXR0b24vZmxhdC1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IEZsYXRCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSWNvbkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBSYWlzZWRCdXR0b25Nb2R1bGUgfSBmcm9tICcuL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgU2l6ZWFibGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNpemVhYmxlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9zaXplYWJsZS1idXR0b24vc2l6ZWFibGUtYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgeyBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU3RhdHVzYWJsZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vc3RhdHVzYWJsZS1idXR0b24vc3RhdHVzYWJsZS1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFN0cm9rZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdHJva2VkQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi91bmRlcmxpbmUtYnV0dG9uL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFVuZGVybGluZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vdW5kZXJsaW5lLWJ1dHRvbi91bmRlcmxpbmUtYnV0dG9uLm1vZHVsZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQlVUVE9OX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG5cbmV4cG9ydCB7IEJhc2ljQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1idXR0b24vYmFzaWMtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGbGF0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU3RhdHVzYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc3RhdHVzYWJsZS1idXR0b24vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFN0cm9rZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQnO1xuIl19

package/esm2022/button/examples/raised-button/raised-button.component.mjs

@@ -1,19 +1,25 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@fortawesome/angular-fontawesome";
 export class RaisedButtonComponent {
     constructor() {
         this.faChevronLeft = faChevronLeft;
         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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7OztBQWUzQyxNQUFNLE9BQU8scUJBQXFCO0lBYmxDO1FBY0Usa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFkscUJBQXFCO3NIQUFyQixxQkFBcUIscURDdEJsQyw2MkJBWXVDOzs0RkRVMUIscUJBQXFCO2tCQWJqQyxTQUFTOytCQUVFLGVBQWUsbUJBU1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgc2l6ZT1cInNtXCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGxvYWRpbmc9XCJ0cnVlXCI+RGVmYXVsdDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXJhaXNlZC1idXR0b24+TGluazwvYT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQXFCM0QsTUFBTSxPQUFPLHFCQUFxQjtJQW5CbEM7UUFvQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFkscUJBQXFCO3NIQUFyQixxQkFBcUIseUVDaENsQyw2MkJBWXVDLHFHRGVuQyxnQkFBZ0Isb2tCQUNoQixlQUFlLGlQQUNmLHNCQUFzQjs7NEZBR2IscUJBQXFCO2tCQW5CakMsU0FBUzsrQkFFRSxlQUFlLG1CQVNSLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixzQkFBc0I7cUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncmFpc2VkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgc2l6ZT1cInNtXCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGxvYWRpbmc9XCJ0cnVlXCI+RGVmYXVsdDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXJhaXNlZC1idXR0b24+TGluazwvYT4iXX0=

package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs

@@ -1,17 +1,18 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
-import * as i2 from "@fortawesome/angular-fontawesome";
 export class SizeableButtonComponent {
     constructor() {
         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: i2.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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBUzNELE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2tJQUZZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLHVEQ2JwQyxnZ0RBK0JNOzs0RkRsQk8sdUJBQXVCO2tCQVBuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYVBsdXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdzaXplYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGRpdiBjbGFzcz1cInNpemVhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgU3Ryb2tlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIEZsYXQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwic21cIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj5cblxuPGg0Pk1lZGl1bSBCdXR0b25zIChEZWZhdWx0KTwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gRmxhdCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+TGFyZ2UgQnV0dG9uczwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBGbGF0IEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwibGdcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBVzNELE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFVRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2tJQUZZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLDJFQ2xCcEMsZ2dEQStCTSw0SkRmTSxnQkFBZ0Isc2FBQUUsZUFBZTs7NEZBRWhDLHVCQUF1QjtrQkFUbkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhUGx1cyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NpemVhYmxlLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEYWZmQnV0dG9uTW9kdWxlLCBGYUljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGRpdiBjbGFzcz1cInNpemVhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgU3Ryb2tlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIEZsYXQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwic21cIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj5cblxuPGg0Pk1lZGl1bSBCdXR0b25zIChEZWZhdWx0KTwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gRmxhdCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+TGFyZ2UgQnV0dG9uczwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBGbGF0IEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwibGdcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj4iXX0=

package/esm2022/button/examples/statusable-button/statusable-button.component.mjs

@@ -1,8 +1,9 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faExclamation, faExclamationTriangle, faCheckCircle, } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
-import * as i2 from "@fortawesome/angular-fontawesome";
 export class StatusableButtonComponent {
     constructor() {
         this.faExclamation = faExclamation;
@@ -10,10 +11,10 @@ export 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: i2.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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IscUJBQXFCLEVBQ3JCLGFBQWEsR0FDZCxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBVTNDLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QiwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUM5QyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztLQUMvQjtrSUFKWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qix5RENsQnRDLHE4Q0FpQ007OzRGRGZPLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFFRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFFeGNsYW1hdGlvbixcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlLFxuICBmYUNoZWNrQ2lyY2xlLFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0YXR1c2FibGUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQge1xuICBmYUV4Y2xhbWF0aW9uID0gZmFFeGNsYW1hdGlvbjtcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlID0gZmFFeGNsYW1hdGlvblRyaWFuZ2xlO1xuICBmYUNoZWNrQ2lyY2xlID0gZmFDaGVja0NpcmNsZTtcbn1cbiIsIjxoND5CYXNpYyBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5TdHJva2VkIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPkRhbmdlcjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5VbmRlcmxpbmUgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+SWNvbiBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+PGZhLWljb24gW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPjxmYS1pY29uIFtpY29uXT1cImZhRXhjbGFtYXRpb25UcmlhbmdsZVwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZWNrQ2lyY2xlXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLHFCQUFxQixFQUNyQixhQUFhLEdBQ2QsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBWTNELE1BQU0sT0FBTyx5QkFBeUI7SUFUdEM7UUFVRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QiwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUM5QyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztLQUMvQjtrSUFKWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qiw2RUN2QnRDLHE4Q0FpQ00sMklEWk0sZ0JBQWdCLHNhQUFFLGVBQWU7OzRGQUVoQyx5QkFBeUI7a0JBVHJDLFNBQVM7K0JBRUUsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUV4Y2xhbWF0aW9uLFxuICBmYUV4Y2xhbWF0aW9uVHJpYW5nbGUsXG4gIGZhQ2hlY2tDaXJjbGUsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3RhdHVzYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZCdXR0b25Nb2R1bGUsIEZhSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQge1xuICBmYUV4Y2xhbWF0aW9uID0gZmFFeGNsYW1hdGlvbjtcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlID0gZmFFeGNsYW1hdGlvblRyaWFuZ2xlO1xuICBmYUNoZWNrQ2lyY2xlID0gZmFDaGVja0NpcmNsZTtcbn1cbiIsIjxoND5CYXNpYyBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5TdHJva2VkIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPkRhbmdlcjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5VbmRlcmxpbmUgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+SWNvbiBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+PGZhLWljb24gW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPjxmYS1pY29uIFtpY29uXT1cImZhRXhjbGFtYXRpb25UcmlhbmdsZVwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZWNrQ2lyY2xlXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPC9kaXY+Il19

package/esm2022/button/examples/stroked-button/stroked-button.component.mjs

@@ -1,19 +1,25 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@fortawesome/angular-fontawesome";
 export class StrokedButtonComponent {
     constructor() {
         this.faChevronLeft = faChevronLeft;
         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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsY0FBYyxHQUNmLE1BQU0sbUNBQW1DLENBQUM7Ozs7O0FBZTNDLE1BQU0sT0FBTyxzQkFBc0I7SUFibkM7UUFjRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxzQkFBc0I7c0hBQXRCLHNCQUFzQixzREN0Qm5DLDAzQkFZd0M7OzRGRFUzQixzQkFBc0I7a0JBYmxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQVNULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdzdHJva2VkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRCdXR0b25Db21wb25lbnQge1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcbiAgZmFDaGV2cm9uUmlnaHQgPSBmYUNoZXZyb25SaWdodDtcbn1cbiIsIjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPldoaXRlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiIHNpemU9XCJzbVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBsb2FkaW5nPVwidHJ1ZVwiPkRlZmF1bHQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi1zdHJva2VkLWJ1dHRvbj5MaW5rPC9hPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBcUIzRCxNQUFNLE9BQU8sc0JBQXNCO0lBbkJuQztRQW9CRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxzQkFBc0I7c0hBQXRCLHNCQUFzQiwwRUNoQ25DLDAzQkFZd0MscUdEZXBDLGdCQUFnQixva0JBQ2hCLGVBQWUsaVBBQ2Ysc0JBQXNCOzs0RkFHYixzQkFBc0I7a0JBbkJsQyxTQUFTOytCQUVFLGdCQUFnQixtQkFTVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2Ysc0JBQXNCO3FCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhTdWZmaXhNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRCdXR0b25Db21wb25lbnQge1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcbiAgZmFDaGV2cm9uUmlnaHQgPSBmYUNoZXZyb25SaWdodDtcbn1cbiIsIjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPldoaXRlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiIHNpemU9XCJzbVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBsb2FkaW5nPVwidHJ1ZVwiPkRlZmF1bHQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi1zdHJva2VkLWJ1dHRvbj5MaW5rPC9hPiJdfQ==

package/esm2022/button/examples/underline-button/underline-button.component.mjs

@@ -1,19 +1,25 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/button";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@fortawesome/angular-fontawesome";
 export class UnderlineButtonComponent {
     constructor() {
         this.faChevronLeft = faChevronLeft;
         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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7OztBQWUzQyxNQUFNLE9BQU8sd0JBQXdCO0lBYnJDO1FBY0Usa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFksd0JBQXdCO3NIQUF4Qix3QkFBd0Isd0RDdEJyQyxvNUJBWTBDOzs0RkRVN0Isd0JBQXdCO2tCQWJwQyxTQUFTOytCQUVFLGtCQUFrQixtQkFTWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndW5kZXJsaW5lLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi91bmRlcmxpbmUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5MaW5rPC9hPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQXFCM0QsTUFBTSxPQUFPLHdCQUF3QjtJQW5CckM7UUFvQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFksd0JBQXdCO3NIQUF4Qix3QkFBd0IsNEVDaENyQyxvNUJBWTBDLHFHRGV0QyxnQkFBZ0Isb2tCQUNoQixlQUFlLGlQQUNmLHNCQUFzQjs7NEZBR2Isd0JBQXdCO2tCQW5CcEMsU0FBUzsrQkFFRSxrQkFBa0IsbUJBU1gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd1bmRlcmxpbmUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5MaW5rPC9hPiJdfQ==

package/esm2022/button/public_api.mjs

@@ -1,3 +1,4 @@
 export { DaffButtonComponent } from './button/button.component';
 export { DaffButtonModule } from './button.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi5tb2R1bGUnO1xuIl19
+export { DaffButtonSizableDirective } from './button/button-sizable.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgRGFmZkJ1dHRvblNpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi9idXR0b24tc2l6YWJsZS5kaXJlY3RpdmUnO1xuIl19

package/esm2022/callout/callout/callout.component.mjs

@@ -1,37 +1,43 @@
-import { Component, ViewEncapsulation, ElementRef, ChangeDetectionStrategy, HostBinding, Renderer2, } from '@angular/core';
-import { daffArticleEncapsulatedMixin, daffColorMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffTextAlignmentMixin, } from '@daffodil/design';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
+import { DaffColorableDirective, DaffCompactableDirective, } from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffManageContainerLayoutDirective, DaffTextAlignableDirective, } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffCalloutBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffCalloutBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')))));
+import * as i1 from "@daffodil/design";
 /**
  * @inheritdoc
  */
-export class DaffCalloutComponent extends _daffCalloutBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+export class DaffCalloutComponent {
+    constructor(textAlignable) {
+        this.textAlignable = textAlignable;
         /**
          * @docs-private
          */
         this.class = true;
+        this.textAlignable.textAlignment = 'left';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment" }, host: { properties: { "class.daff-callout": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i1.DaffTextAlignableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffCalloutComponent, selector: "daff-callout", host: { properties: { "class.daff-callout": "this.class" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCalloutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
+            args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        { directive: DaffManageContainerLayoutDirective },
+                        {
+                            directive: DaffTextAlignableDirective,
+                            inputs: ['textAlignment'],
+                        },
+                        {
+                            directive: DaffCompactableDirective,
+                            inputs: ['compact'],
+                        },
+                        {
+                            directive: DaffColorableDirective,
+                            inputs: ['color'],
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffTextAlignableDirective }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-callout']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBRWpCLFVBQVUsRUFDVix1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsNEJBQTRCLEVBRTVCLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsOEJBQThCLEVBRTlCLHNCQUFzQixHQUN2QixNQUFNLGtCQUFrQixDQUFDOztBQUUxQjs7R0FFRztBQUNILE1BQU0sZUFBZTtJQUNuQixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLGdCQUFnQixHQUFHLDRCQUE0QixDQUFDLDhCQUE4QixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUU3Szs7R0FFRztBQVdILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFDeEQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFJdkU7O1dBRUc7UUFDZ0MsVUFBSyxHQUFHLElBQUksQ0FBQztJQUxoRCxDQUFDO2tJQUhVLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHlOQVJyQiwyQkFBMkI7OzRGQVExQixvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0UsY0FBYyxZQUNkLDJCQUEyQixpQkFFdEIsaUJBQWlCLENBQUMsSUFBSSxVQUc3QixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxDQUFDLG1CQUM1Qix1QkFBdUIsQ0FBQyxNQUFNO3VHQVVaLEtBQUs7c0JBQXZDLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb21wYWN0YWJsZSxcbiAgZGFmZkNvbXBhY3RhYmxlTWl4aW4sXG4gIGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbixcbiAgRGFmZlRleHRBbGlnbmFibGUsXG4gIGRhZmZUZXh0QWxpZ25tZW50TWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIENvbG9yYWJsZSBtaXhpblxuICovXG5jbGFzcyBEYWZmQ2FsbG91dEJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZDYWxsb3V0QmFzZSA9IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dE1peGluKGRhZmZDb2xvck1peGluKGRhZmZDb21wYWN0YWJsZU1peGluKGRhZmZUZXh0QWxpZ25tZW50TWl4aW4oRGFmZkNhbGxvdXRCYXNlLCAnbGVmdCcpKSkpKTtcblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWNhbGxvdXQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdjb21wYWN0JywgJ3RleHRBbGlnbm1lbnQnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZDYWxsb3V0Q29tcG9uZW50IGV4dGVuZHMgX2RhZmZDYWxsb3V0QmFzZSBpbXBsZW1lbnRzIERhZmZDb2xvcmFibGUsIERhZmZUZXh0QWxpZ25hYmxlLCBEYWZmQ29tcGFjdGFibGUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY2FsbG91dCcpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qix3QkFBd0IsR0FDekIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQ0wsZ0NBQWdDLEVBQ2hDLGtDQUFrQyxFQUNsQywwQkFBMEIsR0FDM0IsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRTFCOztHQUVHO0FBd0JILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBb0IsYUFBeUM7UUFBekMsa0JBQWEsR0FBYixhQUFhLENBQTRCO1FBSTdEOztXQUVHO1FBQ2dDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFOOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO0lBQzVDLENBQUM7a0lBSFUsb0JBQW9CO3NIQUFwQixvQkFBb0IsMGRBckJyQiwyQkFBMkI7OzRGQXFCMUIsb0JBQW9CO2tCQXZCaEMsU0FBUzsrQkFDRSxjQUFjLFlBQ2QsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDZCxFQUFFLFNBQVMsRUFBRSxnQ0FBZ0MsRUFBRTt3QkFDL0MsRUFBRSxTQUFTLEVBQUUsa0NBQWtDLEVBQUU7d0JBQ2pEOzRCQUNFLFNBQVMsRUFBRSwwQkFBMEI7NEJBQ3JDLE1BQU0sRUFBRSxDQUFDLGVBQWUsQ0FBQzt5QkFDMUI7d0JBQ0Q7NEJBQ0UsU0FBUyxFQUFFLHdCQUF3Qjs0QkFDbkMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDO3lCQUNwQjt3QkFDRDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUM7eUJBQ2xCO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOytGQVVaLEtBQUs7c0JBQXZDLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZkNvbG9yYWJsZURpcmVjdGl2ZSxcbiAgRGFmZkNvbXBhY3RhYmxlRGlyZWN0aXZlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7XG4gIERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlLFxuICBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlLFxuICBEYWZmVGV4dEFsaWduYWJsZURpcmVjdGl2ZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1jYWxsb3V0JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9LFxuICAgIHsgZGlyZWN0aXZlOiBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIH0sXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEYWZmVGV4dEFsaWduYWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWyd0ZXh0QWxpZ25tZW50J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjb21wYWN0J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZDb2xvcmFibGVEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNhbGxvdXRDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRleHRBbGlnbmFibGU6IERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlKSB7XG4gICAgdGhpcy50ZXh0QWxpZ25hYmxlLnRleHRBbGlnbm1lbnQgPSAnbGVmdCc7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNhbGxvdXQnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=