@daffodil/design 0.63.2 → 0.64.0

package/fesm2020/daffodil-design.mjs

@@ -1,16 +1,16 @@
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, Injectable, TemplateRef, ViewContainerRef, Inject, ViewChild, EventEmitter, Output, HostListener, Optional, Self, ElementRef, ContentChildren, SkipSelf, Type, APP_INITIALIZER } from '@angular/core';
-import * as i2 from '@angular/common';
+import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, Injectable, TemplateRef, ViewContainerRef, Inject, ViewChild, EventEmitter, Output, HostListener, Optional, Self, ElementRef, ContentChildren, SkipSelf, forwardRef, Type, APP_INITIALIZER } from '@angular/core';
+import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
-import * as i1 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faChevronDown, faChevronUp, faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
 import * as i1$1 from '@angular/platform-browser';
 import { BehaviorSubject, Subject, map, takeUntil as takeUntil$1, fromEvent, filter, fromEventPattern, of, merge, EMPTY, combineLatest } from 'rxjs';
 import { takeUntil, filter as filter$1, startWith, map as map$1, catchError, shareReplay } from 'rxjs/operators';
 import * as i1$2 from '@angular/forms';
-import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i1$3 from '@angular/cdk/overlay';
 import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
@@ -98,9 +98,9 @@ class DaffPrefixDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffPrefixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffPrefixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffPrefixDirective, selector: "[daffPrefix]", host: { properties: { "class.daff-prefix": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixDirective, decorators: [{
+/** @nocollapse */ DaffPrefixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffPrefixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffPrefixDirective, selector: "[daffPrefix]", host: { properties: { "class.daff-prefix": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffPrefix]',
@@ -120,9 +120,9 @@ class DaffSuffixDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffSuffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffSuffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffSuffixDirective, selector: "[daffSuffix]", host: { properties: { "class.daff-suffix": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSuffixDirective, decorators: [{
+/** @nocollapse */ DaffSuffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffSuffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffSuffixDirective, selector: "[daffSuffix]", host: { properties: { "class.daff-suffix": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSuffixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffSuffix]',
@@ -134,12 +134,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffPrefixSuffixModule {
 }
-/** @nocollapse */ DaffPrefixSuffixModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixSuffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffPrefixSuffixModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixSuffixModule, declarations: [DaffPrefixDirective,
+/** @nocollapse */ DaffPrefixSuffixModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixSuffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffPrefixSuffixModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixSuffixModule, declarations: [DaffPrefixDirective,
         DaffSuffixDirective], exports: [DaffPrefixDirective,
         DaffSuffixDirective] });
-/** @nocollapse */ DaffPrefixSuffixModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixSuffixModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPrefixSuffixModule, decorators: [{
+/** @nocollapse */ DaffPrefixSuffixModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixSuffixModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPrefixSuffixModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -163,9 +163,9 @@ function daffSuffixableMixin(Base) {
             super(...args);
         }
     }
-    /** @nocollapse */ SuffixableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SuffixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ SuffixableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: SuffixableDirective, queries: [{ propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
-    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SuffixableDirective, decorators: [{
+    /** @nocollapse */ SuffixableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SuffixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ SuffixableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SuffixableDirective, queries: [{ propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SuffixableDirective, decorators: [{
                 type: Directive
             }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { _suffix: [{
                     type: ContentChild,
@@ -183,9 +183,9 @@ function daffPrefixableMixin(Base) {
             super(...args);
         }
     }
-    /** @nocollapse */ PrefixableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PrefixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ PrefixableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: PrefixableDirective, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
-    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PrefixableDirective, decorators: [{
+    /** @nocollapse */ PrefixableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PrefixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ PrefixableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: PrefixableDirective, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PrefixableDirective, decorators: [{
                 type: Directive
             }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { _prefix: [{
                     type: ContentChild,
@@ -289,9 +289,9 @@ class DaffLoadingIconComponent extends _daffLoadingIconBase {
         return this.diameter + 'px';
     }
 }
-/** @nocollapse */ DaffLoadingIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffLoadingIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.5%{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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
+/** @nocollapse */ DaffLoadingIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLoadingIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffLoadingIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.5%{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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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.5%{transform:rotate(0)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { diameter: [{
@@ -428,9 +428,9 @@ class DaffButtonComponent extends _daffButtonBase {
         return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
     }
 }
-/** @nocollapse */ DaffButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: { color: "color", size: "size", status: "status", loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.daff-button": "this.button", "class.daff-stroked-button": "this.stroked", "class.daff-raised-button": "this.raised", "class.daff-flat-button": "this.flat", "class.daff-icon-button": "this.icon", "class.daff-underline-button": "this.underline", "class.daff-button--disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], components: [{ type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonComponent, decorators: [{
+/** @nocollapse */ DaffButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: { color: "color", size: "size", status: "status", loading: "loading", tabindex: "tabindex", disabled: "disabled" }, host: { properties: { "class.daff-button": "this.button", "class.daff-stroked-button": "this.stroked", "class.daff-raised-button": "this.raised", "class.daff-flat-button": "this.flat", "class.daff-icon-button": "this.icon", "class.daff-underline-button": "this.underline", "class.daff-button--disabled": "this.disabledClass", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.disabledTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span class=\"daff-button__content\" *ngIf=\"!loading\"><ng-content></ng-content></span>\n<daff-loading-icon *ngIf=\"loading\" [diameter]=\"24\"></daff-loading-icon>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", styles: [".daff-button,.daff-raised-button,.daff-stroked-button,.daff-flat-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;min-width:96px}.daff-button[disabled],.daff-button.daff-button--disabled,.daff-raised-button[disabled],.daff-raised-button.daff-button--disabled,.daff-stroked-button[disabled],.daff-stroked-button.daff-button--disabled,.daff-flat-button[disabled],.daff-flat-button.daff-button--disabled{cursor:not-allowed}.daff-button[disabled]:hover:after,.daff-button.daff-button--disabled:hover:after,.daff-raised-button[disabled]:hover:after,.daff-raised-button.daff-button--disabled:hover:after,.daff-stroked-button[disabled]:hover:after,.daff-stroked-button.daff-button--disabled:hover:after,.daff-flat-button[disabled]:hover:after,.daff-flat-button.daff-button--disabled:hover:after{opacity:0}.daff-button .daff-button__content,.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-button__content,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-button__content,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix,.daff-flat-button .daff-button__content,.daff-flat-button .daff-prefix,.daff-flat-button .daff-suffix{z-index:2}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-button.daff-sm,.daff-flat-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;padding:0 1rem}.daff-button.daff-md,.daff-raised-button.daff-md,.daff-stroked-button.daff-md,.daff-flat-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;padding:0 1.5rem}.daff-button.daff-lg,.daff-raised-button.daff-lg,.daff-stroked-button.daff-lg,.daff-flat-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-button:after,.daff-flat-button:after{content:\"\";border-radius:4px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-button:hover:after,.daff-button:active:after,.daff-flat-button:hover:after,.daff-flat-button:active:after{opacity:1}.daff-raised-button:after{content:\"\";border-radius:0;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-raised-button:hover:after,.daff-raised-button:active:after{opacity:1}.daff-stroked-button:after{content:\"\";border-radius:3px;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-stroked-button:hover:after,.daff-stroked-button:active:after{opacity:1}.daff-flat-button{background:none;border:none}.daff-icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled],.daff-icon-button.daff-button--disabled{cursor:not-allowed}.daff-icon-button[disabled]:hover:after,.daff-icon-button.daff-button--disabled:hover:after{opacity:0}.daff-icon-button .daff-button__content,.daff-icon-button .daff-prefix,.daff-icon-button .daff-suffix{z-index:2}.daff-icon-button.daff-sm{font-size:.875rem;line-height:2rem;height:2rem;width:2rem}.daff-icon-button.daff-md{font-size:1rem;line-height:3rem;height:3rem;width:3rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3.5rem;height:3.5rem;width:3.5rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;border:none;position:relative;text-align:center;background:transparent;border:0;border-radius:0;line-height:1.25rem;overflow:hidden;text-decoration:none;vertical-align:middle}.daff-underline-button[disabled]:hover:after,.daff-underline-button.daff-button--disabled:hover:after{opacity:0}.daff-underline-button .daff-button__content,.daff-underline-button .daff-prefix,.daff-underline-button .daff-suffix{z-index:2}.daff-underline-button[disabled],.daff-underline-button.daff-button--disabled{cursor:not-allowed}.daff-underline-button[disabled]:hover:after,.daff-underline-button[disabled]:active:after,.daff-underline-button.daff-button--disabled:hover:after,.daff-underline-button.daff-button--disabled:active:after{animation:none}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{animation:none}@media (min-width: 1024px){.daff-underline-button:hover:after{animation:underline-button-hover .7s ease}}.daff-underline-button.daff-sm{font-size:.875rem;height:1.25rem;padding:0}.daff-underline-button.daff-md{font-size:1rem;height:1.5rem;padding:0 0 4px}.daff-underline-button.daff-lg{font-size:1.25rem;height:1.75rem;padding:0 0 8px}@keyframes underline-button-hover{0%{transform:translate(0)}50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '' +
                         'button[daff-button]' + ',' +
@@ -485,12 +485,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffLoadingIconModule {
 }
-/** @nocollapse */ DaffLoadingIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffLoadingIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconModule, declarations: [DaffLoadingIconComponent], imports: [CommonModule], exports: [DaffLoadingIconComponent] });
-/** @nocollapse */ DaffLoadingIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLoadingIconModule, decorators: [{
+/** @nocollapse */ DaffLoadingIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLoadingIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffLoadingIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffLoadingIconModule, declarations: [DaffLoadingIconComponent], imports: [CommonModule], exports: [DaffLoadingIconComponent] });
+/** @nocollapse */ DaffLoadingIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLoadingIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -507,17 +505,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffButtonModule {
 }
-/** @nocollapse */ DaffButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonModule, declarations: [DaffButtonComponent], imports: [CommonModule,
+/** @nocollapse */ DaffButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonModule, declarations: [DaffButtonComponent], imports: [CommonModule,
         DaffPrefixSuffixModule,
         DaffLoadingIconModule], exports: [DaffButtonComponent,
         DaffPrefixSuffixModule] });
-/** @nocollapse */ DaffButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonModule, imports: [[
-            CommonModule,
-            DaffPrefixSuffixModule,
-            DaffLoadingIconModule,
-        ], DaffPrefixSuffixModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonModule, decorators: [{
+/** @nocollapse */ DaffButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonModule, imports: [CommonModule,
+        DaffPrefixSuffixModule,
+        DaffLoadingIconModule, DaffPrefixSuffixModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -541,38 +537,6 @@ class DaffErrorStateMatcher {
     }
 }
 
-class DaffErrorMessageComponent {
-    constructor() {
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffErrorMessageComponent, selector: "daff-error-message", host: { properties: { "class.daff-error-message": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;font-size:.875rem;margin-top:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-error-message', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;font-size:.875rem;margin-top:5px}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-error-message']
-            }] } });
-
-class DaffErrorMessageModule {
-}
-/** @nocollapse */ DaffErrorMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffErrorMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageModule, declarations: [DaffErrorMessageComponent], exports: [DaffErrorMessageComponent] });
-/** @nocollapse */ DaffErrorMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffErrorMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        DaffErrorMessageComponent,
-                    ],
-                    declarations: [
-                        DaffErrorMessageComponent,
-                    ],
-                }]
-        }] });
-
 /**
  *
  * The class that a form control must **implement** in order to be
@@ -670,9 +634,9 @@ class DaffFormFieldComponent {
         this._validateFormControl();
     }
 }
-/** @nocollapse */ DaffFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffFormFieldComponent, selector: "daff-form-field", inputs: { formSubmitted: "formSubmitted" }, host: { properties: { "class.daff-form-field": "this.class" } }, queries: [{ propertyName: "_control", first: true, predicate: DaffFormFieldControl, descendants: true }], ngImport: i0, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n  <ng-content></ng-content>\n  <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldComponent, decorators: [{
+/** @nocollapse */ DaffFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffFormFieldComponent, selector: "daff-form-field", inputs: { formSubmitted: "formSubmitted" }, host: { properties: { "class.daff-form-field": "this.class" } }, queries: [{ propertyName: "_control", first: true, predicate: DaffFormFieldControl, descendants: true }], ngImport: i0, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n  <ng-content></ng-content>\n  <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-form-field', encapsulation: ViewEncapsulation.None, template: "<div class=\"daff-form-field__control\" [class.daff-error]=\"isError\" [class.daff-valid]=\"isValid\" [class.daff-focus]=\"isFocused\">\n  <ng-content></ng-content>\n  <div class=\"daff-form-field__icon\" *ngIf=\"_control.controlType === 'native-select'\">\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </div>\n</div>\n<ng-content select=\"daff-error-message\"></ng-content>\n", styles: [".daff-form-field{display:block;position:relative}.daff-form-field__control{border-radius:3px;display:inline-block;font-size:1rem;height:inherit;line-height:1.5rem;padding:10px 15px;width:100%}.daff-form-field__icon{display:inline-block;pointer-events:none;position:absolute;right:15px}\n"] }]
         }], propDecorators: { class: [{
@@ -685,19 +649,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: [DaffFormFieldControl]
             }] } });
 
+class DaffErrorMessageComponent {
+    constructor() {
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffErrorMessageComponent, selector: "daff-error-message", host: { properties: { "class.daff-error-message": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;font-size:.875rem;margin-top:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-error-message', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;font-size:.875rem;margin-top:5px}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-error-message']
+            }] } });
+
+class DaffErrorMessageModule {
+}
+/** @nocollapse */ DaffErrorMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffErrorMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageModule, declarations: [DaffErrorMessageComponent], exports: [DaffErrorMessageComponent] });
+/** @nocollapse */ DaffErrorMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffErrorMessageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        DaffErrorMessageComponent,
+                    ],
+                    declarations: [
+                        DaffErrorMessageComponent,
+                    ],
+                }]
+        }] });
+
 class DaffFormFieldModule {
 }
-/** @nocollapse */ DaffFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldModule, declarations: [DaffFormFieldComponent], imports: [CommonModule,
+/** @nocollapse */ DaffFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldModule, declarations: [DaffFormFieldComponent], imports: [CommonModule,
         FontAwesomeModule,
         DaffErrorMessageModule], exports: [DaffFormFieldComponent,
         DaffErrorMessageModule] });
-/** @nocollapse */ DaffFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldModule, imports: [[
-            CommonModule,
-            FontAwesomeModule,
-            DaffErrorMessageModule,
-        ], DaffErrorMessageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormFieldModule, decorators: [{
+/** @nocollapse */ DaffFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldModule, imports: [CommonModule,
+        FontAwesomeModule,
+        DaffErrorMessageModule, DaffErrorMessageModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -830,9 +824,9 @@ class DaffMediaGalleryRegistry {
         });
     }
 }
-/** @nocollapse */ DaffMediaGalleryRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffMediaGalleryRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryRegistry, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryRegistry, decorators: [{
+/** @nocollapse */ DaffMediaGalleryRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffMediaGalleryRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryRegistry, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -893,9 +887,9 @@ class DaffMediaRendererComponent {
         this._destroy$.unsubscribe();
     }
 }
-/** @nocollapse */ DaffMediaRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaRendererComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffMediaRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMediaRendererComponent, selector: "daff-media-renderer", viewQueries: [{ propertyName: "slot", first: true, predicate: TemplateRef, descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template></ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaRendererComponent, decorators: [{
+/** @nocollapse */ DaffMediaRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaRendererComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMediaRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffMediaRendererComponent, selector: "daff-media-renderer", viewQueries: [{ propertyName: "slot", first: true, predicate: TemplateRef, descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template></ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-media-renderer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template></ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: DaffMediaGalleryRegistry }, { type: undefined, decorators: [{
@@ -940,12 +934,12 @@ class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
         this.registry.remove(this);
     }
 }
-/** @nocollapse */ DaffMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { skeleton: "skeleton", name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
+/** @nocollapse */ DaffMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { skeleton: "skeleton", name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
         { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], components: [{ type: DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], dependencies: [{ kind: "component", type: DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -1019,9 +1013,9 @@ class DaffThumbnailDirective {
         return this;
     }
 }
-/** @nocollapse */ DaffThumbnailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThumbnailDirective, deps: [{ token: daffThumbnailCompatToken }, { token: i0.ChangeDetectorRef }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffThumbnailDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: { becameSelected: "becameSelected" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.daff-thumbnail--selected": "this.selectedClass", "class.daff-thumbnail": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThumbnailDirective, decorators: [{
+/** @nocollapse */ DaffThumbnailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThumbnailDirective, deps: [{ token: daffThumbnailCompatToken }, { token: i0.ChangeDetectorRef }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffThumbnailDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: { becameSelected: "becameSelected" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.daff-thumbnail--selected": "this.selectedClass", "class.daff-thumbnail": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffThumbnail]',
@@ -1047,15 +1041,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffMediaGalleryModule {
 }
-/** @nocollapse */ DaffMediaGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffMediaGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryModule, declarations: [DaffMediaGalleryComponent,
+/** @nocollapse */ DaffMediaGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffMediaGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryModule, declarations: [DaffMediaGalleryComponent,
         DaffThumbnailDirective,
         DaffMediaRendererComponent], imports: [CommonModule], exports: [DaffThumbnailDirective,
         DaffMediaGalleryComponent] });
-/** @nocollapse */ DaffMediaGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryModule, decorators: [{
+/** @nocollapse */ DaffMediaGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMediaGalleryModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1162,21 +1154,21 @@ class DaffImageComponent extends _daffImageBase {
         return this.width + 'px';
     }
 }
-/** @nocollapse */ DaffImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1$1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffImageComponent, selector: "daff-image", inputs: { skeleton: "skeleton", src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
+/** @nocollapse */ DaffImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1$1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffImageComponent, selector: "daff-image", inputs: { skeleton: "skeleton", src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
         {
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-image', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             // eslint-disable-next-line @typescript-eslint/no-use-before-define
                             provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
                         },
-                    ], inputs: ['skeleton'], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
+                    ], inputs: ['skeleton'], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { src: [{
                 type: Input
             }], alt: [{
@@ -1194,12 +1186,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffImageModule {
 }
-/** @nocollapse */ DaffImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageModule, declarations: [DaffImageComponent], imports: [CommonModule], exports: [DaffImageComponent] });
-/** @nocollapse */ DaffImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageModule, decorators: [{
+/** @nocollapse */ DaffImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffImageModule, declarations: [DaffImageComponent], imports: [CommonModule], exports: [DaffImageComponent] });
+/** @nocollapse */ DaffImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1211,9 +1201,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                     exports: [
                         DaffImageComponent,
                     ],
-                    entryComponents: [
-                        DaffImageComponent,
-                    ],
                 }]
         }] });
 
@@ -1246,12 +1233,12 @@ class DaffInputComponent {
         this._elementRef.nativeElement.focus();
     }
 }
-/** @nocollapse */ DaffInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffInputComponent, selector: "input[daff-input]", inputs: { formSubmitted: "formSubmitted" }, host: { listeners: { "focus": "focus()", "blur": "blur()" } }, providers: [
+/** @nocollapse */ DaffInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffInputComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffInputComponent, selector: "input[daff-input]", inputs: { formSubmitted: "formSubmitted" }, host: { listeners: { "focus": "focus()", "blur": "blur()" } }, providers: [
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
         { provide: DaffFormFieldControl, useExisting: DaffInputComponent },
     ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{border:none;border-radius:4px;box-shadow:none;font-size:1rem;line-height:1.5rem;margin:0;padding:0;width:100%;box-sizing:border-box}:host:focus{border:none;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[daff-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -1273,12 +1260,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffInputModule {
 }
-/** @nocollapse */ DaffInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputModule, declarations: [DaffInputComponent], imports: [CommonModule], exports: [DaffInputComponent] });
-/** @nocollapse */ DaffInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffInputModule, decorators: [{
+/** @nocollapse */ DaffInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffInputModule, declarations: [DaffInputComponent], imports: [CommonModule], exports: [DaffInputComponent] });
+/** @nocollapse */ DaffInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffInputModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1324,12 +1309,12 @@ class DaffNativeSelectComponent {
         this._elementRef.nativeElement.focus();
     }
 }
-/** @nocollapse */ DaffNativeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffNativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: { formSubmitted: "formSubmitted" }, host: { listeners: { "focus": "focus()", "blur": "blur()" }, properties: { "class.daff-native-select": "this.class" } }, providers: [
+/** @nocollapse */ DaffNativeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffNativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: { formSubmitted: "formSubmitted" }, host: { listeners: { "focus": "focus()", "blur": "blur()" }, properties: { "class.daff-native-select": "this.class" } }, providers: [
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
         { provide: DaffFormFieldControl, useExisting: DaffNativeSelectComponent },
     ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-native-select{-webkit-appearance:none;appearance:none;background:transparent;background-clip:padding-box;border:0;box-shadow:none;font-size:1rem;line-height:1.5rem;margin:0;min-width:45px;width:100%}.daff-native-select:focus{border:0;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'select[daff-native-select]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -1354,12 +1339,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffNativeSelectModule {
 }
-/** @nocollapse */ DaffNativeSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffNativeSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectModule, declarations: [DaffNativeSelectComponent], imports: [CommonModule], exports: [DaffNativeSelectComponent] });
-/** @nocollapse */ DaffNativeSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectModule, decorators: [{
+/** @nocollapse */ DaffNativeSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffNativeSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectModule, declarations: [DaffNativeSelectComponent], imports: [CommonModule], exports: [DaffNativeSelectComponent] });
+/** @nocollapse */ DaffNativeSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNativeSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1477,11 +1460,11 @@ class DaffCheckboxComponent {
         this._cdRef.markForCheck();
     }
 }
-/** @nocollapse */ DaffCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffCheckboxComponent, selector: "daff-checkbox", inputs: { name: "name", value: "value", checked: "checked", id: "id", label: ["aria-label", "label"], labeledBy: ["aria-labelledby", "labeledBy"] }, outputs: { becameChecked: "becameChecked", becameUnchecked: "becameUnchecked" }, host: { properties: { "attr.role": "this.role", "class.focused": "this.focusClass", "class.disabled": "this.disabledClass" } }, viewQueries: [{ propertyName: "nativeCheckbox", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxComponent, decorators: [{
+/** @nocollapse */ DaffCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCheckboxComponent, selector: "daff-checkbox", inputs: { name: "name", value: "value", checked: "checked", id: "id", label: ["aria-label", "label"], labeledBy: ["aria-labelledby", "labeledBy"] }, outputs: { becameChecked: "becameChecked", becameUnchecked: "becameUnchecked" }, host: { properties: { "attr.role": "this.role", "class.focused": "this.focusClass", "class.disabled": "this.disabledClass" } }, viewQueries: [{ propertyName: "nativeCheckbox", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>", styles: [""] }]
+            args: [{ selector: 'daff-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #inputElement\ntype=\"checkbox\"\n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labeledBy\"\n[attr.checked]=\"checked ? '' : null\"\n[attr.id] = \"id\"\n[attr.value]=\"value\"\n[attr.name]=\"name\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"_onChange($event)\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"\n/>\n<label [attr.for]=\"id\"><ng-content></ng-content></label>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { nativeCheckbox: [{
                 type: ViewChild,
                 args: ['inputElement', { static: true, read: ElementRef }]
@@ -1514,40 +1497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['class.disabled']
             }] } });
 
-class DaffCheckboxSetComponent {
-    constructor() {
-        /**
-         * The role of the component. Set to "checkbox".
-         *
-         * @docs-private
-         */
-        this.role = 'group';
-        this.valueList = new EventEmitter();
-    }
-    getValues() {
-        const checkboxes = this.checkboxes.toArray();
-        return this.formArray.value.map((element, index) => element === true ? checkboxes[index].value : false).filter(element => element !== false);
-    }
-}
-/** @nocollapse */ DaffCheckboxSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffCheckboxSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: { formArray: "formArray", name: "name" }, outputs: { valueList: "valueList" }, host: { properties: { "attr.role": "this.role" } }, queries: [{ propertyName: "checkboxes", predicate: DaffCheckboxComponent }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxSetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [""] }]
-        }], propDecorators: { formArray: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], checkboxes: [{
-                type: ContentChildren,
-                args: [DaffCheckboxComponent]
-            }], valueList: [{
-                type: Output
-            }] } });
-
 /**
  * A directive for binding the DaffCheckboxComponent and the Control Value Accessor.
  */
@@ -1618,9 +1567,9 @@ class DaffCheckboxControlValueAccessorDirective {
         this._checkbox.deselect();
     }
 }
-/** @nocollapse */ DaffCheckboxControlValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: DaffCheckboxComponent }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCheckboxControlValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: { value: "value", name: "name" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, decorators: [{
+/** @nocollapse */ DaffCheckboxControlValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: DaffCheckboxComponent }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCheckboxControlValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: { value: "value", name: "name" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxControlValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1636,20 +1585,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 type: Input
             }] } });
 
+class DaffCheckboxSetComponent {
+    constructor() {
+        /**
+         * The role of the component. Set to "checkbox".
+         *
+         * @docs-private
+         */
+        this.role = 'group';
+        this.valueList = new EventEmitter();
+    }
+    getValues() {
+        const checkboxes = this.checkboxes.toArray();
+        return this.formArray.value.map((element, index) => element === true ? checkboxes[index].value : false).filter(element => element !== false);
+    }
+}
+/** @nocollapse */ DaffCheckboxSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffCheckboxSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: { formArray: "formArray", name: "name" }, outputs: { valueList: "valueList" }, host: { properties: { "attr.role": "this.role" } }, queries: [{ propertyName: "checkboxes", predicate: DaffCheckboxComponent }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>" }]
+        }], propDecorators: { formArray: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], checkboxes: [{
+                type: ContentChildren,
+                args: [DaffCheckboxComponent]
+            }], valueList: [{
+                type: Output
+            }] } });
+
 class DaffCheckboxModule {
 }
-/** @nocollapse */ DaffCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxModule, declarations: [DaffCheckboxComponent,
+/** @nocollapse */ DaffCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxModule, declarations: [DaffCheckboxComponent,
         DaffCheckboxSetComponent,
         DaffCheckboxControlValueAccessorDirective], imports: [CommonModule], exports: [DaffCheckboxComponent,
         DaffCheckboxSetComponent,
         DaffCheckboxControlValueAccessorDirective] });
-/** @nocollapse */ DaffCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxModule, providers: [
+/** @nocollapse */ DaffCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxModule, providers: [
         DaffCheckboxSetComponent,
-    ], imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCheckboxModule, decorators: [{
+    ], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -1691,7 +1672,7 @@ class DaffQuantityInputComponent {
          * to avoid triggering updates on the input event.
          * Instead, we listen for the change event and manually patch form control values.
          */
-        this._inputControl = new FormControl();
+        this._inputControl = new UntypedFormControl();
         this._destroyed = new Subject();
     }
     get focused() {
@@ -1745,9 +1726,9 @@ class DaffQuantityInputComponent {
             : this._inputControl.enable();
     }
 }
-/** @nocollapse */ DaffQuantityInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityInputComponent, deps: [{ token: i1$2.NgControl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffQuantityInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: { min: "min", max: "max" }, viewQueries: [{ propertyName: "input", first: true, predicate: DaffInputComponent, descendants: true }], ngImport: i0, template: "<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n", components: [{ type: DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], directives: [{ type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityInputComponent, decorators: [{
+/** @nocollapse */ DaffQuantityInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityInputComponent, deps: [{ token: i1$2.NgControl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffQuantityInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: { min: "min", max: "max" }, viewQueries: [{ propertyName: "input", first: true, predicate: DaffInputComponent, descendants: true }], ngImport: i0, template: "<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n", dependencies: [{ kind: "component", type: DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-quantity-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n" }]
         }], ctorParameters: function () { return [{ type: i1$2.NgControl }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
@@ -1820,9 +1801,9 @@ class DaffQuantitySelectComponent {
         return makeValueArray(this.min, this.max, this.increment);
     }
 }
-/** @nocollapse */ DaffQuantitySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantitySelectComponent, deps: [{ token: i1$2.NgControl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffQuantitySelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: { min: "min", max: "max", extendable: "extendable" }, viewQueries: [{ propertyName: "select", first: true, predicate: DaffNativeSelectComponent, descendants: true }], ngImport: i0, template: "<select daff-native-select\n  [formControl]=\"ngControl.control\"\n  (focus)=\"onFocus()\"\n>\n  <option *ngFor=\"let item of valueArray\" [value]=\"item\">{{ item }}</option>\n  <option [value]=\"max\" *ngIf=\"extendable\">{{ max }}+</option>\n  <option [value]=\"max\" *ngIf=\"!extendable\">{{ max }}</option>\n</select>\n", components: [{ type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["formSubmitted"] }], directives: [{ type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantitySelectComponent, decorators: [{
+/** @nocollapse */ DaffQuantitySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantitySelectComponent, deps: [{ token: i1$2.NgControl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffQuantitySelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: { min: "min", max: "max", extendable: "extendable" }, viewQueries: [{ propertyName: "select", first: true, predicate: DaffNativeSelectComponent, descendants: true }], ngImport: i0, template: "<select daff-native-select\n  [formControl]=\"ngControl.control\"\n  (focus)=\"onFocus()\"\n>\n  <option *ngFor=\"let item of valueArray\" [value]=\"item\">{{ item }}</option>\n  <option [value]=\"max\" *ngIf=\"extendable\">{{ max }}+</option>\n  <option [value]=\"max\" *ngIf=\"!extendable\">{{ max }}</option>\n</select>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["formSubmitted"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantitySelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-quantity-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<select daff-native-select\n  [formControl]=\"ngControl.control\"\n  (focus)=\"onFocus()\"\n>\n  <option *ngFor=\"let item of valueArray\" [value]=\"item\">{{ item }}</option>\n  <option [value]=\"max\" *ngIf=\"extendable\">{{ max }}+</option>\n  <option [value]=\"max\" *ngIf=\"!extendable\">{{ max }}</option>\n</select>\n" }]
         }], ctorParameters: function () { return [{ type: i1$2.NgControl }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { select: [{
@@ -1924,15 +1905,15 @@ class DaffQuantityFieldComponent {
         }
     }
 }
-/** @nocollapse */ DaffQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: { min: "min", max: "max", selectMax: "selectMax" }, providers: [
+/** @nocollapse */ DaffQuantityFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffQuantityFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: { min: "min", max: "max", selectMax: "selectMax" }, providers: [
         {
             provide: DaffFormFieldControl,
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             useExisting: DaffQuantityFieldComponent,
         },
-    ], viewQueries: [{ propertyName: "input", first: true, predicate: DaffQuantityInputComponent, descendants: true }, { propertyName: "select", first: true, predicate: DaffQuantitySelectComponent, descendants: true }], ngImport: i0, template: "<daff-quantity-select\n  *ngIf=\"showSelectField\"\n  [min]=\"min\" [max]=\"_maxFloor\" [extendable]=\"max > selectMax\">\n</daff-quantity-select>\n<daff-quantity-input\n  *ngIf=\"showInputField\"\n  [min]=\"min\" [max]=\"max\">\n</daff-quantity-input>\n", components: [{ type: DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: ["min", "max", "extendable"] }, { type: DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: ["min", "max"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "input", first: true, predicate: DaffQuantityInputComponent, descendants: true }, { propertyName: "select", first: true, predicate: DaffQuantitySelectComponent, descendants: true }], ngImport: i0, template: "<daff-quantity-select\n  *ngIf=\"showSelectField\"\n  [min]=\"min\" [max]=\"_maxFloor\" [extendable]=\"max > selectMax\">\n</daff-quantity-select>\n<daff-quantity-input\n  *ngIf=\"showInputField\"\n  [min]=\"min\" [max]=\"max\">\n</daff-quantity-input>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: ["min", "max"] }, { kind: "component", type: DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: ["min", "max", "extendable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-quantity-field', providers: [
                         {
@@ -1961,8 +1942,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffQuantityFieldModule {
 }
-/** @nocollapse */ DaffQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldModule, declarations: [DaffQuantityFieldComponent,
+/** @nocollapse */ DaffQuantityFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffQuantityFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldModule, declarations: [DaffQuantityFieldComponent,
         DaffQuantityInputComponent,
         DaffQuantitySelectComponent], imports: [CommonModule,
         DaffNativeSelectModule,
@@ -1970,13 +1951,11 @@ class DaffQuantityFieldModule {
         ReactiveFormsModule], exports: [DaffQuantityFieldComponent,
         DaffQuantityInputComponent,
         DaffQuantitySelectComponent] });
-/** @nocollapse */ DaffQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldModule, imports: [[
-            CommonModule,
-            DaffNativeSelectModule,
-            DaffInputModule,
-            ReactiveFormsModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQuantityFieldModule, decorators: [{
+/** @nocollapse */ DaffQuantityFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldModule, imports: [CommonModule,
+        DaffNativeSelectModule,
+        DaffInputModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQuantityFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2022,9 +2001,9 @@ class DaffContainerComponent extends _daffContainerBase {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffContainerComponent, selector: "daff-container", inputs: { size: "size" }, host: { properties: { "class.daff-container": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerComponent, decorators: [{
+/** @nocollapse */ DaffContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffContainerComponent, selector: "daff-container", inputs: { size: "size" }, host: { properties: { "class.daff-container": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-container', template: '<ng-content></ng-content>', inputs: ['size'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
@@ -2034,12 +2013,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffContainerModule {
 }
-/** @nocollapse */ DaffContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerModule, declarations: [DaffContainerComponent], imports: [CommonModule], exports: [DaffContainerComponent] });
-/** @nocollapse */ DaffContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffContainerModule, decorators: [{
+/** @nocollapse */ DaffContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerModule, declarations: [DaffContainerComponent], imports: [CommonModule], exports: [DaffContainerComponent] });
+/** @nocollapse */ DaffContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2120,11 +2097,11 @@ class DaffProgressIndicatorComponent extends _daffProgressIndicatorBase {
         };
     }
 }
-/** @nocollapse */ DaffProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffProgressIndicatorComponent, selector: "daff-progress-indicator", inputs: { color: "color", percentage: "percentage" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-indicator": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"daff-progress-indicator__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>", styles: [":host{display:flex;height:3px;width:100%}\n"], animations: [
+/** @nocollapse */ DaffProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffProgressIndicatorComponent, selector: "daff-progress-indicator", inputs: { color: "color", percentage: "percentage" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-indicator": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"daff-progress-indicator__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>", styles: [":host{display:flex;height:3px;width:100%}\n"], animations: [
         daffProgressIndicatorAnimation.fill,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-progress-indicator', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color'], animations: [
                         daffProgressIndicatorAnimation.fill,
@@ -2140,12 +2117,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffProgressIndicatorModule {
 }
-/** @nocollapse */ DaffProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorModule, declarations: [DaffProgressIndicatorComponent], imports: [CommonModule], exports: [DaffProgressIndicatorComponent] });
-/** @nocollapse */ DaffProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffProgressIndicatorModule, decorators: [{
+/** @nocollapse */ DaffProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorModule, declarations: [DaffProgressIndicatorComponent], imports: [CommonModule], exports: [DaffProgressIndicatorComponent] });
+/** @nocollapse */ DaffProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DaffProgressIndicatorComponent],
@@ -2164,11 +2139,11 @@ class DaffRadioSetComponent {
         this.role = 'radiogroup';
     }
 }
-/** @nocollapse */ DaffRadioSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffRadioSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffRadioSetComponent, selector: "daff-radio-set", inputs: { name: "name" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioSetComponent, decorators: [{
+/** @nocollapse */ DaffRadioSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffRadioSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffRadioSetComponent, selector: "daff-radio-set", inputs: { name: "name" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioSetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-radio-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [""] }]
+            args: [{ selector: 'daff-radio-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { name: [{
                 type: Input
             }], role: [{
@@ -2270,11 +2245,11 @@ class DaffRadioComponent {
     }
     ;
 }
-/** @nocollapse */ DaffRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioComponent, deps: [{ token: DaffRadioSetComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffRadioComponent, selector: "daff-radio", inputs: { checked: "checked", value: "value", id: "id", name: "name", label: ["aria-label", "label"], labelledby: ["aria-labelledby", "labelledby"] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "attr.role": "this.role", "class.focused": "this.focusClass", "class.disabled": "this.disabledClass" } }, ngImport: i0, template: "<input type=\"radio\" \n[attr.checked]=\"checked ? '' : null\" \n[attr.id]=\"id\" \n[attr.name]=\"name\" \n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labelledby\"\n[attr.value]=\"value\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"onChange()\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"/>\n<label [attr.for]=\"id\">\n  <ng-content></ng-content>\n</label>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioComponent, decorators: [{
+/** @nocollapse */ DaffRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioComponent, deps: [{ token: DaffRadioSetComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffRadioComponent, selector: "daff-radio", inputs: { checked: "checked", value: "value", id: "id", name: "name", label: ["aria-label", "label"], labelledby: ["aria-labelledby", "labelledby"] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "attr.role": "this.role", "class.focused": "this.focusClass", "class.disabled": "this.disabledClass" } }, ngImport: i0, template: "<input type=\"radio\" \n[attr.checked]=\"checked ? '' : null\" \n[attr.id]=\"id\" \n[attr.name]=\"name\" \n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labelledby\"\n[attr.value]=\"value\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"onChange()\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"/>\n<label [attr.for]=\"id\">\n  <ng-content></ng-content>\n</label>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-radio', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input type=\"radio\" \n[attr.checked]=\"checked ? '' : null\" \n[attr.id]=\"id\" \n[attr.name]=\"name\" \n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labelledby\"\n[attr.value]=\"value\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"onChange()\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"/>\n<label [attr.for]=\"id\">\n  <ng-content></ng-content>\n</label>", styles: [""] }]
+            args: [{ selector: 'daff-radio', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input type=\"radio\" \n[attr.checked]=\"checked ? '' : null\" \n[attr.id]=\"id\" \n[attr.name]=\"name\" \n[attr.aria-label]=\"label\"\n[attr.aria-labelledby]=\"labelledby\"\n[attr.value]=\"value\"\n[attr.disabled] = \"disabled ? '' : null\" \n(change)=\"onChange()\"\n(blur)=\"onBlur()\"\n(focus)=\"onFocus()\"/>\n<label [attr.for]=\"id\">\n  <ng-content></ng-content>\n</label>" }]
         }], ctorParameters: function () { return [{ type: DaffRadioSetComponent, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { role: [{
@@ -2349,9 +2324,9 @@ class DaffRadioRegistry {
             && controlPair['accessor'].name === accessor.name;
     }
 }
-/** @nocollapse */ DaffRadioRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffRadioRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioRegistry, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioRegistry, decorators: [{
+/** @nocollapse */ DaffRadioRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffRadioRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioRegistry, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2419,9 +2394,9 @@ class DaffRadioControlValueAccessorDirective {
         this._radio.deselect();
     }
 }
-/** @nocollapse */ DaffRadioControlValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioControlValueAccessorDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: DaffRadioRegistry }, { token: DaffRadioComponent }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffRadioControlValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: { value: "value", name: "name" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioControlValueAccessorDirective, decorators: [{
+/** @nocollapse */ DaffRadioControlValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioControlValueAccessorDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: DaffRadioRegistry }, { token: DaffRadioComponent }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffRadioControlValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: { value: "value", name: "name" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioControlValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -2439,16 +2414,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffRadioModule {
 }
-/** @nocollapse */ DaffRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioModule, declarations: [DaffRadioControlValueAccessorDirective,
+/** @nocollapse */ DaffRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioModule, declarations: [DaffRadioControlValueAccessorDirective,
         DaffRadioComponent,
         DaffRadioSetComponent], imports: [CommonModule], exports: [DaffRadioComponent,
         DaffRadioSetComponent,
         DaffRadioControlValueAccessorDirective] });
-/** @nocollapse */ DaffRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffRadioModule, decorators: [{
+/** @nocollapse */ DaffRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -2472,9 +2445,9 @@ class DaffFormLabelDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffFormLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffFormLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffFormLabelDirective, selector: "[daffFormLabel]", host: { properties: { "class.daff-form-label": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelDirective, decorators: [{
+/** @nocollapse */ DaffFormLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffFormLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffFormLabelDirective, selector: "[daffFormLabel]", host: { properties: { "class.daff-form-label": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffFormLabel]',
@@ -2486,10 +2459,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffFormLabelModule {
 }
-/** @nocollapse */ DaffFormLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffFormLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelModule, declarations: [DaffFormLabelDirective], exports: [DaffFormLabelDirective] });
-/** @nocollapse */ DaffFormLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFormLabelModule, decorators: [{
+/** @nocollapse */ DaffFormLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffFormLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelModule, declarations: [DaffFormLabelDirective], exports: [DaffFormLabelDirective] });
+/** @nocollapse */ DaffFormLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFormLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -2501,45 +2474,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 }]
         }] });
 
-class DaffAccordionItemContentDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+class DaffAccordionBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
     }
 }
-/** @nocollapse */ DaffAccordionItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffAccordionItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]", host: { properties: { "class.daff-accordion-item__content": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffAccordionItemContent]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-accordion-item__content']
-            }] } });
-
-class DaffAccordionItemTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
+const _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
+class DaffAccordionComponent extends _daffAccordionBase {
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
     }
 }
-/** @nocollapse */ DaffAccordionItemTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffAccordionItemTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffAccordionItemTitle]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-accordion-item__title']
-            }] } });
+/** @nocollapse */ DaffAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionComponent, selector: "daff-accordion", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
 
 const daffAccordionAnimations = {
     openAccordion: trigger('openAccordion', [
@@ -2598,11 +2555,11 @@ class DaffAccordionItemComponent {
         this._animationState = getAnimationState$3(this._open);
     }
 }
-/** @nocollapse */ DaffAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
+/** @nocollapse */ DaffAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
         daffAccordionAnimations.openAccordion,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-accordion-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffAccordionAnimations.openAccordion,
@@ -2614,30 +2571,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 type: Input
             }] } });
 
-/**
- * An _elementRef and an instance of renderer2 are needed for the link set mixins
- */
-class DaffAccordionBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
+class DaffAccordionItemContentDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
     }
 }
-const _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
-class DaffAccordionComponent extends _daffAccordionBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+/** @nocollapse */ DaffAccordionItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffAccordionItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]", host: { properties: { "class.daff-accordion-item__content": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffAccordionItemContent]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-accordion-item__content']
+            }] } });
+
+class DaffAccordionItemTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
     }
 }
-/** @nocollapse */ DaffAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffAccordionComponent, selector: "daff-accordion", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+/** @nocollapse */ DaffAccordionItemTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffAccordionItemTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffAccordionItemTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-accordion-item__title']
+            }] } });
 
+/**
+ * @deprecated in v1.0.0. Use DaffTreeComponent instead.
+ */
 class DaffNavAccordionItemComponent {
     constructor(accordion, navAccordionItemParent) {
         this.accordion = accordion;
@@ -2683,11 +2659,11 @@ class DaffNavAccordionItemComponent {
         this._animationState = getAnimationState$3(this._open);
     }
 }
-/** @nocollapse */ DaffNavAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavAccordionItemComponent, deps: [{ token: DaffAccordionComponent }, { token: DaffNavAccordionItemComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffNavAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNavAccordionItemComponent, selector: "daff-nav-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class": "this.classes" } }, queries: [{ propertyName: "_navAccordionItemChild", predicate: DaffNavAccordionItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"daff-nav-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host(.daff-nav-accordion-item--level-1) .daff-nav-accordion-item__header{padding-left:15px}:host(.daff-nav-accordion-item--level-2) .daff-nav-accordion-item__header{padding-left:30px}:host(.daff-nav-accordion-item--level-3) .daff-nav-accordion-item__header{padding-left:45px}:host{display:block;padding-top:6px}.daff-nav-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:6px}.daff-nav-accordion-item__header .daff-suffix{margin:0 10px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
+/** @nocollapse */ DaffNavAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavAccordionItemComponent, deps: [{ token: DaffAccordionComponent }, { token: DaffNavAccordionItemComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffNavAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNavAccordionItemComponent, selector: "daff-nav-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class": "this.classes" } }, queries: [{ propertyName: "_navAccordionItemChild", predicate: i0.forwardRef(function () { return DaffNavAccordionItemComponent; }), descendants: true }], ngImport: i0, template: "<div class=\"daff-nav-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix *ngIf=\"_navAccordionItemChild.toArray().length\">\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host(.daff-nav-accordion-item--level-1) .daff-nav-accordion-item__header{padding-left:15px}:host(.daff-nav-accordion-item--level-2) .daff-nav-accordion-item__header{padding-left:30px}:host(.daff-nav-accordion-item--level-3) .daff-nav-accordion-item__header{padding-left:45px}:host{display:block;padding-top:6px}.daff-nav-accordion-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:6px}.daff-nav-accordion-item__header .daff-suffix{margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
         daffAccordionAnimations.openAccordion,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-nav-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffAccordionAnimations.openAccordion,
@@ -2703,13 +2679,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 type: Input
             }], _navAccordionItemChild: [{
                 type: ContentChildren,
-                args: [DaffNavAccordionItemComponent, { descendants: true }]
+                args: [forwardRef(() => DaffNavAccordionItemComponent), { descendants: true }]
             }] } });
 
 class DaffAccordionModule {
 }
-/** @nocollapse */ DaffAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
+/** @nocollapse */ DaffAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
         DaffAccordionItemComponent,
         DaffNavAccordionItemComponent,
         DaffAccordionItemTitleDirective,
@@ -2720,12 +2696,10 @@ class DaffAccordionModule {
         DaffNavAccordionItemComponent,
         DaffAccordionItemTitleDirective,
         DaffAccordionItemContentDirective] });
-/** @nocollapse */ DaffAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionModule, imports: [[
-            CommonModule,
-            FontAwesomeModule,
-            DaffPrefixSuffixModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffAccordionModule, decorators: [{
+/** @nocollapse */ DaffAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
+        FontAwesomeModule,
+        DaffPrefixSuffixModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2765,11 +2739,11 @@ class DaffArticleComponent {
         this.role = 'article';
     }
 }
-/** @nocollapse */ DaffArticleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffArticleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffArticleComponent, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article pre:last-child{margin-bottom:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleComponent, decorators: [{
+/** @nocollapse */ DaffArticleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffArticleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffArticleComponent, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre:not(.daff-ae *,.daff-ae){margin:1.5rem 0}.daff-article pre:not(.daff-ae *,.daff-ae):last-child{margin-bottom:0}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article pre:last-child{margin-bottom:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"] }]
+            args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre:not(.daff-ae *,.daff-ae){margin:1.5rem 0}.daff-article pre:not(.daff-ae *,.daff-ae):last-child{margin-bottom:0}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-article']
@@ -2786,9 +2760,9 @@ class DaffArticleLeadDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffArticleLeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleLeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffArticleLeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffArticleLeadDirective, selector: "[daffArticleLead]", host: { properties: { "class.daff-article__lead": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleLeadDirective, decorators: [{
+/** @nocollapse */ DaffArticleLeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleLeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffArticleLeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffArticleLeadDirective, selector: "[daffArticleLead]", host: { properties: { "class.daff-article__lead": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleLeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffArticleLead]',
@@ -2806,9 +2780,9 @@ class DaffArticleMetaDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffArticleMetaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffArticleMetaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffArticleMetaDirective, selector: "[daffArticleMeta]", host: { properties: { "class.daff-article__meta": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleMetaDirective, decorators: [{
+/** @nocollapse */ DaffArticleMetaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffArticleMetaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffArticleMetaDirective, selector: "[daffArticleMeta]", host: { properties: { "class.daff-article__meta": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffArticleMeta]',
@@ -2826,9 +2800,9 @@ class DaffArticleTitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffArticleTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffArticleTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffArticleTitleDirective, selector: "[daffArticleTitle]", host: { properties: { "class.daff-article__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleTitleDirective, decorators: [{
+/** @nocollapse */ DaffArticleTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffArticleTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffArticleTitleDirective, selector: "[daffArticleTitle]", host: { properties: { "class.daff-article__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffArticleTitle]',
@@ -2840,18 +2814,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffArticleModule {
 }
-/** @nocollapse */ DaffArticleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffArticleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleModule, declarations: [DaffArticleComponent,
+/** @nocollapse */ DaffArticleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffArticleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleModule, declarations: [DaffArticleComponent,
         DaffArticleTitleDirective,
         DaffArticleLeadDirective,
         DaffArticleMetaDirective], imports: [CommonModule], exports: [DaffArticleComponent,
         DaffArticleTitleDirective,
         DaffArticleLeadDirective,
         DaffArticleMetaDirective] });
-/** @nocollapse */ DaffArticleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffArticleModule, decorators: [{
+/** @nocollapse */ DaffArticleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffArticleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2942,11 +2914,11 @@ class DaffBackdropComponent {
         this.backdropClicked.emit();
     }
 }
-/** @nocollapse */ DaffBackdropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffBackdropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffBackdropComponent, selector: "daff-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", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
+/** @nocollapse */ DaffBackdropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffBackdropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffBackdropComponent, selector: "daff-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", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
         daffBackdropAnimations.fadeBackdrop,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-backdrop', animations: [
                         daffBackdropAnimations.fadeBackdrop,
@@ -2978,12 +2950,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffBackdropModule {
 }
-/** @nocollapse */ DaffBackdropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffBackdropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropModule, declarations: [DaffBackdropComponent], imports: [CommonModule], exports: [DaffBackdropComponent] });
-/** @nocollapse */ DaffBackdropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffBackdropModule, decorators: [{
+/** @nocollapse */ DaffBackdropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffBackdropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropModule, declarations: [DaffBackdropComponent], imports: [CommonModule], exports: [DaffBackdropComponent] });
+/** @nocollapse */ DaffBackdropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffBackdropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2995,9 +2965,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                     exports: [
                         DaffBackdropComponent,
                     ],
-                    entryComponents: [
-                        DaffBackdropComponent,
-                    ],
                 }]
         }] });
 
@@ -3012,9 +2979,9 @@ class DaffButtonSetComponent {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffButtonSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffButtonSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffButtonSetComponent, selector: "daff-button-set", host: { properties: { "class.daff-button-set": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-button-set{display:flex;flex-direction:column;flex-wrap:wrap}@media (min-width: 480px){.daff-button-set{flex-direction:row}}.daff-button-set>*{margin:0 0 5px}.daff-button-set>*:last-child{margin:0}@media (min-width: 480px){.daff-button-set>*{margin:0 5px 0 0}.daff-button-set>*:last-child{margin:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetComponent, decorators: [{
+/** @nocollapse */ DaffButtonSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffButtonSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffButtonSetComponent, selector: "daff-button-set", host: { properties: { "class.daff-button-set": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-button-set{display:flex;flex-direction:column;flex-wrap:wrap}@media (min-width: 480px){.daff-button-set{flex-direction:row}}.daff-button-set>*{margin:0 0 5px}.daff-button-set>*:last-child{margin:0}@media (min-width: 480px){.daff-button-set>*{margin:0 5px 0 0}.daff-button-set>*:last-child{margin:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-button-set', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-button-set{display:flex;flex-direction:column;flex-wrap:wrap}@media (min-width: 480px){.daff-button-set{flex-direction:row}}.daff-button-set>*{margin:0 0 5px}.daff-button-set>*:last-child{margin:0}@media (min-width: 480px){.daff-button-set>*{margin:0 5px 0 0}.daff-button-set>*:last-child{margin:0}}\n"] }]
         }], propDecorators: { class: [{
@@ -3024,10 +2991,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffButtonSetModule {
 }
-/** @nocollapse */ DaffButtonSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffButtonSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetModule, declarations: [DaffButtonSetComponent], exports: [DaffButtonSetComponent] });
-/** @nocollapse */ DaffButtonSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffButtonSetModule, decorators: [{
+/** @nocollapse */ DaffButtonSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffButtonSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetModule, declarations: [DaffButtonSetComponent], exports: [DaffButtonSetComponent] });
+/** @nocollapse */ DaffButtonSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffButtonSetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3047,11 +3014,11 @@ class DaffImageListComponent {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffImageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffImageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffImageListComponent, selector: "daff-image-list", host: { properties: { "class.daff-image-list": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListComponent, decorators: [{
+/** @nocollapse */ DaffImageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffImageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffImageListComponent, selector: "daff-image-list", host: { properties: { "class.daff-image-list": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-image-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [""] }]
+            args: [{ selector: 'daff-image-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-image-list']
@@ -3062,9 +3029,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
  */
 class DaffImageGalleryComponent {
 }
-/** @nocollapse */ DaffImageGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffImageGalleryComponent, selector: "daff-image-gallery", ngImport: i0, template: "<div class=\"daff-image-gallery\">\n  <div class=\"daff-image-gallery__active-image\">\n    <ng-content select=\"[daff-active-image]\"></ng-content>\n  </div>\n\n  <daff-image-list class=\"daff-image-gallery__image-list\">\n    <ng-content select=\"daff-gallery-image\"></ng-content>\n  </daff-image-list>\n</div>\n", styles: [".daff-image-gallery{display:grid;flex-direction:column;grid-template-areas:\"active-image\" \"image-list\";max-height:100%}@media (min-width: 1024px){.daff-image-gallery{grid-template-areas:\"image-list active-image\";max-height:min-content}}.daff-image-gallery__active-image{grid-area:active-image}.daff-image-gallery__active-image img{display:block;max-width:100%}.daff-image-gallery__image-list{grid-area:image-list;margin:5px 0 0;max-height:100%}@media (min-width: 1024px){.daff-image-gallery__image-list{margin:0 25px 0 0;max-height:-webkit-fill-available}}.daff-image-gallery__daff-gallery-image img{display:block;opacity:.6;width:90px}.daff-image-gallery__daff-gallery-image--selected img{opacity:1}\n"], components: [{ type: DaffImageListComponent, selector: "daff-image-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryComponent, decorators: [{
+/** @nocollapse */ DaffImageGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffImageGalleryComponent, selector: "daff-image-gallery", ngImport: i0, template: "<div class=\"daff-image-gallery\">\n  <div class=\"daff-image-gallery__active-image\">\n    <ng-content select=\"[daff-active-image]\"></ng-content>\n  </div>\n\n  <daff-image-list class=\"daff-image-gallery__image-list\">\n    <ng-content select=\"daff-gallery-image\"></ng-content>\n  </daff-image-list>\n</div>\n", styles: [".daff-image-gallery{display:grid;flex-direction:column;grid-template-areas:\"active-image\" \"image-list\";max-height:100%}@media (min-width: 1024px){.daff-image-gallery{grid-template-areas:\"image-list active-image\";max-height:min-content}}.daff-image-gallery__active-image{grid-area:active-image}.daff-image-gallery__active-image img{display:block;max-width:100%}.daff-image-gallery__image-list{grid-area:image-list;margin:5px 0 0;max-height:100%}@media (min-width: 1024px){.daff-image-gallery__image-list{margin:0 25px 0 0;max-height:-webkit-fill-available}}.daff-image-gallery__daff-gallery-image img{display:block;opacity:.6;width:90px}.daff-image-gallery__daff-gallery-image--selected img{opacity:1}\n"], dependencies: [{ kind: "component", type: DaffImageListComponent, selector: "daff-image-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-image-gallery', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"daff-image-gallery\">\n  <div class=\"daff-image-gallery__active-image\">\n    <ng-content select=\"[daff-active-image]\"></ng-content>\n  </div>\n\n  <daff-image-list class=\"daff-image-gallery__image-list\">\n    <ng-content select=\"daff-gallery-image\"></ng-content>\n  </daff-image-list>\n</div>\n", styles: [".daff-image-gallery{display:grid;flex-direction:column;grid-template-areas:\"active-image\" \"image-list\";max-height:100%}@media (min-width: 1024px){.daff-image-gallery{grid-template-areas:\"image-list active-image\";max-height:min-content}}.daff-image-gallery__active-image{grid-area:active-image}.daff-image-gallery__active-image img{display:block;max-width:100%}.daff-image-gallery__image-list{grid-area:image-list;margin:5px 0 0;max-height:100%}@media (min-width: 1024px){.daff-image-gallery__image-list{margin:0 25px 0 0;max-height:-webkit-fill-available}}.daff-image-gallery__daff-gallery-image img{display:block;opacity:.6;width:90px}.daff-image-gallery__daff-gallery-image--selected img{opacity:1}\n"] }]
         }] });
@@ -3077,9 +3044,9 @@ class DaffGalleryImageComponent {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffGalleryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffGalleryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffGalleryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffGalleryImageComponent, selector: "daff-gallery-image", inputs: { selected: "selected" }, host: { properties: { "class.daff-image-gallery__daff-gallery-image--selected": "this.selected", "class.daff-image-gallery__daff-gallery-image": "this.class" } }, ngImport: i0, template: "<div class=\"gallery-image__wrapper\">\n  <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffGalleryImageComponent, decorators: [{
+/** @nocollapse */ DaffGalleryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffGalleryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffGalleryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffGalleryImageComponent, selector: "daff-gallery-image", inputs: { selected: "selected" }, host: { properties: { "class.daff-image-gallery__daff-gallery-image--selected": "this.selected", "class.daff-image-gallery__daff-gallery-image": "this.class" } }, ngImport: i0, template: "<div class=\"gallery-image__wrapper\">\n  <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffGalleryImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-gallery-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gallery-image__wrapper\">\n  <ng-content></ng-content>\n</div>" }]
         }], propDecorators: { selected: [{
@@ -3094,12 +3061,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffImageListModule {
 }
-/** @nocollapse */ DaffImageListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffImageListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListModule, declarations: [DaffImageListComponent], imports: [CommonModule], exports: [DaffImageListComponent] });
-/** @nocollapse */ DaffImageListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageListModule, decorators: [{
+/** @nocollapse */ DaffImageListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffImageListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListModule, declarations: [DaffImageListComponent], imports: [CommonModule], exports: [DaffImageListComponent] });
+/** @nocollapse */ DaffImageListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3116,16 +3081,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffImageGalleryModule {
 }
-/** @nocollapse */ DaffImageGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffImageGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryModule, declarations: [DaffImageGalleryComponent,
+/** @nocollapse */ DaffImageGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffImageGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryModule, declarations: [DaffImageGalleryComponent,
         DaffGalleryImageComponent], imports: [CommonModule,
         DaffImageListModule], exports: [DaffImageGalleryComponent,
         DaffGalleryImageComponent] });
-/** @nocollapse */ DaffImageGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryModule, imports: [[
-            CommonModule,
-            DaffImageListModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageGalleryModule, decorators: [{
+/** @nocollapse */ DaffImageGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryModule, imports: [CommonModule,
+        DaffImageListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffImageGalleryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3167,9 +3130,9 @@ class DaffLinkSetComponent extends _daffLinkSetBase {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffLinkSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffLinkSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffLinkSetComponent, selector: "daff-link-set", host: { properties: { "class.daff-link-set": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-link-set{display:block;margin:0;padding:0}.daff-link-set__heading{font-weight:700;display:block;font-size:1rem;line-height:1em;margin-bottom:15px;text-transform:uppercase}.daff-link-set__subheading{display:block;font-size:1rem;line-height:1.5em}.daff-link-set__item{cursor:pointer;-webkit-user-select:none;user-select:none;color:currentColor;display:block;font-size:1em;line-height:1.5em;text-decoration:none;transition:color .15s ease}.daff-link-set__item:hover{text-decoration:underline}.daff-link-set__item[disabled]{cursor:not-allowed}.daff-link-set .daff-link-set{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetComponent, decorators: [{
+/** @nocollapse */ DaffLinkSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffLinkSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffLinkSetComponent, selector: "daff-link-set", host: { properties: { "class.daff-link-set": "this.class" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-link-set{display:block;margin:0;padding:0}.daff-link-set__heading{font-weight:700;display:block;font-size:1rem;line-height:1em;margin-bottom:15px;text-transform:uppercase}.daff-link-set__subheading{display:block;font-size:1rem;line-height:1.5em}.daff-link-set__item{cursor:pointer;-webkit-user-select:none;user-select:none;color:currentColor;display:block;font-size:1em;line-height:1.5em;text-decoration:none;transition:color .15s ease}.daff-link-set__item:hover{text-decoration:underline}.daff-link-set__item[disabled]{cursor:not-allowed}.daff-link-set .daff-link-set{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-link-set', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-link-set{display:block;margin:0;padding:0}.daff-link-set__heading{font-weight:700;display:block;font-size:1rem;line-height:1em;margin-bottom:15px;text-transform:uppercase}.daff-link-set__subheading{display:block;font-size:1rem;line-height:1.5em}.daff-link-set__item{cursor:pointer;-webkit-user-select:none;user-select:none;color:currentColor;display:block;font-size:1em;line-height:1.5em;text-decoration:none;transition:color .15s ease}.daff-link-set__item:hover{text-decoration:underline}.daff-link-set__item[disabled]{cursor:not-allowed}.daff-link-set .daff-link-set{margin-left:10px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
@@ -3188,9 +3151,9 @@ class DaffLinkSetHeadingDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffLinkSetHeadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffLinkSetHeadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffLinkSetHeadingDirective, selector: "[daffLinkSetHeading]", host: { properties: { "class.daff-link-set__heading": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetHeadingDirective, decorators: [{
+/** @nocollapse */ DaffLinkSetHeadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffLinkSetHeadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffLinkSetHeadingDirective, selector: "[daffLinkSetHeading]", host: { properties: { "class.daff-link-set__heading": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetHeadingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffLinkSetHeading]',
@@ -3208,9 +3171,9 @@ class DaffLinkSetItemComponent {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffLinkSetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffLinkSetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffLinkSetItemComponent, selector: "a[daff-link-set-item]", host: { properties: { "class.daff-link-set__item": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetItemComponent, decorators: [{
+/** @nocollapse */ DaffLinkSetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffLinkSetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffLinkSetItemComponent, selector: "a[daff-link-set-item]", host: { properties: { "class.daff-link-set__item": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -3235,9 +3198,9 @@ class DaffLinkSetSubheadingDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffLinkSetSubheadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetSubheadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffLinkSetSubheadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffLinkSetSubheadingDirective, selector: "[daffLinkSetSubheading]", host: { properties: { "class.daff-link-set__subheading": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetSubheadingDirective, decorators: [{
+/** @nocollapse */ DaffLinkSetSubheadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetSubheadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffLinkSetSubheadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffLinkSetSubheadingDirective, selector: "[daffLinkSetSubheading]", host: { properties: { "class.daff-link-set__subheading": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetSubheadingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffLinkSetSubheading]',
@@ -3249,18 +3212,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffLinkSetModule {
 }
-/** @nocollapse */ DaffLinkSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffLinkSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetModule, declarations: [DaffLinkSetComponent,
+/** @nocollapse */ DaffLinkSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffLinkSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetModule, declarations: [DaffLinkSetComponent,
         DaffLinkSetHeadingDirective,
         DaffLinkSetSubheadingDirective,
         DaffLinkSetItemComponent], imports: [CommonModule], exports: [DaffLinkSetComponent,
         DaffLinkSetHeadingDirective,
         DaffLinkSetSubheadingDirective,
         DaffLinkSetItemComponent] });
-/** @nocollapse */ DaffLinkSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffLinkSetModule, decorators: [{
+/** @nocollapse */ DaffLinkSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffLinkSetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3281,106 +3242,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 }]
         }] });
 
-class DaffListItemComponent {
-    constructor(elementRef) {
+var DaffListModeEnum;
+(function (DaffListModeEnum) {
+    DaffListModeEnum["Multiline"] = "multi-line";
+    DaffListModeEnum["Link"] = "link";
+    DaffListModeEnum["Navigation"] = "navigation";
+})(DaffListModeEnum || (DaffListModeEnum = {}));
+var DaffListTypeEnum;
+(function (DaffListTypeEnum) {
+    DaffListTypeEnum["Default"] = "daff-list";
+    DaffListTypeEnum["Nav"] = "daff-nav-list";
+})(DaffListTypeEnum || (DaffListTypeEnum = {}));
+/**
+ * An _elementRef and an instance of renderer2 are needed for the list mixins
+ */
+class DaffListBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));
+class DaffListComponent extends _daffListBase {
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
         this.elementRef = elementRef;
-        /**
-         * @docs-private
-         */
-        this.class = true;
+        this.renderer = renderer;
     }
     /**
-     * Sets the role for a regular `<daff-list-item>` to listitem.
-     *
      * @docs-private
      */
-    get role() {
-        return this._isAnchor() ? null : 'listitem';
-    }
-    ;
-    _getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /** Gets whether a list item has one of the given attributes. */
-    _isAnchor() {
-        return this.elementRef.nativeElement.localName === 'a';
-    }
-}
-/** @nocollapse */ DaffListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", host: { properties: { "class.daff-list-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-list-item' + ',' +
-                        'a[daff-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-list-item']
-            }], _prefix: [{
-                type: ContentChild,
-                args: [DaffPrefixDirective]
-            }], _suffix: [{
-                type: ContentChild,
-                args: [DaffSuffixDirective]
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }] } });
-
-/**
- * @deprecated
- */
-class DaffListSubheaderDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffListSubheaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListSubheaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffListSubheaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffListSubheaderDirective, selector: "[daffListSubheader]", host: { properties: { "class.daff-list__subheader": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListSubheaderDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffListSubheader]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-list__subheader']
-            }] } });
-
-var DaffListModeEnum;
-(function (DaffListModeEnum) {
-    DaffListModeEnum["Multiline"] = "multi-line";
-    DaffListModeEnum["Link"] = "link";
-    DaffListModeEnum["Navigation"] = "navigation";
-})(DaffListModeEnum || (DaffListModeEnum = {}));
-var DaffListTypeEnum;
-(function (DaffListTypeEnum) {
-    DaffListTypeEnum["Default"] = "daff-list";
-    DaffListTypeEnum["Nav"] = "daff-nav-list";
-})(DaffListTypeEnum || (DaffListTypeEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the list mixins
- */
-class DaffListBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));
-class DaffListComponent extends _daffListBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-    }
-    /**
-     * @docs-private
-     */
-    get list() {
-        return this.listType === DaffListTypeEnum.Default;
+    get list() {
+        return this.listType === DaffListTypeEnum.Default;
     }
     /**
      * @docs-private
@@ -3428,12 +3321,12 @@ class DaffListComponent extends _daffListBase {
         return this.elementRef.nativeElement;
     }
 }
-/** @nocollapse */ DaffListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffListComponent, selector: "daff-list,daff-nav-list", inputs: { mode: "mode" }, host: { properties: { "class.daff-list": "this.list", "class.daff-list--multi-line": "this.multiline", "class.daff-list--link": "this.link", "class.daff-list--navigation": "this.navigation", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center}.daff-list .daff-list-item .daff-prefix{margin-right:24px}.daff-list .daff-list-item .daff-suffix{margin-left:24px}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center}.daff-nav-list .daff-list-item .daff-prefix{margin-right:24px}.daff-nav-list .daff-list-item .daff-suffix{margin-left:24px}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListComponent, decorators: [{
+/** @nocollapse */ DaffListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffListComponent, selector: "daff-list,daff-nav-list", inputs: { mode: "mode" }, host: { properties: { "class.daff-list": "this.list", "class.daff-list--multi-line": "this.multiline", "class.daff-list--link": "this.link", "class.daff-list--navigation": "this.navigation", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-list' + ',' +
-                        'daff-nav-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center}.daff-list .daff-list-item .daff-prefix{margin-right:24px}.daff-list .daff-list-item .daff-suffix{margin-left:24px}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center}.daff-nav-list .daff-list-item .daff-prefix{margin-right:24px}.daff-nav-list .daff-list-item .daff-suffix{margin-left:24px}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none}\n"] }]
+                        'daff-nav-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-list__subheader{font-weight:700;text-transform:uppercase;font-size:1rem;padding:0 0 25px}.daff-list--link a,.daff-list--navigation a{text-decoration:none}.daff-list--multi-line .daff-list-item{padding:15px 0}.daff-list--multi-line .daff-list-item:first-of-type{padding:0 0 15px}.daff-list--multi-line .daff-list-item:last-of-type{padding:15px 0 0}.daff-list--multi-line .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5rem;margin:0 0 10px;padding:0}.daff-list--multi-line .daff-list-item__content *:nth-child(n+2){margin:0;padding:0}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { mode: [{
                 type: Input
             }], list: [{
@@ -3456,21 +3349,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['attr.role']
             }] } });
 
+class DaffListItemComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /**
+     * Sets the role for a regular `<daff-list-item>` to listitem.
+     *
+     * @docs-private
+     */
+    get role() {
+        return this._isAnchor() ? null : 'listitem';
+    }
+    ;
+    _getHostElement() {
+        return this.elementRef.nativeElement;
+    }
+    /** Gets whether a list item has one of the given attributes. */
+    _isAnchor() {
+        return this.elementRef.nativeElement.localName === 'a';
+    }
+}
+/** @nocollapse */ DaffListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", host: { properties: { "class.daff-list-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-list-item' + ',' +
+                        'a[daff-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-list-item']
+            }], _prefix: [{
+                type: ContentChild,
+                args: [DaffPrefixDirective]
+            }], _suffix: [{
+                type: ContentChild,
+                args: [DaffSuffixDirective]
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+
+/**
+ * @deprecated
+ */
+class DaffListSubheaderDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffListSubheaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListSubheaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffListSubheaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffListSubheaderDirective, selector: "[daffListSubheader]", host: { properties: { "class.daff-list__subheader": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListSubheaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffListSubheader]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-list__subheader']
+            }] } });
+
 class DaffListModule {
 }
-/** @nocollapse */ DaffListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListModule, declarations: [DaffListComponent,
+/** @nocollapse */ DaffListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffListModule, declarations: [DaffListComponent,
         DaffListSubheaderDirective,
         DaffListItemComponent], imports: [CommonModule,
         DaffPrefixSuffixModule], exports: [DaffListComponent,
         DaffListSubheaderDirective,
         DaffListItemComponent,
         DaffPrefixSuffixModule] });
-/** @nocollapse */ DaffListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListModule, imports: [[
-            CommonModule,
-            DaffPrefixSuffixModule,
-        ], DaffPrefixSuffixModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffListModule, decorators: [{
+/** @nocollapse */ DaffListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListModule, imports: [CommonModule,
+        DaffPrefixSuffixModule, DaffPrefixSuffixModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3559,9 +3518,9 @@ class DaffMenuService {
         this.$_open.next(true);
     }
 }
-/** @nocollapse */ DaffMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService, decorators: [{
+/** @nocollapse */ DaffMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Overlay }]; } });
 
@@ -3591,9 +3550,9 @@ class DaffMenuActivatorDirective {
         this.service.open(this.viewContainerRef, this.daffMenuActivator);
     }
 }
-/** @nocollapse */ DaffMenuActivatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuActivatorDirective, deps: [{ token: DaffMenuService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffMenuActivatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: { daffMenuActivator: "daffMenuActivator" }, host: { listeners: { "click": "openMenu($event)" }, properties: { "class.open": "this.openClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuActivatorDirective, decorators: [{
+/** @nocollapse */ DaffMenuActivatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuActivatorDirective, deps: [{ token: DaffMenuService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffMenuActivatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: { daffMenuActivator: "daffMenuActivator" }, host: { listeners: { "click": "openMenu($event)" }, properties: { "class.open": "this.openClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuActivatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffMenuActivator]',
@@ -3608,37 +3567,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
-class DaffMenuItemComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * Sets the role of the component to menuitem.
-         *
-         * @docs-private
-         */
-        this.role = 'menuitem';
-    }
-}
-/** @nocollapse */ DaffMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]", host: { properties: { "class.daff-menu-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;border:none;border-radius:4px;margin:0;padding:12px 16px;text-decoration:none;width:100%}.daff-menu-item__content{display:flex;gap:8px;font-size:1rem;line-height:1.25rem;text-align:left}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'a[daff-menu-item]' + ',' +
-                        'button[daff-menu-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;border:none;border-radius:4px;margin:0;padding:12px 16px;text-decoration:none;width:100%}.daff-menu-item__content{display:flex;gap:8px;font-size:1rem;line-height:1.25rem;text-align:left}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-menu-item']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], _prefix: [{
-                type: ContentChild,
-                args: [DaffPrefixDirective]
-            }] } });
-
 const daffFocusableElementsSelector = 'a[href],a[routerlink], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
 
 class DaffFocusStackService {
@@ -3662,8 +3590,8 @@ class DaffFocusStackService {
      * this._focusStack.push(this._doc.activeElement);
      * ```
      */
-    push(el) {
-        this._stack.push(el);
+    push(el = undefined) {
+        this._stack.push(el ?? this.document.activeElement);
         return this._stack.length;
     }
     /**
@@ -3699,9 +3627,9 @@ class DaffFocusStackService {
         return this.document.activeElement;
     }
 }
-/** @nocollapse */ DaffFocusStackService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFocusStackService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffFocusStackService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFocusStackService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFocusStackService, decorators: [{
+/** @nocollapse */ DaffFocusStackService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFocusStackService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffFocusStackService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFocusStackService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFocusStackService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -3748,9 +3676,9 @@ class DaffMenuComponent {
         }
     }
 }
-/** @nocollapse */ DaffMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: DaffMenuService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuComponent, selector: "daff-menu", host: { properties: { "class.daff-menu": "this.class", "tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content select="[daff-menu-item]"></ng-content>', isInline: true, styles: [":host{display:block;min-width:112px;max-width:320px;border-radius:4px;padding:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuComponent, decorators: [{
+/** @nocollapse */ DaffMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: DaffMenuService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffMenuComponent, selector: "daff-menu", host: { properties: { "class.daff-menu": "this.class", "tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content select="[daff-menu-item]"></ng-content>', isInline: true, styles: [":host{display:block;min-width:112px;max-width:320px;border-radius:4px;padding:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-menu', template: '<ng-content select="[daff-menu-item]"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:112px;max-width:320px;border-radius:4px;padding:8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: DaffMenuService }]; }, propDecorators: { class: [{
@@ -3764,22 +3692,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['attr.role']
             }] } });
 
+class DaffMenuItemComponent {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * Sets the role of the component to menuitem.
+         *
+         * @docs-private
+         */
+        this.role = 'menuitem';
+    }
+}
+/** @nocollapse */ DaffMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]", host: { properties: { "class.daff-menu-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;border:none;border-radius:4px;margin:0;padding:12px 16px;text-decoration:none;width:100%}.daff-menu-item__content{display:flex;gap:8px;font-size:1rem;line-height:1.25rem;text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[daff-menu-item]' + ',' +
+                        'button[daff-menu-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;border:none;border-radius:4px;margin:0;padding:12px 16px;text-decoration:none;width:100%}.daff-menu-item__content{display:flex;gap:8px;font-size:1rem;line-height:1.25rem;text-align:left}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-menu-item']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], _prefix: [{
+                type: ContentChild,
+                args: [DaffPrefixDirective]
+            }] } });
+
 class DaffMenuModule {
 }
-/** @nocollapse */ DaffMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, declarations: [DaffMenuActivatorDirective,
+/** @nocollapse */ DaffMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuModule, declarations: [DaffMenuActivatorDirective,
         DaffMenuComponent,
         DaffMenuItemComponent], imports: [CommonModule,
         OverlayModule], exports: [DaffMenuActivatorDirective,
         DaffMenuComponent,
         DaffMenuItemComponent] });
-/** @nocollapse */ DaffMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, providers: [
+/** @nocollapse */ DaffMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuModule, providers: [
         DaffMenuService,
-    ], imports: [[
-            CommonModule,
-            OverlayModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, decorators: [{
+    ], imports: [CommonModule,
+        OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3875,9 +3832,9 @@ class DaffModalComponent {
         }
     }
 }
-/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, decorators: [{
+/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], dependencies: [{ kind: "directive", type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal', animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.ElementRef }]; }, propDecorators: { modalClass: [{
@@ -3898,18 +3855,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffModalActionsComponent {
 }
-/** @nocollapse */ DaffModalActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalActionsComponent, selector: "daff-modal-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;padding-top:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalActionsComponent, decorators: [{
+/** @nocollapse */ DaffModalActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalActionsComponent, selector: "daff-modal-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;padding-top:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal-actions', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;padding-top:24px}\n"] }]
         }] });
 
 class DaffModalContentComponent {
 }
-/** @nocollapse */ DaffModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalContentComponent, selector: "daff-modal-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;margin:0 -24px;max-height:60vh;overflow:auto;padding:0 24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalContentComponent, decorators: [{
+/** @nocollapse */ DaffModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalContentComponent, selector: "daff-modal-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;margin:0 -24px;max-height:60vh;overflow:auto;padding:0 24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal-content', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;margin:0 -24px;max-height:60vh;overflow:auto;padding:0 24px}\n"] }]
         }] });
@@ -3922,9 +3879,9 @@ class DaffModalHeaderComponent {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalHeaderComponent, selector: "daff-modal-header", host: { properties: { "class.daff-modal-header": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.daff-modal-header .daff-modal-title{font-weight:700;font-size:1.25rem;margin:0;padding:0}@media (min-width: 480px){.daff-modal-header .daff-modal-title{font-size:1.5rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalHeaderComponent, decorators: [{
+/** @nocollapse */ DaffModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalHeaderComponent, selector: "daff-modal-header", host: { properties: { "class.daff-modal-header": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.daff-modal-header .daff-modal-title{font-weight:700;font-size:1.25rem;margin:0;padding:0}@media (min-width: 480px){.daff-modal-header .daff-modal-title{font-size:1.5rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal-header', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.daff-modal-header .daff-modal-title{font-weight:700;font-size:1.25rem;margin:0;padding:0}@media (min-width: 480px){.daff-modal-header .daff-modal-title{font-size:1.5rem}}\n"] }]
         }], propDecorators: { class: [{
@@ -3940,9 +3897,9 @@ class DaffModalTitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffModalTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffModalTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalTitleDirective, selector: "[daffModalTitle]", host: { properties: { "class.daff-modal-title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalTitleDirective, decorators: [{
+/** @nocollapse */ DaffModalTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffModalTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffModalTitleDirective, selector: "[daffModalTitle]", host: { properties: { "class.daff-modal-title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffModalTitle]',
@@ -3954,8 +3911,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffModalModule {
 }
-/** @nocollapse */ DaffModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalModule, declarations: [DaffModalComponent,
+/** @nocollapse */ DaffModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffModalModule, declarations: [DaffModalComponent,
         DaffModalHeaderComponent,
         DaffModalTitleDirective,
         DaffModalContentComponent,
@@ -3965,12 +3922,10 @@ class DaffModalModule {
         DaffModalTitleDirective,
         DaffModalContentComponent,
         DaffModalActionsComponent] });
-/** @nocollapse */ DaffModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalModule, imports: [[
-            CommonModule,
-            PortalModule,
-            OverlayModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalModule, decorators: [{
+/** @nocollapse */ DaffModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalModule, imports: [CommonModule,
+        PortalModule,
+        OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4048,9 +4003,9 @@ class DaffModalService {
         modal.modal.instance.closedAnimationCompleted.subscribe((e) => this._removeModal(modal));
     }
 }
-/** @nocollapse */ DaffModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, providedIn: DaffModalModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, decorators: [{
+/** @nocollapse */ DaffModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalService, providedIn: DaffModalModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: DaffModalModule,
@@ -4103,9 +4058,9 @@ class DaffNavbarComponent extends _daffNavbarBase {
     }
     ;
 }
-/** @nocollapse */ DaffNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: { color: "color", raised: "raised" }, host: { properties: { "class.daff-navbar--raised": "this.raisedClass", "class.daff-navbar": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarComponent, decorators: [{
+/** @nocollapse */ DaffNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: { color: "color", raised: "raised" }, host: { properties: { "class.daff-navbar--raised": "this.raisedClass", "class.daff-navbar": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nav[daff-navbar]', template: '<ng-content></ng-content>', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { raised: [{
@@ -4120,10 +4075,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffNavbarModule {
 }
-/** @nocollapse */ DaffNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarModule, declarations: [DaffNavbarComponent], exports: [DaffNavbarComponent] });
-/** @nocollapse */ DaffNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNavbarModule, decorators: [{
+/** @nocollapse */ DaffNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarModule, declarations: [DaffNavbarComponent], exports: [DaffNavbarComponent] });
+/** @nocollapse */ DaffNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4274,9 +4229,9 @@ class DaffPaginatorComponent extends _daffPaginatorBase {
         return this.currentPage === this.numberOfPages;
     }
 }
-/** @nocollapse */ DaffPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { color: "color", numberOfPages: "numberOfPages", currentPage: "currentPage" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  <span>1</span>\n</button>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis()\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <button type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(pageNumber)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    aria-current=\"_isSelected(pageNumber)\"\n    *ngIf=\"_showNumber(pageNumber)\"\n    (click)=\"_onNotifyPageChange(pageNumber)\">\n    <span>{{ pageNumber }}</span>\n  </button>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis()\">...</span>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(numberOfPages)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(numberOfPages)\"\n  *ngIf=\"!(numberOfPages < 2)\">\n  <span>{{ numberOfPages }}</span>\n</button>\n\n<button class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:3px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:3px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorComponent, decorators: [{
+/** @nocollapse */ DaffPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffPaginatorComponent, selector: "daff-paginator", inputs: { color: "color", numberOfPages: "numberOfPages", currentPage: "currentPage" }, outputs: { notifyPageChange: "notifyPageChange" }, host: { properties: { "class.daff-paginator": "this.class", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  <span>1</span>\n</button>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis()\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <button type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(pageNumber)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    aria-current=\"_isSelected(pageNumber)\"\n    *ngIf=\"_showNumber(pageNumber)\"\n    (click)=\"_onNotifyPageChange(pageNumber)\">\n    <span>{{ pageNumber }}</span>\n  </button>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis()\">...</span>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(numberOfPages)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(numberOfPages)\"\n  *ngIf=\"!(numberOfPages < 2)\">\n  <span>{{ numberOfPages }}</span>\n</button>\n\n<button class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:3px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:3px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-paginator', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  <span>1</span>\n</button>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis()\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <button type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(pageNumber)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    aria-current=\"_isSelected(pageNumber)\"\n    *ngIf=\"_showNumber(pageNumber)\"\n    (click)=\"_onNotifyPageChange(pageNumber)\">\n    <span>{{ pageNumber }}</span>\n  </button>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis()\">...</span>\n\n<button type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(numberOfPages)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(numberOfPages)\"\n  *ngIf=\"!(numberOfPages < 2)\">\n  <span>{{ numberOfPages }}</span>\n</button>\n\n<button class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext()\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n", styles: [":host{display:flex;gap:4px}.daff-paginator__previous,.daff-paginator__next{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;height:2rem;padding:0 8px}.daff-paginator__previous[disabled],.daff-paginator__next[disabled]{cursor:not-allowed;opacity:.5}.daff-paginator__ellipsis{height:2rem;width:2rem;text-align:center}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:3px;min-width:2rem;height:2rem;padding:0 4px;position:relative}.daff-paginator__page-link span{z-index:2}.daff-paginator__page-link:after{content:\"\";border-radius:3px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.daff-paginator__page-link:hover:after,.daff-paginator__page-link:active:after,.daff-paginator__page-link.selected:after{opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
@@ -4295,16 +4250,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffPaginatorModule {
 }
-/** @nocollapse */ DaffPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
+/** @nocollapse */ DaffPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, declarations: [DaffPaginatorComponent], imports: [CommonModule,
         FontAwesomeModule,
         DaffButtonModule], exports: [DaffPaginatorComponent] });
-/** @nocollapse */ DaffPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, imports: [[
-            CommonModule,
-            FontAwesomeModule,
-            DaffButtonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffPaginatorModule, decorators: [{
+/** @nocollapse */ DaffPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, imports: [CommonModule,
+        FontAwesomeModule,
+        DaffButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffPaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4416,9 +4369,9 @@ class DaffQtyDropdownComponent {
         });
     }
 }
-/** @nocollapse */ DaffQtyDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffQtyDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffQtyDropdownComponent, selector: "daff-qty-dropdown", inputs: { qty: "qty", id: "id" }, outputs: { qtyChanged: "qtyChanged" }, ngImport: i0, template: "<daff-form-field class=\"daff-qty-dropdown\">\n  <select daff-native-select *ngIf=\"!showQtyInputField\" id=\"select_{{id}}\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\">\n    <option *ngFor=\"let item of dropdownItemCounter\" [value]=\"item+1\">{{ item+1 }}</option>\n    <option value=\"10\">10+</option>\n  </select>\n  <input daff-input id=\"input_{{id}}\" class=\"daff-qty-dropdown__input\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\" *ngIf=\"showQtyInputField\">\n</daff-form-field>", styles: [".daff-qty-dropdown__input{width:50px}\n"], components: [{ type: DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["formSubmitted"] }, { type: DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownComponent, decorators: [{
+/** @nocollapse */ DaffQtyDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffQtyDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffQtyDropdownComponent, selector: "daff-qty-dropdown", inputs: { qty: "qty", id: "id" }, outputs: { qtyChanged: "qtyChanged" }, ngImport: i0, template: "<daff-form-field class=\"daff-qty-dropdown\">\n  <select daff-native-select *ngIf=\"!showQtyInputField\" id=\"select_{{id}}\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\">\n    <option *ngFor=\"let item of dropdownItemCounter\" [value]=\"item+1\">{{ item+1 }}</option>\n    <option value=\"10\">10+</option>\n  </select>\n  <input daff-input id=\"input_{{id}}\" class=\"daff-qty-dropdown__input\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\" *ngIf=\"showQtyInputField\">\n</daff-form-field>", styles: [".daff-qty-dropdown__input{width:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["formSubmitted"] }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-qty-dropdown', template: "<daff-form-field class=\"daff-qty-dropdown\">\n  <select daff-native-select *ngIf=\"!showQtyInputField\" id=\"select_{{id}}\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\">\n    <option *ngFor=\"let item of dropdownItemCounter\" [value]=\"item+1\">{{ item+1 }}</option>\n    <option value=\"10\">10+</option>\n  </select>\n  <input daff-input id=\"input_{{id}}\" class=\"daff-qty-dropdown__input\" [(ngModel)]=\"qty\" (ngModelChange)=\"onChangedWrapper(qty)\" (blur)=\"onTouched()\" *ngIf=\"showQtyInputField\">\n</daff-form-field>", styles: [".daff-qty-dropdown__input{width:50px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { qty: [{
@@ -4431,20 +4384,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffQtyDropdownModule {
 }
-/** @nocollapse */ DaffQtyDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffQtyDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, declarations: [DaffQtyDropdownComponent], imports: [CommonModule,
+/** @nocollapse */ DaffQtyDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffQtyDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownModule, declarations: [DaffQtyDropdownComponent], imports: [CommonModule,
         FormsModule,
         DaffFormFieldModule,
         DaffNativeSelectModule,
         DaffInputModule], exports: [DaffQtyDropdownComponent] });
-/** @nocollapse */ DaffQtyDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, imports: [[
-            CommonModule,
-            FormsModule,
-            DaffFormFieldModule,
-            DaffNativeSelectModule,
-            DaffInputModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffQtyDropdownModule, decorators: [{
+/** @nocollapse */ DaffQtyDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownModule, imports: [CommonModule,
+        FormsModule,
+        DaffFormFieldModule,
+        DaffNativeSelectModule,
+        DaffInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffQtyDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4587,15 +4538,15 @@ class DaffSidebarComponent {
         return this._elementRef.nativeElement.offsetWidth;
     }
 }
-/** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"], animations: [
+/** @nocollapse */ DaffSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarComponent, selector: "daff-sidebar", inputs: { side: "side", mode: "mode", open: "open" }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "class": "this.classes", "@transformSidebar": "this.transformSidebar" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"], animations: [
         daffSidebarAnimations.transformSidebar,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-sidebar', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffSidebarAnimations.transformSidebar,
-                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}:host-context(daff-sidebar-viewport daff-sidebar-viewport >).side-fixed{position:sticky}\n"] }]
+                    ], styles: [":host{display:block;width:240px;flex-shrink:0;overflow:auto}:host.side-fixed{position:fixed;top:var(--daff-sidebar-side-fixed-top-shift);bottom:0;z-index:4;height:calc(100dvh - var(--daff-sidebar-side-fixed-top-shift))}:host.side-fixed.left{left:0}:host.side-fixed.right{right:0}:host.over,:host.under{position:absolute;top:0;bottom:0}:host.over.left,:host.under.left{left:0}:host.over.right,:host.under.right{right:0}:host.over{z-index:5}:host.under{z-index:2}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['class']
@@ -4621,7 +4572,7 @@ const sidebarViewportBackdropInteractable = (sidebars) => sidebars.reduce((acc,
  * Given a list of sidebars, compute the associated content shift.
  */
 const sidebarViewportContentPadding = (sidebars, side) => sidebars.reduce((acc, sidebar) => {
-    if (!(sidebar.mode === "side-fixed" /* SideFixed */ && sidebar.open)) {
+    if (!(sidebar.mode === "side-fixed" /* DaffSidebarModeEnum.SideFixed */ && sidebar.open)) {
         return acc;
     }
     if (sidebar.side === side) {
@@ -4753,11 +4704,11 @@ class DaffSidebarViewportComponent {
         this.backdropClicked.emit();
     }
 }
-/** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, 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()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [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>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
+/** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, 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()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [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>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}: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: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
         daffSidebarAnimations.transformContent,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarViewportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-sidebar-viewport', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffSidebarAnimations.transformContent,
@@ -4771,18 +4722,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
 
 class DaffSidebarModule {
 }
-/** @nocollapse */ DaffSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, declarations: [DaffSidebarComponent,
+/** @nocollapse */ DaffSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarModule, declarations: [DaffSidebarComponent,
         DaffSidebarViewportComponent], imports: [CommonModule,
         DaffBackdropModule,
         A11yModule], exports: [DaffSidebarComponent,
         DaffSidebarViewportComponent] });
-/** @nocollapse */ DaffSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, imports: [[
-            CommonModule,
-            DaffBackdropModule,
-            A11yModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarModule, decorators: [{
+/** @nocollapse */ DaffSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarModule, imports: [CommonModule,
+        DaffBackdropModule,
+        A11yModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4801,140 +4750,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 }]
         }] });
 
-class DaffHeroBodyDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
+function daffCompactableMixin(Base, defaultCompact = false) {
+    return class extends Base {
+        constructor(...args) {
+            super(...args);
+            this.compact = defaultCompact;
+        }
+        get compact() {
+            return this._compact;
+        }
+        set compact(value) {
+            // Handles the default compact
+            const incomingCompact = value || defaultCompact;
+            if (incomingCompact === this._compact) { // Only run the dom-render if a change occurs
+                return;
+            }
+            if (incomingCompact) {
+                this._renderer.addClass(this._elementRef.nativeElement, `daff-compact`);
+            }
+            else {
+                this._renderer.removeClass(this._elementRef.nativeElement, `daff-compact`);
+            }
+            this._compact = incomingCompact;
+        }
+    };
 }
-/** @nocollapse */ DaffHeroBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffHeroBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroBodyDirective, selector: "[daffHeroBody]", host: { properties: { "class.daff-hero__body": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroBodyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffHeroBody]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hero__body']
-            }] } });
 
-class DaffHeroIconDirective {
-    constructor() {
+function daffTextAlignmentMixin(Base, defaultTextAlignment) {
+    class DaffTextAlignableMixin extends Base {
+        constructor(...args) {
+            super(...args);
+            this.textAlignment = defaultTextAlignment;
+        }
         /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffHeroIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffHeroIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroIconDirective, selector: "[daffHeroIcon]", host: { properties: { "class.daff-hero__icon": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroIconDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffHeroIcon]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hero__icon']
-            }] } });
-
-class DaffHeroSubtitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffHeroSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffHeroSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]", host: { properties: { "class.daff-hero__subtitle": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroSubtitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffHeroSubtitle]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hero__subtitle']
-            }] } });
-
-class DaffHeroTaglineDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffHeroTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffHeroTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroTaglineDirective, selector: "[daffHeroTagline]", host: { properties: { "class.daff-hero__tagline": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroTaglineDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffHeroTagline]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hero__tagline']
-            }] } });
-
-class DaffHeroTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffHeroTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffHeroTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroTitleDirective, selector: "[daffHeroTitle]", host: { properties: { "class.daff-hero__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffHeroTitle]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-hero__title']
-            }] } });
-
-function daffCompactableMixin(Base, defaultCompact = false) {
-    return class extends Base {
-        constructor(...args) {
-            super(...args);
-            this.compact = defaultCompact;
-        }
-        get compact() {
-            return this._compact;
-        }
-        set compact(value) {
-            // Handles the default compact
-            const incomingCompact = value || defaultCompact;
-            if (incomingCompact === this._compact) { // Only run the dom-render if a change occurs
-                return;
-            }
-            if (incomingCompact) {
-                this._renderer.addClass(this._elementRef.nativeElement, `daff-compact`);
-            }
-            else {
-                this._renderer.removeClass(this._elementRef.nativeElement, `daff-compact`);
-            }
-            this._compact = incomingCompact;
-        }
-    };
-}
-
-function daffTextAlignmentMixin(Base, defaultTextAlignment) {
-    class DaffTextAlignableMixin extends Base {
-        constructor(...args) {
-            super(...args);
-            this.textAlignment = defaultTextAlignment;
-        }
-        /**
-         * Controls text alignment for component-specific UI
+         * Controls text alignment for component-specific UI
          */
         get textAlignment() {
             return this._textAlignment;
@@ -5006,9 +4855,9 @@ class DaffHeroComponent extends _daffHeroBase {
         return this.size === DaffHeroSizeEnum.Compact || this.compact === true || this.size === DaffHeroSizeEnum.Small;
     }
 }
-/** @nocollapse */ DaffHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffHeroComponent, selector: "daff-hero", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment", layout: "layout", size: "size" }, host: { properties: { "class.daff-hero": "this.class", "class.daff-hero--centered": "this.centered", "class.daff-hero--compact": "this.compactClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--small,.daff-hero--compact{padding:50px 25px}@media (min-width: 480px){.daff-hero--small,.daff-hero--compact{padding:50px}}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroComponent, decorators: [{
+/** @nocollapse */ DaffHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroComponent, selector: "daff-hero", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment", layout: "layout", size: "size" }, host: { properties: { "class.daff-hero": "this.class", "class.daff-hero--centered": "this.centered", "class.daff-hero--compact": "this.compactClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--small,.daff-hero--compact{padding:50px 25px}@media (min-width: 480px){.daff-hero--small,.daff-hero--compact{padding:50px}}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-hero', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--small,.daff-hero--compact{padding:50px 25px}@media (min-width: 480px){.daff-hero--small,.daff-hero--compact{padding:50px}}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { layout: [{
@@ -5026,49 +4875,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['class.daff-hero--compact']
             }] } });
 
-class DaffHeroModule {
-}
-/** @nocollapse */ DaffHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroModule, declarations: [DaffHeroComponent,
-        DaffHeroIconDirective,
-        DaffHeroTaglineDirective,
-        DaffHeroTitleDirective,
-        DaffHeroSubtitleDirective,
-        DaffHeroBodyDirective], imports: [CommonModule], exports: [DaffHeroComponent,
-        DaffHeroIconDirective,
-        DaffHeroTaglineDirective,
-        DaffHeroTitleDirective,
-        DaffHeroSubtitleDirective,
-        DaffHeroBodyDirective] });
-/** @nocollapse */ DaffHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffHeroModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                    ],
-                    declarations: [
-                        DaffHeroComponent,
-                        DaffHeroIconDirective,
-                        DaffHeroTaglineDirective,
-                        DaffHeroTitleDirective,
-                        DaffHeroSubtitleDirective,
-                        DaffHeroBodyDirective,
-                    ],
-                    exports: [
-                        DaffHeroComponent,
-                        DaffHeroIconDirective,
-                        DaffHeroTaglineDirective,
-                        DaffHeroTitleDirective,
-                        DaffHeroSubtitleDirective,
-                        DaffHeroBodyDirective,
-                    ],
-                }]
-        }] });
-
-class DaffCalloutBodyDirective {
+class DaffHeroBodyDirective {
     constructor() {
         /**
          * @docs-private
@@ -5076,19 +4883,19 @@ class DaffCalloutBodyDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCalloutBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCalloutBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutBodyDirective, selector: "[daffCalloutBody]", host: { properties: { "class.daff-callout__body": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutBodyDirective, decorators: [{
+/** @nocollapse */ DaffHeroBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffHeroBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroBodyDirective, selector: "[daffHeroBody]", host: { properties: { "class.daff-hero__body": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroBodyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCalloutBody]',
+                    selector: '[daffHeroBody]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-callout__body']
+                args: ['class.daff-hero__body']
             }] } });
 
-class DaffCalloutIconDirective {
+class DaffHeroIconDirective {
     constructor() {
         /**
          * @docs-private
@@ -5096,19 +4903,19 @@ class DaffCalloutIconDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCalloutIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCalloutIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutIconDirective, selector: "[daffCalloutIcon]", host: { properties: { "class.daff-callout__icon": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutIconDirective, decorators: [{
+/** @nocollapse */ DaffHeroIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffHeroIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroIconDirective, selector: "[daffHeroIcon]", host: { properties: { "class.daff-hero__icon": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroIconDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCalloutIcon]',
+                    selector: '[daffHeroIcon]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-callout__icon']
+                args: ['class.daff-hero__icon']
             }] } });
 
-class DaffCalloutSubtitleDirective {
+class DaffHeroSubtitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5116,19 +4923,19 @@ class DaffCalloutSubtitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCalloutSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCalloutSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]", host: { properties: { "class.daff-callout__subtitle": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutSubtitleDirective, decorators: [{
+/** @nocollapse */ DaffHeroSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffHeroSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]", host: { properties: { "class.daff-hero__subtitle": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCalloutSubtitle]',
+                    selector: '[daffHeroSubtitle]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-callout__subtitle']
+                args: ['class.daff-hero__subtitle']
             }] } });
 
-class DaffCalloutTaglineDirective {
+class DaffHeroTaglineDirective {
     constructor() {
         /**
          * @docs-private
@@ -5136,19 +4943,19 @@ class DaffCalloutTaglineDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCalloutTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCalloutTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]", host: { properties: { "class.daff-callout__tagline": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutTaglineDirective, decorators: [{
+/** @nocollapse */ DaffHeroTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffHeroTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroTaglineDirective, selector: "[daffHeroTagline]", host: { properties: { "class.daff-hero__tagline": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroTaglineDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCalloutTagline]',
+                    selector: '[daffHeroTagline]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-callout__tagline']
+                args: ['class.daff-hero__tagline']
             }] } });
 
-class DaffCalloutTitleDirective {
+class DaffHeroTitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5156,18 +4963,58 @@ class DaffCalloutTitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCalloutTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCalloutTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutTitleDirective, selector: "[daffCalloutTitle]", host: { properties: { "class.daff-callout__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutTitleDirective, decorators: [{
+/** @nocollapse */ DaffHeroTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffHeroTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffHeroTitleDirective, selector: "[daffHeroTitle]", host: { properties: { "class.daff-hero__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCalloutTitle]',
+                    selector: '[daffHeroTitle]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-callout__title']
+                args: ['class.daff-hero__title']
             }] } });
 
+class DaffHeroModule {
+}
+/** @nocollapse */ DaffHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroModule, declarations: [DaffHeroComponent,
+        DaffHeroIconDirective,
+        DaffHeroTaglineDirective,
+        DaffHeroTitleDirective,
+        DaffHeroSubtitleDirective,
+        DaffHeroBodyDirective], imports: [CommonModule], exports: [DaffHeroComponent,
+        DaffHeroIconDirective,
+        DaffHeroTaglineDirective,
+        DaffHeroTitleDirective,
+        DaffHeroSubtitleDirective,
+        DaffHeroBodyDirective] });
+/** @nocollapse */ DaffHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffHeroModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffHeroComponent,
+                        DaffHeroIconDirective,
+                        DaffHeroTaglineDirective,
+                        DaffHeroTitleDirective,
+                        DaffHeroSubtitleDirective,
+                        DaffHeroBodyDirective,
+                    ],
+                    exports: [
+                        DaffHeroComponent,
+                        DaffHeroIconDirective,
+                        DaffHeroTaglineDirective,
+                        DaffHeroTitleDirective,
+                        DaffHeroSubtitleDirective,
+                        DaffHeroBodyDirective,
+                    ],
+                }]
+        }] });
+
 var DaffCalloutLayoutEnum;
 (function (DaffCalloutLayoutEnum) {
     DaffCalloutLayoutEnum["Centered"] = "centered";
@@ -5212,9 +5059,9 @@ class DaffCalloutComponent extends _daffCalloutBase {
         return this.size === DaffCalloutSizeEnum.Compact;
     }
 }
-/** @nocollapse */ DaffCalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffCalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment", layout: "layout", size: "size" }, host: { properties: { "class.daff-callout": "this.class", "class.daff-callout--centered": "this.centered", "class.daff-callout--compact": "this.compactClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout--centered .daff-callout__title{margin:0 auto;text-align:center}.daff-callout--centered .daff-callout__subtitle{margin:10px auto 0;text-align:center}@media (min-width: 480px){.daff-callout--centered .daff-callout__subtitle{margin:25px auto 0}}.daff-callout--compact{padding:25px}@media (min-width: 480px){.daff-callout--compact{padding:25px 50px}}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutComponent, decorators: [{
+/** @nocollapse */ DaffCalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffCalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutComponent, selector: "daff-callout", inputs: { color: "color", compact: "compact", textAlignment: "textAlignment", layout: "layout", size: "size" }, host: { properties: { "class.daff-callout": "this.class", "class.daff-callout--centered": "this.centered", "class.daff-callout--compact": "this.compactClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout--centered .daff-callout__title{margin:0 auto;text-align:center}.daff-callout--centered .daff-callout__subtitle{margin:10px auto 0;text-align:center}@media (min-width: 480px){.daff-callout--centered .daff-callout__subtitle{margin:25px auto 0}}.daff-callout--compact{padding:25px}@media (min-width: 480px){.daff-callout--compact{padding:25px 50px}}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-callout', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, inputs: ['color', 'compact', 'textAlignment'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width: 480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width: 480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (min-width: 768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout--centered .daff-callout__title{margin:0 auto;text-align:center}.daff-callout--centered .daff-callout__subtitle{margin:10px auto 0;text-align:center}@media (min-width: 480px){.daff-callout--centered .daff-callout__subtitle{margin:25px auto 0}}.daff-callout--compact{padding:25px}@media (min-width: 480px){.daff-callout--compact{padding:25px 50px}}.daff-callout.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title,.daff-callout.daff-left .daff-callout__subtitle{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title,.daff-callout.daff-center .daff-callout__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title,.daff-callout.daff-right .daff-callout__subtitle{margin-left:auto;text-align:right}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { layout: [{
@@ -5232,49 +5079,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['class.daff-callout--compact']
             }] } });
 
-class DaffCalloutModule {
+class DaffCalloutBodyDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
 }
-/** @nocollapse */ DaffCalloutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffCalloutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutModule, declarations: [DaffCalloutComponent,
-        DaffCalloutIconDirective,
-        DaffCalloutTitleDirective,
-        DaffCalloutSubtitleDirective,
-        DaffCalloutTaglineDirective,
-        DaffCalloutBodyDirective], imports: [CommonModule], exports: [DaffCalloutComponent,
-        DaffCalloutIconDirective,
-        DaffCalloutSubtitleDirective,
-        DaffCalloutTitleDirective,
-        DaffCalloutTaglineDirective,
-        DaffCalloutBodyDirective] });
-/** @nocollapse */ DaffCalloutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCalloutModule, decorators: [{
-            type: NgModule,
+/** @nocollapse */ DaffCalloutBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCalloutBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutBodyDirective, selector: "[daffCalloutBody]", host: { properties: { "class.daff-callout__body": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutBodyDirective, decorators: [{
+            type: Directive,
             args: [{
-                    imports: [
-                        CommonModule,
-                    ],
-                    declarations: [
-                        DaffCalloutComponent,
-                        DaffCalloutIconDirective,
-                        DaffCalloutTitleDirective,
-                        DaffCalloutSubtitleDirective,
-                        DaffCalloutTaglineDirective,
-                        DaffCalloutBodyDirective,
-                    ],
-                    exports: [
-                        DaffCalloutComponent,
-                        DaffCalloutIconDirective,
-                        DaffCalloutSubtitleDirective,
-                        DaffCalloutTitleDirective,
-                        DaffCalloutTaglineDirective,
-                        DaffCalloutBodyDirective,
-                    ],
+                    selector: '[daffCalloutBody]',
                 }]
-        }] });
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-callout__body']
+            }] } });
 
-class DaffFeatureIconDirective {
+class DaffCalloutIconDirective {
     constructor() {
         /**
          * @docs-private
@@ -5282,19 +5107,19 @@ class DaffFeatureIconDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffFeatureIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffFeatureIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffFeatureIconDirective, selector: "[daffFeatureIcon]", host: { properties: { "class.daff-feature__icon": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureIconDirective, decorators: [{
+/** @nocollapse */ DaffCalloutIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCalloutIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutIconDirective, selector: "[daffCalloutIcon]", host: { properties: { "class.daff-callout__icon": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutIconDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffFeatureIcon]',
+                    selector: '[daffCalloutIcon]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-feature__icon']
+                args: ['class.daff-callout__icon']
             }] } });
 
-class DaffFeatureSubheaderDirective {
+class DaffCalloutSubtitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5302,19 +5127,19 @@ class DaffFeatureSubheaderDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffFeatureSubheaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureSubheaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffFeatureSubheaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffFeatureSubheaderDirective, selector: "[daffFeatureSubheader]", host: { properties: { "class.daff-feature__subheader": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureSubheaderDirective, decorators: [{
+/** @nocollapse */ DaffCalloutSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCalloutSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]", host: { properties: { "class.daff-callout__subtitle": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffFeatureSubheader]',
+                    selector: '[daffCalloutSubtitle]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-feature__subheader']
+                args: ['class.daff-callout__subtitle']
             }] } });
 
-class DaffFeatureSubtitleDirective {
+class DaffCalloutTaglineDirective {
     constructor() {
         /**
          * @docs-private
@@ -5322,19 +5147,19 @@ class DaffFeatureSubtitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffFeatureSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffFeatureSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffFeatureSubtitleDirective, selector: "[daffFeatureSubtitle]", host: { properties: { "class.daff-feature__subtitle": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureSubtitleDirective, decorators: [{
+/** @nocollapse */ DaffCalloutTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCalloutTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]", host: { properties: { "class.daff-callout__tagline": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutTaglineDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffFeatureSubtitle]',
+                    selector: '[daffCalloutTagline]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-feature__subtitle']
+                args: ['class.daff-callout__tagline']
             }] } });
 
-class DaffFeatureTitleDirective {
+class DaffCalloutTitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5342,17 +5167,57 @@ class DaffFeatureTitleDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffFeatureTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffFeatureTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffFeatureTitleDirective, selector: "[daffFeatureTitle]", host: { properties: { "class.daff-feature__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureTitleDirective, decorators: [{
+/** @nocollapse */ DaffCalloutTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCalloutTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCalloutTitleDirective, selector: "[daffCalloutTitle]", host: { properties: { "class.daff-callout__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffFeatureTitle]',
+                    selector: '[daffCalloutTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-callout__title']
+            }] } });
+
+class DaffCalloutModule {
+}
+/** @nocollapse */ DaffCalloutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffCalloutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutModule, declarations: [DaffCalloutComponent,
+        DaffCalloutIconDirective,
+        DaffCalloutTitleDirective,
+        DaffCalloutSubtitleDirective,
+        DaffCalloutTaglineDirective,
+        DaffCalloutBodyDirective], imports: [CommonModule], exports: [DaffCalloutComponent,
+        DaffCalloutIconDirective,
+        DaffCalloutSubtitleDirective,
+        DaffCalloutTitleDirective,
+        DaffCalloutTaglineDirective,
+        DaffCalloutBodyDirective] });
+/** @nocollapse */ DaffCalloutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCalloutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffCalloutComponent,
+                        DaffCalloutIconDirective,
+                        DaffCalloutTitleDirective,
+                        DaffCalloutSubtitleDirective,
+                        DaffCalloutTaglineDirective,
+                        DaffCalloutBodyDirective,
+                    ],
+                    exports: [
+                        DaffCalloutComponent,
+                        DaffCalloutIconDirective,
+                        DaffCalloutSubtitleDirective,
+                        DaffCalloutTitleDirective,
+                        DaffCalloutTaglineDirective,
+                        DaffCalloutBodyDirective,
+                    ],
                 }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-feature__title']
-            }] } });
+        }] });
 
 var DaffFeatureModeEnum;
 (function (DaffFeatureModeEnum) {
@@ -5383,9 +5248,9 @@ class DaffFeatureComponent {
         return this.mode === DaffFeatureModeEnum.Normal;
     }
 }
-/** @nocollapse */ DaffFeatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffFeatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffFeatureComponent, selector: "daff-feature", inputs: { mode: "mode" }, host: { properties: { "class.daff-feature": "this.class", "class.daff-feature--compact": "this.compact", "class.daff-feature--normal": "this.normal" } }, ngImport: i0, template: "<ng-content select=\"[daffFeatureIcon]\"></ng-content>\n<div class=\"daff-feature__content\">\n  <ng-content select=\"[daffFeatureSubheader]\"></ng-content>\n  <ng-content select=\"[daffFeatureTitle]\"></ng-content>\n  <ng-content select=\"[daffFeatureSubtitle]\"></ng-content>\n  <ng-content></ng-content>\n</div>", styles: [".daff-feature{border-radius:10px;display:flex}.daff-feature__icon{display:inline-block;max-width:30px}@media (min-width: 480px){.daff-feature__icon{max-width:50px}}.daff-feature__subheader{text-transform:uppercase;font-size:.75rem;letter-spacing:.075rem;line-height:1rem}@media (min-width: 480px){.daff-feature__subheader{font-size:.875rem}}.daff-feature__title{font-weight:700;margin:0 0 15px;padding:0}.daff-feature__subtitle{font-size:1rem;margin:0;padding:0}.daff-feature--normal{align-items:flex-start;flex-direction:column;padding:25px}@media (min-width: 480px){.daff-feature--normal{align-items:center;flex-direction:row;padding:50px}}.daff-feature--normal .daff-feature__icon{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__icon{margin:0 25px 0 0}}.daff-feature--normal .daff-feature__subheader{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__subheader{margin:0 0 30px}}.daff-feature--normal .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--normal .daff-feature__title{font-size:2rem;line-height:2rem}}.daff-feature--compact{align-items:flex-start;flex-direction:column;padding:25px}.daff-feature--compact .daff-feature__icon{margin:0 0 15px}.daff-feature--compact .daff-feature__subheader{margin:0 0 5px}.daff-feature--compact .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--compact .daff-feature__title{font-size:1.5rem;line-height:1.5rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureComponent, decorators: [{
+/** @nocollapse */ DaffFeatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffFeatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffFeatureComponent, selector: "daff-feature", inputs: { mode: "mode" }, host: { properties: { "class.daff-feature": "this.class", "class.daff-feature--compact": "this.compact", "class.daff-feature--normal": "this.normal" } }, ngImport: i0, template: "<ng-content select=\"[daffFeatureIcon]\"></ng-content>\n<div class=\"daff-feature__content\">\n  <ng-content select=\"[daffFeatureSubheader]\"></ng-content>\n  <ng-content select=\"[daffFeatureTitle]\"></ng-content>\n  <ng-content select=\"[daffFeatureSubtitle]\"></ng-content>\n  <ng-content></ng-content>\n</div>", styles: [".daff-feature{border-radius:10px;display:flex}.daff-feature__icon{display:inline-block;max-width:30px}@media (min-width: 480px){.daff-feature__icon{max-width:50px}}.daff-feature__subheader{text-transform:uppercase;font-size:.75rem;letter-spacing:.075rem;line-height:1rem}@media (min-width: 480px){.daff-feature__subheader{font-size:.875rem}}.daff-feature__title{font-weight:700;margin:0 0 15px;padding:0}.daff-feature__subtitle{font-size:1rem;margin:0;padding:0}.daff-feature--normal{align-items:flex-start;flex-direction:column;padding:25px}@media (min-width: 480px){.daff-feature--normal{align-items:center;flex-direction:row;padding:50px}}.daff-feature--normal .daff-feature__icon{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__icon{margin:0 25px 0 0}}.daff-feature--normal .daff-feature__subheader{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__subheader{margin:0 0 30px}}.daff-feature--normal .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--normal .daff-feature__title{font-size:2rem;line-height:2rem}}.daff-feature--compact{align-items:flex-start;flex-direction:column;padding:25px}.daff-feature--compact .daff-feature__icon{margin:0 0 15px}.daff-feature--compact .daff-feature__subheader{margin:0 0 5px}.daff-feature--compact .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--compact .daff-feature__title{font-size:1.5rem;line-height:1.5rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-feature', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffFeatureIcon]\"></ng-content>\n<div class=\"daff-feature__content\">\n  <ng-content select=\"[daffFeatureSubheader]\"></ng-content>\n  <ng-content select=\"[daffFeatureTitle]\"></ng-content>\n  <ng-content select=\"[daffFeatureSubtitle]\"></ng-content>\n  <ng-content></ng-content>\n</div>", styles: [".daff-feature{border-radius:10px;display:flex}.daff-feature__icon{display:inline-block;max-width:30px}@media (min-width: 480px){.daff-feature__icon{max-width:50px}}.daff-feature__subheader{text-transform:uppercase;font-size:.75rem;letter-spacing:.075rem;line-height:1rem}@media (min-width: 480px){.daff-feature__subheader{font-size:.875rem}}.daff-feature__title{font-weight:700;margin:0 0 15px;padding:0}.daff-feature__subtitle{font-size:1rem;margin:0;padding:0}.daff-feature--normal{align-items:flex-start;flex-direction:column;padding:25px}@media (min-width: 480px){.daff-feature--normal{align-items:center;flex-direction:row;padding:50px}}.daff-feature--normal .daff-feature__icon{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__icon{margin:0 25px 0 0}}.daff-feature--normal .daff-feature__subheader{margin:0 0 15px}@media (min-width: 480px){.daff-feature--normal .daff-feature__subheader{margin:0 0 30px}}.daff-feature--normal .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--normal .daff-feature__title{font-size:2rem;line-height:2rem}}.daff-feature--compact{align-items:flex-start;flex-direction:column;padding:25px}.daff-feature--compact .daff-feature__icon{margin:0 0 15px}.daff-feature--compact .daff-feature__subheader{margin:0 0 5px}.daff-feature--compact .daff-feature__title{font-size:1.25rem;line-height:1.25rem}@media (min-width: 480px){.daff-feature--compact .daff-feature__title{font-size:1.5rem;line-height:1.5rem}}\n"] }]
         }], propDecorators: { class: [{
@@ -5401,65 +5266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['class.daff-feature--normal']
             }] } });
 
-class DaffFeatureModule {
-}
-/** @nocollapse */ DaffFeatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffFeatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureModule, declarations: [DaffFeatureComponent,
-        DaffFeatureTitleDirective,
-        DaffFeatureSubtitleDirective,
-        DaffFeatureIconDirective,
-        DaffFeatureSubheaderDirective], imports: [CommonModule], exports: [DaffFeatureComponent,
-        DaffFeatureTitleDirective,
-        DaffFeatureSubtitleDirective,
-        DaffFeatureIconDirective,
-        DaffFeatureSubheaderDirective] });
-/** @nocollapse */ DaffFeatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffFeatureModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                    ],
-                    declarations: [
-                        DaffFeatureComponent,
-                        DaffFeatureTitleDirective,
-                        DaffFeatureSubtitleDirective,
-                        DaffFeatureIconDirective,
-                        DaffFeatureSubheaderDirective,
-                    ],
-                    exports: [
-                        DaffFeatureComponent,
-                        DaffFeatureTitleDirective,
-                        DaffFeatureSubtitleDirective,
-                        DaffFeatureIconDirective,
-                        DaffFeatureSubheaderDirective,
-                    ],
-                }]
-        }] });
-
-class DaffCardActionsDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-/** @nocollapse */ DaffCardActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardActionsDirective, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffCardActions]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-card__actions']
-            }] } });
-
-class DaffCardContentDirective {
+class DaffFeatureIconDirective {
     constructor() {
         /**
          * @docs-private
@@ -5467,19 +5274,19 @@ class DaffCardContentDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCardContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardContentDirective, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardContentDirective, decorators: [{
+/** @nocollapse */ DaffFeatureIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffFeatureIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffFeatureIconDirective, selector: "[daffFeatureIcon]", host: { properties: { "class.daff-feature__icon": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureIconDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCardContent]',
+                    selector: '[daffFeatureIcon]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-card__content']
+                args: ['class.daff-feature__icon']
             }] } });
 
-class DaffCardIconDirective {
+class DaffFeatureSubheaderDirective {
     constructor() {
         /**
          * @docs-private
@@ -5487,19 +5294,19 @@ class DaffCardIconDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCardIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardIconDirective, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardIconDirective, decorators: [{
+/** @nocollapse */ DaffFeatureSubheaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureSubheaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffFeatureSubheaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffFeatureSubheaderDirective, selector: "[daffFeatureSubheader]", host: { properties: { "class.daff-feature__subheader": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureSubheaderDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCardIcon]',
+                    selector: '[daffFeatureSubheader]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-card__icon']
+                args: ['class.daff-feature__subheader']
             }] } });
 
-class DaffCardImageDirective {
+class DaffFeatureSubtitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5507,19 +5314,19 @@ class DaffCardImageDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCardImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardImageDirective, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardImageDirective, decorators: [{
+/** @nocollapse */ DaffFeatureSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffFeatureSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffFeatureSubtitleDirective, selector: "[daffFeatureSubtitle]", host: { properties: { "class.daff-feature__subtitle": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCardImage]',
+                    selector: '[daffFeatureSubtitle]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-card__image']
+                args: ['class.daff-feature__subtitle']
             }] } });
 
-class DaffCardTaglineDirective {
+class DaffFeatureTitleDirective {
     constructor() {
         /**
          * @docs-private
@@ -5527,37 +5334,53 @@ class DaffCardTaglineDirective {
         this.class = true;
     }
 }
-/** @nocollapse */ DaffCardTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardTaglineDirective, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
+/** @nocollapse */ DaffFeatureTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffFeatureTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffFeatureTitleDirective, selector: "[daffFeatureTitle]", host: { properties: { "class.daff-feature__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffCardTagline]',
+                    selector: '[daffFeatureTitle]',
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-card__tagline']
+                args: ['class.daff-feature__title']
             }] } });
 
-class DaffCardTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
+class DaffFeatureModule {
 }
-/** @nocollapse */ DaffCardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ DaffCardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardTitleDirective, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
-            type: Directive,
+/** @nocollapse */ DaffFeatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffFeatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureModule, declarations: [DaffFeatureComponent,
+        DaffFeatureTitleDirective,
+        DaffFeatureSubtitleDirective,
+        DaffFeatureIconDirective,
+        DaffFeatureSubheaderDirective], imports: [CommonModule], exports: [DaffFeatureComponent,
+        DaffFeatureTitleDirective,
+        DaffFeatureSubtitleDirective,
+        DaffFeatureIconDirective,
+        DaffFeatureSubheaderDirective] });
+/** @nocollapse */ DaffFeatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffFeatureModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: '[daffCardTitle]',
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffFeatureComponent,
+                        DaffFeatureTitleDirective,
+                        DaffFeatureSubtitleDirective,
+                        DaffFeatureIconDirective,
+                        DaffFeatureSubheaderDirective,
+                    ],
+                    exports: [
+                        DaffFeatureComponent,
+                        DaffFeatureTitleDirective,
+                        DaffFeatureSubtitleDirective,
+                        DaffFeatureIconDirective,
+                        DaffFeatureSubheaderDirective,
+                    ],
                 }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-card__title']
-            }] } });
+        }] });
 
 var DaffCardTypeEnum;
 (function (DaffCardTypeEnum) {
@@ -5645,16 +5468,16 @@ class DaffCardComponent extends _daffCardBase {
         return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
     }
 }
-/** @nocollapse */ DaffCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:7px;border-top-right-radius:7px}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-top-left-radius:7px;border-bottom-left-radius:7px}.daff-card--horizontal .daff-card__image img{border-top-left-radius:7px;border-bottom-left-radius:7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none;transition:background-color .3s,box-shadow .3s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardComponent, decorators: [{
+/** @nocollapse */ DaffCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:7px;border-top-right-radius:7px}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-top-left-radius:7px;border-bottom-left-radius:7px}.daff-card--horizontal .daff-card__image img{border-top-left-radius:7px;border-bottom-left-radius:7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;border-bottom-left-radius:7px;border-bottom-right-radius:7px;left:0;top:0;height:100%;width:100%;opacity:0;transition:opacity .3s;z-index:1}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-card' + ',' +
                         'daff-raised-card' + ',' +
                         'daff-stroked-card' + ',' +
                         'a[daff-card]' + ',' +
                         'a[daff-raised-card]' + ',' +
-                        'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:7px;border-top-right-radius:7px}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-top-left-radius:7px;border-bottom-left-radius:7px}.daff-card--horizontal .daff-card__image img{border-top-left-radius:7px;border-bottom-left-radius:7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none;transition:background-color .3s,box-shadow .3s}\n"] }]
+                        'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:7px;border-top-right-radius:7px}.daff-card--horizontal{flex-wrap:wrap}@media (min-width: 480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image{border-top-left-radius:7px;border-bottom-left-radius:7px}.daff-card--horizontal .daff-card__image img{border-top-left-radius:7px;border-bottom-left-radius:7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width: 480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;border-bottom-left-radius:7px;border-bottom-right-radius:7px;left:0;top:0;height:100%;width:100%;opacity:0;transition:opacity .3s;z-index:1}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { orientation: [{
                 type: Input
             }], class: [{
@@ -5668,10 +5491,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['class.daff-card--horizontal']
             }] } });
 
+class DaffCardActionsDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardActionsDirective, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardActions]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__actions']
+            }] } });
+
+class DaffCardContentDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardContentDirective, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardContent]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__content']
+            }] } });
+
+class DaffCardIconDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardIconDirective, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardIcon]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__icon']
+            }] } });
+
+class DaffCardImageDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardImageDirective, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardImage]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__image']
+            }] } });
+
+class DaffCardTaglineDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardTaglineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardTaglineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardTaglineDirective, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTagline]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__tagline']
+            }] } });
+
+class DaffCardTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffCardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffCardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DaffCardTitleDirective, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__title']
+            }] } });
+
 class DaffCardModule {
 }
-/** @nocollapse */ DaffCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ DaffCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardModule, declarations: [DaffCardComponent,
+/** @nocollapse */ DaffCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DaffCardModule, declarations: [DaffCardComponent,
         DaffCardIconDirective,
         DaffCardImageDirective,
         DaffCardTaglineDirective,
@@ -5684,10 +5627,8 @@ class DaffCardModule {
         DaffCardTitleDirective,
         DaffCardContentDirective,
         DaffCardActionsDirective] });
-/** @nocollapse */ DaffCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardModule, imports: [[
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffCardModule, decorators: [{
+/** @nocollapse */ DaffCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5754,23 +5695,6 @@ var DaffTheme;
     DaffTheme["None"] = "none";
 })(DaffTheme || (DaffTheme = {}));
 
-/**
- * Computes the appropriate application theme from the specified values.
- * It cascades from `storedPreference` to `osPreference` to `defaultTheme`.
- */
-const daffComputeThemeSetting = (osPreference, storedPreference, defaultTheme = DaffTheme.Dark) => {
-    if (storedPreference) {
-        return storedPreference;
-    }
-    if (osPreference === 'dark') {
-        return DaffTheme.Dark;
-    }
-    if (osPreference === 'light') {
-        return DaffTheme.Light;
-    }
-    return defaultTheme;
-};
-
 const mediaQueryDarkPreference = '(prefers-color-scheme: dark)';
 const addHandlerFactory = (window) => (handler) => {
     const query = window.matchMedia(mediaQueryDarkPreference);
@@ -5802,9 +5726,9 @@ class DaffOsThemeService {
         return this.preference$;
     }
 }
-/** @nocollapse */ DaffOsThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffOsThemeService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffOsThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffOsThemeService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffOsThemeService, decorators: [{
+/** @nocollapse */ DaffOsThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffOsThemeService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffOsThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffOsThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffOsThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5859,9 +5783,9 @@ class DaffThemeStorageService {
         this.storage.removeItem(THEME_STORAGE_KEY);
     }
 }
-/** @nocollapse */ DaffThemeStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeStorageService, deps: [{ token: DaffServerSafePersistenceServiceToken }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffThemeStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeStorageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeStorageService, decorators: [{
+/** @nocollapse */ DaffThemeStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeStorageService, deps: [{ token: DaffServerSafePersistenceServiceToken }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffThemeStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeStorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5874,6 +5798,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                     args: [DOCUMENT]
                 }] }]; } });
 
+/**
+ * Computes the appropriate application theme from the specified values.
+ * It cascades from `storedPreference` to `osPreference` to `defaultTheme`.
+ */
+const daffComputeThemeSetting = (osPreference, storedPreference, defaultTheme = DaffTheme.Dark) => {
+    if (storedPreference) {
+        return storedPreference;
+    }
+    if (osPreference === 'dark') {
+        return DaffTheme.Dark;
+    }
+    if (osPreference === 'light') {
+        return DaffTheme.Light;
+    }
+    return defaultTheme;
+};
+
 /**
  * A service for controlling the application's theme.
  */
@@ -5916,9 +5857,9 @@ class DaffThemingService {
             : this.darkMode();
     }
 }
-/** @nocollapse */ DaffThemingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemingService, deps: [{ token: DaffOsThemeService }, { token: DaffThemeStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffThemingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemingService, decorators: [{
+/** @nocollapse */ DaffThemingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemingService, deps: [{ token: DaffOsThemeService }, { token: DaffThemeStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffThemingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5962,9 +5903,9 @@ class DaffThemeClassSetterService {
         this.renderer.removeClass(this.doc.body, DAFF_THEME_DARK_CSS_CLASS);
     }
 }
-/** @nocollapse */ DaffThemeClassSetterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeClassSetterService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }, { token: DaffThemingService }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DaffThemeClassSetterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeClassSetterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffThemeClassSetterService, decorators: [{
+/** @nocollapse */ DaffThemeClassSetterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeClassSetterService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }, { token: DaffThemingService }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffThemeClassSetterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeClassSetterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DaffThemeClassSetterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -5991,6 +5932,7 @@ const DAFF_THEME_INITIALIZER = [
 /*
  * Public API Surface of @daffodil/design
  */
+// Atoms
 
 /**
  * Generated bundle index. Do not edit.