@daffodil/design 0.80.0 → 0.81.0

package/fesm2022/daffodil-design-progress-bar-examples.mjs

@@ -6,23 +6,23 @@ import * as i2 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 
 class ProgressBarDefaultComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ProgressBarDefaultComponent, isStandalone: true, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: ProgressBarDefaultComponent, isStandalone: true, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
                     ], template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
         }] });
 
 class ProgressBarIndeterminateComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ProgressBarIndeterminateComponent, isStandalone: true, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: ProgressBarIndeterminateComponent, isStandalone: true, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
                     ], template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
         }] });
@@ -32,12 +32,12 @@ class ProgressBarThemesComponent {
         this.color = 'primary';
         this.colorControl = new FormControl('');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ProgressBarThemesComponent, isStandalone: true, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: ProgressBarThemesComponent, isStandalone: true, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
                         ReactiveFormsModule,
                     ], template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]

package/fesm2022/daffodil-design-progress-bar-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-progress-bar-examples.mjs","sources":["../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.html","../../../libs/design/progress-bar/examples/src/public_api.ts","../../../libs/design/progress-bar/examples/src/daffodil-design-progress-bar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-default',\n  templateUrl: './progress-bar-default.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarDefaultComponent {}\n","<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-indeterminate',\n  templateUrl: './progress-bar-indeterminate.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarIndeterminateComponent {}\n","<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-themes',\n  templateUrl: './progress-bar-themes.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 16px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n})\nexport class ProgressBarThemesComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>","import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';\nimport { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';\nimport { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';\n\nexport const PROGRESS_BAR_EXAMPLES = [\n  ProgressBarDefaultComponent,\n  ProgressBarIndeterminateComponent,\n  ProgressBarThemesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-progress-bar-examples.mjs","sources":["../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.html","../../../libs/design/progress-bar/examples/src/public_api.ts","../../../libs/design/progress-bar/examples/src/daffodil-design-progress-bar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-default',\n  templateUrl: './progress-bar-default.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarDefaultComponent {}\n","<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-indeterminate',\n  templateUrl: './progress-bar-indeterminate.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarIndeterminateComponent {}\n","<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-themes',\n  templateUrl: './progress-bar-themes.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 16px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n})\nexport class ProgressBarThemesComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n</select>","import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';\nimport { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';\nimport { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';\n\nexport const PROGRESS_BAR_EXAMPLES = [\n  ProgressBarDefaultComponent,\n  ProgressBarIndeterminateComponent,\n  ProgressBarThemesComponent,\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-progress-bar.mjs

@@ -10,10 +10,10 @@ class DaffProgressBarLabelDirective {
     constructor() {
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffProgressBarLabelDirective, isStandalone: true, selector: "[daffProgressBarLabel]", host: { properties: { "class.daff-progress-bar__label": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffProgressBarLabelDirective, isStandalone: true, selector: "[daffProgressBarLabel]", host: { properties: { "class.daff-progress-bar__label": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffProgressBarLabel]',
@@ -118,12 +118,12 @@ class DaffProgressBarComponent {
             },
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DaffColorableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffProgressBarComponent, isStandalone: true, selector: "daff-progress-bar", inputs: { percentage: "percentage", indeterminate: "indeterminate" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-bar": "this.class", "class.indeterminate": "this.indeterminateClass", "role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuenow": "this.ariaValueNow" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DaffColorableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: DaffProgressBarComponent, isStandalone: true, selector: "daff-progress-bar", inputs: { percentage: "percentage", indeterminate: "indeterminate" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-bar": "this.class", "class.indeterminate": "this.indeterminateClass", "role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuenow": "this.ariaValueNow" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
             daffProgressBarAnimation.fill,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         },
                     ], animations: [
                         daffProgressBarAnimation.fill,
-                    ], standalone: true, imports: [
+                    ], imports: [
                         NgIf,
                     ], template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DaffColorableDirective }], propDecorators: { class: [{
@@ -168,14 +168,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 class DaffProgressBarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule,
             DaffProgressBarComponent,
             DaffProgressBarLabelDirective], exports: [DaffProgressBarComponent,
             DaffProgressBarLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/daffodil-design-progress-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/progress-bar-label/progress-bar-label.directive.ts","../../../libs/design/progress-bar/src/animation/progress-bar-animation.ts","../../../libs/design/progress-bar/src/progress-bar.component.ts","../../../libs/design/progress-bar/src/progress-bar.component.html","../../../libs/design/progress-bar/src/progress-bar.module.ts","../../../libs/design/progress-bar/src/progress-bar.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffProgressBarLabel]',\n  standalone: true,\n})\nexport class DaffProgressBarLabelDirective {\n  @HostBinding('class.daff-progress-bar__label') class = true;\n}\n","import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffProgressBarAnimation: {\n  readonly fill: AnimationTriggerMetadata;\n} = {\n  fill: trigger('fill', [\n    state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 }}),\n    transition('void <=> *', animate(0)),\n    transition('* <=> *', animate(1000)),\n  ]),\n};\n","import { AnimationEvent } from '@angular/animations';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { NgIf } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  animations: [\n    daffProgressBarAnimation.fill,\n  ],\n  standalone: true,\n  imports: [\n    NgIf,\n  ],\n})\nexport class DaffProgressBarComponent {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-progress-bar') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.indeterminate') get indeterminateClass() {\n    return this._indeterminate;\n  }\n\n  @HostBinding('role') get role() {\n    return 'progressbar';\n  }\n\n  @HostBinding('attr.aria-label') get ariaLabel() {\n    return this._indeterminate ? 'loading' : null;\n  }\n\n  @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n  @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n  @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n    return this.percentage;\n  }\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private colorable: DaffColorableDirective,\n  ) {\n    this.colorable.defaultColor = 'primary';\n  }\n\n  private _percentage = 0;\n  private _indeterminate = false;\n\n  /**\n   * Sets the percentage completion of the progression,\n   * expressed as a whole number between 0 and 100.\n   *\n   */\n  @Input() get percentage(): number {\n    return this._percentage;\n  };\n  set percentage(val: number) {\n    this._percentage = clamp(val, 0, 100);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Property to set the animation of a progress bar to\n   * run for an indefinite amount of time.\n   *\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\n   **/\n  @Input() get indeterminate() {\n    return this._indeterminate;\n  }\n  set indeterminate(value: any) {\n    this._indeterminate = coerceBooleanProperty(value);\n  }\n\n  /**\n   * An event that emits each time the progression reaches 100%\n   * and the animation is finished\n   */\n  @Output() finished: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * Calculates when the progress animation is fully completed\n   *\n   * @param event: AnimationEvent\n   */\n  onAnimationComplete(event: AnimationEvent): void {\n    // @ts-expect-error: @angular/animations typing error on event.toState as string\n    // See: https://github.com/angular/angular/issues/26507\n    if(event.toState === '100' || event.toState === 100) {\n      this.finished.emit();\n    }\n  }\n\n  /**\n   * @docs-private\n   */\n  get fillState(): any {\n    return {\n      value: this.percentage,\n      params: {\n        percentage: this.percentage,\n      },\n    };\n  }\n}\n","<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n})\nexport class DaffProgressBarModule { }\n","import { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\nexport const DAFF_PROGRESS_BAR_COMPONENTS = <const> [\n  DaffProgressBarComponent,\n  DaffProgressBarLabelDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,6BAA6B,CAAA;AAJ1C,IAAA,WAAA,GAAA;QAKiD,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAC7D,KAAA;iIAFY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAEgD,KAAK,EAAA,CAAA;sBAAnD,WAAW;uBAAC,gCAAgC,CAAA;;;ACDxC,MAAM,wBAAwB,GAEjC;AACF,IAAA,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE;QACpB,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,oCAAoC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAAC,CAAC;AACpG,QAAA,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACpC,QAAA,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;KACrC,CAAC;CACH;;ACAM,MAAM,KAAK,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE;AAExG;;AAEG;MAoBU,wBAAwB,CAAA;AAOnC;;AAEG;AACH,IAAA,IAAwC,kBAAkB,GAAA;QACxD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;AAED,IAAA,IAAyB,IAAI,GAAA;AAC3B,QAAA,OAAO,aAAa,CAAC;KACtB;AAED,IAAA,IAAoC,SAAS,GAAA;QAC3C,OAAO,IAAI,CAAC,cAAc,GAAG,SAAS,GAAG,IAAI,CAAC;KAC/C;AAID,IAAA,IAAuC,YAAY,GAAA;QACjD,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;IAED,WACU,CAAA,kBAAqC,EACrC,SAAiC,EAAA;QADjC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAmB;QACrC,IAAS,CAAA,SAAA,GAAT,SAAS,CAAwB;AA5B3C;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;QAiBlB,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;QACnB,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAYhD,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;QAChB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AA4B/B;;;AAGG;AACO,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAE,CAAC;AApC1D,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC;KACzC;AAKD;;;;AAIG;AACH,IAAA,IAAa,UAAU,GAAA;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC;KACzB;;IACD,IAAI,UAAU,CAAC,GAAW,EAAA;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AACtC,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;AAED;;;;;AAKI;AACJ,IAAA,IAAa,aAAa,GAAA;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IACD,IAAI,aAAa,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACpD;AAQD;;;;AAIG;AACH,IAAA,mBAAmB,CAAC,KAAqB,EAAA;;;AAGvC,QAAA,IAAG,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,EAAE;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACtB;KACF;AAED;;AAEG;AACH,IAAA,IAAI,SAAS,GAAA;QACX,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,UAAU;AACtB,YAAA,MAAM,EAAE;gBACN,UAAU,EAAE,IAAI,CAAC,UAAU;AAC5B,aAAA;SACF,CAAC;KACH;iIA7FU,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,ECzCrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4VAIM,EDkCF,MAAA,EAAA,CAAA,gxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EALM,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;AACV,YAAA,wBAAwB,CAAC,IAAI;AAC9B,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAnBpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;qBACF,EACW,UAAA,EAAA;AACV,wBAAA,wBAAwB,CAAC,IAAI;AAC9B,qBAAA,EAAA,UAAA,EACW,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;AACL,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,gxBAAA,CAAA,EAAA,CAAA;2HAOuC,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAKE,kBAAkB,EAAA,CAAA;sBAAzD,WAAW;uBAAC,qBAAqB,CAAA;gBAIT,IAAI,EAAA,CAAA;sBAA5B,WAAW;uBAAC,MAAM,CAAA;gBAIiB,SAAS,EAAA,CAAA;sBAA5C,WAAW;uBAAC,iBAAiB,CAAA;gBAIK,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB,CAAA;gBACE,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB,CAAA;gBACM,YAAY,EAAA,CAAA;sBAAlD,WAAW;uBAAC,oBAAoB,CAAA;gBAmBpB,UAAU,EAAA,CAAA;sBAAtB,KAAK;gBAcO,aAAa,EAAA,CAAA;sBAAzB,KAAK;gBAWI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;;;AEvGT;;AAEG;MAYU,qBAAqB,CAAA;iIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,YAAY;YACZ,wBAAwB;AACxB,YAAA,6BAA6B,aAG7B,wBAAwB;YACxB,6BAA6B,CAAA,EAAA,CAAA,CAAA,EAAA;AAGpB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FASH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,6BAA6B;AAC9B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;wBACxB,6BAA6B;AAC9B,qBAAA;AACF,iBAAA,CAAA;;;AChBY,MAAA,4BAA4B,GAAW;IAClD,wBAAwB;IACxB,6BAA6B;;;ACL/B;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/progress-bar-label/progress-bar-label.directive.ts","../../../libs/design/progress-bar/src/animation/progress-bar-animation.ts","../../../libs/design/progress-bar/src/progress-bar.component.ts","../../../libs/design/progress-bar/src/progress-bar.component.html","../../../libs/design/progress-bar/src/progress-bar.module.ts","../../../libs/design/progress-bar/src/progress-bar.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffProgressBarLabel]',\n  standalone: true,\n})\nexport class DaffProgressBarLabelDirective {\n  @HostBinding('class.daff-progress-bar__label') class = true;\n}\n","import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffProgressBarAnimation: {\n  readonly fill: AnimationTriggerMetadata;\n} = {\n  fill: trigger('fill', [\n    state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 }}),\n    transition('void <=> *', animate(0)),\n    transition('* <=> *', animate(1000)),\n  ]),\n};\n","import { AnimationEvent } from '@angular/animations';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { NgIf } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  animations: [\n    daffProgressBarAnimation.fill,\n  ],\n  imports: [\n    NgIf,\n  ],\n})\nexport class DaffProgressBarComponent {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-progress-bar') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.indeterminate') get indeterminateClass() {\n    return this._indeterminate;\n  }\n\n  @HostBinding('role') get role() {\n    return 'progressbar';\n  }\n\n  @HostBinding('attr.aria-label') get ariaLabel() {\n    return this._indeterminate ? 'loading' : null;\n  }\n\n  @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n  @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n  @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n    return this.percentage;\n  }\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private colorable: DaffColorableDirective,\n  ) {\n    this.colorable.defaultColor = 'primary';\n  }\n\n  private _percentage = 0;\n  private _indeterminate = false;\n\n  /**\n   * Sets the percentage completion of the progression,\n   * expressed as a whole number between 0 and 100.\n   *\n   */\n  @Input() get percentage(): number {\n    return this._percentage;\n  };\n  set percentage(val: number) {\n    this._percentage = clamp(val, 0, 100);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Property to set the animation of a progress bar to\n   * run for an indefinite amount of time.\n   *\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\n   **/\n  @Input() get indeterminate() {\n    return this._indeterminate;\n  }\n  set indeterminate(value: any) {\n    this._indeterminate = coerceBooleanProperty(value);\n  }\n\n  /**\n   * An event that emits each time the progression reaches 100%\n   * and the animation is finished\n   */\n  @Output() finished: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * Calculates when the progress animation is fully completed\n   *\n   * @param event: AnimationEvent\n   */\n  onAnimationComplete(event: AnimationEvent): void {\n    // @ts-expect-error: @angular/animations typing error on event.toState as string\n    // See: https://github.com/angular/angular/issues/26507\n    if(event.toState === '100' || event.toState === 100) {\n      this.finished.emit();\n    }\n  }\n\n  /**\n   * @docs-private\n   */\n  get fillState(): any {\n    return {\n      value: this.percentage,\n      params: {\n        percentage: this.percentage,\n      },\n    };\n  }\n}\n","<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n})\nexport class DaffProgressBarModule { }\n","import { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\nexport const DAFF_PROGRESS_BAR_COMPONENTS = <const> [\n  DaffProgressBarComponent,\n  DaffProgressBarLabelDirective,\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-quantity-field-examples.mjs

@@ -9,12 +9,12 @@ class BasicQuantityFieldComponent {
     constructor() {
         this.control = new UntypedFormControl(1);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: BasicQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffFormFieldModule,
                         DaffQuantityFieldModule,
                         ReactiveFormsModule,
@@ -25,12 +25,12 @@ class CustomRangeQuantityFieldComponent {
     constructor() {
         this.control = new UntypedFormControl(5);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CustomRangeQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: CustomRangeQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'custom-range-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'custom-range-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffFormFieldModule,
                         DaffQuantityFieldModule,
                         ReactiveFormsModule,
@@ -41,12 +41,12 @@ class DisabledQuantityFieldComponent {
     constructor() {
         this.control = new UntypedFormControl({ value: '1', disabled: true });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DisabledQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: DisabledQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'disabled-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'disabled-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffFormFieldModule,
                         DaffQuantityFieldModule,
                         ReactiveFormsModule,
@@ -57,12 +57,12 @@ class SelectMaxQuantityFieldComponent {
     constructor() {
         this.control = new UntypedFormControl(1);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: SelectMaxQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: SelectMaxQuantityFieldComponent, isStandalone: true, 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: [""], dependencies: [{ kind: "ngmodule", type: DaffFormFieldModule }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "ngmodule", type: DaffQuantityFieldModule }, { kind: "component", type: i1.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'select-max-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'select-max-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DaffFormFieldModule,
                         DaffQuantityFieldModule,
                         ReactiveFormsModule,

package/fesm2022/daffodil-design-quantity-field-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-quantity-field',\n  templateUrl: './basic-quantity-field.component.html',\n  styleUrls: ['./basic-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class BasicQuantityFieldComponent {\n  control = new UntypedFormControl(1);\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'custom-range-quantity-field',\n  templateUrl: './custom-range-quantity-field.component.html',\n  styleUrls: ['./custom-range-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class CustomRangeQuantityFieldComponent {\n  control = new UntypedFormControl(5);\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-quantity-field',\n  templateUrl: './disabled-quantity-field.component.html',\n  styleUrls: ['./disabled-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class DisabledQuantityFieldComponent {\n  control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'select-max-quantity-field',\n  templateUrl: './select-max-quantity-field.component.html',\n  styleUrls: ['./select-max-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class SelectMaxQuantityFieldComponent {\n  control = new UntypedFormControl(1);\n}\n","<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","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n  BasicQuantityFieldComponent,\n  CustomRangeQuantityFieldComponent,\n  DisabledQuantityFieldComponent,\n  SelectMaxQuantityFieldComponent,\n];\n\nexport {\n  BasicQuantityFieldComponent,\n  CustomRangeQuantityFieldComponent,\n  DisabledQuantityFieldComponent,\n  SelectMaxQuantityFieldComponent,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-quantity-field',\n  templateUrl: './basic-quantity-field.component.html',\n  styleUrls: ['./basic-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class BasicQuantityFieldComponent {\n  control = new UntypedFormControl(1);\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'custom-range-quantity-field',\n  templateUrl: './custom-range-quantity-field.component.html',\n  styleUrls: ['./custom-range-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class CustomRangeQuantityFieldComponent {\n  control = new UntypedFormControl(5);\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'disabled-quantity-field',\n  templateUrl: './disabled-quantity-field.component.html',\n  styleUrls: ['./disabled-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class DisabledQuantityFieldComponent {\n  control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<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","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffQuantityFieldModule,\n} from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'select-max-quantity-field',\n  templateUrl: './select-max-quantity-field.component.html',\n  styleUrls: ['./select-max-quantity-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DaffFormFieldModule,\n    DaffQuantityFieldModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class SelectMaxQuantityFieldComponent {\n  control = new UntypedFormControl(1);\n}\n","<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","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n  BasicQuantityFieldComponent,\n  CustomRangeQuantityFieldComponent,\n  DisabledQuantityFieldComponent,\n  SelectMaxQuantityFieldComponent,\n];\n\nexport {\n  BasicQuantityFieldComponent,\n  CustomRangeQuantityFieldComponent,\n  DisabledQuantityFieldComponent,\n  SelectMaxQuantityFieldComponent,\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-radio-examples.mjs

@@ -11,12 +11,12 @@ class BasicRadioComponent {
             race: new UntypedFormControl('Zerg'),
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicRadioComponent, isStandalone: true, selector: "basic-radio", ngImport: i0, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>", dependencies: [{ kind: "ngmodule", type: DaffRadioModule }, { kind: "component", type: i1.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i1.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i1.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: BasicRadioComponent, isStandalone: true, selector: "basic-radio", ngImport: i0, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>", dependencies: [{ kind: "ngmodule", type: DaffRadioModule }, { kind: "component", type: i1.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i1.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i1.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-radio', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffRadioModule, ReactiveFormsModule], template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>" }]
+            args: [{ selector: 'basic-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DaffRadioModule, ReactiveFormsModule], template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>" }]
         }], ctorParameters: () => [] });
 
 const RADIO_EXAMPLES = [

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormGroup,\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-radio',\n  templateUrl: './basic-radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffRadioModule, ReactiveFormsModule],\n})\nexport class BasicRadioComponent {\n  radioGroup = new UntypedFormGroup({\n    race: new UntypedFormControl('Zerg'),\n  });\n\n  constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\n\nexport const RADIO_EXAMPLES = [\n  BasicRadioComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAoBa,mBAAmB,CAAA;AAK9B,IAAA,WAAA,GAAA;QAJA,IAAU,CAAA,UAAA,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,IAAI,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC;AACrC,SAAA,CAAC,CAAC;KAEa;iIALL,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECpBhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8ZAQM,EDUM,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,ofAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAEnC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,8ZAAA,EAAA,CAAA;;;AEhBpC,MAAA,cAAc,GAAG;IAC5B,mBAAmB;;;ACHrB;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormGroup,\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-radio',\n  templateUrl: './basic-radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DaffRadioModule, ReactiveFormsModule],\n})\nexport class BasicRadioComponent {\n  radioGroup = new UntypedFormGroup({\n    race: new UntypedFormControl('Zerg'),\n  });\n\n  constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n  <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n  <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n  The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\n\nexport const RADIO_EXAMPLES = [\n  BasicRadioComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAmBa,mBAAmB,CAAA;AAK9B,IAAA,WAAA,GAAA;QAJA,IAAU,CAAA,UAAA,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,IAAI,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC;AACrC,SAAA,CAAC;;iIAHS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECnBhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8ZAQM,EDSM,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,ofAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEnC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,8ZAAA,EAAA;;;AEfpC,MAAA,cAAc,GAAG;IAC5B,mBAAmB;;;ACHrB;;AAEG;;;;"}

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

@@ -11,14 +11,14 @@ 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: "18.2.2", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicSidebarComponent, isStandalone: true, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"], dependencies: [{ kind: "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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: BasicSidebarComponent, isStandalone: true, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header [dismissible]=\"true\">\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: "18.2.2", ngImport: i0, type: BasicSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'basic-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_SIDEBAR_COMPONENTS,
-                    ], template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    Sidebar content\n  </daff-sidebar>\n  <div class=\"basic-sidebar__content\">\n    Page content\n  </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:288px}.basic-sidebar{border-right:1px solid rgb(var(--daff-theme-contrast-rgb),.1)}\n"] }]
+                    ], template: "<daff-sidebar-viewport>\n  <daff-sidebar class=\"basic-sidebar\">\n    <daff-sidebar-header [dismissible]=\"true\">\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 {
@@ -34,36 +34,36 @@ class OverandUnderSidebarsComponent {
     closeSidebar() {
         this.open = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: OverandUnderSidebarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: OverandUnderSidebarsComponent, isStandalone: true, selector: "over-and-under-sidebars", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "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" }, { kind: "component", type: i1.DaffSidebarFooterComponent, selector: "daff-sidebar-footer" }, { kind: "directive", type: i1.DaffSidebarHeaderTitleDirective, selector: "[daffSidebarHeaderTitle]" }, { kind: "directive", type: i1.DaffSidebarHeaderActionDirective, selector: "[daffSidebarHeaderAction]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { 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]" }, { kind: "component", type: DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: OverandUnderSidebarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: OverandUnderSidebarsComponent, isStandalone: true, selector: "over-and-under-sidebars", ngImport: i0, template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"], dependencies: [{ kind: "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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: OverandUnderSidebarsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: OverandUnderSidebarsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'over-and-under-sidebars', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            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]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header>\n      <button daff-icon-button color=\"theme-contrast\" daffSidebarHeaderAction (click)=\"closeSidebar()\">\n        <fa-icon [icon]=\"faTimes\" size=\"sm\"></fa-icon>\n      </button>\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
+                    ], template: "<daff-sidebar-viewport (backdropClicked)=\"closeSidebar()\">\n  <daff-sidebar class=\"over-sidebar\" [mode]=\"modeControl.value\" [side]=\"sideControl.value\" [open]=\"open\" (escapePressed)=\"closeSidebar()\">\n    <daff-sidebar-header [dismissible]=\"true\">\n      <div daffSidebarHeaderTitle>Title</div>\n    </daff-sidebar-header>\n    <div class=\"over-and-under-sidebars__sidebar-content\">\n      Sidebar content\n    </div>\n    <daff-sidebar-footer>\n      <div class=\"over-and-under-sidebars__footer\">\n        Sidebar footer\n      </div>\n    </daff-sidebar-footer>\n  </daff-sidebar>\n  <div class=\"over-and-under-sidebars__body-content\">\n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Side:</div>\n      <select [formControl]=\"sideControl\">\n        <option value=\"left\">Left</option>\n        <option value=\"right\">Right</option>\n      </select>\n    </div>\n    \n    <div class=\"over-and-under-sidebars__options-container\">\n      <div class=\"over-and-under-sidebars__option-text\">Mode:</div>\n      <select [formControl]=\"modeControl\">\n        <option value=\"over\">Over</option>\n        <option value=\"under\">Under</option>\n      </select>\n    </div>\n\n    <button daff-button (click)=\"openSidebar()\">\n      Open\n    </button>\n  </div>\n</daff-sidebar-viewport>\n", styles: ["daff-sidebar-viewport{height:288px}.over-and-under-sidebars__options-container{display:flex;gap:8px;margin:0 0 16px}.over-and-under-sidebars__footer,.over-and-under-sidebars__sidebar-content{padding:16px}\n"] }]
         }] });
 
 class SideFixedSidebarComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SideFixedSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SideFixedSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "18.2.2", ngImport: i0, type: SideFixedSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SideFixedSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'side-fixed-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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"] }]
+            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 SidebarWithStickyContentComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SidebarWithStickyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SidebarWithStickyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "18.2.2", ngImport: i0, type: SidebarWithStickyContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SidebarWithStickyContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sidebar-with-sticky-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            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"] }]
         }] });