@daffodil/design 0.39.12 → 0.41.0

package/fesm2015/daffodil-design-modal-examples.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffModalModule, DaffButtonModule } from '@daffodil/design';
+
+class BasicModalContentComponent {
+}
+/** @nocollapse */ /** @nocollapse */ BasicModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalContentComponent, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>", components: [{ type: i1.DaffModalHeaderComponent, selector: "daff-modal-header" }, { type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-modal-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>" }]
+        }] });
+
+class BasicModalComponent {
+    constructor(modalService) {
+        this.modalService = modalService;
+    }
+    showModal() {
+        this.modal = this.modalService.open(BasicModalContentComponent);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, deps: [{ token: i1.DaffModalService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalComponent, selector: "basic-modal", ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DaffModalService }]; } });
+
+class BasicModalModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalModule, declarations: [BasicModalComponent,
+        BasicModalContentComponent], imports: [DaffModalModule,
+        DaffButtonModule], exports: [BasicModalComponent] });
+/** @nocollapse */ /** @nocollapse */ BasicModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalModule, imports: [[
+            DaffModalModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffModalModule,
+                        DaffButtonModule,
+                    ],
+                    declarations: [
+                        BasicModalComponent,
+                        BasicModalContentComponent,
+                    ],
+                    exports: [
+                        BasicModalComponent,
+                    ],
+                }]
+        }] });
+
+const MODAL_EXAMPLES = [
+    { component: BasicModalComponent, module: BasicModalModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MODAL_EXAMPLES };
+//# sourceMappingURL=daffodil-design-modal-examples.mjs.map

package/fesm2015/daffodil-design-modal-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-modal-examples.mjs","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/modal-content.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-modal-content',\n  templateUrl: './modal-content.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalContentComponent {\n\n}\n","<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-modal',\n  templateUrl: './basic-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalComponent {\n  modal: any;\n\n  constructor(private modalService: DaffModalService) {}\n\n  showModal() {\n    this.modal = this.modalService.open(BasicModalContentComponent);\n  }\n}\n","<button daff-button (click)=\"showModal()\">Open Modal</button>\n","import { NgModule } from '@angular/core';\n\nimport {\n  DaffModalModule,\n  DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n  imports: [\n    DaffModalModule,\n    DaffButtonModule,\n  ],\n  declarations: [\n    BasicModalComponent,\n    BasicModalContentComponent,\n  ],\n  exports: [\n    BasicModalComponent,\n  ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n  { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,0BAA0B,CAAA;;6JAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,sCAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,2DCXvC,kTAQqB,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGR,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BAEE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kTAAA,EAAA,CAAA;;;MEMpC,mBAAmB,CAAA;AAG9B,IAAA,WAAA,CAAoB,YAA8B,EAAA;AAA9B,QAAA,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAkB;KAAI;IAEtD,SAAS,GAAA;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KACjE;;sJAPU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,sCAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,mDCfhC,mEACA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDca,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mEAAA,EAAA,CAAA;;;MEUpC,gBAAgB,CAAA;;mJAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,sCAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAPzB,mBAAmB;AACnB,QAAA,0BAA0B,aAL1B,eAAe;QACf,gBAAgB,aAOhB,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,sCAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAZlB,OAAA,EAAA,CAAA;YACP,eAAe;YACf,gBAAgB;SACjB,CAAA,EAAA,CAAA,CAAA;2FASU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,gBAAgB;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;ACjBY,MAAA,cAAc,GAAuB;AAChD,IAAA,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;;;ACN9D;;AAEG;;;;"}

package/fesm2015/daffodil-design-navbar-examples.mjs

@@ -0,0 +1,180 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffNavbarModule, DaffButtonModule, DaffContainerModule } from '@daffodil/design';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+
+class BasicNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ BasicNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class BasicNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, declarations: [BasicNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule,
+        DaffContainerModule] });
+/** @nocollapse */ /** @nocollapse */ BasicNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+
+class ContainedNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class ContainedNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, declarations: [ContainedNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule,
+        DaffContainerModule] });
+/** @nocollapse */ /** @nocollapse */ ContainedNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ContainedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+
+class NavbarThemingComponent {
+    constructor() {
+        this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'white', label: 'White' },
+            { value: 'black', label: 'Black' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+        ];
+    }
+}
+/** @nocollapse */ /** @nocollapse */ NavbarThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class NavbarThemingModule {
+}
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, declarations: [NavbarThemingComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffNavbarModule,
+        DaffButtonModule] });
+/** @nocollapse */ /** @nocollapse */ NavbarThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NavbarThemingComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+
+class RaisedNavbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class RaisedNavbarModule {
+}
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, declarations: [RaisedNavbarComponent], imports: [CommonModule,
+        DaffNavbarModule,
+        DaffButtonModule] });
+/** @nocollapse */ /** @nocollapse */ RaisedNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, imports: [[
+            CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+
+const NAVBAR_EXAMPLES = [
+    BasicNavbarComponent,
+    ContainedNavbarComponent,
+    NavbarThemingComponent,
+    RaisedNavbarComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicNavbarComponent, BasicNavbarModule, ContainedNavbarComponent, ContainedNavbarModule, NAVBAR_EXAMPLES, NavbarThemingComponent, NavbarThemingModule, RaisedNavbarComponent, RaisedNavbarModule };
+//# sourceMappingURL=daffodil-design-navbar-examples.mjs.map

package/fesm2015/daffodil-design-navbar-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-navbar-examples.mjs","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.html","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.html","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.html","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.html","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-navbar',\n  templateUrl: './basic-navbar.component.html',\n  styleUrls: ['./basic-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n  declarations: [\n    BasicNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class BasicNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contained-navbar',\n  templateUrl: './contained-navbar.component.html',\n  styleUrls: ['./contained-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffContainerModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n  declarations: [\n    ContainedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class ContainedNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'navbar-theming',\n  templateUrl: './navbar-theming.component.html',\n  styleUrls: ['./navbar-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n  colorControl: FormControl = new FormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n  declarations: [\n    NavbarThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class NavbarThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-navbar',\n  templateUrl: './raised-navbar.component.html',\n  styleUrls: ['./raised-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n  DaffButtonModule,\n  DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n  declarations: [\n    RaisedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n  BasicNavbarComponent,\n  ContainedNavbarComponent,\n  NavbarThemingComponent,\n  RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAaa,oBAAoB,CAAA;;uJAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,sCAAA,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,oDCbjC,6OAMM,EAAA,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDOO,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BAEE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6OAAA,EAAA,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA,CAAA;;;MEYpC,iBAAiB,CAAA;;oJAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qJAAjB,iBAAiB,EAAA,YAAA,EAAA,CAV1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;QAEZ,gBAAgB;QAChB,gBAAgB;QAChB,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,sCAAA,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EARnB,OAAA,EAAA,CAAA;YACP,YAAY;YAEZ,gBAAgB;YAChB,gBAAgB;YAChB,mBAAmB;SACpB,CAAA,EAAA,CAAA,CAAA;2FAEU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBAEZ,gBAAgB;wBAChB,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;MCVY,wBAAwB,CAAA;;2JAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,sCAAA,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,wDCZrC,6RASA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BAEE,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6RAAA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA,CAAA;;;MEapC,qBAAqB,CAAA;;wJAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yJAArB,qBAAqB,EAAA,YAAA,EAAA,CAV9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QAEZ,gBAAgB;QAChB,gBAAgB;QAChB,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,sCAAA,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EARvB,OAAA,EAAA,CAAA;YACP,YAAY;YAEZ,gBAAgB;YAChB,gBAAgB;YAChB,mBAAmB;SACpB,CAAA,EAAA,CAAA,CAAA;2FAEU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBAEZ,gBAAgB;wBAChB,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;MCTY,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAQE,IAAA,CAAA,YAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;SACrD,CAAC;KACH;;yJAbY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sCAAA,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,sDCbnC,8YAUS,EAAA,MAAA,EAAA,CAAA,qLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGI,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BAEE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8YAAA,EAAA,MAAA,EAAA,CAAA,qLAAA,CAAA,EAAA,CAAA;;;MEWpC,mBAAmB,CAAA;;sJAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uJAAnB,mBAAmB,EAAA,YAAA,EAAA,CAT5B,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAGtB,YAAY;QACZ,mBAAmB;QACnB,gBAAgB;QAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,sCAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAPrB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,mBAAmB;YACnB,gBAAgB;YAChB,gBAAgB;SACjB,CAAA,EAAA,CAAA,CAAA;2FAEU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,gBAAgB;wBAChB,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;MCTY,qBAAqB,CAAA;;wJAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,sCAAA,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qDCZlC,0OAOA,EAAA,MAAA,EAAA,CAAA,mLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDKa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BAEE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0OAAA,EAAA,MAAA,EAAA,CAAA,mLAAA,CAAA,EAAA,CAAA;;;MEWpC,kBAAkB,CAAA;;qJAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sJAAlB,kBAAkB,EAAA,YAAA,EAAA,CAT3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,YAAY;QAEZ,gBAAgB;QAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,sCAAA,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAPpB,OAAA,EAAA,CAAA;YACP,YAAY;YAEZ,gBAAgB;YAChB,gBAAgB;SACjB,CAAA,EAAA,CAAA,CAAA;2FAEU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBAEZ,gBAAgB;wBAChB,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;ACfY,MAAA,eAAe,GAAG;IAC7B,oBAAoB;IACpB,wBAAwB;IACxB,sBAAsB;IACtB,qBAAqB;;;ACTvB;;AAEG;;;;"}

package/fesm2015/daffodil-design-paginator-examples.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffPaginatorModule } from '@daffodil/design';
+import { CommonModule } from '@angular/common';
+
+class BasicPaginatorComponent {
+    constructor() {
+        this.numberOfPages = 15;
+        this.currentPage = 2;
+    }
+    onPageChange(pageNumber) {
+        this.currentPage = pageNumber;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicPaginatorComponent, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", components: [{ type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["color", "numberOfPages", "currentPage"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]
+        }] });
+
+const PAGINATOR_EXAMPLES = [
+    BasicPaginatorComponent,
+];
+
+class PaginatorExamplesModule {
+}
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, declarations: [BasicPaginatorComponent], imports: [CommonModule,
+        DaffPaginatorModule] });
+/** @nocollapse */ /** @nocollapse */ PaginatorExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, imports: [[
+            CommonModule,
+            DaffPaginatorModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PaginatorExamplesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...PAGINATOR_EXAMPLES,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffPaginatorModule,
+                    ],
+                    entryComponents: [
+                        ...PAGINATOR_EXAMPLES,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicPaginatorComponent, PAGINATOR_EXAMPLES, PaginatorExamplesModule };
+//# sourceMappingURL=daffodil-design-paginator-examples.mjs.map

package/fesm2015/daffodil-design-paginator-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-paginator-examples.mjs","sources":["../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.ts","../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.html","../../../libs/design/paginator/examples/src/examples.ts","../../../libs/design/paginator/examples/src/paginator-examples.module.ts","../../../libs/design/paginator/examples/src/daffodil-design-paginator-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-paginator',\n  templateUrl: './basic-paginator.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicPaginatorComponent {\n  numberOfPages = 15;\n  currentPage = 2;\n\n  onPageChange(pageNumber: number) {\n    this.currentPage = pageNumber;\n  }\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n","import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';\n\nexport const PAGINATOR_EXAMPLES = [\n  BasicPaginatorComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPaginatorModule } from '@daffodil/design';\n\nimport { PAGINATOR_EXAMPLES } from './examples';\n\n@NgModule({\n  declarations: [\n    ...PAGINATOR_EXAMPLES,\n  ],\n  imports: [\n    CommonModule,\n    DaffPaginatorModule,\n  ],\n  entryComponents: [\n    ...PAGINATOR_EXAMPLES,\n  ],\n})\nexport class PaginatorExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AAOE,QAAA,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;AACnB,QAAA,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;KAKjB;AAHC,IAAA,YAAY,CAAC,UAAkB,EAAA;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;KAC/B;;0JANU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,sCAAA,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,uDCXpC,oLACA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDUa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BAEE,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,CAAA;;;AEPpC,MAAA,kBAAkB,GAAG;IAChC,uBAAuB;;;MCgBZ,uBAAuB,CAAA;;0JAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,sCAAA,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,qDAPhC,YAAY;QACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAMV,sCAAA,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EARzB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,mBAAmB;SACpB,CAAA,EAAA,CAAA,CAAA;2FAKU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,kBAAkB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,eAAe,EAAE;AACf,wBAAA,GAAG,kBAAkB;AACtB,qBAAA;iBACF,CAAA;;;AClBD;;AAEG;;;;"}

package/fesm2015/daffodil-design-quantity-field-examples.mjs

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@daffodil/design';
+import { DaffFormFieldModule, DaffQuantityFieldModule } from '@daffodil/design';
+import { CommonModule } from '@angular/common';
+
+class BasicQuantityFieldComponent {
+    constructor() {
+        this.control = new FormControl(1);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicQuantityFieldComponent, selector: "basic-quantity-field", ngImport: i0, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""] }]
+        }] });
+
+class CustomRangeQuantityFieldComponent {
+    constructor() {
+        this.control = new FormControl(5);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ CustomRangeQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ CustomRangeQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CustomRangeQuantityFieldComponent, selector: "custom-range-quantity-field", ngImport: i0, template: "<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [min]=\"5\"\n    [max]=\"50\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'custom-range-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [min]=\"5\"\n    [max]=\"50\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""] }]
+        }] });
+
+class DisabledQuantityFieldComponent {
+    constructor() {
+        this.control = new FormControl({ value: '1', disabled: true });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ DisabledQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ DisabledQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DisabledQuantityFieldComponent, selector: "disabled-quantity-field", ngImport: i0, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'disabled-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""] }]
+        }] });
+
+class SelectMaxQuantityFieldComponent {
+    constructor() {
+        this.control = new FormControl(1);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SelectMaxQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SelectMaxQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SelectMaxQuantityFieldComponent, selector: "select-max-quantity-field", ngImport: i0, template: "<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [selectMax]=\"15\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""], components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'select-max-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <daff-quantity-field\n    [formControl]=\"control\"\n    [selectMax]=\"15\"\n  ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n  Control Value: {{control.value}}\n</p>\n", styles: [""] }]
+        }] });
+
+class BasicQuantityFieldModule {
+}
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, declarations: [BasicQuantityFieldComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffFormFieldModule,
+        DaffQuantityFieldModule], exports: [BasicQuantityFieldComponent] });
+/** @nocollapse */ /** @nocollapse */ BasicQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffFormFieldModule,
+            DaffQuantityFieldModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicQuantityFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicQuantityFieldComponent,
+                    ],
+                    exports: [
+                        BasicQuantityFieldComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffFormFieldModule,
+                        DaffQuantityFieldModule,
+                    ],
+                }]
+        }] });
+
+class CustomRangeQuantityFieldModule {
+}
+/** @nocollapse */ /** @nocollapse */ CustomRangeQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ CustomRangeQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldModule, declarations: [CustomRangeQuantityFieldComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffFormFieldModule,
+        DaffQuantityFieldModule], exports: [CustomRangeQuantityFieldComponent] });
+/** @nocollapse */ /** @nocollapse */ CustomRangeQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffFormFieldModule,
+            DaffQuantityFieldModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CustomRangeQuantityFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CustomRangeQuantityFieldComponent,
+                    ],
+                    exports: [
+                        CustomRangeQuantityFieldComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffFormFieldModule,
+                        DaffQuantityFieldModule,
+                    ],
+                }]
+        }] });
+
+class DisabledQuantityFieldModule {
+}
+/** @nocollapse */ /** @nocollapse */ DisabledQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ DisabledQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldModule, declarations: [DisabledQuantityFieldComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffFormFieldModule,
+        DaffQuantityFieldModule], exports: [DisabledQuantityFieldComponent] });
+/** @nocollapse */ /** @nocollapse */ DisabledQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffFormFieldModule,
+            DaffQuantityFieldModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DisabledQuantityFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DisabledQuantityFieldComponent,
+                    ],
+                    exports: [
+                        DisabledQuantityFieldComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffFormFieldModule,
+                        DaffQuantityFieldModule,
+                    ],
+                }]
+        }] });
+
+class SelectMaxQuantityFieldModule {
+}
+/** @nocollapse */ /** @nocollapse */ SelectMaxQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ SelectMaxQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldModule, declarations: [SelectMaxQuantityFieldComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        DaffFormFieldModule,
+        DaffQuantityFieldModule], exports: [SelectMaxQuantityFieldComponent] });
+/** @nocollapse */ /** @nocollapse */ SelectMaxQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            DaffFormFieldModule,
+            DaffQuantityFieldModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SelectMaxQuantityFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SelectMaxQuantityFieldComponent,
+                    ],
+                    exports: [
+                        SelectMaxQuantityFieldComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffFormFieldModule,
+                        DaffQuantityFieldModule,
+                    ],
+                }]
+        }] });
+
+const QUANTITY_FIELD_EXAMPLES = [
+    BasicQuantityFieldComponent,
+    CustomRangeQuantityFieldComponent,
+    DisabledQuantityFieldComponent,
+    SelectMaxQuantityFieldComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicQuantityFieldComponent, BasicQuantityFieldModule, CustomRangeQuantityFieldComponent, CustomRangeQuantityFieldModule, DisabledQuantityFieldComponent, DisabledQuantityFieldModule, QUANTITY_FIELD_EXAMPLES, SelectMaxQuantityFieldComponent, SelectMaxQuantityFieldModule };
+//# sourceMappingURL=daffodil-design-quantity-field-examples.mjs.map