@daffodil/design 0.74.0 → 0.75.0

package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs

@@ -1,10 +1,12 @@
+import { NgFor } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffNavbarModule } from '@daffodil/design/navbar';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@daffodil/design/navbar";
-import * as i4 from "@daffodil/design/button";
+import * as i1 from "@daffodil/design/navbar";
+import * as i2 from "@daffodil/design/button";
+import * as i3 from "@angular/forms";
 export class NavbarThemingComponent {
     constructor() {
         this.colorControl = new UntypedFormControl('');
@@ -20,10 +22,15 @@ export class NavbarThemingComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { 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: ["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: NavbarThemingComponent, isStandalone: true, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: DaffNavbarModule }, { kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { 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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavbarThemingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+            args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXRoZW1pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbmF2YmFyL2V4YW1wbGVzL3NyYy9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL25hdmJhci10aGVtaW5nL25hdmJhci10aGVtaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFTcEQsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1NBQ3JELENBQUM7S0FDSDtrSUFiWSxzQkFBc0I7c0hBQXRCLHNCQUFzQixzRENibkMsOFlBVVM7OzRGREdJLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICduYXZiYXItdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXItdGhlbWluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmJhci10aGVtaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZiYXJUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgXTtcbn1cbiIsIjxuYXYgZGFmZi1uYXZiYXIgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiIGNsYXNzPVwiZGFmZi1uYXZiYXItdGhlbWluZ1wiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1uYXZiYXItdGhlbWluZ19fbGlua3NcIj5cblx0XHQ8YSBocmVmPVwiL1wiPkhvbWU8L2E+XG5cdFx0PGEgaHJlZj1cIi9cIj5BYm91dCBVczwvYT5cblx0PC9kaXY+XG5cdDxidXR0b24gZGFmZi1idXR0b24+Q29udGFjdCBVczwvYnV0dG9uPlxuPC9uYXY+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXRoZW1pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbmF2YmFyL2V4YW1wbGVzL3NyYy9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL25hdmJhci10aGVtaW5nL25hdmJhci10aGVtaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWdCM0QsTUFBTSxPQUFPLHNCQUFzQjtJQWRuQztRQWVFLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1NBQ3JELENBQUM7S0FDSDtrSUFiWSxzQkFBc0I7c0hBQXRCLHNCQUFzQiwwRUMzQm5DLDhZQVVTLDRPRFdMLGdCQUFnQixxSUFDaEIsZ0JBQWdCLHFhQUNoQixtQkFBbUIscXRCQUNuQixLQUFLOzs0RkFHSSxzQkFBc0I7a0JBZGxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLEtBQUs7cUJBQ04iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFVudHlwZWRGb3JtQ29udHJvbCxcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZk5hdmJhck1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbmF2YmFyJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbmF2YmFyLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLXRoZW1pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZiYXItdGhlbWluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZOYXZiYXJNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nRm9yLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZiYXJUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgXTtcbn1cbiIsIjxuYXYgZGFmZi1uYXZiYXIgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiIGNsYXNzPVwiZGFmZi1uYXZiYXItdGhlbWluZ1wiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1uYXZiYXItdGhlbWluZ19fbGlua3NcIj5cblx0XHQ8YSBocmVmPVwiL1wiPkhvbWU8L2E+XG5cdFx0PGEgaHJlZj1cIi9cIj5BYm91dCBVczwvYT5cblx0PC9kaXY+XG5cdDxidXR0b24gZGFmZi1idXR0b24+Q29udGFjdCBVczwvYnV0dG9uPlxuPC9uYXY+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

package/esm2022/navbar/examples/public_api.mjs

@@ -1,10 +1,6 @@
 export { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';
-export { BasicNavbarModule } from './basic-navbar/basic-navbar.module';
 export { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';
-export { ContainedNavbarModule } from './contained-navbar/contained-navbar.module';
 export { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';
-export { NavbarThemingModule } from './navbar-theming/navbar-theming.module';
 export { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';
-export { RaisedNavbarModule } from './raised-navbar/raised-navbar.module';
 export { NAVBAR_EXAMPLES } from './examples';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNuRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQmFzaWNOYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLW5hdmJhci9iYXNpYy1uYXZiYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IEJhc2ljTmF2YmFyTW9kdWxlIH0gZnJvbSAnLi9iYXNpYy1uYXZiYXIvYmFzaWMtbmF2YmFyLm1vZHVsZSc7XG5leHBvcnQgeyBDb250YWluZWROYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lZC1uYXZiYXIvY29udGFpbmVkLW5hdmJhci5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29udGFpbmVkTmF2YmFyTW9kdWxlIH0gZnJvbSAnLi9jb250YWluZWQtbmF2YmFyL2NvbnRhaW5lZC1uYXZiYXIubW9kdWxlJztcbmV4cG9ydCB7IE5hdmJhclRoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL25hdmJhci10aGVtaW5nL25hdmJhci10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBOYXZiYXJUaGVtaW5nTW9kdWxlIH0gZnJvbSAnLi9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5tb2R1bGUnO1xuZXhwb3J0IHsgUmFpc2VkTmF2YmFyQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtbmF2YmFyL3JhaXNlZC1uYXZiYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFJhaXNlZE5hdmJhck1vZHVsZSB9IGZyb20gJy4vcmFpc2VkLW5hdmJhci9yYWlzZWQtbmF2YmFyLm1vZHVsZSc7XG5leHBvcnQgeyBOQVZCQVJfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQmFzaWNOYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLW5hdmJhci9iYXNpYy1uYXZiYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IENvbnRhaW5lZE5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVkLW5hdmJhci9jb250YWluZWQtbmF2YmFyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBOYXZiYXJUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZiYXItdGhlbWluZy9uYXZiYXItdGhlbWluZy5jb21wb25lbnQnO1xuZXhwb3J0IHsgUmFpc2VkTmF2YmFyQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtbmF2YmFyL3JhaXNlZC1uYXZiYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IE5BVkJBUl9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19

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

@@ -1,13 +1,15 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffNavbarModule } from '@daffodil/design/navbar';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design/navbar";
 import * as i2 from "@daffodil/design/button";
 export class RaisedNavbarComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedNavbarComponent, isStandalone: true, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: DaffNavbarModule }, { kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+            args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffNavbarModule, DaffButtonModule], template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO2tJQUFyQixxQkFBcUI7c0hBQXJCLHFCQUFxQixxRENabEMsME9BT0E7OzRGREthLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFFRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncmFpc2VkLW5hdmJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlzZWQtbmF2YmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLW5hdmJhci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmFpc2VkTmF2YmFyQ29tcG9uZW50IHt9XG4iLCI8bmF2IGRhZmYtbmF2YmFyIFtyYWlzZWRdPVwidHJ1ZVwiIGNsYXNzPVwiZGFmZi1yYWlzZWQtbmF2YmFyXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLXJhaXNlZC1uYXZiYXJfX2xpbmtzXCI+XG5cdFx0PGEgaHJlZj1cIi9cIj5Ib21lPC9hPlxuXHRcdDxhIGhyZWY9XCIvXCI+QWJvdXQgVXM8L2E+XG5cdDwvZGl2PlxuXHQ8YnV0dG9uIGRhZmYtYnV0dG9uPkNvbnRhY3QgVXM8L2J1dHRvbj5cbjwvbmF2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9uYXZiYXIvZXhhbXBsZXMvc3JjL3JhaXNlZC1uYXZiYXIvcmFpc2VkLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQVczRCxNQUFNLE9BQU8scUJBQXFCO2tJQUFyQixxQkFBcUI7c0hBQXJCLHFCQUFxQix5RUNqQmxDLDBPQU9BLDBPRFFZLGdCQUFnQixxSUFBRSxnQkFBZ0I7OzRGQUVqQyxxQkFBcUI7a0JBVGpDLFNBQVM7K0JBRUUsZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmTmF2YmFyTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9uYXZiYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdyYWlzZWQtbmF2YmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYWlzZWQtbmF2YmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGFmZk5hdmJhck1vZHVsZSwgRGFmZkJ1dHRvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZE5hdmJhckNvbXBvbmVudCB7fVxuIiwiPG5hdiBkYWZmLW5hdmJhciBbcmFpc2VkXT1cInRydWVcIiBjbGFzcz1cImRhZmYtcmFpc2VkLW5hdmJhclwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1yYWlzZWQtbmF2YmFyX19saW5rc1wiPlxuXHRcdDxhIGhyZWY9XCIvXCI+SG9tZTwvYT5cblx0XHQ8YSBocmVmPVwiL1wiPkFib3V0IFVzPC9hPlxuXHQ8L2Rpdj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbj5Db250YWN0IFVzPC9idXR0b24+XG48L25hdj5cbiJdfQ==

package/esm2022/navbar/navbar/navbar.component.mjs

@@ -1,20 +1,18 @@
-import { Component, Input, ElementRef, HostBinding, Renderer2, ChangeDetectionStrategy, } from '@angular/core';
-import { daffColorMixin, daffManageContainerLayoutMixin, } from '@daffodil/design';
+import { Component, Input, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
+import { DaffColorableDirective, DaffManageContainerLayoutDirective, } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef is needed for the Colorable mixin
- */
-class DaffNavbarBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffNavbarBase = daffManageContainerLayoutMixin(daffColorMixin(DaffNavbarBase));
+import * as i1 from "@daffodil/design";
 /**
  * @inheritdoc
  */
-export class DaffNavbarComponent extends _daffNavbarBase {
+export class DaffNavbarComponent {
+    constructor() {
+        this.raised = false;
+        /**
+         * @docs-private
+         */
+        this.hostClass = true;
+    }
     /**
      * @docs-private
      */
@@ -22,23 +20,19 @@ export class DaffNavbarComponent extends _daffNavbarBase {
         return this.raised;
     }
     ;
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.raised = false;
-        /**
-         * @docs-private
-         */
-        this.hostClass = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNavbarComponent, 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: DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: { color: "color", raised: "raised" }, host: { properties: { "class.daff-navbar--raised": "this.raisedClass", "class.daff-navbar": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: { raised: "raised" }, host: { properties: { "class.daff-navbar--raised": "this.raisedClass", "class.daff-navbar": "this.hostClass" } }, hostDirectives: [{ directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[daff-navbar]', template: '<ng-content></ng-content>', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { raised: [{
+            args: [{ selector: 'nav[daff-navbar]', template: '<ng-content></ng-content>', hostDirectives: [
+                        { directive: DaffManageContainerLayoutDirective },
+                        {
+                            directive: DaffColorableDirective,
+                            inputs: ['color'],
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"] }]
+        }], propDecorators: { raised: [{
                 type: Input
             }], raisedClass: [{
                 type: HostBinding,
@@ -47,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['class.daff-navbar']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9zcmMvbmF2YmFyL25hdmJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxTQUFTLEVBQ1QsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFFTCxjQUFjLEVBQ2QsOEJBQThCLEdBQy9CLE1BQU0sa0JBQWtCLENBQUM7O0FBRTFCOztHQUVHO0FBQ0gsTUFBTSxjQUFjO0lBQ2xCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sZUFBZSxHQUFHLDhCQUE4QixDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO0FBRXZGOztHQUVHO0FBV0gsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGVBQWU7SUFJdEQ7O09BRUc7SUFDSCxJQUE4QyxXQUFXO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQUEsQ0FBQztJQU9GLFlBQW9CLFVBQXNCLEVBQVUsUUFBbUI7UUFDckUsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQURWLGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBZDlELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFTeEI7O1dBRUc7UUFDK0IsY0FBUyxHQUFHLElBQUksQ0FBQztJQUluRCxDQUFDO2tJQWxCVSxtQkFBbUI7c0hBQW5CLG1CQUFtQiwrT0FOcEIsMkJBQTJCOzs0RkFNMUIsbUJBQW1CO2tCQVYvQixTQUFTOytCQUVFLGtCQUFrQixZQUVsQiwyQkFBMkIsVUFHN0IsQ0FBQyxPQUFPLENBQUMsbUJBQ0EsdUJBQXVCLENBQUMsTUFBTTt1R0FJdEMsTUFBTTtzQkFBZCxLQUFLO2dCQUt3QyxXQUFXO3NCQUF4RCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFPTixTQUFTO3NCQUExQyxXQUFXO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBSZW5kZXJlcjIsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZkNvbG9yYWJsZSxcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbixcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgaXMgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZOYXZiYXJCYXNlIHtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmTmF2YmFyQmFzZSA9IGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbihkYWZmQ29sb3JNaXhpbihEYWZmTmF2YmFyQmFzZSkpO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ25hdltkYWZmLW5hdmJhcl0nLFxuICBzdHlsZVVybHM6IFsnLi9uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgLy90b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTmF2YmFyQ29tcG9uZW50IGV4dGVuZHMgX2RhZmZOYXZiYXJCYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSB7XG5cbiAgQElucHV0KCkgcmFpc2VkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1uYXZiYXItLXJhaXNlZCcpIGdldCByYWlzZWRDbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5yYWlzZWQ7XG4gIH07XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1uYXZiYXInKSBob3N0Q2xhc3MgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25hdmJhci9zcmMvbmF2YmFyL25hdmJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsV0FBVyxFQUNYLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsc0JBQXNCLEVBQ3RCLGtDQUFrQyxHQUNuQyxNQUFNLGtCQUFrQixDQUFDOzs7QUFFMUI7O0dBRUc7QUFlSCxNQUFNLE9BQU8sbUJBQW1CO0lBZGhDO1FBZ0JXLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFTeEI7O1dBRUc7UUFDK0IsY0FBUyxHQUFHLElBQUksQ0FBQztLQUNwRDtJQVhDOztPQUVHO0lBQ0gsSUFBOEMsV0FBVztRQUN2RCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUFBLENBQUM7a0lBVFMsbUJBQW1CO3NIQUFuQixtQkFBbUIsc1ZBVnBCLDJCQUEyQjs7NEZBVTFCLG1CQUFtQjtrQkFkL0IsU0FBUzsrQkFFRSxrQkFBa0IsWUFFbEIsMkJBQTJCLGtCQUNyQjt3QkFDZCxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRTt3QkFDakQ7NEJBQ0UsU0FBUyxFQUFFLHNCQUFzQjs0QkFDakMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDO3lCQUNsQjtxQkFDRixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFJdEMsTUFBTTtzQkFBZCxLQUFLO2dCQUt3QyxXQUFXO3NCQUF4RCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFPTixTQUFTO3NCQUExQyxXQUFXO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZDb2xvcmFibGVEaXJlY3RpdmUsXG4gIERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ25hdltkYWZmLW5hdmJhcl0nLFxuICBzdHlsZVVybHM6IFsnLi9uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogRGFmZk1hbmFnZUNvbnRhaW5lckxheW91dERpcmVjdGl2ZSB9LFxuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGFmZkNvbG9yYWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjb2xvciddLFxuICAgIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTmF2YmFyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSByYWlzZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW5hdmJhci0tcmFpc2VkJykgZ2V0IHJhaXNlZENsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLnJhaXNlZDtcbiAgfTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW5hdmJhcicpIGhvc3RDbGFzcyA9IHRydWU7XG59XG4iXX0=

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

@@ -1,11 +1,13 @@
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { 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 "@daffodil/design/button";
+import * as i1 from "@daffodil/design/notification";
+import * as i2 from "@daffodil/design";
 export class DefaultNotificationComponent {
     constructor() {
         this.faInfoCircle = faInfoCircle;
@@ -15,10 +17,16 @@ export class DefaultNotificationComponent {
         this.showNotification = !this.showNotification;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" 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: DefaultNotificationComponent, isStandalone: true, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</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.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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" 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: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNotificationModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                        DaffButtonModule,
+                        NgIf,
+                    ], template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbm90aWZpY2F0aW9uL2V4YW1wbGVzL3NyYy9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2RlZmF1bHQtbm90aWZpY2F0aW9uL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQVNqRSxNQUFNLE9BQU8sNEJBQTRCO0lBUHpDO1FBUUUsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFFNUIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO0tBSzFCO0lBSEMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO2tJQVBVLDRCQUE0QjtzSEFBNUIsNEJBQTRCLDREQ2J6QywwaUJBVW9COzs0RkRHUCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBRUUsc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2RlZmF1bHQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERlZmF1bHROb3RpZmljYXRpb25Db21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG5cbiAgc2hvd05vdGlmaWNhdGlvbiA9IGZhbHNlO1xuXG4gIHRvZ2dsZU5vdGlmaWNhdGlvbigpIHtcbiAgICB0aGlzLnNob3dOb3RpZmljYXRpb24gPSAhdGhpcy5zaG93Tm90aWZpY2F0aW9uO1xuICB9XG59XG4iLCI8YnV0dG9uIGRhZmYtYnV0dG9uIChjbGljayk9XCJ0b2dnbGVOb3RpZmljYXRpb24oKVwiPlNob3cgTm90aWZpY2F0aW9uPC9idXR0b24+XG5cbjxkYWZmLW5vdGlmaWNhdGlvbiAqbmdJZj1cInNob3dOb3RpZmljYXRpb25cIiBzdGF0dXM9XCJzdWNjZXNzXCI+XG5cdDxmYS1pY29uIGRhZmZQcmVmaXggW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCI+PC9mYS1pY29uPlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvbkFjdGlvbnM+XG5cdFx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q29uZmlybTwvYnV0dG9uPlxuXHRcdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q2FuY2VsPC9idXR0b24+XG5cdDwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbm90aWZpY2F0aW9uL2V4YW1wbGVzL3NyYy9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2RlZmF1bHQtbm90aWZpY2F0aW9uL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7O0FBaUJ2RSxNQUFNLE9BQU8sNEJBQTRCO0lBZnpDO1FBZ0JFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRTVCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztLQUsxQjtJQUhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDakQsQ0FBQztrSUFQVSw0QkFBNEI7c0hBQTVCLDRCQUE0QixnRkMzQnpDLDROQUlvQixnSURnQmhCLHNCQUFzQixnZUFDdEIsZUFBZSxpUEFDZixzQkFBc0IsOEJBQ3RCLGdCQUFnQjs7NEZBSVAsNEJBQTRCO2tCQWZ4QyxTQUFTOytCQUVFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxzQkFBc0I7d0JBQ3RCLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QixnQkFBZ0I7d0JBQ2hCLElBQUk7cUJBQ0wiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFJbmZvQ2lyY2xlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZOb3RpZmljYXRpb25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL25vdGlmaWNhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2RlZmF1bHQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgTmdJZixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGVmYXVsdE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcblxuICBzaG93Tm90aWZpY2F0aW9uID0gZmFsc2U7XG5cbiAgdG9nZ2xlTm90aWZpY2F0aW9uKCkge1xuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbiA9ICF0aGlzLnNob3dOb3RpZmljYXRpb247XG4gIH1cbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUluZm9DaXJjbGVcIj48L2ZhLWljb24+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblRpdGxlPlRpdGxlPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlPlRoaXMgaXMgdGhlIHN1YnRpdGxlIHdpdGggaW5mb3JtYXRpb248L2Rpdj5cbjwvZGFmZi1ub3RpZmljYXRpb24+Il19

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

@@ -1,10 +1,12 @@
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+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 i1 from "@daffodil/design/notification";
+import * as i2 from "@daffodil/design";
 export class DismissibleNotificationComponent {
     constructor() {
         this.faInfoCircle = faInfoCircle;
@@ -14,10 +16,15 @@ export class DismissibleNotificationComponent {
         this.hidden = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, isStandalone: true, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffNotificationModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                        NgIf,
+                    ], template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFjakUsTUFBTSxPQUFPLGdDQUFnQztJQVo3QztRQWFFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRTVCLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FLaEI7SUFIQyxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO2tJQVBVLGdDQUFnQztzSEFBaEMsZ0NBQWdDLGdFQ2xCN0MsOFNBSW9COzs0RkRjUCxnQ0FBZ0M7a0JBWjVDLFNBQVM7K0JBRUUsMEJBQTBCLG1CQVFuQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYUluZm9DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdkaXNtaXNzaWJsZS1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGlzbWlzc2libGVOb3RpZmljYXRpb25Db21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG5cbiAgaGlkZGVuID0gZmFsc2U7XG5cbiAgaGlkZU5vdGlmaWNhdGlvbigpIHtcbiAgICB0aGlzLmhpZGRlbiA9IHRydWU7XG4gIH1cbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbiAqbmdJZj1cIiFoaWRkZW5cIiBkaXNtaXNzaWJsZT1cInRydWVcIiAoY2xvc2VOb3RpZmljYXRpb24pPVwiaGlkZU5vdGlmaWNhdGlvbigpXCI+XG5cdDxmYS1pY29uIGRhZmZQcmVmaXggW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCI+PC9mYS1pY29uPlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG48L2RhZmYtbm90aWZpY2F0aW9uPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFakUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFxQnZFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFuQjdDO1FBb0JFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRTVCLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FLaEI7SUFIQyxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO2tJQVBVLGdDQUFnQztzSEFBaEMsZ0NBQWdDLG9GQzlCN0MsOFNBSW9CLHFHRG9CaEIsc0JBQXNCLGdlQUN0QixlQUFlLGlQQUNmLHNCQUFzQiwrQkFDdEIsSUFBSTs7NEZBR0ssZ0NBQWdDO2tCQW5CNUMsU0FBUzsrQkFFRSwwQkFBMEIsbUJBUW5CLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLHNCQUFzQjt3QkFDdEIsZUFBZTt3QkFDZixzQkFBc0I7d0JBQ3RCLElBQUk7cUJBQ0wiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFJbmZvQ2lyY2xlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZk5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbm90aWZpY2F0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnZGlzbWlzc2libGUtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICAgIE5nSWYsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERpc21pc3NpYmxlTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuXG4gIGhpZGRlbiA9IGZhbHNlO1xuXG4gIGhpZGVOb3RpZmljYXRpb24oKSB7XG4gICAgdGhpcy5oaWRkZW4gPSB0cnVlO1xuICB9XG59XG4iLCI8ZGFmZi1ub3RpZmljYXRpb24gKm5nSWY9XCIhaGlkZGVuXCIgZGlzbWlzc2libGU9XCJ0cnVlXCIgKGNsb3NlTm90aWZpY2F0aW9uKT1cImhpZGVOb3RpZmljYXRpb24oKVwiPlxuXHQ8ZmEtaWNvbiBkYWZmUHJlZml4IFtpY29uXT1cImZhSW5mb0NpcmNsZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj4iXX0=

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==