@daffodil/design 0.39.13 → 0.40.1

package/esm2020/button/examples/icon-button/icon-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { IconButtonComponent } from './icon-button.component';
+import * as i0 from "@angular/core";
+export class IconButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ IconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ IconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IconButtonModule, declarations: [IconButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [IconButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ IconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IconButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IconButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconButtonComponent,
+                    ],
+                    exports: [
+                        IconButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFlOUQsTUFBTSxPQUFPLGdCQUFnQjs7bUpBQWhCLGdCQUFnQjtvSkFBaEIsZ0JBQWdCLGlCQVZ6QixtQkFBbUIsYUFNbkIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQixtQkFBbUI7b0pBT1YsZ0JBQWdCLFlBTGxCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxnQkFBZ0I7a0JBWjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEljb25CdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBJY29uQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbk1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/button/examples/public_api.mjs

@@ -0,0 +1,25 @@
+import { BasicButtonComponent } from './basic-button/basic-button.component';
+export { BasicButtonModule } from './basic-button/basic-button.module';
+import { IconButtonComponent } from './icon-button/icon-button.component';
+export { IconButtonModule } from './icon-button/icon-button.module';
+import { RaisedButtonComponent } from './raised-button/raised-button.component';
+export { RaisedButtonModule } from './raised-button/raised-button.module';
+import { SizeableButtonComponent } from './sizeable-button/sizeable-button.component';
+export { SizeableButtonModule } from './sizeable-button/sizeable-button.module';
+import { StatusableButtonComponent } from './statusable-button/statusable-button.component';
+export { StatusableButtonModule } from './statusable-button/statusable-button.module';
+import { StrokedButtonComponent } from './stroked-button/stroked-button.component';
+export { StrokedButtonModule } from './stroked-button/stroked-button.module';
+import { UnderlineButtonComponent } from './underline-button/underline-button.component';
+export { UnderlineButtonModule } from './underline-button/underline-button.module';
+export const BUTTON_EXAMPLES = [
+    BasicButtonComponent,
+    IconButtonComponent,
+    RaisedButtonComponent,
+    SizeableButtonComponent,
+    StatusableButtonComponent,
+    StrokedButtonComponent,
+    UnderlineButtonComponent,
+];
+export { BasicButtonComponent, IconButtonComponent, RaisedButtonComponent, SizeableButtonComponent, StatusableButtonComponent, StrokedButtonComponent, UnderlineButtonComponent, };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUVuRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUc7SUFDN0Isb0JBQW9CO0lBQ3BCLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsdUJBQXVCO0lBQ3ZCLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIsd0JBQXdCO0NBQ3pCLENBQUM7QUFFRixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNuQixxQkFBcUIsRUFDckIsdUJBQXVCLEVBQ3ZCLHlCQUF5QixFQUN6QixzQkFBc0IsRUFDdEIsd0JBQXdCLEdBQ3pCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYXNpY0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtYnV0dG9uL2Jhc2ljLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQmFzaWNCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2Jhc2ljLWJ1dHRvbi9iYXNpYy1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEljb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJY29uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUmFpc2VkQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtYnV0dG9uL3JhaXNlZC1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFJhaXNlZEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2l6ZWFibGVCdXR0b25Nb2R1bGUgfSBmcm9tICcuL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdGF0dXNhYmxlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgU3Ryb2tlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc3Ryb2tlZC1idXR0b24vc3Ryb2tlZC1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFN0cm9rZWRCdXR0b25Nb2R1bGUgfSBmcm9tICcuL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgVW5kZXJsaW5lQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi91bmRlcmxpbmUtYnV0dG9uL3VuZGVybGluZS1idXR0b24ubW9kdWxlJztcblxuZXhwb3J0IGNvbnN0IEJVVFRPTl9FWEFNUExFUyA9IFtcbiAgQmFzaWNCdXR0b25Db21wb25lbnQsXG4gIEljb25CdXR0b25Db21wb25lbnQsXG4gIFJhaXNlZEJ1dHRvbkNvbXBvbmVudCxcbiAgU2l6ZWFibGVCdXR0b25Db21wb25lbnQsXG4gIFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQsXG4gIFN0cm9rZWRCdXR0b25Db21wb25lbnQsXG4gIFVuZGVybGluZUJ1dHRvbkNvbXBvbmVudCxcbl07XG5cbmV4cG9ydCB7XG4gIEJhc2ljQnV0dG9uQ29tcG9uZW50LFxuICBJY29uQnV0dG9uQ29tcG9uZW50LFxuICBSYWlzZWRCdXR0b25Db21wb25lbnQsXG4gIFNpemVhYmxlQnV0dG9uQ29tcG9uZW50LFxuICBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50LFxuICBTdHJva2VkQnV0dG9uQ29tcG9uZW50LFxuICBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQsXG59O1xuIl19

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

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class RaisedButtonComponent {
+    constructor() {
+        this.faChevronLeft = faChevronLeft;
+        this.faChevronRight = faChevronRight;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ RaisedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ RaisedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: ["button[daff-raised-button],a[daff-raised-button]{margin:4px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'raised-button', styles: [`
+    button[daff-raised-button],
+    a[daff-raised-button] {
+      margin: 4px;
+    }
+  `], 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\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<a href=\"#\" daff-raised-button>Link</a>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7O0FBYzNDLE1BQU0sT0FBTyxxQkFBcUI7SUFabEM7UUFhRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQzs7d0pBSFkscUJBQXFCOzRJQUFyQixxQkFBcUIscURDckJsQyx1eEJBV3VDOzJGRFUxQixxQkFBcUI7a0JBWmpDLFNBQVM7K0JBRUUsZUFBZSxVQUVqQixDQUFDOzs7OztHQUtSLENBQUMsbUJBQ2UsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICBidXR0b25bZGFmZi1yYWlzZWQtYnV0dG9uXSxcbiAgICBhW2RhZmYtcmFpc2VkLWJ1dHRvbl0ge1xuICAgICAgbWFyZ2luOiA0cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi1yYWlzZWQtYnV0dG9uPkxpbms8L2E+Il19

package/esm2020/button/examples/raised-button/raised-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { RaisedButtonComponent } from './raised-button.component';
+import * as i0 from "@angular/core";
+export class RaisedButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ RaisedButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonModule, declarations: [RaisedButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [RaisedButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ RaisedButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedButtonComponent,
+                    ],
+                    exports: [
+                        RaisedButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFlbEUsTUFBTSxPQUFPLGtCQUFrQjs7cUpBQWxCLGtCQUFrQjtzSkFBbEIsa0JBQWtCLGlCQVYzQixxQkFBcUIsYUFNckIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQixxQkFBcUI7c0pBT1osa0JBQWtCLFlBTHBCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3JhaXNlZC1idXR0b24uY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBSYWlzZWRCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBSYWlzZWRCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

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

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class SizeableButtonComponent {
+    constructor() {
+        this.faPlus = faPlus;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SizeableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SizeableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SizeableButtonComponent, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<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\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\n<button daff-underline-button size=\"lg\">Large Underline Button</button>\n<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: ["button{margin:4px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "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: "13.3.0", ngImport: i0, type: SizeableButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sizeable-button', styles: [`
+    button {
+      margin: 4px;
+    }
+  `], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Small Buttons</h4>\n\n<button daff-button size=\"sm\">Small Button</button>\n<button daff-raised-button size=\"sm\">Small Raised Button</button>\n<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\n<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\n<h4>Medium Buttons (Default)</h4>\n\n<button daff-button size=\"md\">Medium Button</button>\n<button daff-raised-button size=\"md\">Medium Raised Button</button>\n<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\n<button daff-underline-button size=\"md\">Medium Underline Button</button>\n<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n\n<h4>Large Buttons</h4>\n\n<button daff-button size=\"lg\">Large Button</button>\n<button daff-raised-button size=\"lg\">Large Raised Button</button>\n<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\n\n<button daff-underline-button size=\"lg\">Large Underline Button</button>\n<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBYTNELE1BQU0sT0FBTyx1QkFBdUI7SUFYcEM7UUFZRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCOzswSkFGWSx1QkFBdUI7OElBQXZCLHVCQUF1Qix1RENqQnBDLGtwQ0EwQitFOzJGRFRsRSx1QkFBdUI7a0JBWG5DLFNBQVM7K0JBRUUsaUJBQWlCLFVBRW5CLENBQUM7Ozs7R0FJUixDQUFDLG1CQUNlLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhUGx1cyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NpemVhYmxlLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgYnV0dG9uIHtcbiAgICAgIG1hcmdpbjogNHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBTdHJva2VkIEJ1dHRvbjwvYnV0dG9uPlxuXG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gc2l6ZT1cInNtXCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuXG48aDQ+TWVkaXVtIEJ1dHRvbnMgKERlZmF1bHQpPC9oND5cblxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gQnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJtZFwiPk1lZGl1bSBTdHJva2VkIEJ1dHRvbjwvYnV0dG9uPlxuXG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gVW5kZXJsaW5lIEJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cblxuPGg0PkxhcmdlIEJ1dHRvbnM8L2g0PlxuXG48YnV0dG9uIGRhZmYtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIEJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cblxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgVW5kZXJsaW5lIEJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJsZ1wiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj4iXX0=

package/esm2020/button/examples/sizeable-button/sizeable-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { SizeableButtonComponent } from './sizeable-button.component';
+import * as i0 from "@angular/core";
+export class SizeableButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ SizeableButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ SizeableButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonModule, declarations: [SizeableButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [SizeableButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ SizeableButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SizeableButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SizeableButtonComponent,
+                    ],
+                    exports: [
+                        SizeableButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFldEUsTUFBTSxPQUFPLG9CQUFvQjs7dUpBQXBCLG9CQUFvQjt3SkFBcEIsb0JBQW9CLGlCQVY3Qix1QkFBdUIsYUFNdkIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQix1QkFBdUI7d0pBT2Qsb0JBQW9CLFlBTHRCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxvQkFBb0I7a0JBWmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudCc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2l6ZWFibGVCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNpemVhYmxlQnV0dG9uTW9kdWxlIHsgfVxuIl19

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

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faExclamation, faExclamationTriangle, faCheckCircle, } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class StatusableButtonComponent {
+    constructor() {
+        this.faExclamation = faExclamation;
+        this.faExclamationTriangle = faExclamationTriangle;
+        this.faCheckCircle = faCheckCircle;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ StatusableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ StatusableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StatusableButtonComponent, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>", styles: ["button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-underline-button],button[daff-icon-button]{margin:4px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "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: "13.3.0", ngImport: i0, type: StatusableButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'statusable-button', styles: [`
+    button[daff-button],
+    button[daff-stroked-button],
+    button[daff-raised-button],
+    button[daff-underline-button],
+    button[daff-icon-button] {
+      margin: 4px;
+    }
+  `], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Basic Status Buttons</h4>\n<button daff-button status=\"warn\">Warn</button>\n<button daff-button status=\"danger\">Danger</button>\n<button daff-button status=\"success\">Success</button>\n\n<h4>Stroked Status Buttons</h4>\n<button daff-stroked-button status=\"warn\">Warn</button>\n<button daff-stroked-button status=\"danger\">Danger</button>\n<button daff-stroked-button status=\"success\">Success</button>\n\n<h4>Raised Status Buttons</h4>\n<button daff-raised-button status=\"warn\">Warn</button>\n<button daff-raised-button status=\"danger\">Danger</button>\n<button daff-raised-button status=\"success\">Success</button>\n\n<h4>Underline Status Buttons</h4>\n<button daff-underline-button status=\"warn\">Warn</button>\n<button daff-underline-button status=\"danger\">Danger</button>\n<button daff-underline-button status=\"success\">Success</button>\n\n<h4>Icon Status Buttons</h4>\n<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IscUJBQXFCLEVBQ3JCLGFBQWEsR0FDZCxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBa0IzQyxNQUFNLE9BQU8seUJBQXlCO0lBZnRDO1FBZ0JFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLDBCQUFxQixHQUFHLHFCQUFxQixDQUFDO1FBQzlDLGtCQUFhLEdBQUcsYUFBYSxDQUFDO0tBQy9COzs0SkFKWSx5QkFBeUI7Z0pBQXpCLHlCQUF5Qix5REMxQnRDLDZxQ0F1QjZGOzJGREdoRix5QkFBeUI7a0JBZnJDLFNBQVM7K0JBRUUsbUJBQW1CLFVBRXJCLENBQUM7Ozs7Ozs7O0dBUVIsQ0FBQyxtQkFDZSx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUV4Y2xhbWF0aW9uLFxuICBmYUV4Y2xhbWF0aW9uVHJpYW5nbGUsXG4gIGZhQ2hlY2tDaXJjbGUsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3RhdHVzYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgYnV0dG9uW2RhZmYtYnV0dG9uXSxcbiAgICBidXR0b25bZGFmZi1zdHJva2VkLWJ1dHRvbl0sXG4gICAgYnV0dG9uW2RhZmYtcmFpc2VkLWJ1dHRvbl0sXG4gICAgYnV0dG9uW2RhZmYtdW5kZXJsaW5lLWJ1dHRvbl0sXG4gICAgYnV0dG9uW2RhZmYtaWNvbi1idXR0b25dIHtcbiAgICAgIG1hcmdpbjogNHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG4gIGZhRXhjbGFtYXRpb25UcmlhbmdsZSA9IGZhRXhjbGFtYXRpb25UcmlhbmdsZTtcbiAgZmFDaGVja0NpcmNsZSA9IGZhQ2hlY2tDaXJjbGU7XG59XG4iLCI8aDQ+QmFzaWMgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cblxuPGg0PlN0cm9rZWQgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc3RhdHVzPVwiZGFuZ2VyXCI+RGFuZ2VyPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc3RhdHVzPVwiZGFuZ2VyXCI+RGFuZ2VyPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuXG48aDQ+VW5kZXJsaW5lIFN0YXR1cyBCdXR0b25zPC9oND5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG5cbjxoND5JY29uIFN0YXR1cyBCdXR0b25zPC9oND5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+PGZhLWljb24gW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uVHJpYW5nbGVcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPjxmYS1pY29uIFtpY29uXT1cImZhQ2hlY2tDaXJjbGVcIj48L2ZhLWljb24+PC9idXR0b24+Il19

package/esm2020/button/examples/statusable-button/statusable-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { StatusableButtonComponent } from './statusable-button.component';
+import * as i0 from "@angular/core";
+export class StatusableButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ StatusableButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ StatusableButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonModule, declarations: [StatusableButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [StatusableButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ StatusableButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StatusableButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        StatusableButtonComponent,
+                    ],
+                    exports: [
+                        StatusableButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFlMUUsTUFBTSxPQUFPLHNCQUFzQjs7eUpBQXRCLHNCQUFzQjswSkFBdEIsc0JBQXNCLGlCQVYvQix5QkFBeUIsYUFNekIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQix5QkFBeUI7MEpBT2hCLHNCQUFzQixZQUx4QjtZQUNQLGdCQUFnQjtZQUNoQixpQkFBaUI7U0FDbEI7MkZBRVUsc0JBQXNCO2tCQVpsQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgU3RhdHVzYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU3RhdHVzYWJsZUJ1dHRvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c2FibGVCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

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

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class StrokedButtonComponent {
+    constructor() {
+        this.faChevronLeft = faChevronLeft;
+        this.faChevronRight = faChevronRight;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ StrokedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ StrokedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: ["button[daff-stroked-button],a[daff-stroked-button]{margin:4px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'stroked-button', styles: [`
+    button[daff-stroked-button],
+    a[daff-stroked-button] {
+      margin: 4px;
+    }
+  `], 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\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<a href=\"#\" daff-stroked-button>Link</a>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsY0FBYyxHQUNmLE1BQU0sbUNBQW1DLENBQUM7Ozs7QUFjM0MsTUFBTSxPQUFPLHNCQUFzQjtJQVpuQztRQWFFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBQ2pDOzt5SkFIWSxzQkFBc0I7NklBQXRCLHNCQUFzQixzRENyQm5DLG15QkFXd0M7MkZEVTNCLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFFRSxnQkFBZ0IsVUFFbEIsQ0FBQzs7Ozs7R0FLUixDQUFDLG1CQUNlLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdzdHJva2VkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICBidXR0b25bZGFmZi1zdHJva2VkLWJ1dHRvbl0sXG4gICAgYVtkYWZmLXN0cm9rZWQtYnV0dG9uXSB7XG4gICAgICBtYXJnaW46IDRweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPkRlZmF1bHQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInRlcnRpYXJ5XCI+VGVydGlhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInRoZW1lXCI+VGhlbWU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uUmlnaHRcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXN0cm9rZWQtYnV0dG9uPkxpbms8L2E+Il19

package/esm2020/button/examples/stroked-button/stroked-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { StrokedButtonComponent } from './stroked-button.component';
+import * as i0 from "@angular/core";
+export class StrokedButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ StrokedButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ StrokedButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonModule, declarations: [StrokedButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [StrokedButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ StrokedButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        StrokedButtonComponent,
+                    ],
+                    exports: [
+                        StrokedButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFlcEUsTUFBTSxPQUFPLG1CQUFtQjs7c0pBQW5CLG1CQUFtQjt1SkFBbkIsbUJBQW1CLGlCQVY1QixzQkFBc0IsYUFNdEIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQixzQkFBc0I7dUpBT2IsbUJBQW1CLFlBTHJCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxtQkFBbUI7a0JBWi9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBTdHJva2VkQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFN0cm9rZWRCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTdHJva2VkQnV0dG9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZEJ1dHRvbk1vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class UnderlineButtonComponent {
+    constructor() {
+        this.faChevronLeft = faChevronLeft;
+        this.faChevronRight = faChevronRight;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ UnderlineButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ UnderlineButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: ["button[daff-underline-button],a[daff-underline-button]{margin:4px}\n"], components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'underline-button', styles: [`
+    button[daff-underline-button],
+    a[daff-underline-button] {
+      margin: 4px;
+    }
+  `], 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\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<a href=\"#\" daff-underline-button>Link</a>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7O0FBYzNDLE1BQU0sT0FBTyx3QkFBd0I7SUFackM7UUFhRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQzs7MkpBSFksd0JBQXdCOytJQUF4Qix3QkFBd0Isd0RDckJyQywyekJBVzBDOzJGRFU3Qix3QkFBd0I7a0JBWnBDLFNBQVM7K0JBRUUsa0JBQWtCLFVBRXBCLENBQUM7Ozs7O0dBS1IsQ0FBQyxtQkFDZSx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndW5kZXJsaW5lLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi91bmRlcmxpbmUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIGJ1dHRvbltkYWZmLXVuZGVybGluZS1idXR0b25dLFxuICAgIGFbZGFmZi11bmRlcmxpbmUtYnV0dG9uXSB7XG4gICAgICBtYXJnaW46IDRweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXVuZGVybGluZS1idXR0b24+TGluazwvYT4iXX0=

package/esm2020/button/examples/underline-button/underline-button.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { UnderlineButtonComponent } from './underline-button.component';
+import * as i0 from "@angular/core";
+export class UnderlineButtonModule {
+}
+/** @nocollapse */ /** @nocollapse */ UnderlineButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ UnderlineButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonModule, declarations: [UnderlineButtonComponent], imports: [DaffButtonModule,
+        FontAwesomeModule], exports: [UnderlineButtonComponent] });
+/** @nocollapse */ /** @nocollapse */ UnderlineButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonModule, imports: [[
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderlineButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UnderlineButtonComponent,
+                    ],
+                    exports: [
+                        UnderlineButtonComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFleEUsTUFBTSxPQUFPLHFCQUFxQjs7d0pBQXJCLHFCQUFxQjt5SkFBckIscUJBQXFCLGlCQVY5Qix3QkFBd0IsYUFNeEIsZ0JBQWdCO1FBQ2hCLGlCQUFpQixhQUpqQix3QkFBd0I7eUpBT2YscUJBQXFCLFlBTHZCO1lBQ1AsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSxxQkFBcUI7a0JBWmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBVbmRlcmxpbmVCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+export class CalloutTextAlignmentComponent {
+    constructor() {
+        this.faMobile = faMobile;
+        this.textAlignControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'left', label: 'Left' },
+            { value: 'center', label: 'Center' },
+            { value: 'right', label: 'Right' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ CalloutTextAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ CalloutTextAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutTextAlignmentComponent, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'callout-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L2V4YW1wbGVzL3NyYy9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7OztBQVM3RCxNQUFNLE9BQU8sNkJBQTZCO0lBUDFDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixxQkFBZ0IsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFcEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7U0FDbkMsQ0FBQztLQUNIOztnS0FWWSw2QkFBNkI7b0pBQTdCLDZCQUE2Qiw4RENkMUMsZzlCQW1CUzsyRkRMSSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBRUUsd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10ZXh0LWFsaWdubWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFRleHRBbGlnbm1lbnRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICB0ZXh0QWxpZ25Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdsZWZ0JywgbGFiZWw6ICdMZWZ0JyB9LFxuICAgIHsgdmFsdWU6ICdjZW50ZXInLCBsYWJlbDogJ0NlbnRlcicgfSxcbiAgICB7IHZhbHVlOiAncmlnaHQnLCBsYWJlbDogJ1JpZ2h0JyB9LFxuICBdO1xufVxuIiwiPGRhZmYtY2FsbG91dCBbdGV4dEFsaWdubWVudF09XCJ0ZXh0QWxpZ25Db250cm9sLnZhbHVlXCI+XG5cdDxkYWZmLWNvbnRhaW5lciBzaXplPVwibWRcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXRleHQtYWxpZ25tZW50X19pY29uXCIgZGFmZkNhbGxvdXRJY29uPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFRhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvZGl2PlxuXHRcdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRTdWJ0aXRsZT5cblx0XHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0Qm9keT5cblx0XHRcdDxhIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiPldoYXQgaXMgRGFmZm9kaWw/PC9hPlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWNhbGxvdXQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInRleHRBbGlnbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=

package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule, DaffCalloutModule, DaffContainerModule, } from '@daffodil/design';
+import { CalloutTextAlignmentComponent } from './callout-text-alignment.component';
+import * as i0 from "@angular/core";
+export class CalloutTextAlignmentModule {
+}
+/** @nocollapse */ /** @nocollapse */ CalloutTextAlignmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ CalloutTextAlignmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentModule, declarations: [CalloutTextAlignmentComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffCalloutModule,
+        DaffContainerModule,
+        DaffButtonModule,
+        FontAwesomeModule] });
+/** @nocollapse */ /** @nocollapse */ CalloutTextAlignmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffCalloutModule,
+            DaffContainerModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutTextAlignmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CalloutTextAlignmentComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffCalloutModule,
+                        DaffContainerModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10ZXh0LWFsaWdubWVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L2V4YW1wbGVzL3NyYy9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsaUJBQWlCLEVBQ2pCLG1CQUFtQixHQUNwQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQWVuRixNQUFNLE9BQU8sMEJBQTBCOzs2SkFBMUIsMEJBQTBCOzhKQUExQiwwQkFBMEIsaUJBWG5DLDZCQUE2QixhQUc3QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLGlCQUFpQjs4SkFHUiwwQkFBMEIsWUFUNUI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtTQUNsQjsyRkFFVSwwQkFBMEI7a0JBYnRDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7XG4gIERhZmZCdXR0b25Nb2R1bGUsXG4gIERhZmZDYWxsb3V0TW9kdWxlLFxuICBEYWZmQ29udGFpbmVyTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQ2FsbG91dFRleHRBbGlnbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2FsbG91dFRleHRBbGlnbm1lbnRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FsbG91dE1vZHVsZSxcbiAgICBEYWZmQ29udGFpbmVyTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRUZXh0QWxpZ25tZW50TW9kdWxlIHsgfVxuIl19

package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { faMobile } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@fortawesome/angular-fontawesome";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+export class CalloutThemingComponent {
+    constructor() {
+        this.faMobile = faMobile;
+        this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'white', label: 'White' },
+            { value: 'black', label: 'Black' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ CalloutThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ CalloutThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CalloutThemingComponent, selector: "callout-theming", ngImport: i0, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffCalloutComponent, selector: "daff-callout", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CalloutThemingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'callout-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-callout [color]=\"colorControl.value\">\n\t<div class=\"daff-callout-theming__icon\" daffCalloutIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</div>\n\t<div daffCalloutBody>\n\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t</div>\n</daff-callout>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhbGxvdXQvZXhhbXBsZXMvc3JjL2NhbGxvdXQtdGhlbWluZy9jYWxsb3V0LXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10aGVtaW5nL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFTN0QsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1NBQ3JELENBQUM7S0FDSDs7MEpBZFksdUJBQXVCOzhJQUF2Qix1QkFBdUIsdURDZHBDLDQyQkFpQlM7MkZESEksdUJBQXVCO2tCQVBuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10aGVtaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbGxvdXQtdGhlbWluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFRoZW1pbmdDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWNhbGxvdXQgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1jYWxsb3V0LXRoZW1pbmdfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdDwvZGl2PlxuXHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdDxoMyBkYWZmQ2FsbG91dFRpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHQ8ZGl2IGRhZmZDYWxsb3V0U3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9kaXY+XG5cdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdDxhIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIiBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiPldoYXQgaXMgRGFmZm9kaWw/PC9hPlxuXHQ8L2Rpdj5cbjwvZGFmZi1jYWxsb3V0PlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJjb2xvckNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=