@daffodil/design 0.74.0 → 0.76.0

package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs

@@ -1,11 +1,14 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faCheck, faExclamation, faInfoCircle, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffNotificationModule } from '@daffodil/design/notification';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/notification";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@fortawesome/angular-fontawesome";
-import * as i4 from "@angular/forms";
+import * as i3 from "@angular/forms";
 export class NotificationOrientationsComponent {
     constructor() {
         this.faInfoCircle = faInfoCircle;
@@ -14,10 +17,16 @@ export class NotificationOrientationsComponent {
         this.orientationControl = new UntypedFormControl('vertical');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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</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", "dismissible", "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"] }, { 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, isStandalone: true, 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</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: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "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: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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</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"] }]
+            args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNotificationModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ], 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</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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7O0FBUzNDLE1BQU0sT0FBTyxpQ0FBaUM7SUFQOUM7UUFRRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBRTlCLHVCQUFrQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBQzdFO2tJQU5ZLGlDQUFpQztzSEFBakMsaUNBQWlDLGlFQ2xCOUMsd2JBU1M7OzRGRFNJLGlDQUFpQztrQkFQN0MsU0FBUzsrQkFFRSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuICBmYUNoZWNrID0gZmFDaGVjaztcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCd2ZXJ0aWNhbCcpO1xufVxuIiwiPGRhZmYtbm90aWZpY2F0aW9uIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvbkNvbnRyb2wudmFsdWVcIj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUNoZWNrXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwib3JpZW50YXRpb25Db250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJ2ZXJ0aWNhbFwiPlZlcnRpY2FsPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJob3Jpem9udGFsXCI+SG9yaXpvbnRhbDwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7QUFpQnZFLE1BQU0sT0FBTyxpQ0FBaUM7SUFmOUM7UUFnQkUsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFDNUIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUU5Qix1QkFBa0IsR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztLQUM3RTtrSUFOWSxpQ0FBaUM7c0hBQWpDLGlDQUFpQyxxRkNsQzlDLHdiQVNTLGdJRGtCTCxzQkFBc0IsZ2VBQ3RCLGVBQWUsaVBBQ2Ysc0JBQXNCLDhCQUN0QixnQkFBZ0IsOEJBQ2hCLG1CQUFtQjs7NEZBR1YsaUNBQWlDO2tCQWY3QyxTQUFTOytCQUVFLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1Asc0JBQXNCO3dCQUN0QixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZOb3RpZmljYXRpb25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL25vdGlmaWNhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuICBmYUNoZWNrID0gZmFDaGVjaztcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCd2ZXJ0aWNhbCcpO1xufVxuIiwiPGRhZmYtbm90aWZpY2F0aW9uIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvbkNvbnRyb2wudmFsdWVcIj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUNoZWNrXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwib3JpZW50YXRpb25Db250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJ2ZXJ0aWNhbFwiPlZlcnRpY2FsPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJob3Jpem9udGFsXCI+SG9yaXpvbnRhbDwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19

package/esm2022/notification/examples/notification-status/notification-status.component.mjs

@@ -1,12 +1,15 @@
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faCheck, faExclamation, faInfoCircle, } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffNotificationModule } from '@daffodil/design/notification';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@daffodil/design/notification";
-import * as i3 from "@daffodil/design";
-import * as i4 from "@fortawesome/angular-fontawesome";
-import * as i5 from "@angular/forms";
+import * as i1 from "@daffodil/design/notification";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@angular/forms";
 export class NotificationStatusComponent {
     constructor() {
         this.faInfoCircle = faInfoCircle;
@@ -15,10 +18,17 @@ export class NotificationStatusComponent {
         this.statusControl = new UntypedFormControl('success');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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</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", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, isStandalone: true, 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 === 'danger'\" 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</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=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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</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"] }]
+            args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNotificationModule,
+                        NgIf,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ], 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 === 'danger'\" 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</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=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQVMzQyxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBUUUsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFDNUIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUU5QixrQkFBYSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQ3ZFO2tJQU5ZLDJCQUEyQjtzSEFBM0IsMkJBQTJCLDJEQ2xCeEMsc3VCQVlTOzs0RkRNSSwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBRUUscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLXN0YXR1cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tc3RhdHVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uU3RhdHVzQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuICBmYUNoZWNrID0gZmFDaGVjaztcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG5cbiAgc3RhdHVzQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnc3VjY2VzcycpO1xufVxuIiwiPGRhZmYtbm90aWZpY2F0aW9uIFtzdGF0dXNdPVwic3RhdHVzQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZmEtaWNvbiAqbmdJZj1cInN0YXR1c0NvbnRyb2wudmFsdWUgPT09ICdzdWNjZXNzJ1wiIGRhZmZQcmVmaXggW2ljb25dPVwiZmFDaGVja1wiIFtmaXhlZFdpZHRoXT1cInRydWVcIj48L2ZhLWljb24+XG5cdDxmYS1pY29uICpuZ0lmPVwic3RhdHVzQ29udHJvbC52YWx1ZSA9PT0gJ3dhcm4nXCIgZGFmZlByZWZpeCBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGZhLWljb24gKm5nSWY9XCJzdGF0dXNDb250cm9sLnZhbHVlID09PSAnZXJyb3InXCIgZGFmZlByZWZpeCBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwic3RhdHVzQ29udHJvbFwiPlxuXHQ8b3B0aW9uIHZhbHVlPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cIndhcm5cIj5XYXJuPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJlcnJvclwiPkVycm9yPC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLE9BQU8sRUFDUCxhQUFhLEVBQ2IsWUFBWSxHQUNiLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7O0FBa0J2RSxNQUFNLE9BQU8sMkJBQTJCO0lBaEJ4QztRQWlCRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBRTlCLGtCQUFhLEdBQXVCLElBQUksa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7S0FDdkU7a0lBTlksMkJBQTJCO3NIQUEzQiwyQkFBMkIsK0VDcEN4Qyx5dUJBWVMsZ0lEZ0JMLHNCQUFzQixnZUFDdEIsSUFBSSw2RkFDSixlQUFlLGlQQUNmLHNCQUFzQiw4QkFDdEIsZ0JBQWdCLDhCQUNoQixtQkFBbUI7OzRGQUdWLDJCQUEyQjtrQkFoQnZDLFNBQVM7K0JBRUUscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLHNCQUFzQjt3QkFDdEIsSUFBSTt3QkFDSixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFVudHlwZWRGb3JtQ29udHJvbCxcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHtcbiAgZmFDaGVjayxcbiAgZmFFeGNsYW1hdGlvbixcbiAgZmFJbmZvQ2lyY2xlLFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZk5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbm90aWZpY2F0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLXN0YXR1cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tc3RhdHVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZOb3RpZmljYXRpb25Nb2R1bGUsXG4gICAgTmdJZixcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvblN0YXR1c0NvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbiAgZmFDaGVjayA9IGZhQ2hlY2s7XG4gIGZhRXhjbGFtYXRpb24gPSBmYUV4Y2xhbWF0aW9uO1xuXG4gIHN0YXR1c0NvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJ3N1Y2Nlc3MnKTtcbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbiBbc3RhdHVzXT1cInN0YXR1c0NvbnRyb2wudmFsdWVcIj5cblx0PGZhLWljb24gKm5nSWY9XCJzdGF0dXNDb250cm9sLnZhbHVlID09PSAnc3VjY2VzcydcIiBkYWZmUHJlZml4IFtpY29uXT1cImZhQ2hlY2tcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuXHQ8ZmEtaWNvbiAqbmdJZj1cInN0YXR1c0NvbnRyb2wudmFsdWUgPT09ICd3YXJuJ1wiIGRhZmZQcmVmaXggW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiIFtmaXhlZFdpZHRoXT1cInRydWVcIj48L2ZhLWljb24+XG5cdDxmYS1pY29uICpuZ0lmPVwic3RhdHVzQ29udHJvbC52YWx1ZSA9PT0gJ2RhbmdlcidcIiBkYWZmUHJlZml4IFtpY29uXT1cImZhRXhjbGFtYXRpb25cIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG48L2RhZmYtbm90aWZpY2F0aW9uPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJzdGF0dXNDb250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJzdWNjZXNzXCI+U3VjY2Vzczwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwid2FyblwiPldhcm48L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cImRhbmdlclwiPkRhbmdlcjwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19

package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs

@@ -1,11 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffNotificationModule } from '@daffodil/design/notification';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@daffodil/design/notification";
-import * as i3 from "@daffodil/design";
-import * as i4 from "@fortawesome/angular-fontawesome";
-import * as i5 from "@daffodil/design/button";
+import * as i1 from "@daffodil/design/notification";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@fortawesome/angular-fontawesome";
+import * as i4 from "@daffodil/design/button";
 export class NotificationWithActionsComponent {
     constructor() {
         this.faExclamationCircle = faExclamationCircle;
@@ -15,10 +17,14 @@ export class NotificationWithActionsComponent {
         this.showNotification = !this.showNotification;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationWithActionsComponent, selector: "notification-with-actions", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></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\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", 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", "dismissible", "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: 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: "component", type: i5.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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationWithActionsComponent, isStandalone: true, selector: "notification-with-actions", ngImport: i0, template: "<daff-notification>\n  <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n  <div daffNotificationTitle>Title</div>\n  <div daffNotificationSubtitle>This is the subtitle with information</div>\n  <div daffNotificationActions>\n    <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n    <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n  </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "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: "ngmodule", type: FontAwesomeModule }, { 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: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i4.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></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\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
+            args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNotificationModule,
+                        FontAwesomeModule,
+                        DaffButtonModule,
+                    ], template: "<daff-notification>\n  <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n  <div daffNotificationTitle>Title</div>\n  <div daffNotificationSubtitle>This is the subtitle with information</div>\n  <div daffNotificationActions>\n    <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n    <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n  </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQWdCeEUsTUFBTSxPQUFPLGdDQUFnQztJQWQ3QztRQWVFLHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBRTFDLHFCQUFnQixHQUFHLEtBQUssQ0FBQztLQUsxQjtJQUhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDakQsQ0FBQztrSUFQVSxnQ0FBZ0M7c0hBQWhDLGdDQUFnQyxpRUNwQjdDLDJyQkFhb0I7OzRGRE9QLGdDQUFnQztrQkFkNUMsU0FBUzsrQkFFRSwyQkFBMkIsbUJBVXBCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhRXhjbGFtYXRpb25DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdub3RpZmljYXRpb24td2l0aC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAxNnB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25XaXRoQWN0aW9uc0NvbXBvbmVudCB7XG4gIGZhRXhjbGFtYXRpb25DaXJjbGUgPSBmYUV4Y2xhbWF0aW9uQ2lyY2xlO1xuXG4gIHNob3dOb3RpZmljYXRpb24gPSBmYWxzZTtcblxuICB0b2dnbGVOb3RpZmljYXRpb24oKSB7XG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uID0gIXRoaXMuc2hvd05vdGlmaWNhdGlvbjtcbiAgfVxufVxuIiwiPGJ1dHRvbiBkYWZmLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTm90aWZpY2F0aW9uKClcIj5cblx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dOb3RpZmljYXRpb25cIj5TaG93IE5vdGlmaWNhdGlvbjwvbmctY29udGFpbmVyPlxuXHQ8bmctY29udGFpbmVyICpuZ0lmPVwiIXNob3dOb3RpZmljYXRpb25cIj5IaWRlIE5vdGlmaWNhdGlvbjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG5cbjxkYWZmLW5vdGlmaWNhdGlvbiBzdGF0dXM9XCJlcnJvclwiICpuZ0lmPVwic2hvd05vdGlmaWNhdGlvblwiPlxuXHQ8ZmEtaWNvbiBkYWZmUHJlZml4IFtpY29uXT1cImZhRXhjbGFtYXRpb25DaXJjbGVcIj48L2ZhLWljb24+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblRpdGxlPlRpdGxlPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlPlRoaXMgaXMgdGhlIHN1YnRpdGxlIHdpdGggaW5mb3JtYXRpb248L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uQWN0aW9ucz5cblx0XHQ8YnV0dG9uIGRhZmYtYnV0dG9uIHNpemU9XCJzbVwiIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5Db25maXJtPC9idXR0b24+XG5cdFx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5DYW5jZWw8L2J1dHRvbj5cblx0PC9kaXY+XG48L2RhZmYtbm90aWZpY2F0aW9uPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7O0FBc0J2RSxNQUFNLE9BQU8sZ0NBQWdDO0lBcEI3QztRQXFCRSx3QkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztRQUUxQyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7S0FLMUI7SUFIQyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pELENBQUM7a0lBUFUsZ0NBQWdDO3NIQUFoQyxnQ0FBZ0MscUZDOUI3QyxnYkFRb0IsZ0lEaUJoQixzQkFBc0Isd2tCQUN0QixpQkFBaUIsa1NBQ2pCLGdCQUFnQjs7NEZBR1AsZ0NBQWdDO2tCQXBCNUMsU0FBUzsrQkFFRSwyQkFBMkIsbUJBVXBCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3dCQUNqQixnQkFBZ0I7cUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhRXhjbGFtYXRpb25DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZk5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbm90aWZpY2F0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24td2l0aC1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMTZweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZOb3RpZmljYXRpb25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNDb21wb25lbnQge1xuICBmYUV4Y2xhbWF0aW9uQ2lyY2xlID0gZmFFeGNsYW1hdGlvbkNpcmNsZTtcblxuICBzaG93Tm90aWZpY2F0aW9uID0gZmFsc2U7XG5cbiAgdG9nZ2xlTm90aWZpY2F0aW9uKCkge1xuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbiA9ICF0aGlzLnNob3dOb3RpZmljYXRpb247XG4gIH1cbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbj5cbiAgPGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uQ2lyY2xlXCI+PC9mYS1pY29uPlxuICA8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuICA8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG4gIDxkaXYgZGFmZk5vdGlmaWNhdGlvbkFjdGlvbnM+XG4gICAgPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q29uZmlybTwvYnV0dG9uPlxuICAgIDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q2FuY2VsPC9idXR0b24+XG4gIDwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj4iXX0=

package/esm2022/notification/examples/public_api.mjs

@@ -1,18 +1,13 @@
 import { DefaultNotificationComponent } from './default-notification/default-notification.component';
-import { DefaultNotificationModule } from './default-notification/default-notification.module';
 import { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';
-import { DismissibleNotificationModule } from './dismissible-notification/dismissible-notification.module';
 import { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';
-import { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';
 import { NotificationStatusComponent } from './notification-status/notification-status.component';
-import { NotificationStatusModule } from './notification-status/notification-status.module';
 import { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';
-import { NotificationWithActionsModule } from './notification-with-actions/notification-with-actions.module';
 export const NOTIFICATION_EXAMPLES = [
-    { component: DefaultNotificationComponent, module: DefaultNotificationModule },
-    { component: NotificationStatusComponent, module: NotificationStatusModule },
-    { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },
-    { component: DismissibleNotificationComponent, module: DismissibleNotificationModule },
-    { component: NotificationWithActionsComponent, module: NotificationWithActionsModule },
+    DefaultNotificationComponent,
+    DismissibleNotificationComponent,
+    NotificationOrientationsComponent,
+    NotificationStatusComponent,
+    NotificationWithActionsComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNyRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUM5RyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUM1RixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUU3RyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBdUI7SUFDdkQsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLHlCQUF5QixFQUFFO0lBQzlFLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSx3QkFBd0IsRUFBRTtJQUM1RSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLEVBQUUsOEJBQThCLEVBQUU7SUFDeEYsRUFBRSxTQUFTLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLDZCQUE2QixFQUFFO0lBQ3RGLEVBQUUsU0FBUyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sRUFBRSw2QkFBNkIsRUFBRTtDQUN2RixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50RXhhbXBsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGVmYXVsdE5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4vZGVmYXVsdC1ub3RpZmljYXRpb24vZGVmYXVsdC1ub3RpZmljYXRpb24ubW9kdWxlJztcbmltcG9ydCB7IERpc21pc3NpYmxlTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbk9yaWVudGF0aW9uc01vZHVsZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zLm1vZHVsZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uU3RhdHVzTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24tc3RhdHVzL25vdGlmaWNhdGlvbi1zdGF0dXMubW9kdWxlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbldpdGhBY3Rpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24td2l0aC1hY3Rpb25zL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbldpdGhBY3Rpb25zTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24td2l0aC1hY3Rpb25zL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMubW9kdWxlJztcblxuZXhwb3J0IGNvbnN0IE5PVElGSUNBVElPTl9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogRGVmYXVsdE5vdGlmaWNhdGlvbkNvbXBvbmVudCwgbW9kdWxlOiBEZWZhdWx0Tm90aWZpY2F0aW9uTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uU3RhdHVzTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBOb3RpZmljYXRpb25PcmllbnRhdGlvbnNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uT3JpZW50YXRpb25zTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbkNvbXBvbmVudCwgbW9kdWxlOiBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbk1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNNb2R1bGUgfSxcbl07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNyRyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUNqSCxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUVuSCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRztJQUNuQyw0QkFBNEI7SUFDNUIsZ0NBQWdDO0lBQ2hDLGlDQUFpQztJQUNqQywyQkFBMkI7SUFDM0IsZ0NBQWdDO0NBQ2pDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGlzbWlzc2libGVOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbk9yaWVudGF0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgTk9USUZJQ0FUSU9OX0VYQU1QTEVTID0gW1xuICBEZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50LFxuICBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbkNvbXBvbmVudCxcbiAgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50LFxuICBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQsXG4gIE5vdGlmaWNhdGlvbldpdGhBY3Rpb25zQ29tcG9uZW50LFxuXTtcbiJdfQ==

package/esm2022/notification/notification/notification.component.mjs

@@ -1,20 +1,11 @@
-import { Component, Input, ElementRef, Renderer2, HostBinding, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, Output, EventEmitter, } from '@angular/core';
+import { Component, Input, HostBinding, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, Output, EventEmitter, } from '@angular/core';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import { daffArticleEncapsulatedMixin, DaffPrefixDirective, DaffStatusEnum, daffStatusMixin, } from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffPrefixDirective, DaffStatusableDirective, DaffStatusEnum, } from '@daffodil/design';
 import { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@fortawesome/angular-fontawesome";
-/**
- * An _elementRef is needed for the core mixins
- */
-class DaffNotificationBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/common";
+import * as i3 from "@fortawesome/angular-fontawesome";
 var DaffNotificationOrientationEnum;
 (function (DaffNotificationOrientationEnum) {
     DaffNotificationOrientationEnum["Horizontal"] = "horizontal";
@@ -24,13 +15,13 @@ var DaffNotificationOrientationEnum;
  * DaffNotificationComponent provides a way to display and communicate
  * information related to user actions within a page's content.
  */
-export class DaffNotificationComponent extends _daffNotificationBase {
+export class DaffNotificationComponent {
     /**
      * Sets role to alert when `status="warn"` or `status="danger"`.
      * Sets role to status on all other instances.
      */
     get role() {
-        return this.status === DaffStatusEnum.Warn || this.status === DaffStatusEnum.Danger ? 'alert' : 'status';
+        return this.statusDirective.status === DaffStatusEnum.Warn || this.statusDirective.status === DaffStatusEnum.Danger ? 'alert' : 'status';
     }
     ;
     get verticalOrientation() {
@@ -39,6 +30,19 @@ export class DaffNotificationComponent extends _daffNotificationBase {
     get horizontalOrientation() {
         return this.orientation === DaffNotificationOrientationEnum.Horizontal;
     }
+    constructor(statusDirective) {
+        this.statusDirective = statusDirective;
+        this.faTimes = faTimes;
+        this.class = true;
+        this.tabindex = '0';
+        /** Whether or not a notification is closable */
+        this.dismissible = false;
+        this._orientation = DaffNotificationOrientationEnum.Vertical;
+        /**
+         * Output event triggered when the close icon is clicked.
+         */
+        this.closeNotification = new EventEmitter();
+    }
     get orientation() {
         return this._orientation;
     }
@@ -51,31 +55,22 @@ export class DaffNotificationComponent extends _daffNotificationBase {
         }
     }
     ;
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.faTimes = faTimes;
-        this.class = true;
-        this.tabindex = '0';
-        /** Whether or not a notification is closable */
-        this.dismissible = false;
-        this._orientation = DaffNotificationOrientationEnum.Vertical;
-        /**
-         * Output event triggered when the close icon is clicked.
-         */
-        this.closeNotification = new EventEmitter();
-    }
     onCloseNotification(event) {
         this.closeNotification.emit();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, 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__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (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;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{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-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i1.DaffStatusableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, descendants: true }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (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;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{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-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (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;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{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-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{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"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _prefix: [{
+            args: [{ selector: 'daff-notification', hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        {
+                            directive: DaffStatusableDirective,
+                            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__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (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;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{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-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{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"] }]
+        }], ctorParameters: () => [{ type: i1.DaffStatusableDirective }], propDecorators: { _prefix: [{
                 type: ContentChild,
                 args: [DaffPrefixDirective]
             }], _actions: [{
@@ -106,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
             }], closeNotification: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vc3JjL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFNBQVMsRUFDVCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFNUQsT0FBTyxFQUNMLDRCQUE0QixFQUU1QixtQkFBbUIsRUFFbkIsY0FBYyxFQUNkLGVBQWUsR0FDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx3REFBd0QsQ0FBQzs7OztBQUUxRzs7R0FFRztBQUNILE1BQU0sb0JBQW9CO0lBQ3hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0scUJBQXFCLEdBQUcsNEJBQTRCLENBQUMsZUFBZSxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztBQUlsRyxJQUFLLCtCQUdKO0FBSEQsV0FBSywrQkFBK0I7SUFDbEMsNERBQXlCLENBQUE7SUFDekIsd0RBQXFCLENBQUE7QUFDdkIsQ0FBQyxFQUhJLCtCQUErQixLQUEvQiwrQkFBK0IsUUFHbkM7QUFFRDs7O0dBR0c7QUFXSCxNQUFNLE9BQU8seUJBQ1gsU0FBUSxxQkFBcUI7SUFZN0I7OztPQUdHO0lBQ0gsSUFBOEIsSUFBSTtRQUNoQyxPQUFPLElBQUksQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQzNHLENBQUM7SUFBQSxDQUFDO0lBRUYsSUFBbUMsbUJBQW1CO1FBQ3JELE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7SUFDdEUsQ0FBQztJQUVELElBQXFDLHFCQUFxQjtRQUN6RCxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssK0JBQStCLENBQUMsVUFBVSxDQUFDO0lBQ3hFLENBQUM7SUFPRCxJQUNJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksV0FBVyxDQUFDLEtBQWtDO1FBQ2hELElBQUcsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFhLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDakUsSUFBSSxDQUFDLFlBQVksR0FBRywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7U0FDOUQ7YUFBTTtZQUNMLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFFRixZQUNVLFVBQXNCLEVBQ3RCLFFBQW1CO1FBRTVCLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFIbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBOUM3QixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBTXNCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFdkIsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQWtCN0MsZ0RBQWdEO1FBQ0wsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFdkQsaUJBQVksR0FBZ0MsK0JBQStCLENBQUMsUUFBUSxDQUFDO1FBc0I3Rjs7V0FFRztRQUNPLHNCQUFpQixHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBTHJFLENBQUM7SUFPRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO2tJQTdEVSx5QkFBeUI7c0hBQXpCLHlCQUF5QixpZkFLdEIsbUJBQW1CLDJFQUVuQixnQ0FBZ0MsdUVDOURoRCwrb0JBY1M7OzRGRHlDSSx5QkFBeUI7a0JBVnJDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBS3JCLENBQUMsUUFBUSxDQUFDLGlCQUNILGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07dUdBT1osT0FBTztzQkFBekMsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBRWUsUUFBUTtzQkFBdkQsWUFBWTt1QkFBQyxnQ0FBZ0M7Z0JBRU4sS0FBSztzQkFBNUMsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBRVIsUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlO2dCQU1FLElBQUk7c0JBQWpDLFdBQVc7dUJBQUMsV0FBVztnQkFJVyxtQkFBbUI7c0JBQXJELFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUlRLHFCQUFxQjtzQkFBekQsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBS1ksV0FBVztzQkFBckQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxtQkFBbUI7Z0JBS3JDLFdBQVc7c0JBRGQsS0FBSztnQkF1QkksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBIb3N0QmluZGluZyxcbiAgQ29udGVudENoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhVGltZXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQge1xuICBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluLFxuICBEYWZmUHJlZml4YWJsZSxcbiAgRGFmZlByZWZpeERpcmVjdGl2ZSxcbiAgRGFmZlN0YXR1c2FibGUsXG4gIERhZmZTdGF0dXNFbnVtLFxuICBkYWZmU3RhdHVzTWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmTm90aWZpY2F0aW9uQWN0aW9uc0RpcmVjdGl2ZSB9IGZyb20gJy4uL25vdGlmaWNhdGlvbi1hY3Rpb25zL25vdGlmaWNhdGlvbi1hY3Rpb25zLmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgaXMgbmVlZGVkIGZvciB0aGUgY29yZSBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZk5vdGlmaWNhdGlvbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZOb3RpZmljYXRpb25CYXNlID0gZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbihkYWZmU3RhdHVzTWl4aW4oRGFmZk5vdGlmaWNhdGlvbkJhc2UpKTtcblxuZXhwb3J0IHR5cGUgRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcblxuZW51bSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtIHtcbiAgSG9yaXpvbnRhbCA9ICdob3Jpem9udGFsJyxcbiAgVmVydGljYWwgPSAndmVydGljYWwnLFxufVxuXG4vKipcbiAqIERhZmZOb3RpZmljYXRpb25Db21wb25lbnQgcHJvdmlkZXMgYSB3YXkgdG8gZGlzcGxheSBhbmQgY29tbXVuaWNhdGVcbiAqIGluZm9ybWF0aW9uIHJlbGF0ZWQgdG8gdXNlciBhY3Rpb25zIHdpdGhpbiBhIHBhZ2UncyBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgLy8gdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydzdGF0dXMnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZOb3RpZmljYXRpb25Db21wb25lbnRcbiAgZXh0ZW5kcyBfZGFmZk5vdGlmaWNhdGlvbkJhc2VcbiAgaW1wbGVtZW50cyBEYWZmUHJlZml4YWJsZSwgRGFmZlN0YXR1c2FibGUge1xuICBmYVRpbWVzID0gZmFUaW1lcztcblxuICBAQ29udGVudENoaWxkKERhZmZQcmVmaXhEaXJlY3RpdmUpIF9wcmVmaXg6IERhZmZQcmVmaXhEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEYWZmTm90aWZpY2F0aW9uQWN0aW9uc0RpcmVjdGl2ZSkgX2FjdGlvbnM6IERhZmZOb3RpZmljYXRpb25BY3Rpb25zRGlyZWN0aXZlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1ub3RpZmljYXRpb24nKSBjbGFzcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXggPSAnMCc7XG5cbiAgLyoqXG4gICAqIFNldHMgcm9sZSB0byBhbGVydCB3aGVuIGBzdGF0dXM9XCJ3YXJuXCJgIG9yIGBzdGF0dXM9XCJkYW5nZXJcImAuXG4gICAqIFNldHMgcm9sZSB0byBzdGF0dXMgb24gYWxsIG90aGVyIGluc3RhbmNlcy5cbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5XYXJuIHx8IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5EYW5nZXIgPyAnYWxlcnQnIDogJ3N0YXR1cyc7XG4gIH07XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy52ZXJ0aWNhbCcpIGdldCB2ZXJ0aWNhbE9yaWVudGF0aW9uKCkge1xuXHQgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uID09PSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ob3Jpem9udGFsJykgZ2V0IGhvcml6b250YWxPcmllbnRhdGlvbigpIHtcblx0ICByZXR1cm4gdGhpcy5vcmllbnRhdGlvbiA9PT0gRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uRW51bS5Ib3Jpem9udGFsO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgb3Igbm90IGEgbm90aWZpY2F0aW9uIGlzIGNsb3NhYmxlICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGlzbWlzc2libGUnKSBkaXNtaXNzaWJsZSA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX29yaWVudGF0aW9uOiBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb24gPSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBvcmllbnRhdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fb3JpZW50YXRpb247XG4gIH1cblxuICBzZXQgb3JpZW50YXRpb24odmFsdWU6IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbikge1xuICAgIGlmKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQgfHwgPHVua25vd24+dmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLl9vcmllbnRhdGlvbiA9IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbkVudW0uVmVydGljYWw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX29yaWVudGF0aW9uID0gdmFsdWU7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICkge1xuXHQgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBPdXRwdXQgZXZlbnQgdHJpZ2dlcmVkIHdoZW4gdGhlIGNsb3NlIGljb24gaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9zZU5vdGlmaWNhdGlvbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQ2xvc2VOb3RpZmljYXRpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5jbG9zZU5vdGlmaWNhdGlvbi5lbWl0KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJfcHJlZml4XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmUHJlZml4XVwiPjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cImRhZmYtbm90aWZpY2F0aW9uX19ib2R5XCI+XG4gIDxkaXYgY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmTm90aWZpY2F0aW9uVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmTm90aWZpY2F0aW9uU3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIl9hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZOb3RpZmljYXRpb25BY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxidXR0b24gY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fY2xvc2UtaWNvblwiICpuZ0lmPVwiZGlzbWlzc2libGVcIiAoY2xpY2spPVwib25DbG9zZU5vdGlmaWNhdGlvbigkZXZlbnQpXCI+XG4gIDxmYS1pY29uIFtpY29uXT1cImZhVGltZXNcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuPC9idXR0b24+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vc3JjL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBR0wsV0FBVyxFQUNYLFlBQVksRUFDWixpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTVELE9BQU8sRUFDTCxnQ0FBZ0MsRUFFaEMsbUJBQW1CLEVBQ25CLHVCQUF1QixFQUN2QixjQUFjLEdBQ2YsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx3REFBd0QsQ0FBQzs7Ozs7QUFJMUcsSUFBSywrQkFHSjtBQUhELFdBQUssK0JBQStCO0lBQ2xDLDREQUF5QixDQUFBO0lBQ3pCLHdEQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFISSwrQkFBK0IsS0FBL0IsK0JBQStCLFFBR25DO0FBRUQ7OztHQUdHO0FBZUgsTUFBTSxPQUFPLHlCQUF5QjtJQVdwQzs7O09BR0c7SUFDSCxJQUE4QixJQUFJO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUMzSSxDQUFDO0lBQUEsQ0FBQztJQUVGLElBQW1DLG1CQUFtQjtRQUNyRCxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssK0JBQStCLENBQUMsUUFBUSxDQUFDO0lBQ3RFLENBQUM7SUFFRCxJQUFxQyxxQkFBcUI7UUFDekQsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLCtCQUErQixDQUFDLFVBQVUsQ0FBQztJQUN4RSxDQUFDO0lBS0QsWUFBb0IsZUFBd0M7UUFBeEMsb0JBQWUsR0FBZixlQUFlLENBQXlCO1FBN0I1RCxZQUFPLEdBQUcsT0FBTyxDQUFDO1FBTXNCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFdkIsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQWtCN0MsZ0RBQWdEO1FBQ0wsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFJdkQsaUJBQVksR0FBZ0MsK0JBQStCLENBQUMsUUFBUSxDQUFDO1FBZTdGOztXQUVHO1FBQ08sc0JBQWlCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFwQk4sQ0FBQztJQUloRSxJQUNJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksV0FBVyxDQUFDLEtBQWtDO1FBQ2hELElBQUcsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFhLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDakUsSUFBSSxDQUFDLFlBQVksR0FBRywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7U0FDOUQ7YUFBTTtZQUNMLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFPRixtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO2tJQXREVSx5QkFBeUI7c0hBQXpCLHlCQUF5QiwrZEFHdEIsbUJBQW1CLDJFQUVuQixnQ0FBZ0MsK0xDdERoRCwrb0JBY1M7OzRGRG1DSSx5QkFBeUI7a0JBZHJDLFNBQVM7K0JBQ0UsbUJBQW1CLGtCQUdiO3dCQUNkLEVBQUUsU0FBUyxFQUFFLGdDQUFnQyxFQUFFO3dCQUMvQzs0QkFDRSxTQUFTLEVBQUUsdUJBQXVCOzRCQUNsQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUM7eUJBQ25CO3FCQUNGLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07NEZBS1osT0FBTztzQkFBekMsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBRWUsUUFBUTtzQkFBdkQsWUFBWTt1QkFBQyxnQ0FBZ0M7Z0JBRU4sS0FBSztzQkFBNUMsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBRVIsUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlO2dCQU1FLElBQUk7c0JBQWpDLFdBQVc7dUJBQUMsV0FBVztnQkFJVyxtQkFBbUI7c0JBQXJELFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUlRLHFCQUFxQjtzQkFBekQsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBS1ksV0FBVztzQkFBckQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxtQkFBbUI7Z0JBT3JDLFdBQVc7c0JBRGQsS0FBSztnQkFnQkksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBIb3N0QmluZGluZyxcbiAgQ29udGVudENoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhVGltZXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQge1xuICBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSxcbiAgRGFmZlByZWZpeGFibGUsXG4gIERhZmZQcmVmaXhEaXJlY3RpdmUsXG4gIERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlLFxuICBEYWZmU3RhdHVzRW51bSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERhZmZOb3RpZmljYXRpb25BY3Rpb25zRGlyZWN0aXZlIH0gZnJvbSAnLi4vbm90aWZpY2F0aW9uLWFjdGlvbnMvbm90aWZpY2F0aW9uLWFjdGlvbnMuZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcblxuZW51bSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtIHtcbiAgSG9yaXpvbnRhbCA9ICdob3Jpem9udGFsJyxcbiAgVmVydGljYWwgPSAndmVydGljYWwnLFxufVxuXG4vKipcbiAqIERhZmZOb3RpZmljYXRpb25Db21wb25lbnQgcHJvdmlkZXMgYSB3YXkgdG8gZGlzcGxheSBhbmQgY29tbXVuaWNhdGVcbiAqIGluZm9ybWF0aW9uIHJlbGF0ZWQgdG8gdXNlciBhY3Rpb25zIHdpdGhpbiBhIHBhZ2UncyBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ3N0YXR1cyddLFxuICAgIH0sXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgRGFmZlByZWZpeGFibGUge1xuICBmYVRpbWVzID0gZmFUaW1lcztcblxuICBAQ29udGVudENoaWxkKERhZmZQcmVmaXhEaXJlY3RpdmUpIF9wcmVmaXg6IERhZmZQcmVmaXhEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEYWZmTm90aWZpY2F0aW9uQWN0aW9uc0RpcmVjdGl2ZSkgX2FjdGlvbnM6IERhZmZOb3RpZmljYXRpb25BY3Rpb25zRGlyZWN0aXZlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1ub3RpZmljYXRpb24nKSBjbGFzcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXggPSAnMCc7XG5cbiAgLyoqXG4gICAqIFNldHMgcm9sZSB0byBhbGVydCB3aGVuIGBzdGF0dXM9XCJ3YXJuXCJgIG9yIGBzdGF0dXM9XCJkYW5nZXJcImAuXG4gICAqIFNldHMgcm9sZSB0byBzdGF0dXMgb24gYWxsIG90aGVyIGluc3RhbmNlcy5cbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuc3RhdHVzRGlyZWN0aXZlLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uV2FybiB8fCB0aGlzLnN0YXR1c0RpcmVjdGl2ZS5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLkRhbmdlciA/ICdhbGVydCcgOiAnc3RhdHVzJztcbiAgfTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnZlcnRpY2FsJykgZ2V0IHZlcnRpY2FsT3JpZW50YXRpb24oKSB7XG5cdCAgcmV0dXJuIHRoaXMub3JpZW50YXRpb24gPT09IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbkVudW0uVmVydGljYWw7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmhvcml6b250YWwnKSBnZXQgaG9yaXpvbnRhbE9yaWVudGF0aW9uKCkge1xuXHQgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uID09PSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtLkhvcml6b250YWw7XG4gIH1cblxuICAvKiogV2hldGhlciBvciBub3QgYSBub3RpZmljYXRpb24gaXMgY2xvc2FibGUgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNtaXNzaWJsZScpIGRpc21pc3NpYmxlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0dXNEaXJlY3RpdmU6IERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlKSB7fVxuXG4gIHByaXZhdGUgX29yaWVudGF0aW9uOiBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb24gPSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBvcmllbnRhdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fb3JpZW50YXRpb247XG4gIH1cblxuICBzZXQgb3JpZW50YXRpb24odmFsdWU6IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbikge1xuICAgIGlmKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQgfHwgPHVua25vd24+dmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLl9vcmllbnRhdGlvbiA9IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbkVudW0uVmVydGljYWw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX29yaWVudGF0aW9uID0gdmFsdWU7XG4gICAgfVxuICB9O1xuXG4gIC8qKlxuICAgKiBPdXRwdXQgZXZlbnQgdHJpZ2dlcmVkIHdoZW4gdGhlIGNsb3NlIGljb24gaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9zZU5vdGlmaWNhdGlvbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQ2xvc2VOb3RpZmljYXRpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5jbG9zZU5vdGlmaWNhdGlvbi5lbWl0KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJfcHJlZml4XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmUHJlZml4XVwiPjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cImRhZmYtbm90aWZpY2F0aW9uX19ib2R5XCI+XG4gIDxkaXYgY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmTm90aWZpY2F0aW9uVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmTm90aWZpY2F0aW9uU3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIl9hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZOb3RpZmljYXRpb25BY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxidXR0b24gY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fY2xvc2UtaWNvblwiICpuZ0lmPVwiZGlzbWlzc2libGVcIiAoY2xpY2spPVwib25DbG9zZU5vdGlmaWNhdGlvbigkZXZlbnQpXCI+XG4gIDxmYS1pY29uIFtpY29uXT1cImZhVGltZXNcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuPC9idXR0b24+Il19

package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffPaginatorModule } from '@daffodil/design/paginator';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/paginator";
 export class BasicPaginatorComponent {
@@ -10,10 +11,12 @@ export class BasicPaginatorComponent {
         this.currentPage = pageNumber;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicPaginatorComponent, isStandalone: true, 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: "ngmodule", type: DaffPaginatorModule }, { kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffPaginatorModule,
+                    ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2Jhc2ljLXBhZ2luYXRvci9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sdUJBQXVCO0lBTnBDO1FBT0Usa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7S0FLakI7SUFIQyxZQUFZLENBQUMsVUFBa0I7UUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztrSUFOVSx1QkFBdUI7c0hBQXZCLHVCQUF1Qix1RENYcEMsb0xBQ0E7OzRGRFVhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBRVYsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1wYWdpbmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgbnVtYmVyT2ZQYWdlcyA9IDE1O1xuICBjdXJyZW50UGFnZSA9IDI7XG5cbiAgb25QYWdlQ2hhbmdlKHBhZ2VOdW1iZXI6IG51bWJlcikge1xuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYWdlTnVtYmVyO1xuICB9XG59XG4iLCI8ZGFmZi1wYWdpbmF0b3IgYXJpYS1sYWJlbD1cIlNlYXJjaCByZXN1bHRzIHBhZ2VcIiBbbnVtYmVyT2ZQYWdlc109XCJudW1iZXJPZlBhZ2VzXCIgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlXCIgKG5vdGlmeVBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L2RhZmYtcGFnaW5hdG9yPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2Jhc2ljLXBhZ2luYXRvci9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQVlqRSxNQUFNLE9BQU8sdUJBQXVCO0lBVnBDO1FBV0Usa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7S0FLakI7SUFIQyxZQUFZLENBQUMsVUFBa0I7UUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztrSUFOVSx1QkFBdUI7c0hBQXZCLHVCQUF1QiwyRUNqQnBDLG9MQUNBLDJDRGFJLG1CQUFtQjs7NEZBR1YsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFFVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZQYWdpbmF0b3JNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3BhZ2luYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLXBhZ2luYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZQYWdpbmF0b3JNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgbnVtYmVyT2ZQYWdlcyA9IDE1O1xuICBjdXJyZW50UGFnZSA9IDI7XG5cbiAgb25QYWdlQ2hhbmdlKHBhZ2VOdW1iZXI6IG51bWJlcikge1xuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYWdlTnVtYmVyO1xuICB9XG59XG4iLCI8ZGFmZi1wYWdpbmF0b3IgYXJpYS1sYWJlbD1cIlNlYXJjaCByZXN1bHRzIHBhZ2VcIiBbbnVtYmVyT2ZQYWdlc109XCJudW1iZXJPZlBhZ2VzXCIgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlXCIgKG5vdGlmeVBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L2RhZmYtcGFnaW5hdG9yPlxuIl19

package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs

@@ -1,10 +1,11 @@
+import { AsyncPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { map, } from 'rxjs';
+import { DaffPaginatorModule } from '@daffodil/design/paginator';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@daffodil/design/paginator";
-import * as i3 from "@angular/common";
 export class LinkPaginatorComponent {
     get currentPage$() {
         return this.route.queryParamMap.pipe(map((qps) => Number(qps.get(this.queryParam))));
@@ -17,10 +18,13 @@ export class LinkPaginatorComponent {
         this.queryParam = 'currentPage';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LinkPaginatorComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: LinkPaginatorComponent, isStandalone: true, 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: "ngmodule", type: DaffPaginatorModule }, { kind: "component", type: i2.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'link-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffPaginatorModule,
+                        AsyncPipe,
+                    ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcGFnaW5hdG9yL2V4YW1wbGVzL3NyYy9saW5rLXBhZ2luYXRvci9saW5rLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2xpbmstcGFnaW5hdG9yL2xpbmstcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBRUwsR0FBRyxHQUNKLE1BQU0sTUFBTSxDQUFDOzs7OztBQVFkLE1BQU0sT0FBTyxzQkFBc0I7SUFNakMsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ2xDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDL0MsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUNVLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBWi9CLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLG9EQUFvRDtRQUNwRCxRQUFHLEdBQUcsWUFBWSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxhQUFhLENBQUM7SUFVeEIsQ0FBQztrSUFkTyxzQkFBc0I7c0hBQXRCLHNCQUFzQixzRENoQm5DLCtNQUNBOzs0RkRlYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7XG4gIE9ic2VydmFibGUsXG4gIG1hcCxcbn0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmstcGFnaW5hdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmstcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmtQYWdpbmF0b3JDb21wb25lbnQge1xuICBudW1iZXJPZlBhZ2VzID0gMTU7XG4gIC8vIFRPRE86IGRvbid0IGhhcmRjb2RlIHRoaXMsIHBhc3MgaXQgaW4gZGVzaWduIGxhbmRcbiAgdXJsID0gJy9wYWdpbmF0b3InO1xuICBxdWVyeVBhcmFtID0gJ2N1cnJlbnRQYWdlJztcblxuICBnZXQgY3VycmVudFBhZ2UkKCk6IE9ic2VydmFibGU8bnVtYmVyPiB7XG4gICAgcmV0dXJuIHRoaXMucm91dGUucXVlcnlQYXJhbU1hcC5waXBlKFxuICAgICAgbWFwKChxcHMpID0+IE51bWJlcihxcHMuZ2V0KHRoaXMucXVlcnlQYXJhbSkpKSxcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICkge31cbn1cbiIsIjxkYWZmLXBhZ2luYXRvciBhcmlhLWxhYmVsPVwiU2VhcmNoIHJlc3VsdHMgcGFnZVwiIFtudW1iZXJPZlBhZ2VzXT1cIm51bWJlck9mUGFnZXNcIiBbY3VycmVudFBhZ2VdPVwiY3VycmVudFBhZ2UkIHwgYXN5bmNcIiBbbGlua01vZGVdPVwidHJ1ZVwiIFt1cmxdPVwidXJsXCIgW3F1ZXJ5UGFyYW1dPVwicXVlcnlQYXJhbVwiPjwvZGFmZi1wYWdpbmF0b3I+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vcGFnaW5hdG9yL2V4YW1wbGVzL3NyYy9saW5rLXBhZ2luYXRvci9saW5rLXBhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9wYWdpbmF0b3IvZXhhbXBsZXMvc3JjL2xpbmstcGFnaW5hdG9yL2xpbmstcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUVMLEdBQUcsR0FDSixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBYWpFLE1BQU0sT0FBTyxzQkFBc0I7SUFNakMsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ2xDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDL0MsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUNVLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBWi9CLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLG9EQUFvRDtRQUNwRCxRQUFHLEdBQUcsWUFBWSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxhQUFhLENBQUM7SUFVeEIsQ0FBQztrSUFkTyxzQkFBc0I7c0hBQXRCLHNCQUFzQiwwRUN4Qm5DLCtNQUNBLDJDRG1CSSxtQkFBbUIsd05BQ25CLFNBQVM7OzRGQUdBLHNCQUFzQjtrQkFYbEMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixTQUFTO3FCQUNWIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtcbiAgT2JzZXJ2YWJsZSxcbiAgbWFwLFxufSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRGFmZlBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vcGFnaW5hdG9yJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGluay1wYWdpbmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vbGluay1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZQYWdpbmF0b3JNb2R1bGUsXG4gICAgQXN5bmNQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5rUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgbnVtYmVyT2ZQYWdlcyA9IDE1O1xuICAvLyBUT0RPOiBkb24ndCBoYXJkY29kZSB0aGlzLCBwYXNzIGl0IGluIGRlc2lnbiBsYW5kXG4gIHVybCA9ICcvcGFnaW5hdG9yJztcbiAgcXVlcnlQYXJhbSA9ICdjdXJyZW50UGFnZSc7XG5cbiAgZ2V0IGN1cnJlbnRQYWdlJCgpOiBPYnNlcnZhYmxlPG51bWJlcj4ge1xuICAgIHJldHVybiB0aGlzLnJvdXRlLnF1ZXJ5UGFyYW1NYXAucGlwZShcbiAgICAgIG1hcCgocXBzKSA9PiBOdW1iZXIocXBzLmdldCh0aGlzLnF1ZXJ5UGFyYW0pKSksXG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICApIHt9XG59XG4iLCI8ZGFmZi1wYWdpbmF0b3IgYXJpYS1sYWJlbD1cIlNlYXJjaCByZXN1bHRzIHBhZ2VcIiBbbnVtYmVyT2ZQYWdlc109XCJudW1iZXJPZlBhZ2VzXCIgW2N1cnJlbnRQYWdlXT1cImN1cnJlbnRQYWdlJCB8IGFzeW5jXCIgW2xpbmtNb2RlXT1cInRydWVcIiBbdXJsXT1cInVybFwiIFtxdWVyeVBhcmFtXT1cInF1ZXJ5UGFyYW1cIj48L2RhZmYtcGFnaW5hdG9yPlxuIl19

package/esm2022/paginator/examples/public_api.mjs

@@ -1,5 +1,4 @@
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgTGlua1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vbGluay1wYWdpbmF0b3IvbGluay1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuZXhwb3J0IHsgUGFnaW5hdG9yRXhhbXBsZXNNb2R1bGUgfSBmcm9tICcuL3BhZ2luYXRvci1leGFtcGxlcy5tb2R1bGUnO1xuZXhwb3J0IHsgUEFHSU5BVE9SX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3BhZ2luYXRvci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYXNpY1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtcGFnaW5hdG9yL2Jhc2ljLXBhZ2luYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgTGlua1BhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vbGluay1wYWdpbmF0b3IvbGluay1wYWdpbmF0b3IuY29tcG9uZW50JztcbmV4cG9ydCB7IFBBR0lOQVRPUl9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19