npm - @daffodil/design - Versions diffs - 0.68.0 → 0.69.0 - Mend

@daffodil/design 0.68.0 → 0.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/fesm2022/daffodil-design-article.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-lead/article-lead.directive.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article-title/article-title.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/*\n A component for creating articles within your page.\n /\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffArticleComponent {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article') class = true;\n\n /\n @docs-private\n /\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleLead]',\n})\nexport class DaffArticleLeadDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__lead') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n})\nexport class DaffArticleMetaDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleTitle]',\n})\nexport class DaffArticleTitleDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleLeadDirective } from './article-lead/article-lead.directive';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\nimport { DaffArticleTitleDirective } from './article-title/article-title.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffArticleComponent,\n DaffArticleTitleDirective,\n DaffArticleLeadDirective,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleTitleDirective,\n DaffArticleLeadDirective,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAOA;;AAEG;MAQU,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AASE;;AAEG;QACgC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAEhD;;AAEG;QACuB,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;AAC5C,KAAA;iIAXY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4IALrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~qzFAAA,~~CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,cAAc,EAAA,QAAA,EACd,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,~~qzFAAA,~~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"}
1	+ {"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-lead/article-lead.directive.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article-title/article-title.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/*\n A component for creating articles within your page.\n /\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffArticleComponent {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article') class = true;\n\n /\n @docs-private\n /\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleLead]',\n})\nexport class DaffArticleLeadDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__lead') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n})\nexport class DaffArticleMetaDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleTitle]',\n})\nexport class DaffArticleTitleDirective {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-article__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleLeadDirective } from './article-lead/article-lead.directive';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\nimport { DaffArticleTitleDirective } from './article-title/article-title.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffArticleComponent,\n DaffArticleTitleDirective,\n DaffArticleLeadDirective,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleTitleDirective,\n DaffArticleLeadDirective,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-loading-icon-examples.mjs CHANGED Viewed

@@ -14,11 +14,11 @@ class LoadingIconColorComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "component", type: i2.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i2.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i2.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"black\">Black</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"white\">White</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"theme\">Theme</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"theme-contrast\">Theme Contrast</daff-radio>\n</daff-radio-set>", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "component", type: i2.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i2.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i2.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>" }]
+            args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"black\">Black</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"white\">White</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"theme\">Theme</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"theme-contrast\">Theme Contrast</daff-radio>\n</daff-radio-set>" }]
         }] });
 class LoadingIconColorModule {

package/fesm2022/daffodil-design-loading-icon-examples.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormGroup,\n UntypedFormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconColorComponent {\n colorGroup = new UntypedFormGroup({\n color: new UntypedFormControl('primary'),\n });\n}\n","<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\nimport { LoadingIconColorComponent } from './loading-icon-color.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconDiameterComponent { }\n","<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;MAea,yBAAyB,CAAA;AANtC,IAAA,WAAA,GAAA;QAOE,IAAU,CAAA,UAAA,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,KAAK,EAAE,IAAI,kBAAkB,CAAC,SAAS,CAAC;AACzC,SAAA,CAAC,CAAC;AACJ,KAAA;iIAJY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,0DCftC,~~4aAMiB~~,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sCAAA,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,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;;~~2FDSJ~~,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;+BAEE,oBAAoB,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~4aAAA~~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"}
1	+ {"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormGroup,\n UntypedFormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconColorComponent {\n colorGroup = new UntypedFormGroup({\n color: new UntypedFormControl('primary'),\n });\n}\n","<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"black\">Black</daff-radio>\n <daff-radio formControlName=\"color\" value=\"white\">White</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme\">Theme</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme-contrast\">Theme Contrast</daff-radio>\n</daff-radio-set>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\nimport { LoadingIconColorComponent } from './loading-icon-color.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconDiameterComponent { }\n","<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\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-loading-icon.mjs CHANGED Viewed

@@ -37,11 +37,11 @@ class DaffLoadingIconComponent extends _daffLoadingIconBase {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { color: "color", diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, usesInheritance: true, ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}circle{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}50.1%{transform:rotate(0)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { color: "color", diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, usesInheritance: true, ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-loading-icon', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}circle{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}50.1%{transform:rotate(0)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}\n"] }]
+            args: [{ selector: 'daff-loading-icon', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { diameter: [{
                 type: Input
             }], class: [{

package/fesm2022/daffodil-design-loading-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n ElementRef,\n Renderer2,\n HostBinding,\n} from '@angular/core';\n\nimport {\n daffColorMixin,\n DaffColorable,\n} from '@daffodil/design';\n\n/*\n An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n /\nclass DaffLoadingIconBase{\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase);\n\n/\n @inheritdoc\n /\n@Component({\n selector: 'daff-loading-icon',\n templateUrl: './loading-icon.component.html',\n styleUrls: ['./loading-icon.component.scss'],\n //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['color'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffLoadingIconComponent extends _daffLoadingIconBase implements DaffColorable {\n\n /\n The (pixel) diameter of the animation\n /\n @Input() diameter = 60;\n\n /\n @docs-private\n /\n @HostBinding('class.daff-loading-icon') class = true;\n /\n @docs-private\n /\n @HostBinding('style.max-width') get maxWidth() {\n\t return this.diameter + 'px';\n }\n\n constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n super(elementRef, renderer);\n }\n}\n","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffLoadingIconComponent,\n ],\n exports: [\n DaffLoadingIconComponent,\n ],\n})\nexport class DaffLoadingIconModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;AAcA;;AAEG;AACH,MAAM,mBAAmB,CAAA;IACvB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAS,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,oBAAoB,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEjE;;AAEG;AAUG,MAAO,wBAAyB,SAAQ,oBAAoB,CAAA;AAWhE;;AAEG;AACH,IAAA,IAAoC,QAAQ,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC5B;IAED,WAAoB,CAAA,UAAsB,EAAU,QAAmB,EAAA;AACrE,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QADV,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAhBvE;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AAEvB;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAUpD;iIApBU,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,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,yOCnCrC,~~qJAEM~~,EAAA,MAAA,EAAA,CAAA,~~iwBAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FDiCO~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,UAKrB,CAAC,OAAO,CAAC,EACA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~qJAAA~~,EAAA,MAAA,EAAA,CAAA,~~iwBAAA~~,CAAA,EAAA,CAAA;uGAOtC,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKkC,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAIF,QAAQ,EAAA,CAAA;sBAA3C,WAAW;uBAAC,iBAAiB,CAAA;;;MEjCnB,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,EAN9B,YAAA,EAAA,CAAA,wBAAwB,CAHxB,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,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;AACb,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
1	+ {"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n ElementRef,\n Renderer2,\n HostBinding,\n} from '@angular/core';\n\nimport {\n daffColorMixin,\n DaffColorable,\n} from '@daffodil/design';\n\n/*\n An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n /\nclass DaffLoadingIconBase{\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase);\n\n/\n @inheritdoc\n /\n@Component({\n selector: 'daff-loading-icon',\n templateUrl: './loading-icon.component.html',\n styleUrls: ['./loading-icon.component.scss'],\n //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['color'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffLoadingIconComponent extends _daffLoadingIconBase implements DaffColorable {\n\n /\n The (pixel) diameter of the animation\n /\n @Input() diameter = 60;\n\n /\n @docs-private\n /\n @HostBinding('class.daff-loading-icon') class = true;\n /\n @docs-private\n /\n @HostBinding('style.max-width') get maxWidth() {\n\t return this.diameter + 'px';\n }\n\n constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n super(elementRef, renderer);\n }\n}\n","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffLoadingIconComponent,\n ],\n exports: [\n DaffLoadingIconComponent,\n ],\n})\nexport class DaffLoadingIconModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-modal.mjs CHANGED Viewed

@@ -217,8 +217,7 @@ class DaffModalService {
         return this.overlay.create({
             hasBackdrop: true,
             positionStrategy: new GlobalPositionStrategy()
-                .centerHorizontally()
-                .centerVertically(),
+                .centerHorizontally(),
             scrollStrategy: this.overlay.scrollStrategies.block(),
         });
     }

package/fesm2022/daffodil-design-modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-modal.mjs","sources":["../../../libs/design/modal/src/animations/modal-animation.ts","../../../libs/design/modal/src/animations/modal-animation-state.ts","../../../libs/design/modal/src/modal/modal.component.ts","../../../libs/design/modal/src/modal/modal.component.html","../../../libs/design/modal/src/modal-actions/modal-actions.component.ts","../../../libs/design/modal/src/modal-content/modal-content.component.ts","../../../libs/design/modal/src/modal-header/modal-header.component.ts","../../../libs/design/modal/src/modal-title/modal-title.directive.ts","../../../libs/design/modal/src/modal.module.ts","../../../libs/design/modal/src/service/modal.service.ts","../../../libs/design/modal/src/daffodil-design-modal.ts"],"sourcesContent":["import {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffFadeAnimations: {\n readonly fade: AnimationTriggerMetadata;\n} = {\n fade: trigger('fade', [\n state('open', style({ opacity: 1 })),\n state('closed', style({ opacity: 0 })),\n transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),\n ]),\n};\n","export const getAnimationState = (open: boolean) => open ? 'open' : 'closed';\n","import { AnimationEvent } from '@angular/animations';\nimport {\n ConfigurableFocusTrap,\n ConfigurableFocusTrapFactory,\n} from '@angular/cdk/a11y';\nimport {\n CdkPortalOutlet,\n ComponentPortal,\n} from '@angular/cdk/portal';\nimport {\n Component,\n EventEmitter,\n Input,\n HostBinding,\n ChangeDetectionStrategy,\n ViewChild,\n HostListener,\n ElementRef,\n AfterContentInit,\n AfterViewInit,\n} from '@angular/core';\n\nimport { daffFocusableElementsSelector } from '@daffodil/design';\n\nimport { daffFadeAnimations } from '../animations/modal-animation';\nimport { getAnimationState } from '../animations/modal-animation-state';\n\n@Component({\n selector: 'daff-modal',\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss'],\n animations: [daffFadeAnimations.fade],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalComponent implements AfterContentInit, AfterViewInit {\n /*\n HostBinding to set the default modal class on the host element.\n /\n @HostBinding('class.daff-modal') modalClass = true;\n\n /\n Dictates whether or not a modal is open or closed.\n /\n @Input() open = false;\n\n /\n The CDK Portal outlet used to portal content into the modal.\n /\n @ViewChild(CdkPortalOutlet, { static: true }) private _portalOutlet: CdkPortalOutlet;\n\n /\n Event fired when the close animation is completed.\n /\n animationCompleted: EventEmitter<any> = new EventEmitter<any>();\n\n /\n Event fired when the close animation is completed.\n /\n closedAnimationCompleted: EventEmitter<any> = new EventEmitter<\n any\n >();\n\n /\n Event fired when the backdrop is clicked. This is often used to close the modal.\n /\n hide: EventEmitter<void> = new EventEmitter<void>();\n\n private _focusTrap: ConfigurableFocusTrap;\n\n constructor(\n private _focusTrapFactory: ConfigurableFocusTrapFactory,\n private _elementRef: ElementRef<HTMLElement>,\n ) {\n }\n\n ngAfterContentInit() {\n this._focusTrap = this._focusTrapFactory.create(\n\t this._elementRef.nativeElement,\n\t );\n }\n\n ngAfterViewInit() {\n const focusableChild = (<HTMLElement>this._elementRef.nativeElement.querySelector(\n daffFocusableElementsSelector)\n );\n\n if(focusableChild) {\n focusableChild.focus();\n } else {\n // There's a timing condition when computing HostBindings afterContentInit\n // so to allow the menu to be focused, we manually set the tabindex.\n this._elementRef.nativeElement.tabIndex = 0;\n (<HTMLElement>this._elementRef.nativeElement).focus();\n }\n }\n\n /\n Helper method to attach portable content to modal.\n /\n attachContent(portal: ComponentPortal<any>): any {\n\t this._portalOutlet.attachComponentPortal(portal);\n }\n\n /* Animation hook that controls the entrance and exit animations of the modal. /\n @HostBinding('@fade') get fadeState(): string {\n\t return getAnimationState(this.open);\n }\n\n /\n Animation event that can used to hook into when\n * animations are fully completed. We use this in the DaffModalService\n * to determine when to actually remove the dynamically rendered element from the DOM\n * so that the animation does not clip as the element is removed.\n /\n @HostListener('@fade.done', ['$event'])\n animationDone(e: AnimationEvent) {\n\t this.animationCompleted.emit(e);\n\t if (e.toState === 'closed') {\n\t this.closedAnimationCompleted.emit(e);\n\t }\n }\n}\n","<ng-template cdkPortalOutlet></ng-template>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-actions',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-actions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalActionsComponent { }\n","import {\n Component,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-content',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-content.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalContentComponent {}\n","import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-header',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-header.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalHeaderComponent {\n /\n @docs-private\n /\n @HostBinding('class.daff-modal-header') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffModalTitle]',\n})\nexport class DaffModalTitleDirective {\n /\n @docs-private\n /\n @HostBinding('class.daff-modal-title') class = true;\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffModalComponent } from './modal/modal.component';\nimport { DaffModalActionsComponent } from './modal-actions/modal-actions.component';\nimport { DaffModalContentComponent } from './modal-content/modal-content.component';\nimport { DaffModalHeaderComponent } from './modal-header/modal-header.component';\nimport { DaffModalTitleDirective } from './modal-title/modal-title.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n PortalModule,\n OverlayModule,\n ],\n exports: [\n DaffModalHeaderComponent,\n DaffModalTitleDirective,\n DaffModalContentComponent,\n DaffModalActionsComponent,\n ],\n declarations: [\n DaffModalComponent,\n DaffModalHeaderComponent,\n DaffModalTitleDirective,\n DaffModalContentComponent,\n DaffModalActionsComponent,\n ],\n})\nexport class DaffModalModule { }\n","import { AnimationEvent } from '@angular/animations';\nimport {\n OverlayRef,\n Overlay,\n GlobalPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n Injectable,\n Type,\n ComponentRef,\n} from '@angular/core';\n\nimport { DaffModal } from '../modal/modal';\nimport { DaffModalConfiguration } from '../modal/modal-config';\nimport { DaffModalComponent } from '../modal/modal.component';\nimport { DaffModalModule } from '../modal.module';\n\n@Injectable({\n providedIn: DaffModalModule,\n})\nexport class DaffModalService {\n private _modals: DaffModal[] = [];\n\n constructor(private overlay: Overlay) {}\n\n private defaultConfiguration: DaffModalConfiguration = {};\n\n private _attachModal(\n\t overlayRef: OverlayRef,\n ): ComponentRef<DaffModalComponent> {\n\t const modal = overlayRef.attach(new ComponentPortal(DaffModalComponent));\n\t modal.instance.open = true;\n\t return modal;\n }\n\n private _attachModalContent(\n\t component: Type<any>,\n\t modal: ComponentRef<DaffModalComponent>,\n ): void {\n\t modal.instance.attachContent(new ComponentPortal(component));\n }\n\n private _createOverlayRef(): OverlayRef {\n\t return this.overlay.create({\n\t hasBackdrop: true,\n\t positionStrategy: new GlobalPositionStrategy()\n\t .centerHorizontally()\n\t .centerVertically(),\n\t scrollStrategy: this.overlay.scrollStrategies.block(),\n\t });\n }\n\n private _removeModal(modal: DaffModal) {\n\t const index = this._modals.indexOf(modal);\n\t if (index === -1) {\n\t throw new Error(\n\t 'The Modal that you are trying to remove does not exist.',\n\t );\n\t }\n\n\t modal.overlay.dispose();\n\n\t this._modals = this._modals.filter(m => m !== modal);\n }\n\n open(\n\t component: Type<any>,\n\t configuration?: Partial<DaffModalConfiguration>,\n ): DaffModal {\n\t const config = { ...this.defaultConfiguration, ...configuration };\n\t const _ref = this._createOverlayRef();\n\t const _modal = this._attachModal(_ref);\n\t const _attachedModal = this._attachModalContent(component, _modal);\n\n\t const modal: DaffModal = {\n\t modal: _modal,\n\t overlay: _ref,\n\t };\n\n\t this._modals.push(modal);\n\n\t _ref\n\t .backdropClick()\n\t .subscribe(() =>\n\t config.onBackdropClicked\n\t ? config.onBackdropClicked()\n\t : this.close(modal),\n\t );\n\t return modal;\n }\n\n close(modal: DaffModal): void {\n\t modal.modal.instance.open = false;\n\t modal.overlay.detachBackdrop();\n\t modal.modal.instance.closedAnimationCompleted.subscribe(\n\t (e: AnimationEvent) => this._removeModal(modal),\n\t );\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}
1	+ {"version":3,"file":"daffodil-design-modal.mjs","sources":["../../../libs/design/modal/src/animations/modal-animation.ts","../../../libs/design/modal/src/animations/modal-animation-state.ts","../../../libs/design/modal/src/modal/modal.component.ts","../../../libs/design/modal/src/modal/modal.component.html","../../../libs/design/modal/src/modal-actions/modal-actions.component.ts","../../../libs/design/modal/src/modal-content/modal-content.component.ts","../../../libs/design/modal/src/modal-header/modal-header.component.ts","../../../libs/design/modal/src/modal-title/modal-title.directive.ts","../../../libs/design/modal/src/modal.module.ts","../../../libs/design/modal/src/service/modal.service.ts","../../../libs/design/modal/src/daffodil-design-modal.ts"],"sourcesContent":["import {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffFadeAnimations: {\n readonly fade: AnimationTriggerMetadata;\n} = {\n fade: trigger('fade', [\n state('open', style({ opacity: 1 })),\n state('closed', style({ opacity: 0 })),\n transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),\n ]),\n};\n","export const getAnimationState = (open: boolean) => open ? 'open' : 'closed';\n","import { AnimationEvent } from '@angular/animations';\nimport {\n ConfigurableFocusTrap,\n ConfigurableFocusTrapFactory,\n} from '@angular/cdk/a11y';\nimport {\n CdkPortalOutlet,\n ComponentPortal,\n} from '@angular/cdk/portal';\nimport {\n Component,\n EventEmitter,\n Input,\n HostBinding,\n ChangeDetectionStrategy,\n ViewChild,\n HostListener,\n ElementRef,\n AfterContentInit,\n AfterViewInit,\n} from '@angular/core';\n\nimport { daffFocusableElementsSelector } from '@daffodil/design';\n\nimport { daffFadeAnimations } from '../animations/modal-animation';\nimport { getAnimationState } from '../animations/modal-animation-state';\n\n@Component({\n selector: 'daff-modal',\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss'],\n animations: [daffFadeAnimations.fade],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalComponent implements AfterContentInit, AfterViewInit {\n /*\n HostBinding to set the default modal class on the host element.\n /\n @HostBinding('class.daff-modal') modalClass = true;\n\n /\n Dictates whether or not a modal is open or closed.\n /\n @Input() open = false;\n\n /\n The CDK Portal outlet used to portal content into the modal.\n /\n @ViewChild(CdkPortalOutlet, { static: true }) private _portalOutlet: CdkPortalOutlet;\n\n /\n Event fired when the close animation is completed.\n /\n animationCompleted: EventEmitter<any> = new EventEmitter<any>();\n\n /\n Event fired when the close animation is completed.\n /\n closedAnimationCompleted: EventEmitter<any> = new EventEmitter<\n any\n >();\n\n /\n Event fired when the backdrop is clicked. This is often used to close the modal.\n /\n hide: EventEmitter<void> = new EventEmitter<void>();\n\n private _focusTrap: ConfigurableFocusTrap;\n\n constructor(\n private _focusTrapFactory: ConfigurableFocusTrapFactory,\n private _elementRef: ElementRef<HTMLElement>,\n ) {\n }\n\n ngAfterContentInit() {\n this._focusTrap = this._focusTrapFactory.create(\n\t this._elementRef.nativeElement,\n\t );\n }\n\n ngAfterViewInit() {\n const focusableChild = (<HTMLElement>this._elementRef.nativeElement.querySelector(\n daffFocusableElementsSelector)\n );\n\n if(focusableChild) {\n focusableChild.focus();\n } else {\n // There's a timing condition when computing HostBindings afterContentInit\n // so to allow the menu to be focused, we manually set the tabindex.\n this._elementRef.nativeElement.tabIndex = 0;\n (<HTMLElement>this._elementRef.nativeElement).focus();\n }\n }\n\n /\n Helper method to attach portable content to modal.\n /\n attachContent(portal: ComponentPortal<any>): any {\n\t this._portalOutlet.attachComponentPortal(portal);\n }\n\n /* Animation hook that controls the entrance and exit animations of the modal. /\n @HostBinding('@fade') get fadeState(): string {\n\t return getAnimationState(this.open);\n }\n\n /\n Animation event that can used to hook into when\n * animations are fully completed. We use this in the DaffModalService\n * to determine when to actually remove the dynamically rendered element from the DOM\n * so that the animation does not clip as the element is removed.\n /\n @HostListener('@fade.done', ['$event'])\n animationDone(e: AnimationEvent) {\n\t this.animationCompleted.emit(e);\n\t if (e.toState === 'closed') {\n\t this.closedAnimationCompleted.emit(e);\n\t }\n }\n}\n","<ng-template cdkPortalOutlet></ng-template>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-actions',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-actions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalActionsComponent { }\n","import {\n Component,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-content',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-content.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalContentComponent {}\n","import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'daff-modal-header',\n template: '<ng-content></ng-content>',\n styleUrls: ['./modal-header.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalHeaderComponent {\n /\n @docs-private\n /\n @HostBinding('class.daff-modal-header') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffModalTitle]',\n})\nexport class DaffModalTitleDirective {\n /\n @docs-private\n /\n @HostBinding('class.daff-modal-title') class = true;\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffModalComponent } from './modal/modal.component';\nimport { DaffModalActionsComponent } from './modal-actions/modal-actions.component';\nimport { DaffModalContentComponent } from './modal-content/modal-content.component';\nimport { DaffModalHeaderComponent } from './modal-header/modal-header.component';\nimport { DaffModalTitleDirective } from './modal-title/modal-title.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n PortalModule,\n OverlayModule,\n ],\n exports: [\n DaffModalHeaderComponent,\n DaffModalTitleDirective,\n DaffModalContentComponent,\n DaffModalActionsComponent,\n ],\n declarations: [\n DaffModalComponent,\n DaffModalHeaderComponent,\n DaffModalTitleDirective,\n DaffModalContentComponent,\n DaffModalActionsComponent,\n ],\n})\nexport class DaffModalModule { }\n","import { AnimationEvent } from '@angular/animations';\nimport {\n OverlayRef,\n Overlay,\n GlobalPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n Injectable,\n Type,\n ComponentRef,\n} from '@angular/core';\n\nimport { DaffModal } from '../modal/modal';\nimport { DaffModalConfiguration } from '../modal/modal-config';\nimport { DaffModalComponent } from '../modal/modal.component';\nimport { DaffModalModule } from '../modal.module';\n\n@Injectable({\n providedIn: DaffModalModule,\n})\nexport class DaffModalService {\n private _modals: DaffModal[] = [];\n\n constructor(private overlay: Overlay) {}\n\n private defaultConfiguration: DaffModalConfiguration = {};\n\n private _attachModal(\n\t overlayRef: OverlayRef,\n ): ComponentRef<DaffModalComponent> {\n\t const modal = overlayRef.attach(new ComponentPortal(DaffModalComponent));\n\t modal.instance.open = true;\n\t return modal;\n }\n\n private _attachModalContent(\n\t component: Type<any>,\n\t modal: ComponentRef<DaffModalComponent>,\n ): void {\n\t modal.instance.attachContent(new ComponentPortal(component));\n }\n\n private _createOverlayRef(): OverlayRef {\n\t return this.overlay.create({\n\t hasBackdrop: true,\n\t positionStrategy: new GlobalPositionStrategy()\n\t .centerHorizontally(),\n\t scrollStrategy: this.overlay.scrollStrategies.block(),\n\t });\n }\n\n private _removeModal(modal: DaffModal) {\n\t const index = this._modals.indexOf(modal);\n\t if (index === -1) {\n\t throw new Error(\n\t 'The Modal that you are trying to remove does not exist.',\n\t );\n\t }\n\n\t modal.overlay.dispose();\n\n\t this._modals = this._modals.filter(m => m !== modal);\n }\n\n open(\n\t component: Type<any>,\n\t configuration?: Partial<DaffModalConfiguration>,\n ): DaffModal {\n\t const config = { ...this.defaultConfiguration, ...configuration };\n\t const _ref = this._createOverlayRef();\n\t const _modal = this._attachModal(_ref);\n\t const _attachedModal = this._attachModalContent(component, _modal);\n\n\t const modal: DaffModal = {\n\t modal: _modal,\n\t overlay: _ref,\n\t };\n\n\t this._modals.push(modal);\n\n\t _ref\n\t .backdropClick()\n\t .subscribe(() =>\n\t config.onBackdropClicked\n\t ? config.onBackdropClicked()\n\t : this.close(modal),\n\t );\n\t return modal;\n }\n\n close(modal: DaffModal): void {\n\t modal.modal.instance.open = false;\n\t modal.overlay.detachBackdrop();\n\t modal.modal.instance.closedAnimationCompleted.subscribe(\n\t (e: AnimationEvent) => this._removeModal(modal),\n\t );\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/daffodil-design-sidebar.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import { A11yModule } from '@angular/cdk/a11y';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Inject, HostBinding, Output, Input, HostListener, Directive, ViewEncapsulation, InjectionToken, inject, ElementRef, SkipSelf, Optional, ContentChildren, NgModule } from '@angular/core';
-import * as i2 from '@daffodil/design';
-import { daffFocusableElementsSelector, DaffBackdropModule } from '@daffodil/design';
 import { fromEvent } from 'rxjs';
 import { filter } from 'rxjs/operators';
+import * as i2 from '@daffodil/design';
+import { daffFocusableElementsSelector } from '@daffodil/design';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 /**
@@ -72,7 +72,7 @@ var DaffSidebarAnimationStates;
     DaffSidebarAnimationStates["NONE"] = "none";
 })(DaffSidebarAnimationStates || (DaffSidebarAnimationStates = {}));
-const getAnimationState = (open, mode) => {
+const getAnimationState$1 = (open, mode) => {
     if (mode === 'side') {
         return 'none';
     }
@@ -122,7 +122,7 @@ class DaffSidebarComponent {
      */
     get transformSidebar() {
         return {
-            value: getAnimationState(this.open, this.mode),
+            value: getAnimationState$1(this.open, this.mode),
             params: { width: getSidebarAnimationWidth(this.side, this.width) },
         };
     }
@@ -422,6 +422,114 @@ const sidebarViewportContentShift = (sidebars) => sidebars.reduce((acc, sidebar)
 ;
 const getSidebarViewportAnimationState = (open) => open ? DaffSidebarAnimationStates.OPEN : DaffSidebarAnimationStates.CLOSED;
+const animationDuration = '350ms';
+const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
+const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
+const daffSidebarViewportBackdropAnimations = {
+    fadeBackdrop: trigger('fadeBackdrop', [
+        state('interactable', style({ opacity: 1 })),
+        state('non-interactable', style({ opacity: 0 })),
+        transition('interactable => non-interactable', animate(animationDuration + ' ' + backdropTransitionOut)),
+        transition('non-interactable => interactable', animate(animationDuration + ' ' + backdropTransitionIn)),
+        transition(':enter', [
+            style({ opacity: 0 }),
+            animate(animationDuration + ' ' + backdropTransitionIn, style({ opacity: 1 })),
+        ]),
+        transition(':leave', [
+            animate(animationDuration + ' ' + backdropTransitionOut, style({ opacity: 0 })),
+        ]),
+    ]),
+};
+const getAnimationState = (interactable) => interactable ? 'interactable' : 'non-interactable';
+class DaffSidebarViewportBackdropComponent {
+    constructor() {
+        this.interactableClass = true;
+        /**
+         * Determines whether or not the backdrop is transparent.
+         */
+        this.transparent = false;
+        /**
+         * Determines whether or not the backdrop is interactable.
+         */
+        this.interactable = true;
+        /**
+         * Boolean property that determines whether or not the
+         * backdrop should fill up its containing window.
+         */
+        this.fullscreen = false;
+        /**
+         * Output event triggered when the backdrop is clicked.
+         */
+        this.backdropClicked = new EventEmitter();
+    }
+    ngOnInit() {
+        this.interactableClass = this.interactable;
+    }
+    /**
+     * Animation hook for that controls the backdrops
+     * entrance and fade animations.
+     */
+    get fadeBackdropTrigger() {
+        return getAnimationState(this.interactable);
+    }
+    animationDone(e) {
+        this.interactableClass = !(e.toState === ':leave' || e.toState === 'non-interactable');
+    }
+    animationStart(e) {
+        if (e.toState === ':enter' || e.toState === 'interactable') {
+            this.interactableClass = true;
+        }
+    }
+    /**
+     * @deprecated
+     * Backdrop event that triggers when the backdrop element is clicked.
+     */
+    onBackdropClicked() {
+        this.backdropClicked.emit();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarViewportBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffSidebarViewportBackdropComponent, selector: "daff-sidebar-viewport-backdrop", inputs: { transparent: "transparent", interactable: "interactable", fullscreen: "fullscreen" }, outputs: { backdropClicked: "backdropClicked" }, host: { listeners: { "@fadeBackdrop.done": "animationDone($event)", "@fadeBackdrop.start": "animationStart($event)", "click": "onBackdropClicked()" }, properties: { "class.interactable": "this.interactableClass", "class.transparent": "this.transparent", "class.fullscreen": "this.fullscreen", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;background:#0000004d;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;pointer-events:auto;height:100%;width:100%;visibility:hidden;z-index:6}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host.transparent{background:none}:host:focus,:host:active,:host:visited{outline:0}:host.fullscreen{position:absolute}\n"], animations: [
+            daffSidebarViewportBackdropAnimations.fadeBackdrop,
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarViewportBackdropComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-sidebar-viewport-backdrop', template: '<ng-content></ng-content>', animations: [
+                        daffSidebarViewportBackdropAnimations.fadeBackdrop,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;background:#0000004d;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;pointer-events:auto;height:100%;width:100%;visibility:hidden;z-index:6}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host.transparent{background:none}:host:focus,:host:active,:host:visited{outline:0}:host.fullscreen{position:absolute}\n"] }]
+        }], propDecorators: { interactableClass: [{
+                type: HostBinding,
+                args: ['class.interactable']
+            }], transparent: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.transparent']
+            }], interactable: [{
+                type: Input
+            }], fullscreen: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.fullscreen']
+            }], backdropClicked: [{
+                type: Output
+            }], fadeBackdropTrigger: [{
+                type: HostBinding,
+                args: ['@fadeBackdrop']
+            }], animationDone: [{
+                type: HostListener,
+                args: ['@fadeBackdrop.done', ['$event']]
+            }], animationStart: [{
+                type: HostListener,
+                args: ['@fadeBackdrop.start', ['$event']]
+            }], onBackdropClicked: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 /**
  * The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
  * It's generally only used once, like
@@ -553,6 +661,14 @@ class DaffSidebarViewportComponent {
             this.cdRef.markForCheck();
         }
     }
+    ngOnDestroy() {
+        if (!this.parentViewport && !hasParentViewport(this._elementRef.nativeElement)) {
+            this.bodyScroll.enable();
+        }
+        else {
+            this.scroll.enable();
+        }
+    }
     /**
      * @docs-private
      *
@@ -575,7 +691,7 @@ class DaffSidebarViewportComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: DAFF_SIDEBAR_SCROLL_TOKEN, skipSelf: true }, { token: DaffSidebarViewportComponent, optional: true, skipSelf: true }, { token: DAFF_SIDEBAR_SCROLL_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: { navPlacement: "navPlacement" }, outputs: { backdropClicked: "backdropClicked" }, host: { properties: { "class.daff-sidebar-viewport": "this.hostClass", "class": "this.classes" } }, providers: [
             { provide: DAFF_SIDEBAR_SCROLL_TOKEN, useFactory: daffSidebarViewportScrollFactory },
-        ], queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\">\n</daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__nav\"\n  [@transformContent]=\"_animationState\"\n  [style.padding-left.px]=\"_navPadLeft\"\n  [style.padding-right.px]=\"_navPadRight\">\n    <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n</div>\n\n<div class=\"daff-sidebar-viewport__content\"\n  [@transformContent]=\"_animationState\"\n  (@transformContent.start)=\"onContentAnimationStart($event)\"\n  (@transformContent.done)=\"onContentAnimationDone($event)\">\n  <div class=\"daff-sidebar-viewport__inner\"\n    [style.padding-left.px]=\"_contentPadLeft\"\n    [style.padding-right.px]=\"_contentPadRight\">\n      <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>\n", styles: [":host{display:flex;min-height:100dvh;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;height:100%}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:4}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__content{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;pointer-events:auto;z-index:6}:host-context(daff-sidebar-viewport daff-sidebar-viewport){transform:translate(0);min-height:auto}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], dependencies: [{ kind: "component", type: i2.DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
+        ], queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-sidebar-viewport-backdrop\n  [@transformContent]=\"_animationState\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\">\n</daff-sidebar-viewport-backdrop>\n\n<div class=\"daff-sidebar-viewport__nav\"\n  [@transformContent]=\"_animationState\"\n  [style.padding-left.px]=\"_navPadLeft\"\n  [style.padding-right.px]=\"_navPadRight\">\n    <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n</div>\n\n<div class=\"daff-sidebar-viewport__content\"\n  [@transformContent]=\"_animationState\"\n  (@transformContent.start)=\"onContentAnimationStart($event)\"\n  (@transformContent.done)=\"onContentAnimationDone($event)\">\n  <div class=\"daff-sidebar-viewport__inner\"\n    [style.padding-left.px]=\"_contentPadLeft\"\n    [style.padding-right.px]=\"_contentPadRight\">\n      <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>\n", styles: [":host{display:flex;min-height:100dvh;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;height:100%}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:4}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__content{margin-top:var(--daff-sidebar-side-fixed-top-shift)}:host-context(daff-sidebar-viewport daff-sidebar-viewport){transform:translate(0);min-height:auto}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], dependencies: [{ kind: "component", type: DaffSidebarViewportBackdropComponent, selector: "daff-sidebar-viewport-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
             daffSidebarAnimations.transformContent,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -585,7 +701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                         daffSidebarAnimations.transformContent,
                     ], providers: [
                         { provide: DAFF_SIDEBAR_SCROLL_TOKEN, useFactory: daffSidebarViewportScrollFactory },
-                    ], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\">\n</daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__nav\"\n  [@transformContent]=\"_animationState\"\n  [style.padding-left.px]=\"_navPadLeft\"\n  [style.padding-right.px]=\"_navPadRight\">\n    <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n</div>\n\n<div class=\"daff-sidebar-viewport__content\"\n  [@transformContent]=\"_animationState\"\n  (@transformContent.start)=\"onContentAnimationStart($event)\"\n  (@transformContent.done)=\"onContentAnimationDone($event)\">\n  <div class=\"daff-sidebar-viewport__inner\"\n    [style.padding-left.px]=\"_contentPadLeft\"\n    [style.padding-right.px]=\"_contentPadRight\">\n      <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>\n", styles: [":host{display:flex;min-height:100dvh;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;height:100%}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:4}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__content{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;pointer-events:auto;z-index:6}:host-context(daff-sidebar-viewport daff-sidebar-viewport){transform:translate(0);min-height:auto}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
+                    ], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-sidebar-viewport-backdrop\n  [@transformContent]=\"_animationState\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\">\n</daff-sidebar-viewport-backdrop>\n\n<div class=\"daff-sidebar-viewport__nav\"\n  [@transformContent]=\"_animationState\"\n  [style.padding-left.px]=\"_navPadLeft\"\n  [style.padding-right.px]=\"_navPadRight\">\n    <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n</div>\n\n<div class=\"daff-sidebar-viewport__content\"\n  [@transformContent]=\"_animationState\"\n  (@transformContent.start)=\"onContentAnimationStart($event)\"\n  (@transformContent.done)=\"onContentAnimationDone($event)\">\n  <div class=\"daff-sidebar-viewport__inner\"\n    [style.padding-left.px]=\"_contentPadLeft\"\n    [style.padding-right.px]=\"_contentPadRight\">\n      <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>\n", styles: [":host{display:flex;min-height:100dvh;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;height:100%}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:4}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__content{margin-top:var(--daff-sidebar-side-fixed-top-shift)}:host-context(daff-sidebar-viewport daff-sidebar-viewport){transform:translate(0);min-height:auto}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DAFF_SIDEBAR_SCROLL_TOKEN]
@@ -623,17 +739,17 @@ class DaffSidebarModule {
             DaffSidebarHeaderComponent,
             DaffSidebarFooterComponent,
             DaffSidebarHeaderTitleDirective,
-            DaffSidebarHeaderActionDirective], imports: [CommonModule,
-            A11yModule,
-            DaffBackdropModule], exports: [DaffSidebarComponent,
+            DaffSidebarHeaderActionDirective,
+            DaffSidebarViewportBackdropComponent], imports: [CommonModule,
+            A11yModule], exports: [DaffSidebarComponent,
             DaffSidebarViewportComponent,
             DaffSidebarHeaderComponent,
             DaffSidebarFooterComponent,
             DaffSidebarHeaderTitleDirective,
-            DaffSidebarHeaderActionDirective] }); }
+            DaffSidebarHeaderActionDirective,
+            DaffSidebarViewportBackdropComponent] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, imports: [CommonModule,
-            A11yModule,
-            DaffBackdropModule] }); }
+            A11yModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, decorators: [{
             type: NgModule,
@@ -641,7 +757,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                     imports: [
                         CommonModule,
                         A11yModule,
-                        DaffBackdropModule,
                     ],
                     declarations: [
                         DaffSidebarComponent,
@@ -650,6 +765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                         DaffSidebarFooterComponent,
                         DaffSidebarHeaderTitleDirective,
                         DaffSidebarHeaderActionDirective,
+                        DaffSidebarViewportBackdropComponent,
                     ],
                     exports: [
                         DaffSidebarComponent,
@@ -658,6 +774,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                         DaffSidebarFooterComponent,
                         DaffSidebarHeaderTitleDirective,
                         DaffSidebarHeaderActionDirective,
+                        DaffSidebarViewportBackdropComponent,
                     ],
                 }]
         }] });
@@ -666,5 +783,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { DaffSidebarComponent, DaffSidebarFooterComponent, DaffSidebarHeaderActionDirective, DaffSidebarHeaderComponent, DaffSidebarHeaderTitleDirective, DaffSidebarModule, DaffSidebarViewportComponent };
+export { DaffSidebarComponent, DaffSidebarFooterComponent, DaffSidebarHeaderActionDirective, DaffSidebarHeaderComponent, DaffSidebarHeaderTitleDirective, DaffSidebarModule, DaffSidebarViewportBackdropComponent, DaffSidebarViewportComponent };
 //# sourceMappingURL=daffodil-design-sidebar.mjs.map