npm - @daffodil/design - Versions diffs - 0.64.2 → 0.66.1 - Mend

@daffodil/design 0.64.2 → 0.66.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (88) hide show

package/esm2020/molecules/paginator/paginator.module.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { DaffPaginatorComponent } from './paginator.component';
 import { DaffButtonModule } from '../../atoms/button/public_api';
@@ -8,9 +9,11 @@ export class DaffPaginatorModule {
 }
 /** @nocollapse */ DaffPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 /** @nocollapse */ DaffPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
+        RouterModule,
         FontAwesomeModule,
         DaffButtonModule], exports: [DaffPaginatorComponent] });
 /** @nocollapse */ DaffPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, imports: [CommonModule,
+        RouterModule,
         FontAwesomeModule,
         DaffButtonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, decorators: [{
@@ -18,6 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{
                     imports: [
                         CommonModule,
+                        RouterModule,
                         FontAwesomeModule,
                         DaffButtonModule,
                     ],
@@ -29,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcGFnaW5hdG9yL3BhZ2luYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBZWpFLE1BQU0sT0FBTyxtQkFBbUI7O21JQUFuQixtQkFBbUI7b0lBQW5CLG1CQUFtQixpQkFONUIsc0JBQXNCLGFBTHRCLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsZ0JBQWdCLGFBTWhCLHNCQUFzQjtvSUFHYixtQkFBbUIsWUFYNUIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixnQkFBZ0I7MkZBU1AsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZQYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9wdWJsaWNfYXBpJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUGFnaW5hdG9yQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlBhZ2luYXRvckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlBhZ2luYXRvck1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcGFnaW5hdG9yL3BhZ2luYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQWdCakUsTUFBTSxPQUFPLG1CQUFtQjs7bUlBQW5CLG1CQUFtQjtvSUFBbkIsbUJBQW1CLGlCQU41QixzQkFBc0IsYUFOdEIsWUFBWTtRQUNaLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsZ0JBQWdCLGFBTWhCLHNCQUFzQjtvSUFHYixtQkFBbUIsWUFaNUIsWUFBWTtRQUNaLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsZ0JBQWdCOzJGQVNQLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmUGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0b3IuY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9idXR0b24vcHVibGljX2FwaSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZQYWdpbmF0b3JDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmUGFnaW5hdG9yQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmUGFnaW5hdG9yTW9kdWxlIHt9XG4iXX0=

package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs CHANGED Viewed

@@ -70,14 +70,14 @@ export class DaffSidebarComponent {
     }
 }
 /** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"], animations: [
+/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport).side-fixed{position:sticky}\n"], animations: [
         daffSidebarAnimations.transformSidebar,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffSidebarAnimations.transformSidebar,
-                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"] }]
+                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport).side-fixed{position:sticky}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['class']
@@ -93,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }], open: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFJaEY7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxvQkFBb0I7SUFpRC9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBN0J6Qjs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkU7O1dBRUc7UUFDTSxTQUFJLEdBQW9CLE1BQU0sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLFNBQUksR0FBb0IsTUFBTSxDQUFDO1FBRXhDOztXQUVHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBQztRQWNwQjs7OztXQUlHO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDbEMsU0FBUyxDQUFnQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3RFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQ3hDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUMxQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQWxFRDs7T0FFRztJQUNILElBQTBCLE9BQU87UUFDL0IsT0FBTztZQUNMLGNBQWMsRUFBRSxJQUFJO1lBQ3BCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUk7WUFDakIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSTtTQUNsQixDQUFDO0lBQ0osQ0FBQztJQUFBLENBQUM7SUFFRjs7T0FFRztJQUNILElBQXNDLGdCQUFnQjtRQUNwRCxPQUFPO1lBQ0wsS0FBSyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxZQUFZLENBQUM7WUFDdkYsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1NBQ3BFLENBQUM7SUFDSixDQUFDO0lBc0JEOztPQUVHO0lBQ0gsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDcEQsQ0FBQzs7b0lBL0NVLG9CQUFvQjt3SEFBcEIsb0JBQW9CLHdQQU5yQiwyQkFBMkIsMmZBRXpCO1FBQ1YscUJBQXFCLENBQUMsZ0JBQWdCO0tBQ3ZDOzJGQUVVLG9CQUFvQjtrQkFUaEMsU0FBUzsrQkFDRSxjQUFjLFlBRWQsMkJBQTJCLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNWLHFCQUFxQixDQUFDLGdCQUFnQjtxQkFDdkM7c0hBTXlCLE9BQU87c0JBQWhDLFdBQVc7dUJBQUMsT0FBTztnQkFXa0IsZ0JBQWdCO3NCQUFyRCxXQUFXO3VCQUFDLG1CQUFtQjtnQkFVdEIsYUFBYTtzQkFBdEIsTUFBTTtnQkFLRSxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IGRhZmZTaWRlYmFyQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9zaWRlYmFyLWFuaW1hdGlvbi1zdGF0ZSc7XG5pbXBvcnQgeyBnZXRTaWRlYmFyQW5pbWF0aW9uV2lkdGggfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24td2lkdGgnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJNb2RlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItbW9kZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhclNpZGUgfSBmcm9tICcuLi9oZWxwZXIvc2lkZWJhci1zaWRlJztcblxuLyoqXG4gKiBEYWZmU2lkZWJhckNvbXBvbmVudCBpcyBoZWF2aWx5IGJhc2VkIHVwb24gdGhlIHdvcmsgZG9uZSBieSB0aGUgQGFuZ3VsYXIvY29tcG9uZW50c1xuICogdGVhbSBvbiBgbWF0LWRyYXdlcmAgYW5kIGBtYXQtc2lkZW5hdmAuIGBkYWZmLXNpZGViYXJgIGlzIGludGVuZGVkIHRvIGJlXG4gKiBhIHNpbXBsaWZpZWQgdmVyc2lvbiAod2l0aCBhIGRpZmZlcmVudCBkZXNpZ24pIG9mIGBtYXQtZHJhd2VyYC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1zaWRlYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZTaWRlYmFyQW5pbWF0aW9ucy50cmFuc2Zvcm1TaWRlYmFyLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmU2lkZWJhckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgQ1NTIGNsYXNzZXMgc2V0LlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzc2VzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZGFmZi1zaWRlYmFyJzogdHJ1ZSxcbiAgICAgIFt0aGlzLnNpZGVdOiB0cnVlLFxuICAgICAgW3RoaXMubW9kZV06IHRydWUsXG4gICAgfTtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGFuaW1hdGlvbiBzdGF0ZSBvZiB0aGUgc2lkZWJhci5cbiAgICovXG4gIEBIb3N0QmluZGluZygnQHRyYW5zZm9ybVNpZGViYXInKSBnZXQgdHJhbnNmb3JtU2lkZWJhcigpIHtcbiAgICByZXR1cm4ge1xuICAgICAgdmFsdWU6IGdldEFuaW1hdGlvblN0YXRlKHRoaXMub3BlbiwgdGhpcy5tb2RlID09PSAnb3ZlcicgfHwgdGhpcy5tb2RlID09PSAnc2lkZS1maXhlZCcpLFxuICAgICAgcGFyYW1zOiB7IHdpZHRoOiAgZ2V0U2lkZWJhckFuaW1hdGlvbldpZHRoKHRoaXMuc2lkZSwgdGhpcy53aWR0aCkgfSxcbiAgICB9O1xuICB9XG5cbiAgLyoqXG4gICAqIEV2ZW50IGZpcmVkIHdoZW4gYEVTQ2Aga2V5IGlzIHByZXNzZWQgd2hlbiB0aGUgc2lkZWJhciBoYXMgZm9jdXNcbiAgICovXG4gIEBPdXRwdXQoKSBlc2NhcGVQcmVzc2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIFdoYXQgc2lkZSBvZiB0aGUgdmlld3BvcnQgdG8gc2hvdyB0aGUgc2lkZWJhciBvbi5cbiAgICovXG4gIEBJbnB1dCgpIHNpZGU6IERhZmZTaWRlYmFyU2lkZSA9ICdsZWZ0JztcblxuICAvKipcbiAgICogVGhlIG1vZGUgb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBASW5wdXQoKSBtb2RlOiBEYWZmU2lkZWJhck1vZGUgPSAnc2lkZSc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgb3Igbm90IHRoZSBzaWRlYmFyIGlzIG9wZW4uXG4gICAqL1xuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSB3aWR0aCBvZiB0aGUgc2lkZWJhci5cbiAgICovXG4gIGdldCB3aWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBfbmdab25lOiBOZ1pvbmUsXG4gICkge1xuXG4gICAgLyoqXG4gICAgICogTGlzdGVuIHRvIGBrZXlkb3duYCBldmVudHMgb3V0c2lkZSB0aGUgem9uZSBzbyB0aGF0IGNoYW5nZSBkZXRlY3Rpb24gaXMgbm90IHJ1biBldmVyeVxuICAgICAqIHRpbWUgYSBrZXkgaXMgcHJlc3NlZC4gSW5zdGVhZCB3ZSByZS1lbnRlciB0aGUgem9uZSBvbmx5IGlmIHRoZSBgRVNDYCBrZXkgaXMgcHJlc3NlZC5cbiAgICAgKlxuICAgICAqL1xuICAgIHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4odGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAna2V5ZG93bicpLnBpcGUoXG4gICAgICAgIGZpbHRlcihldmVudCA9PiBldmVudC5rZXkgPT09ICdFc2NhcGUnKSxcbiAgICAgICkuc3Vic2NyaWJlKGV2ZW50ID0+IHRoaXMuX25nWm9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLmVzY2FwZVByZXNzZWQuZW1pdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH0pKTtcbiAgICB9KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL3NpZGViYXIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFJaEY7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxvQkFBb0I7SUFpRC9CLFlBQ1UsV0FBb0MsRUFDcEMsT0FBZTtRQURmLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUNwQyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBN0J6Qjs7V0FFRztRQUNPLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkU7O1dBRUc7UUFDTSxTQUFJLEdBQW9CLE1BQU0sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLFNBQUksR0FBb0IsTUFBTSxDQUFDO1FBRXhDOztXQUVHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBQztRQWNwQjs7OztXQUlHO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDbEMsU0FBUyxDQUFnQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3RFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQ3hDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUMxQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQWxFRDs7T0FFRztJQUNILElBQTBCLE9BQU87UUFDL0IsT0FBTztZQUNMLGNBQWMsRUFBRSxJQUFJO1lBQ3BCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUk7WUFDakIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSTtTQUNsQixDQUFDO0lBQ0osQ0FBQztJQUFBLENBQUM7SUFFRjs7T0FFRztJQUNILElBQXNDLGdCQUFnQjtRQUNwRCxPQUFPO1lBQ0wsS0FBSyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxZQUFZLENBQUM7WUFDdkYsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1NBQ3BFLENBQUM7SUFDSixDQUFDO0lBc0JEOztPQUVHO0lBQ0gsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDcEQsQ0FBQzs7b0lBL0NVLG9CQUFvQjt3SEFBcEIsb0JBQW9CLHdQQU5yQiwyQkFBMkIsaWxCQUV6QjtRQUNWLHFCQUFxQixDQUFDLGdCQUFnQjtLQUN2QzsyRkFFVSxvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsY0FBYyxZQUVkLDJCQUEyQixtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVixxQkFBcUIsQ0FBQyxnQkFBZ0I7cUJBQ3ZDO3NIQU15QixPQUFPO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBV2tCLGdCQUFnQjtzQkFBckQsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBVXRCLGFBQWE7c0JBQXRCLE1BQU07Z0JBS0UsSUFBSTtzQkFBWixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBOZ1pvbmUsXG4gIEVsZW1lbnRSZWYsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBkYWZmU2lkZWJhckFuaW1hdGlvbnMgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24nO1xuaW1wb3J0IHsgZ2V0QW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuLi9hbmltYXRpb24vc2lkZWJhci1hbmltYXRpb24tc3RhdGUnO1xuaW1wb3J0IHsgZ2V0U2lkZWJhckFuaW1hdGlvbldpZHRoIH0gZnJvbSAnLi4vYW5pbWF0aW9uL3NpZGViYXItYW5pbWF0aW9uLXdpZHRoJztcbmltcG9ydCB7IERhZmZTaWRlYmFyTW9kZSB9IGZyb20gJy4uL2hlbHBlci9zaWRlYmFyLW1vZGUnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJTaWRlIH0gZnJvbSAnLi4vaGVscGVyL3NpZGViYXItc2lkZSc7XG5cbi8qKlxuICogRGFmZlNpZGViYXJDb21wb25lbnQgaXMgaGVhdmlseSBiYXNlZCB1cG9uIHRoZSB3b3JrIGRvbmUgYnkgdGhlIEBhbmd1bGFyL2NvbXBvbmVudHNcbiAqIHRlYW0gb24gYG1hdC1kcmF3ZXJgIGFuZCBgbWF0LXNpZGVuYXZgLiBgZGFmZi1zaWRlYmFyYCBpcyBpbnRlbmRlZCB0byBiZVxuICogYSBzaW1wbGlmaWVkIHZlcnNpb24gKHdpdGggYSBkaWZmZXJlbnQgZGVzaWduKSBvZiBgbWF0LWRyYXdlcmAuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtc2lkZWJhcicsXG4gIHN0eWxlVXJsczogWycuL3NpZGViYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmU2lkZWJhckFuaW1hdGlvbnMudHJhbnNmb3JtU2lkZWJhcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpZGViYXJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIENTUyBjbGFzc2VzIHNldC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2RhZmYtc2lkZWJhcic6IHRydWUsXG4gICAgICBbdGhpcy5zaWRlXTogdHJ1ZSxcbiAgICAgIFt0aGlzLm1vZGVdOiB0cnVlLFxuICAgIH07XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBhbmltYXRpb24gc3RhdGUgb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ0B0cmFuc2Zvcm1TaWRlYmFyJykgZ2V0IHRyYW5zZm9ybVNpZGViYXIoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW4sIHRoaXMubW9kZSA9PT0gJ292ZXInIHx8IHRoaXMubW9kZSA9PT0gJ3NpZGUtZml4ZWQnKSxcbiAgICAgIHBhcmFtczogeyB3aWR0aDogIGdldFNpZGViYXJBbmltYXRpb25XaWR0aCh0aGlzLnNpZGUsIHRoaXMud2lkdGgpIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFdmVudCBmaXJlZCB3aGVuIGBFU0NgIGtleSBpcyBwcmVzc2VkIHdoZW4gdGhlIHNpZGViYXIgaGFzIGZvY3VzXG4gICAqL1xuICBAT3V0cHV0KCkgZXNjYXBlUHJlc3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBXaGF0IHNpZGUgb2YgdGhlIHZpZXdwb3J0IHRvIHNob3cgdGhlIHNpZGViYXIgb24uXG4gICAqL1xuICBASW5wdXQoKSBzaWRlOiBEYWZmU2lkZWJhclNpZGUgPSAnbGVmdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBtb2RlIG9mIHRoZSBzaWRlYmFyLlxuICAgKi9cbiAgQElucHV0KCkgbW9kZTogRGFmZlNpZGViYXJNb2RlID0gJ3NpZGUnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZWJhciBpcyBvcGVuLlxuICAgKi9cbiAgQElucHV0KCkgb3BlbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgd2lkdGggb2YgdGhlIHNpZGViYXIuXG4gICAqL1xuICBnZXQgd2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgX25nWm9uZTogTmdab25lLFxuICApIHtcblxuICAgIC8qKlxuICAgICAqIExpc3RlbiB0byBga2V5ZG93bmAgZXZlbnRzIG91dHNpZGUgdGhlIHpvbmUgc28gdGhhdCBjaGFuZ2UgZGV0ZWN0aW9uIGlzIG5vdCBydW4gZXZlcnlcbiAgICAgKiB0aW1lIGEga2V5IGlzIHByZXNzZWQuIEluc3RlYWQgd2UgcmUtZW50ZXIgdGhlIHpvbmUgb25seSBpZiB0aGUgYEVTQ2Aga2V5IGlzIHByZXNzZWQuXG4gICAgICpcbiAgICAgKi9cbiAgICB0aGlzLl9uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgZnJvbUV2ZW50PEtleWJvYXJkRXZlbnQ+KHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2tleWRvd24nKS5waXBlKFxuICAgICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQua2V5ID09PSAnRXNjYXBlJyksXG4gICAgICApLnN1YnNjcmliZShldmVudCA9PiB0aGlzLl9uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgdGhpcy5lc2NhcGVQcmVzc2VkLmVtaXQoKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB9KSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/notification/examples/default-notification/default-notification.component.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ export class DefaultNotificationComponent {
     }
 }
 /** @nocollapse */ DefaultNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DefaultNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ DefaultNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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"] }, { kind: "component", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]

package/esm2020/notification/examples/dismissable-notification/dismissable-notification.component.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ export class DismissableNotificationComponent {
     }
 }
 /** @nocollapse */ DismissableNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DismissableNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DismissableNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DismissableNotificationComponent, selector: "dismissable-notification", ngImport: i0, template: "<daff-notification dismissable=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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 });
+/** @nocollapse */ DismissableNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DismissableNotificationComponent, selector: "dismissable-notification", ngImport: i0, template: "<daff-notification dismissable=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DismissableNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dismissable-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification dismissable=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]

package/esm2020/notification/examples/notification-orientations/notification-orientations.component.mjs CHANGED Viewed

@@ -15,7 +15,7 @@ export class NotificationOrientationsComponent {
     }
 }
 /** @nocollapse */ NotificationOrientationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ NotificationOrientationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ NotificationOrientationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationOrientationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]

package/esm2020/notification/examples/notification-status/notification-status.component.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ export class NotificationStatusComponent {
     }
 }
 /** @nocollapse */ NotificationStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ NotificationStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ NotificationStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.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: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]

package/esm2020/notification/notification/notification.component.mjs CHANGED Viewed

@@ -60,7 +60,7 @@ export class DaffNotificationComponent extends _daffNotificationBase {
     }
 }
 /** @nocollapse */ DaffNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissable: "dismissable", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.aria-live": "this.ariaLive", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissable": "this.dismissable" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", 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, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ DaffNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissable: "dismissable", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.aria-live": "this.ariaLive", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissable": "this.dismissable" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-notification', inputs: ['status'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]

package/esm2020/paginator/examples/basic-paginator/basic-paginator.component.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ export class BasicPaginatorComponent {
     }
 }
 /** @nocollapse */ BasicPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BasicPaginatorComponent, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["color", "numberOfPages", "currentPage"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ BasicPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BasicPaginatorComponent, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["color", "numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]

package/esm2020/paginator/examples/examples.mjs CHANGED Viewed

@@ -1,5 +1,7 @@
 import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
+import { LinkPaginatorComponent } from './link-paginator/link-paginator.component';
 export const PAGINATOR_EXAMPLES = [
     BasicPaginatorComponent,
+    LinkPaginatorComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLHVCQUF1QjtDQUN4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNQYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLXBhZ2luYXRvci9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IFBBR0lOQVRPUl9FWEFNUExFUyA9IFtcbiAgQmFzaWNQYWdpbmF0b3JDb21wb25lbnQsXG5dO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRW5GLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLHVCQUF1QjtJQUN2QixzQkFBc0I7Q0FDdkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2ljUGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1wYWdpbmF0b3IvYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMaW5rUGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rLXBhZ2luYXRvci9saW5rLXBhZ2luYXRvci5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgUEFHSU5BVE9SX0VYQU1QTEVTID0gW1xuICBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCxcbiAgTGlua1BhZ2luYXRvckNvbXBvbmVudCxcbl07XG4iXX0=

package/esm2020/paginator/examples/link-paginator/link-paginator.component.mjs ADDED Viewed

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { map, } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@angular/common";
+export class LinkPaginatorComponent {
+    constructor(route) {
+        this.route = route;
+        this.numberOfPages = 15;
+        // TODO: don't hardcode this, pass it in design land
+        this.url = '/paginator';
+        this.queryParam = 'currentPage';
+    }
+    get currentPage$() {
+        return this.route.queryParamMap.pipe(map((qps) => Number(qps.get(this.queryParam))));
+    }
+}
+/** @nocollapse */ LinkPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkPaginatorComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ LinkPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LinkPaginatorComponent, selector: "link-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i2.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["color", "numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'link-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcGFnaW5hdG9yL2V4YW1wbGVzL3NyYy9saW5rLXBhZ2luYXRvci9saW5rLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2xpbmstcGFnaW5hdG9yL2xpbmstcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBRUwsR0FBRyxHQUNKLE1BQU0sTUFBTSxDQUFDOzs7OztBQVFkLE1BQU0sT0FBTyxzQkFBc0I7SUFZakMsWUFDVSxLQUFxQjtRQUFyQixVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQVovQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQixvREFBb0Q7UUFDcEQsUUFBRyxHQUFHLFlBQVksQ0FBQztRQUNuQixlQUFVLEdBQUcsYUFBYSxDQUFDO0lBVXhCLENBQUM7SUFSSixJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDbEMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUMvQyxDQUFDO0lBQ0osQ0FBQzs7c0lBVlUsc0JBQXNCOzBIQUF0QixzQkFBc0Isc0RDaEJuQywrTUFDQTsyRkRlYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7XG4gIE9ic2VydmFibGUsXG4gIG1hcCxcbn0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmstcGFnaW5hdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmstcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmtQYWdpbmF0b3JDb21wb25lbnQge1xuICBudW1iZXJPZlBhZ2VzID0gMTU7XG4gIC8vIFRPRE86IGRvbid0IGhhcmRjb2RlIHRoaXMsIHBhc3MgaXQgaW4gZGVzaWduIGxhbmRcbiAgdXJsID0gJy9wYWdpbmF0b3InO1xuICBxdWVyeVBhcmFtID0gJ2N1cnJlbnRQYWdlJztcblxuICBnZXQgY3VycmVudFBhZ2UkKCk6IE9ic2VydmFibGU8bnVtYmVyPiB7XG4gICAgcmV0dXJuIHRoaXMucm91dGUucXVlcnlQYXJhbU1hcC5waXBlKFxuICAgICAgbWFwKChxcHMpID0+IE51bWJlcihxcHMuZ2V0KHRoaXMucXVlcnlQYXJhbSkpKSxcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICkge31cbn1cbiIsIjxkYWZmLXBhZ2luYXRvciBhcmlhLWxhYmVsPVwiU2VhcmNoIHJlc3VsdHMgcGFnZVwiIFtudW1iZXJPZlBhZ2VzXT1cIm51bWJlck9mUGFnZXNcIiBbY3VycmVudFBhZ2VdPVwiY3VycmVudFBhZ2UkIHwgYXN5bmNcIiBbbGlua01vZGVdPVwidHJ1ZVwiIFt1cmxdPVwidXJsXCIgW3F1ZXJ5UGFyYW1dPVwicXVlcnlQYXJhbVwiPjwvZGFmZi1wYWdpbmF0b3I+XG4iXX0=

package/esm2020/paginator/examples/paginator-examples.module.mjs CHANGED Viewed

@@ -4,10 +4,11 @@ import { DaffPaginatorModule } from '@daffodil/design';
 import { PAGINATOR_EXAMPLES } from './examples';
 import * as i0 from "@angular/core";
 import * as i1 from "./basic-paginator/basic-paginator.component";
+import * as i2 from "./link-paginator/link-paginator.component";
 export class PaginatorExamplesModule {
 }
 /** @nocollapse */ PaginatorExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginatorExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ PaginatorExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PaginatorExamplesModule, declarations: [i1.BasicPaginatorComponent], imports: [CommonModule,
+/** @nocollapse */ PaginatorExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PaginatorExamplesModule, declarations: [i1.BasicPaginatorComponent, i2.LinkPaginatorComponent], imports: [CommonModule,
         DaffPaginatorModule] });
 /** @nocollapse */ PaginatorExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginatorExamplesModule, imports: [CommonModule,
         DaffPaginatorModule] });
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVdoRCxNQUFNLE9BQU8sdUJBQXVCOzt1SUFBdkIsdUJBQXVCO3dJQUF2Qix1QkFBdUIsd0RBSmhDLFlBQVk7UUFDWixtQkFBbUI7d0lBR1YsdUJBQXVCLFlBSmhDLFlBQVk7UUFDWixtQkFBbUI7MkZBR1YsdUJBQXVCO2tCQVRuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLGtCQUFrQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmUGFnaW5hdG9yTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IFBBR0lOQVRPUl9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICAuLi5QQUdJTkFUT1JfRVhBTVBMRVMsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZlBhZ2luYXRvck1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yRXhhbXBsZXNNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7QUFXaEQsTUFBTSxPQUFPLHVCQUF1Qjs7dUlBQXZCLHVCQUF1Qjt3SUFBdkIsdUJBQXVCLG1GQUpoQyxZQUFZO1FBQ1osbUJBQW1CO3dJQUdWLHVCQUF1QixZQUpoQyxZQUFZO1FBQ1osbUJBQW1COzJGQUdWLHVCQUF1QjtrQkFUbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osR0FBRyxrQkFBa0I7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBQQUdJTkFUT1JfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgLi4uUEFHSU5BVE9SX0VYQU1QTEVTLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZQYWdpbmF0b3JNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2luYXRvckV4YW1wbGVzTW9kdWxlIHsgfVxuIl19

package/esm2020/paginator/examples/public_api.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 export { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
+export { LinkPaginatorComponent } from './link-paginator/link-paginator.component';
 export { PaginatorExamplesModule } from './paginator-examples.module';
 export { PAGINATOR_EXAMPLES } from './examples';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV0RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBQYWdpbmF0b3JFeGFtcGxlc01vZHVsZSB9IGZyb20gJy4vcGFnaW5hdG9yLWV4YW1wbGVzLm1vZHVsZSc7XG5leHBvcnQgeyBQQUdJTkFUT1JfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgTGlua1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vbGluay1wYWdpbmF0b3IvbGluay1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuZXhwb3J0IHsgUGFnaW5hdG9yRXhhbXBsZXNNb2R1bGUgfSBmcm9tICcuL3BhZ2luYXRvci1leGFtcGxlcy5tb2R1bGUnO1xuZXhwb3J0IHsgUEFHSU5BVE9SX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=

package/fesm2015/daffodil-design-button-examples.mjs CHANGED Viewed

@@ -13,7 +13,7 @@ class BasicButtonComponent {
     }
 }
 /** @nocollapse */ BasicButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BasicButtonComponent, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", 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 });
+/** @nocollapse */ BasicButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BasicButtonComponent, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasicButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
@@ -26,7 +26,7 @@ class FlatButtonComponent {
     }
 }
 /** @nocollapse */ FlatButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ FlatButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", 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 });
+/** @nocollapse */ FlatButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -38,7 +38,7 @@ class IconButtonComponent {
     }
 }
 /** @nocollapse */ IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -51,7 +51,7 @@ class RaisedButtonComponent {
     }
 }
 /** @nocollapse */ RaisedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ RaisedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", 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 });
+/** @nocollapse */ RaisedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -63,7 +63,7 @@ class SizeableButtonComponent {
     }
 }
 /** @nocollapse */ SizeableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SizeableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ SizeableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -77,7 +77,7 @@ class StatusableButtonComponent {
     }
 }
 /** @nocollapse */ StatusableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ StatusableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ StatusableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -90,7 +90,7 @@ class StrokedButtonComponent {
     }
 }
 /** @nocollapse */ StrokedButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ StrokedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", 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 });
+/** @nocollapse */ StrokedButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
@@ -103,7 +103,7 @@ class UnderlineButtonComponent {
     }
 }
 /** @nocollapse */ UnderlineButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UnderlineButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", 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 });
+/** @nocollapse */ UnderlineButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffSuffixDirective, selector: "[daffSuffix]" }, { 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]