@daffodil/design 0.89.0 → 0.91.0

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

@@ -1,109 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@daffodil/design/sidebar';
-import { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';
-import * as i2 from '@angular/forms';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import { DaffButtonComponent, DaffIconButtonComponent } from '@daffodil/design/button';
-import * as i2$1 from '@daffodil/design/navbar';
-import { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';
-
-class BasicSidebarComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicSidebarComponent, isStandalone: true, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\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: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                    ], template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\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 {
-    constructor() {
-        this.faTimes = faTimes;
-        this.open = false;
-        this.modeControl = new FormControl('over');
-    }
-    openSidebar() {
-        this.open = !this.open;
-    }
-    closeSidebar() {
-        this.open = false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: OverandUnderSidebarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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\">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: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: OverandUnderSidebarsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'over-and-under-sidebars', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                        FaIconComponent,
-                        ReactiveFormsModule,
-                        DaffButtonComponent,
-                        DaffIconButtonComponent,
-                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" side=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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\">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: "20.3.1", ngImport: i0, type: SideFixedSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i2$1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SideFixedSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'side-fixed-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DAFF_SIDEBAR_COMPONENTS, DAFF_NAVBAR_COMPONENTS], 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 SidebarSidesComponent {
-    constructor() {
-        this.faTimes = faTimes;
-        this.open = false;
-        this.sideControl = new FormControl('left');
-    }
-    openSidebar() {
-        this.open = !this.open;
-    }
-    closeSidebar() {
-        this.open = false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarSidesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SidebarSidesComponent, isStandalone: true, selector: "sidebar-sides", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" mode=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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    <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: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], outputs: ["escapePressed"] }, { kind: "component", type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: ["navPlacement"], outputs: ["backdropClicked"] }, { kind: "component", type: i1.DaffSidebarHeaderComponent, selector: "daff-sidebar-header", inputs: ["dismissible"], outputs: ["closeSidebar"] }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarSidesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sidebar-sides', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                        FaIconComponent,
-                        ReactiveFormsModule,
-                        DaffButtonComponent,
-                        DaffIconButtonComponent,
-                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" mode=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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    <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 SidebarWithStickyContentComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SidebarWithStickyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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: "component", type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode"], 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: "20.3.1", ngImport: i0, type: SidebarWithStickyContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sidebar-with-sticky-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SIDEBAR_COMPONENTS,
-                    ], 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 = [
-    BasicSidebarComponent,
-    OverandUnderSidebarsComponent,
-    SideFixedSidebarComponent,
-    SidebarWithStickyContentComponent,
-    SidebarSidesComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SIDEBAR_EXAMPLES };
-//# sourceMappingURL=daffodil-design-sidebar-examples.mjs.map

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

@@ -1 +0,0 @@
-{"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-sides/sidebar-sides.component.ts","../../../libs/design/sidebar/examples/src/sidebar-sides/sidebar-sides.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 { DAFF_SIDEBAR_COMPONENTS } 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  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n  ],\n})\nexport class BasicSidebarComponent {}\n","<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header>\n      Sidebar Title\n    </daff-sidebar-header>\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 {\n  DaffButtonComponent,\n  DaffIconButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_SIDEBAR_COMPONENTS } 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  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n    FaIconComponent,\n    ReactiveFormsModule,\n    DaffButtonComponent,\n    DaffIconButtonComponent,\n  ],\n})\nexport class OverandUnderSidebarsComponent {\n  faTimes = faTimes;\n\n  open = false;\n\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=\"left\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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\">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 { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\nimport { DAFF_SIDEBAR_COMPONENTS } 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  imports: [DAFF_SIDEBAR_COMPONENTS, DAFF_NAVBAR_COMPONENTS],\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';\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 {\n  DaffButtonComponent,\n  DaffIconButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_SIDEBAR_COMPONENTS } from '@daffodil/design/sidebar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'sidebar-sides',\n  templateUrl: './sidebar-sides.component.html',\n  styleUrls: ['sidebar-sides.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n    FaIconComponent,\n    ReactiveFormsModule,\n    DaffButtonComponent,\n    DaffIconButtonComponent,\n  ],\n})\nexport class SidebarSidesComponent {\n  faTimes = faTimes;\n\n  open = false;\n\n  sideControl: FormControl = new FormControl('left');\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=\"over\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\" (closeSidebar)=\"closeSidebar()\">\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    <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 { DAFF_SIDEBAR_COMPONENTS } 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  imports: [\n    DAFF_SIDEBAR_COMPONENTS,\n  ],\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 { SidebarSidesComponent } from './sidebar-sides/sidebar-sides.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  SidebarSidesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":";;;;;;;;;;;;MAiBa,qBAAqB,CAAA;iIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yECjBlC,uRAUwB,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDOX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA;;;MEgBU,6BAA6B,CAAA;AAd1C,IAAA,WAAA,GAAA;QAeE,IAAA,CAAA,OAAO,GAAG,OAAO;QAEjB,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ,QAAA,IAAA,CAAA,WAAW,GAAgB,IAAI,WAAW,CAAC,MAAM,CAAC;AASnD,IAAA;IAPC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;IACxB;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;IACnB;iIAbW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/B1C,4kCA4BA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFI,mBAAmB,qtBACnB,mBAAmB,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAdzC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;wBACvB,eAAe;wBACf,mBAAmB;wBACnB,mBAAmB;wBACnB,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,4kCAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA;;;MEbU,yBAAyB,CAAA;iIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,8EChBtC,8TAQwB,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDQX,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BAEE,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,WACtC,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,EAAA,QAAA,EAAA,8TAAA,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA;;;MEiB/C,qBAAqB,CAAA;AAdlC,IAAA,WAAA,GAAA;QAeE,IAAA,CAAA,OAAO,GAAG,OAAO;QAEjB,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ,QAAA,IAAA,CAAA,WAAW,GAAgB,IAAI,WAAW,CAAC,MAAM,CAAC;AASnD,IAAA;IAPC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;IACxB;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;IACnB;iIAbW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BlC,4kCA4BA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFI,mBAAmB,qtBACnB,mBAAmB,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;wBACvB,eAAe;wBACf,mBAAmB;wBACnB,mBAAmB;wBACnB,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,4kCAAA,EAAA,MAAA,EAAA,CAAA,gNAAA,CAAA,EAAA;;;MEZU,iCAAiC,CAAA;iIAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,uFCjB9C,iWAUwB,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDOX,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAV7C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,iWAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA;;;AETI,MAAM,gBAAgB,GAAG;IAC9B,qBAAqB;IACrB,6BAA6B;IAC7B,yBAAyB;IACzB,iCAAiC;IACjC,qBAAqB;;;ACXvB;;AAEG;;;;"}

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

@@ -1,25 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { DaffStickyTrackerDirective } from '@daffodil/design';
-
-class BasicStickyComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicStickyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicStickyComponent, isStandalone: true, selector: "basic-sticky", ngImport: i0, template: "<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ", styles: [".basic-sticky__section{margin-bottom:40px}.basic-sticky__section h3{margin-bottom:16px;font-size:1.2em;font-weight:600}.basic-sticky__container{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.basic-sticky__container--bottom{height:400px}.basic-sticky__content-before,.basic-sticky__content-middle,.basic-sticky__content-after,.basic-sticky__spacer,.basic-sticky__spacer-after{padding:20px}.basic-sticky__content-before p,.basic-sticky__content-middle p,.basic-sticky__content-after p,.basic-sticky__spacer p,.basic-sticky__spacer-after p{margin:8px 0;line-height:1.6;color:#666}.basic-sticky__content-before{background:#f8f9fa;min-height:120px}.basic-sticky__content-middle{background:#fff;min-height:400px}.basic-sticky__content-after{background:#f1f3f4;min-height:300px;padding-bottom:40px}.basic-sticky__spacer{background:#f8f9fa;padding:20px}.basic-sticky__spacer-after{background:#f1f3f4;padding:20px}.basic-sticky__header,.basic-sticky__element{position:sticky;top:0;padding:16px 20px;background:#2196f3;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-bottom:3px solid #1976d2;z-index:10}.basic-sticky__header .basic-sticky__indicator,.basic-sticky__element .basic-sticky__indicator{opacity:0;transform:translate(10px);transition:all .3s ease;font-size:.9em}.basic-sticky__header.is-pinned,.basic-sticky__element.is-pinned{background:#4caf50;border-bottom-color:#388e3c;box-shadow:0 4px 8px #00000026}.basic-sticky__header.is-pinned .basic-sticky__indicator,.basic-sticky__element.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__header.is-pinned .basic-sticky__text,.basic-sticky__element.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__footer{position:sticky;bottom:0;padding:16px 20px;background:#ff9800;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-top:3px solid #f57c00;z-index:10}.basic-sticky__footer .basic-sticky__indicator{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:.9em}.basic-sticky__footer.is-pinned{background:#e91e63;border-top-color:#c2185b;box-shadow:0 -4px 8px #00000026}.basic-sticky__footer.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__footer.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__text{font-size:1em;transition:opacity .3s ease}\n"], dependencies: [{ kind: "directive", type: DaffStickyTrackerDirective, selector: "[daffStickyTracker]", inputs: ["sticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicStickyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-sticky', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DaffStickyTrackerDirective,
-                    ], template: "<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ", styles: [".basic-sticky__section{margin-bottom:40px}.basic-sticky__section h3{margin-bottom:16px;font-size:1.2em;font-weight:600}.basic-sticky__container{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.basic-sticky__container--bottom{height:400px}.basic-sticky__content-before,.basic-sticky__content-middle,.basic-sticky__content-after,.basic-sticky__spacer,.basic-sticky__spacer-after{padding:20px}.basic-sticky__content-before p,.basic-sticky__content-middle p,.basic-sticky__content-after p,.basic-sticky__spacer p,.basic-sticky__spacer-after p{margin:8px 0;line-height:1.6;color:#666}.basic-sticky__content-before{background:#f8f9fa;min-height:120px}.basic-sticky__content-middle{background:#fff;min-height:400px}.basic-sticky__content-after{background:#f1f3f4;min-height:300px;padding-bottom:40px}.basic-sticky__spacer{background:#f8f9fa;padding:20px}.basic-sticky__spacer-after{background:#f1f3f4;padding:20px}.basic-sticky__header,.basic-sticky__element{position:sticky;top:0;padding:16px 20px;background:#2196f3;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-bottom:3px solid #1976d2;z-index:10}.basic-sticky__header .basic-sticky__indicator,.basic-sticky__element .basic-sticky__indicator{opacity:0;transform:translate(10px);transition:all .3s ease;font-size:.9em}.basic-sticky__header.is-pinned,.basic-sticky__element.is-pinned{background:#4caf50;border-bottom-color:#388e3c;box-shadow:0 4px 8px #00000026}.basic-sticky__header.is-pinned .basic-sticky__indicator,.basic-sticky__element.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__header.is-pinned .basic-sticky__text,.basic-sticky__element.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__footer{position:sticky;bottom:0;padding:16px 20px;background:#ff9800;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-top:3px solid #f57c00;z-index:10}.basic-sticky__footer .basic-sticky__indicator{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:.9em}.basic-sticky__footer.is-pinned{background:#e91e63;border-top-color:#c2185b;box-shadow:0 -4px 8px #00000026}.basic-sticky__footer.is-pinned .basic-sticky__indicator{opacity:1;transform:translate(0)}.basic-sticky__footer.is-pinned .basic-sticky__text{opacity:.95}.basic-sticky__text{font-size:1em;transition:opacity .3s ease}\n"] }]
-        }] });
-
-const STICKY_EXAMPLES = [
-    BasicStickyComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { STICKY_EXAMPLES };
-//# sourceMappingURL=daffodil-design-sticky-examples.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-sticky-examples.mjs","sources":["../../../libs/design/sticky/examples/src/basic-sticky/basic-sticky.component.ts","../../../libs/design/sticky/examples/src/basic-sticky/basic-sticky.component.html","../../../libs/design/sticky/examples/src/public_api.ts","../../../libs/design/sticky/examples/src/daffodil-design-sticky-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffStickyTrackerDirective } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-sticky',\n  templateUrl: './basic-sticky.component.html',\n  styleUrls: ['./basic-sticky.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffStickyTrackerDirective,\n  ],\n})\nexport class BasicStickyComponent {}\n","<div class=\"basic-sticky\">\n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky Example</h3>\n    <div class=\"basic-sticky__container\">\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky Example</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n    </div>\n  </div> \n  \n  <div class=\"basic-sticky__section\">\n    <h3>Top Sticky (First Element in Container)</h3>\n    <div class=\"basic-sticky__container\">\n      <div \n        daffStickyTracker sticky=\"top\"\n        class=\"basic-sticky__header\">\n        <span class=\"basic-sticky__text\">Header - Sticks to Top</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n      <div class=\"basic-sticky__content-before\">\n        <p>Scroll down to see the header stick to the top...</p>\n        <p>The header below will stick to the top when you scroll past it.</p>\n        <p>Notice how its appearance changes when it becomes \"pinned\".</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__content-middle\">\n        <p>Keep scrolling to see the sticky behavior...</p>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\n        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>\n      </div>\n    </div>\n  </div>  \n\n    <div class=\"basic-sticky__section\">\n    <h3>Bottom Sticky (Last Element in Container)</h3>\n    <div class=\"basic-sticky__container basic-sticky__container--bottom\">\n      <div class=\"basic-sticky__spacer\">\n        <p>Scroll down to see the footer stick to the bottom...</p>\n        <p>The footer is positioned naturally in the content below.</p>\n        <p>Continue scrolling to see it enter the viewport and then stick!</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling down...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Almost there...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>You should see the footer appear below this text:</p>\n      </div>\n      \n      \n      <div class=\"basic-sticky__spacer-after\">\n        <p>This content appears after the footer.</p>\n        <p>When you scroll past the footer, it should stick to the bottom.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>The footer should remain pinned as you scroll through this content.</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>Keep scrolling to test the sticky behavior...</p>\n        <br><br><br><br><br><br><br><br><br><br>\n        <p>End of content.</p>\n      </div>\n      <div \n        daffStickyTracker sticky=\"bottom\"\n        class=\"basic-sticky__footer\">\n        <span class=\"basic-sticky__text\">Footer - Sticks to Bottom</span>\n        <span class=\"basic-sticky__indicator\">Pinned!</span>\n      </div>\n    </div>\n  </div>  \n\n</div> ","import { BasicStickyComponent } from './basic-sticky/basic-sticky.component';\n\nexport const STICKY_EXAMPLES = [\n  BasicStickyComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAiBa,oBAAoB,CAAA;iIAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBjC,q7LA6HO,EAAA,MAAA,EAAA,CAAA,s6EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED/GH,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,q7LAAA,EAAA,MAAA,EAAA,CAAA,s6EAAA,CAAA,EAAA;;;AEbI,MAAM,eAAe,GAAG;IAC7B,oBAAoB;;;ACHtB;;AAEG;;;;"}

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

@@ -1,110 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
-import * as i1 from '@daffodil/design/switch';
-import { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';
-import { DaffErrorMessageComponent } from '@daffodil/design/form-field';
-import { NgFor } from '@angular/common';
-
-class BasicSwitchComponent {
-    constructor() {
-        this.checked = false;
-        this.disabled = false;
-        this.loading = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicSwitchComponent, isStandalone: true, selector: "basic-switch", ngImport: i0, template: "<daff-switch [checked]=\"checked\">Default</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicSwitchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-switch', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SWITCH_COMPONENTS,
-                        ReactiveFormsModule,
-                    ], template: "<daff-switch [checked]=\"checked\">Default</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"] }]
-        }] });
-
-class DisabledSwitchComponent {
-    constructor() {
-        this.checked = false;
-        this.disabled = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DisabledSwitchComponent, isStandalone: true, selector: "disabled-switch", ngImport: i0, template: "<daff-switch [checked]=\"checked\" disabled>Disabled</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSwitchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'disabled-switch', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SWITCH_COMPONENTS,
-                    ], template: "<daff-switch [checked]=\"checked\" disabled>Disabled</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"] }]
-        }] });
-
-class LoadingSwitchComponent {
-    constructor() {
-        this.checked = false;
-        this.loading = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LoadingSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: LoadingSwitchComponent, isStandalone: true, selector: "loading-switch", ngImport: i0, template: "<daff-switch [checked]=\"checked\" loading=\"true\">Loading</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LoadingSwitchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'loading-switch', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SWITCH_COMPONENTS,
-                    ], template: "<daff-switch [checked]=\"checked\" loading=\"true\">Loading</daff-switch>", styles: [":host{display:flex;flex-wrap:wrap}\n"] }]
-        }] });
-
-class SwitchErrorComponent {
-    constructor() {
-        this.checked = false;
-        this.error = false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SwitchErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SwitchErrorComponent, isStandalone: true, selector: "switch-error", ngImport: i0, template: "<daff-switch [checked]=\"checked\" [error]=\"true\">\n\tNotifications\n\t<daff-error-message>Error message</daff-error-message>\n</daff-switch>\n", styles: [":host{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: DaffErrorMessageComponent, selector: "daff-error-message" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SwitchErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'switch-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SWITCH_COMPONENTS,
-                        ReactiveFormsModule,
-                        DaffErrorMessageComponent,
-                    ], template: "<daff-switch [checked]=\"checked\" [error]=\"true\">\n\tNotifications\n\t<daff-error-message>Error message</daff-error-message>\n</daff-switch>\n", styles: [":host{display:flex;flex-wrap:wrap}\n"] }]
-        }] });
-
-class SwitchLabelPositionsComponent {
-    constructor() {
-        this.labelSwitchExample = new UntypedFormControl();
-        this.labelPositionControl = new UntypedFormControl('daff-left');
-        this.options = [
-            { value: 'daff-left', label: 'Left' },
-            { value: 'daff-right', label: 'Right' },
-            { value: 'daff-top', label: 'Top' },
-            { value: 'daff-bottom', label: 'Bottom' },
-        ];
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SwitchLabelPositionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SwitchLabelPositionsComponent, isStandalone: true, selector: "switch-label-positions", ngImport: i0, template: "<daff-switch [labelPosition]=\"labelPositionControl.value\" [formControl]=\"labelSwitchExample\" ngDefaultControl>Label</daff-switch>\n\n<select [formControl]=\"labelPositionControl\">\n  <option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SwitchLabelPositionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'switch-label-positions', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_SWITCH_COMPONENTS,
-                        ReactiveFormsModule,
-                        NgFor,
-                    ], template: "<daff-switch [labelPosition]=\"labelPositionControl.value\" [formControl]=\"labelSwitchExample\" ngDefaultControl>Label</daff-switch>\n\n<select [formControl]=\"labelPositionControl\">\n  <option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>" }]
-        }] });
-
-const SWITCH_EXAMPLES = [
-    BasicSwitchComponent,
-    DisabledSwitchComponent,
-    LoadingSwitchComponent,
-    SwitchErrorComponent,
-    SwitchLabelPositionsComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BasicSwitchComponent, DisabledSwitchComponent, LoadingSwitchComponent, SWITCH_EXAMPLES, SwitchErrorComponent, SwitchLabelPositionsComponent };
-//# sourceMappingURL=daffodil-design-switch-examples.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"daffodil-design-switch-examples.mjs","sources":["../../../libs/design/switch/examples/src/basic-switch/basic-switch.component.ts","../../../libs/design/switch/examples/src/basic-switch/basic-switch.component.html","../../../libs/design/switch/examples/src/disabled-switch/disabled-switch.component.ts","../../../libs/design/switch/examples/src/disabled-switch/disabled-switch.component.html","../../../libs/design/switch/examples/src/loading-switch/loading-switch.component.ts","../../../libs/design/switch/examples/src/loading-switch/loading-switch.component.html","../../../libs/design/switch/examples/src/switch-error/switch-error.component.ts","../../../libs/design/switch/examples/src/switch-error/switch-error.component.html","../../../libs/design/switch/examples/src/switch-label-positions/switch-label-positions.component.ts","../../../libs/design/switch/examples/src/switch-label-positions/switch-label-positions.component.html","../../../libs/design/switch/examples/src/examples.ts","../../../libs/design/switch/examples/src/daffodil-design-switch-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-switch',\n  templateUrl: './basic-switch.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SWITCH_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n  styles: [`\n    :host {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  `],\n})\nexport class BasicSwitchComponent {\n  checked = false;\n  disabled = false;\n  loading = true;\n}\n","<daff-switch [checked]=\"checked\">Default</daff-switch>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-switch',\n  templateUrl: './disabled-switch.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SWITCH_COMPONENTS,\n  ],\n  styles: [`\n    :host {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  `],\n})\nexport class DisabledSwitchComponent {\n  checked = false;\n  disabled = true;\n}\n","<daff-switch [checked]=\"checked\" disabled>Disabled</daff-switch>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'loading-switch',\n  templateUrl: './loading-switch.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SWITCH_COMPONENTS,\n  ],\n  styles: [`\n    :host {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  `],\n})\nexport class LoadingSwitchComponent {\n  checked = false;\n  loading = true;\n}\n","<daff-switch [checked]=\"checked\" loading=\"true\">Loading</daff-switch>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffErrorMessageComponent } from '@daffodil/design/form-field';\nimport { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'switch-error',\n  templateUrl: './switch-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SWITCH_COMPONENTS,\n    ReactiveFormsModule,\n    DaffErrorMessageComponent,\n  ],\n  styles: [`\n    :host {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  `],\n})\nexport class SwitchErrorComponent {\n  checked = false;\n  error = false;\n}\n","<daff-switch [checked]=\"checked\" [error]=\"true\">\n\tNotifications\n\t<daff-error-message>Error message</daff-error-message>\n</daff-switch>\n","import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'switch-label-positions',\n  templateUrl: './switch-label-positions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_SWITCH_COMPONENTS,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class SwitchLabelPositionsComponent {\n  labelSwitchExample = new UntypedFormControl();\n  labelPositionControl: UntypedFormControl = new UntypedFormControl('daff-left');\n\n  options = [\n    { value: 'daff-left', label: 'Left' },\n    { value: 'daff-right', label: 'Right' },\n    { value: 'daff-top', label: 'Top' },\n    { value: 'daff-bottom', label: 'Bottom' },\n  ];\n}\n","<daff-switch [labelPosition]=\"labelPositionControl.value\" [formControl]=\"labelSwitchExample\" ngDefaultControl>Label</daff-switch>\n\n<select [formControl]=\"labelPositionControl\">\n  <option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { BasicSwitchComponent } from './basic-switch/basic-switch.component';\nimport { DisabledSwitchComponent } from './disabled-switch/disabled-switch.component';\nimport { LoadingSwitchComponent } from './loading-switch/loading-switch.component';\nimport { SwitchErrorComponent } from './switch-error/switch-error.component';\nimport { SwitchLabelPositionsComponent } from './switch-label-positions/switch-label-positions.component';\n\nexport const SWITCH_EXAMPLES = [\n  BasicSwitchComponent,\n  DisabledSwitchComponent,\n  LoadingSwitchComponent,\n  SwitchErrorComponent,\n  SwitchLabelPositionsComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,115 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
-import * as i2 from '@daffodil/design';
-import { DaffPrefixSuffixModule } from '@daffodil/design';
-import * as i1 from '@daffodil/design/tabs';
-import { DAFF_TABS_COMPONENTS, DaffTabsComponent } from '@daffodil/design/tabs';
-import { DaffButtonComponent } from '@daffodil/design/button';
-
-class BasicTabsComponent {
-    constructor() {
-        this.faInfoCircle = faInfoCircle;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicTabsComponent, isStandalone: true, selector: "basic-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'basic-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_TABS_COMPONENTS,
-                        FaIconComponent,
-                        DaffPrefixSuffixModule,
-                    ], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>" }]
-        }] });
-
-class CustomSelectTabsComponent {
-    constructor() {
-        this.faInfoCircle = faInfoCircle;
-        this.selectedTab = 'tab-3';
-    }
-    selectTabThree() {
-        this._tab.select('tab-3');
-    }
-    selectTabFive() {
-        this._tab.select('tab-5');
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: CustomSelectTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: CustomSelectTabsComponent, isStandalone: true, selector: "custom-select-tabs", viewQueries: [{ propertyName: "_tab", first: true, predicate: DaffTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: CustomSelectTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'custom-select-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_TABS_COMPONENTS,
-                        DaffButtonComponent,
-                        FaIconComponent,
-                        DaffPrefixSuffixModule,
-                    ], template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"] }]
-        }], propDecorators: { _tab: [{
-                type: ViewChild,
-                args: [DaffTabsComponent]
-            }] } });
-
-class DisabledTabsComponent {
-    constructor() {
-        this.faInfoCircle = faInfoCircle;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DisabledTabsComponent, isStandalone: true, selector: "disabled-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'disabled-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_TABS_COMPONENTS,
-                        FaIconComponent,
-                        DaffPrefixSuffixModule,
-                    ], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
-        }] });
-
-class InitiallySelectTabComponent {
-    constructor() {
-        this.faInfoCircle = faInfoCircle;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InitiallySelectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: InitiallySelectTabComponent, isStandalone: true, selector: "initially-select-tab", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InitiallySelectTabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'initially-select-tab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_TABS_COMPONENTS,
-                        FaIconComponent,
-                        DaffPrefixSuffixModule,
-                    ], template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
-        }] });
-
-class LinkTabsComponent {
-    constructor() {
-        this.faInfoCircle = faInfoCircle;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LinkTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: LinkTabsComponent, isStandalone: true, selector: "link-tabs", ngImport: i0, template: "<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label", "linkMode", "url", "queryParam"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LinkTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'link-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        DAFF_TABS_COMPONENTS,
-                        FaIconComponent,
-                        DaffPrefixSuffixModule,
-                    ], template: "<daff-tabs\n\taria-label=\"List of tabs\"\n\t[linkMode]=\"true\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>" }]
-        }] });
-
-const TABS_EXAMPLES = [
-    BasicTabsComponent,
-    DisabledTabsComponent,
-    InitiallySelectTabComponent,
-    CustomSelectTabsComponent,
-    LinkTabsComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TABS_EXAMPLES };
-//# sourceMappingURL=daffodil-design-tabs-examples.mjs.map