@daffodil/design 0.74.0 → 0.75.0

package/fesm2022/daffodil-design-sidebar-examples.mjs

@@ -1,52 +1,23 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i3 from '@daffodil/design/sidebar';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@daffodil/design/sidebar';
 import { DaffSidebarModule } from '@daffodil/design/sidebar';
-import { DaffLinkSetModule } from '@daffodil/design/link-set';
-import * as i2$1 from '@daffodil/design/navbar';
-import { DaffNavbarModule } from '@daffodil/design/navbar';
-import * as i1 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import * as i2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i4 from '@daffodil/design/button';
+import * as i2 from '@daffodil/design/button';
 import { DaffButtonModule } from '@daffodil/design/button';
-import { CommonModule } from '@angular/common';
+import * as i2$1 from '@daffodil/design/navbar';
+import { DaffNavbarModule } from '@daffodil/design/navbar';
 
 class BasicSidebarComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicSidebarComponent, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"], dependencies: [{ kind: "component", type: i3.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i3.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicSidebarComponent, isStandalone: true, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"], dependencies: [{ kind: "ngmodule", type: DaffSidebarModule }, { kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"] }]
-        }] });
-
-class BasicSidebarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarModule, declarations: [BasicSidebarComponent], imports: [DaffSidebarModule,
-            DaffNavbarModule,
-            DaffLinkSetModule], exports: [BasicSidebarComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarModule, imports: [DaffSidebarModule,
-            DaffNavbarModule,
-            DaffLinkSetModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicSidebarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        DaffSidebarModule,
-                        DaffNavbarModule,
-                        DaffLinkSetModule,
-                    ],
-                    declarations: [
-                        BasicSidebarComponent,
-                    ],
-                    exports: [
-                        BasicSidebarComponent,
-                    ],
-                }]
+            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffSidebarModule], template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"] }]
         }] });
 
 class OverandUnderSidebarsComponent {
@@ -63,120 +34,41 @@ class OverandUnderSidebarsComponent {
         this.open = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OverandUnderSidebarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: OverandUnderSidebarsComponent, selector: "over-and-under-sidebars", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i3.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i3.DaffSidebarHeaderComponent, selector: "daff-sidebar-header" }, { kind: "component", type: i3.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i3.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "directive", type: i3.DaffSidebarHeaderActionDirective, selector: "[daffSidebarHeaderAction]" }, { 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: OverandUnderSidebarsComponent, isStandalone: true, selector: "over-and-under-sidebars", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffSidebarModule }, { kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header" }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "directive", type: i1.DaffSidebarHeaderActionDirective, selector: "[daffSidebarHeaderAction]" }, { 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: "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: 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: OverandUnderSidebarsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'over-and-under-sidebars', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
-        }] });
-
-class OverandUnderSidebarsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OverandUnderSidebarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: OverandUnderSidebarsModule, declarations: [OverandUnderSidebarsComponent], imports: [ReactiveFormsModule,
-            FontAwesomeModule,
-            DaffSidebarModule,
-            DaffNavbarModule,
-            DaffButtonModule,
-            DaffLinkSetModule], exports: [OverandUnderSidebarsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OverandUnderSidebarsModule, imports: [ReactiveFormsModule,
-            FontAwesomeModule,
-            DaffSidebarModule,
-            DaffNavbarModule,
-            DaffButtonModule,
-            DaffLinkSetModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OverandUnderSidebarsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ReactiveFormsModule,
-                        FontAwesomeModule,
+            args: [{ selector: 'over-and-under-sidebars', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffSidebarModule,
-                        DaffNavbarModule,
                         DaffButtonModule,
-                        DaffLinkSetModule,
-                    ],
-                    declarations: [
-                        OverandUnderSidebarsComponent,
-                    ],
-                    exports: [
-                        OverandUnderSidebarsComponent,
-                    ],
-                }]
+                        FaIconComponent,
+                        ReactiveFormsModule,
+                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
         }] });
 
 class SideFixedSidebarComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SideFixedSidebarComponent, selector: "side-fixed-sidebar", ngImport: i0, template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"], dependencies: [{ kind: "component", type: i3.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i3.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i2$1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SideFixedSidebarComponent, isStandalone: true, selector: "side-fixed-sidebar", ngImport: i0, template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"], dependencies: [{ kind: "ngmodule", type: DaffSidebarModule }, { kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "ngmodule", type: DaffNavbarModule }, { kind: "component", type: i2$1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'side-fixed-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"] }]
-        }] });
-
-class SideFixedSidebarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarModule, declarations: [SideFixedSidebarComponent], imports: [CommonModule,
-            DaffSidebarModule,
-            DaffNavbarModule], exports: [SideFixedSidebarComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarModule, imports: [CommonModule,
-            DaffSidebarModule,
-            DaffNavbarModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SideFixedSidebarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        DaffSidebarModule,
-                        DaffNavbarModule,
-                    ],
-                    declarations: [
-                        SideFixedSidebarComponent,
-                    ],
-                    exports: [
-                        SideFixedSidebarComponent,
-                    ],
-                }]
+            args: [{ selector: 'side-fixed-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffSidebarModule, DaffNavbarModule], template: "<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.side-fixed-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{padding:24px;height:480px}\n"] }]
         }] });
 
 class SidebarWithStickyContentComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SidebarWithStickyContentComponent, selector: "sidebar-with-sticky-content", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"], dependencies: [{ kind: "component", type: i3.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i3.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SidebarWithStickyContentComponent, isStandalone: true, selector: "sidebar-with-sticky-content", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffSidebarModule }, { kind: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sidebar-with-sticky-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"] }]
-        }] });
-
-class SidebarWithStickyContentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentModule, declarations: [SidebarWithStickyContentComponent], imports: [DaffSidebarModule,
-            DaffNavbarModule], exports: [SidebarWithStickyContentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentModule, imports: [DaffSidebarModule,
-            DaffNavbarModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SidebarWithStickyContentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        DaffSidebarModule,
-                        DaffNavbarModule,
-                    ],
-                    declarations: [
-                        SidebarWithStickyContentComponent,
-                    ],
-                    exports: [
-                        SidebarWithStickyContentComponent,
-                    ],
-                }]
+            args: [{ selector: 'sidebar-with-sticky-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffSidebarModule], template: "<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.sidebar-with-sticky-content{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}.content{height:480px}.sticky{position:sticky;background:#fafafa;padding:16px;top:0}.inner-content{padding:16px}\n"] }]
         }] });
 
 const SIDEBAR_EXAMPLES = [
-    { component: BasicSidebarComponent, module: BasicSidebarModule },
-    { component: SideFixedSidebarComponent, module: SideFixedSidebarModule },
-    { component: OverandUnderSidebarsComponent, module: OverandUnderSidebarsModule },
-    { component: SidebarWithStickyContentComponent, module: SidebarWithStickyContentModule },
+    BasicSidebarComponent,
+    OverandUnderSidebarsComponent,
+    SideFixedSidebarComponent,
+    SidebarWithStickyContentComponent,
 ];
 
 /**

package/fesm2022/daffodil-design-sidebar-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-sidebar-examples.mjs","sources":["../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.ts","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.html","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.module.ts","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.ts","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.html","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.module.ts","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.ts","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.html","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.module.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.html","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.module.ts","../../../libs/design/sidebar/examples/src/public_api.ts","../../../libs/design/sidebar/examples/src/daffodil-design-sidebar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-sidebar',\n  templateUrl: './basic-sidebar.component.html',\n  styleUrls: ['./basic-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicSidebarComponent {\n\n}\n","<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport { DaffLinkSetModule } from '@daffodil/design/link-set';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\nimport { BasicSidebarComponent } from './basic-sidebar.component';\n\n@NgModule({\n  imports: [\n    DaffSidebarModule,\n    DaffNavbarModule,\n    DaffLinkSetModule,\n  ],\n  declarations: [\n    BasicSidebarComponent,\n  ],\n  exports: [\n    BasicSidebarComponent,\n  ],\n})\nexport class BasicSidebarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'over-and-under-sidebars',\n  templateUrl: './over-and-under-sidebars.component.html',\n  styleUrls: ['over-and-under-sidebars.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OverandUnderSidebarsComponent {\n  faTimes = faTimes;\n\n  open = false;\n\n  sideControl: FormControl = new FormControl('left');\n  modeControl: FormControl = new FormControl('over');\n\n  openSidebar() {\n    this.open = !this.open;\n  }\n\n  closeSidebar() {\n    this.open = false;\n  }\n}\n","<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffLinkSetModule } from '@daffodil/design/link-set';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\nimport { OverandUnderSidebarsComponent } from './over-and-under-sidebars.component';\n\n@NgModule({\n  imports: [\n    ReactiveFormsModule,\n    FontAwesomeModule,\n\n    DaffSidebarModule,\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffLinkSetModule,\n  ],\n  declarations: [\n    OverandUnderSidebarsComponent,\n  ],\n  exports: [\n    OverandUnderSidebarsComponent,\n  ],\n})\nexport class OverandUnderSidebarsModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'side-fixed-sidebar',\n  templateUrl: './side-fixed-sidebar.component.html',\n  styleUrls: ['side-fixed-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SideFixedSidebarComponent {}\n","<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\nimport { SideFixedSidebarComponent } from './side-fixed-sidebar.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    DaffSidebarModule,\n    DaffNavbarModule,\n  ],\n  declarations: [\n    SideFixedSidebarComponent,\n  ],\n  exports: [\n    SideFixedSidebarComponent,\n  ],\n})\nexport class SideFixedSidebarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'sidebar-with-sticky-content',\n  templateUrl: './sidebar-with-sticky-content.component.html',\n  styleUrls: ['sidebar-with-sticky-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SidebarWithStickyContentComponent {}\n","<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\nimport { SidebarWithStickyContentComponent } from './sidebar-with-sticky-content.component';\n\n@NgModule({\n  imports: [\n    DaffSidebarModule,\n    DaffNavbarModule,\n  ],\n  declarations: [\n    SidebarWithStickyContentComponent,\n  ],\n  exports: [\n    SidebarWithStickyContentComponent,\n  ],\n})\nexport class SidebarWithStickyContentModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';\nimport { BasicSidebarModule } from './basic-sidebar/basic-sidebar.module';\nimport { OverandUnderSidebarsComponent } from './over-and-under-sidebars/over-and-under-sidebars.component';\nimport { OverandUnderSidebarsModule } from './over-and-under-sidebars/over-and-under-sidebars.module';\nimport { SideFixedSidebarComponent } from './side-fixed-sidebar/side-fixed-sidebar.component';\nimport { SideFixedSidebarModule } from './side-fixed-sidebar/side-fixed-sidebar.module';\nimport { SidebarWithStickyContentComponent } from './sidebar-with-sticky-content/sidebar-with-sticky-content.component';\nimport { SidebarWithStickyContentModule } from './sidebar-with-sticky-content/sidebar-with-sticky-content.module';\n\nexport const SIDEBAR_EXAMPLES: ComponentExample[] = [\n  { component: BasicSidebarComponent, module: BasicSidebarModule },\n  { component: SideFixedSidebarComponent, module: SideFixedSidebarModule },\n  { component: OverandUnderSidebarsComponent, module: OverandUnderSidebarsModule },\n  { component: SidebarWithStickyContentComponent, module: SidebarWithStickyContentModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"daffodil-design-sidebar-examples.mjs","sources":["../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.ts","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.html","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.ts","../../../libs/design/sidebar/examples/src/over-and-under-sidebars/over-and-under-sidebars.component.html","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.ts","../../../libs/design/sidebar/examples/src/side-fixed-sidebar/side-fixed-sidebar.component.html","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky-content/sidebar-with-sticky-content.component.html","../../../libs/design/sidebar/examples/src/public_api.ts","../../../libs/design/sidebar/examples/src/daffodil-design-sidebar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-sidebar',\n  templateUrl: './basic-sidebar.component.html',\n  styleUrls: ['./basic-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffSidebarModule],\n})\nexport class BasicSidebarComponent {\n\n}\n","<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'over-and-under-sidebars',\n  templateUrl: './over-and-under-sidebars.component.html',\n  styleUrls: ['over-and-under-sidebars.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffSidebarModule,\n    DaffButtonModule,\n    FaIconComponent,\n    ReactiveFormsModule,\n  ],\n})\nexport class OverandUnderSidebarsComponent {\n  faTimes = faTimes;\n\n  open = false;\n\n  sideControl: FormControl = new FormControl('left');\n  modeControl: FormControl = new FormControl('over');\n\n  openSidebar() {\n    this.open = !this.open;\n  }\n\n  closeSidebar() {\n    this.open = false;\n  }\n}\n","<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'side-fixed-sidebar',\n  templateUrl: './side-fixed-sidebar.component.html',\n  styleUrls: ['side-fixed-sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffSidebarModule, DaffNavbarModule],\n})\nexport class SideFixedSidebarComponent {}\n","<daff-sidebar-viewport navPlacement=\"beside\">\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"side-fixed-sidebar\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <nav daff-sidebar-viewport-nav daff-navbar>Navbar</nav>\n  <div class=\"content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffSidebarModule } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'sidebar-with-sticky-content',\n  templateUrl: './sidebar-with-sticky-content.component.html',\n  styleUrls: ['sidebar-with-sticky-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffSidebarModule],\n})\nexport class SidebarWithStickyContentComponent {}\n","<daff-sidebar-viewport>\n  <daff-sidebar mode=\"side-fixed\" [open]=\"true\" class=\"sidebar-with-sticky-content\">\n    Fixed sidebar content\n  </daff-sidebar>\n  <div class=\"content\">\n    <div class=\"sticky\">\n      <div>Sticky content</div>\n    </div>\n    <div class=\"inner-content\">Inner content</div>\n  </div>\n</daff-sidebar-viewport>","import { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';\nimport { OverandUnderSidebarsComponent } from './over-and-under-sidebars/over-and-under-sidebars.component';\nimport { SideFixedSidebarComponent } from './side-fixed-sidebar/side-fixed-sidebar.component';\nimport { SidebarWithStickyContentComponent } from './sidebar-with-sticky-content/sidebar-with-sticky-content.component';\n\nexport const SIDEBAR_EXAMPLES = [\n  BasicSidebarComponent,\n  OverandUnderSidebarsComponent,\n  SideFixedSidebarComponent,\n  SidebarWithStickyContentComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/daffodil-design-toast-examples.mjs

@@ -1,11 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@daffodil/design/toast';
-import { DaffToastModule, provideDaffToastOptions } from '@daffodil/design/toast';
+import { EventEmitter, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i2 from '@daffodil/design/button';
 import { DaffButtonModule } from '@daffodil/design/button';
-import { CommonModule } from '@angular/common';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i1 from '@daffodil/design/toast';
+import { provideDaffToastOptions } from '@daffodil/design/toast';
 import * as i2$1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { combineLatest } from 'rxjs';
@@ -37,42 +35,13 @@ class DefaultToastComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultToastComponent, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ 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: DefaultToastComponent, isStandalone: true, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ 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: DefaultToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
+            args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class DefaultToastModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, declarations: [DefaultToastComponent], imports: [CommonModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [DefaultToastComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, imports: [CommonModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DefaultToastComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        FontAwesomeModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        DefaultToastComponent,
-                    ],
-                }]
-        }] });
-
 class ToastPositionsComponent {
     constructor(toastService, toastPositionService) {
         this.toastService = toastService;
@@ -100,21 +69,7 @@ class ToastPositionsComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, deps: [{ token: i1.DaffToastService }, { token: i1.DaffToastPositionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastPositionsComponent, selector: "toast-positions", ngImport: i0, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
-
-class ToastPositionsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, declarations: [ToastPositionsComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [ToastPositionsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, providers: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastPositionsComponent, isStandalone: true, selector: "toast-positions", providers: [
             provideDaffToastOptions({
                 position: {
                     vertical: 'top',
@@ -122,29 +77,11 @@ class ToastPositionsModule {
                 },
                 useParent: false,
             }),
-        ], imports: [CommonModule,
-            ReactiveFormsModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
+        ], ngImport: i0, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: ToastPositionsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastPositionsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        DaffToastModule,
-                        FontAwesomeModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        ToastPositionsComponent,
-                    ],
-                    providers: [
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, DaffButtonModule], providers: [
                         provideDaffToastOptions({
                             position: {
                                 vertical: 'top',
@@ -152,9 +89,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                             },
                             useParent: false,
                         }),
-                    ],
-                }]
-        }] });
+                    ], template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
 
 const status = {
     error: {
@@ -186,45 +122,13 @@ class ToastStatusComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastStatusComponent, selector: "toast-status", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\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:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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: ToastStatusComponent, isStandalone: true, selector: "toast-status", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\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:flex-start;gap:16px}\n"], dependencies: [{ 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: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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: ToastStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\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:flex-start;gap:16px}\n"] }]
+            args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, ReactiveFormsModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\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:flex-start;gap:16px}\n"] }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class ToastStatusModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, declarations: [ToastStatusComponent], imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule], exports: [ToastStatusComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastStatusComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                        ReactiveFormsModule,
-                    ],
-                    exports: [
-                        ToastStatusComponent,
-                    ],
-                }]
-        }] });
-
 class ToastWithCustomDurationComponent {
     constructor(toastService) {
         this.toastService = toastService;
@@ -239,44 +143,18 @@ class ToastWithCustomDurationComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastWithCustomDurationComponent, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ 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: ToastWithCustomDurationComponent, isStandalone: true, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ 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: ToastWithCustomDurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
+            args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class ToastWithCustomDurationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, declarations: [ToastWithCustomDurationComponent], imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule], exports: [ToastWithCustomDurationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastWithCustomDurationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        ToastWithCustomDurationComponent,
-                    ],
-                }]
-        }] });
-
 const TOAST_EXAMPLES = [
-    { component: DefaultToastComponent, module: DefaultToastModule },
-    { component: ToastStatusComponent, module: ToastStatusModule },
-    { component: ToastPositionsComponent, module: ToastPositionsModule },
-    { component: ToastWithCustomDurationComponent, module: ToastWithCustomDurationModule },
+    DefaultToastComponent,
+    ToastPositionsComponent,
+    ToastStatusComponent,
+    ToastWithCustomDurationComponent,
 ];
 
 /**