@daffodil/design 0.39.13 → 0.42.0

package/fesm2015/daffodil-design.js

@@ -1,4776 +0,0 @@
-import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, Renderer2, InjectionToken, ɵɵdefineInjectable, Injectable, ComponentFactoryResolver, Inject, ViewChild, TemplateRef, ViewContainerRef, EventEmitter, Type, ChangeDetectorRef, Output, HostListener, Optional, Self, ContentChildren, SkipSelf, ɵɵinject, NgZone } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { faChevronDown, faChevronUp, faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
-import { DomSanitizer } from '@angular/platform-browser';
-import { BehaviorSubject, Subject, fromEvent } from 'rxjs';
-import { takeUntil, filter } from 'rxjs/operators';
-import { NgControl, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { coerceNumberProperty } from '@angular/cdk/coercion';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { CdkPortalOutlet, PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import { OverlayModule, GlobalPositionStrategy, Overlay } from '@angular/cdk/overlay';
-import { A11yModule } from '@angular/cdk/a11y';
-
-/**
- * A mixin for giving a component the ability to prevent article styles from cascading down.
- */
-function daffArticleEncapsulatedMixin(Base) {
-    return class extends Base {
-        constructor(...args) {
-            super(...args);
-            this._renderer.addClass(this._elementRef.nativeElement, `daff-ae`);
-        }
-    };
-}
-
-var DaffPaletteEnum;
-(function (DaffPaletteEnum) {
-    DaffPaletteEnum["PRIMARY"] = "primary";
-    DaffPaletteEnum["SECONDARY"] = "secondary";
-    DaffPaletteEnum["ACCENT"] = "accent";
-    DaffPaletteEnum["TERTIARY"] = "tertiary";
-    DaffPaletteEnum["BLACK"] = "black";
-    DaffPaletteEnum["WHITE"] = "white";
-    DaffPaletteEnum["THEME"] = "theme";
-    DaffPaletteEnum["THEMECONTRAST"] = "theme-contrast";
-})(DaffPaletteEnum || (DaffPaletteEnum = {}));
-
-function colorInPalette(color) {
-    return Object.values(DaffPaletteEnum).includes(color);
-}
-
-/**
- * This should be a trait, but typescript only supports mixins.
- * See: https://github.com/Microsoft/TypeScript/issues/311
- *
- * Turns out the material team followed the same path with the color mixin.
- * https://github.com/angular/material2/blob/master/src/lib/core/common-behaviors/color.ts
- */
-function daffColorMixin(Base, defaultColor) {
-    class DaffColorableMixinClass extends Base {
-        constructor(...args) {
-            super(...args);
-            this.color = defaultColor;
-        }
-        get color() {
-            return this._color;
-        }
-        set color(value) {
-            //Handle the default color
-            const incomingColor = value || defaultColor;
-            if (incomingColor !== undefined && !colorInPalette(incomingColor)) {
-                throw new TypeError(incomingColor + ' is not a valid color for the DaffPalette');
-            }
-            if (incomingColor !== this._color) { //Only run the dom-render if a change occurs
-                //Remove the old color
-                if (this._color) {
-                    this._renderer.removeClass(this._elementRef.nativeElement, `daff-${this._color}`);
-                }
-                if (incomingColor) {
-                    this._renderer.addClass(this._elementRef.nativeElement, `daff-${incomingColor}`);
-                }
-                this._color = incomingColor;
-            }
-        }
-    }
-    DaffColorableMixinClass.propDecorators = {
-        color: [{ type: Input }]
-    };
-    ;
-    return DaffColorableMixinClass;
-}
-
-/**
- *
- * Prefix can be used to place content before another piece of content in components like
- * `daff-form-field`, `daff-solo-field`, and `daff-list`.
- */
-class DaffPrefixDirective {
-    constructor() {
-        this.class = true;
-    }
-}
-DaffPrefixDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffPrefix]',
-            },] }
-];
-DaffPrefixDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-prefix',] }]
-};
-
-/**
- *
- * Prefix can be used to place content after another piece of content in components like
- * `daff-form-field`, `daff-solo-field`, and `daff-list`.
- */
-class DaffSuffixDirective {
-    constructor() {
-        this.class = true;
-    }
-}
-DaffSuffixDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffSuffix]',
-            },] }
-];
-DaffSuffixDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-suffix',] }]
-};
-
-class DaffPrefixSuffixModule {
-}
-DaffPrefixSuffixModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                exports: [
-                    DaffPrefixDirective,
-                    DaffSuffixDirective,
-                ],
-                declarations: [
-                    DaffPrefixDirective,
-                    DaffSuffixDirective,
-                ],
-            },] }
-];
-
-/**
- * A mixin for giving a component the ability to place content after another piece of content.
- */
-function daffSuffixableMixin(Base) {
-    class SuffixableDirective extends Base {
-        constructor(...args) {
-            super(...args);
-        }
-    }
-    SuffixableDirective.decorators = [
-        { type: Directive }
-    ];
-    /** @nocollapse */
-    SuffixableDirective.ctorParameters = () => [
-        { type: Array }
-    ];
-    SuffixableDirective.propDecorators = {
-        _suffix: [{ type: ContentChild, args: [DaffSuffixDirective, { static: true },] }]
-    };
-    return SuffixableDirective;
-}
-
-/**
- * A mixin for giving a component the ability to place content before another piece of content.
- */
-function daffPrefixableMixin(Base) {
-    class PrefixableDirective extends Base {
-        constructor(...args) {
-            super(...args);
-        }
-    }
-    PrefixableDirective.decorators = [
-        { type: Directive }
-    ];
-    /** @nocollapse */
-    PrefixableDirective.ctorParameters = () => [
-        { type: Array }
-    ];
-    PrefixableDirective.propDecorators = {
-        _prefix: [{ type: ContentChild, args: [DaffPrefixDirective, { static: true },] }]
-    };
-    return PrefixableDirective;
-}
-
-function daffSizeMixin(Base, defaultSize) {
-    class DaffSizeMixinClass extends Base {
-        constructor(...args) {
-            super(...args);
-            this.size = defaultSize;
-        }
-        get size() {
-            return this._size;
-        }
-        set size(value) {
-            // Handles the default size
-            const incomingSize = value || defaultSize;
-            if (incomingSize !== this._size) { //Only run the dom-render if a change occurs
-                //Remove the old size
-                if (this._size) {
-                    this._renderer.removeClass(this._elementRef.nativeElement, `daff-${this._size}`);
-                }
-                if (incomingSize) {
-                    this._renderer.addClass(this._elementRef.nativeElement, `daff-${incomingSize}`);
-                }
-                this._size = incomingSize;
-            }
-        }
-    }
-    DaffSizeMixinClass.propDecorators = {
-        size: [{ type: Input }]
-    };
-    ;
-    return DaffSizeMixinClass;
-}
-
-function daffStatusMixin(Base, defaultStatus) {
-    class DaffStatusMixinClass extends Base {
-        constructor(...args) {
-            super(...args);
-            this.status = defaultStatus;
-        }
-        get status() {
-            return this._status;
-        }
-        set status(value) {
-            // Handles the default status
-            const incomingStatus = value || defaultStatus;
-            if (incomingStatus === this._status) { // Only run the dom-render if a change occurs
-                return;
-            }
-            // Removes the old status
-            if (this._status) {
-                this._renderer.removeClass(this._elementRef.nativeElement, `daff-${this._status}`);
-            }
-            if (incomingStatus) {
-                this._renderer.addClass(this._elementRef.nativeElement, `daff-${incomingStatus}`);
-            }
-            this._status = incomingStatus;
-        }
-    }
-    DaffStatusMixinClass.propDecorators = {
-        status: [{ type: Input }]
-    };
-    ;
-    return DaffStatusMixinClass;
-}
-
-/**
- * List of classes to add to DaffButtonComponent instances based on host attributes to style as different variants.
- */
-const BUTTON_HOST_ATTRIBUTES = [
-    'daff-button',
-    'daff-stroked-button',
-    'daff-raised-button',
-    'daff-icon-button',
-    'daff-underline-button',
-];
-/**
- * An _elementRef and an instance of renderer2 are needed for the button mixins
- */
-class DaffButtonBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffButtonBase = daffArticleEncapsulatedMixin(daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md'))))));
-var DaffButtonTypeEnum;
-(function (DaffButtonTypeEnum) {
-    DaffButtonTypeEnum["Default"] = "daff-button";
-    DaffButtonTypeEnum["Stroked"] = "daff-stroked-button";
-    DaffButtonTypeEnum["Raised"] = "daff-raised-button";
-    DaffButtonTypeEnum["Icon"] = "daff-icon-button";
-    DaffButtonTypeEnum["Underline"] = "daff-underline-button";
-})(DaffButtonTypeEnum || (DaffButtonTypeEnum = {}));
-/**
- * @inheritdoc
- */
-class DaffButtonComponent extends _daffButtonBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        for (const attr of BUTTON_HOST_ATTRIBUTES) {
-            if (this._hasHostAttributes(attr)) {
-                elementRef.nativeElement.classList.add(attr);
-            }
-        }
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        for (const attr of BUTTON_HOST_ATTRIBUTES) {
-            if (this._hasHostAttributes(attr)) {
-                this.buttonType = attr;
-            }
-        }
-    }
-    /**
-     * @docs-private
-     */
-    get button() {
-        return this.buttonType === DaffButtonTypeEnum.Default || this.buttonType === undefined;
-    }
-    /**
-     * @docs-private
-     */
-    get stroked() {
-        return this.buttonType === DaffButtonTypeEnum.Stroked;
-    }
-    /**
-     * @docs-private
-     */
-    get raised() {
-        return this.buttonType === DaffButtonTypeEnum.Raised;
-    }
-    /**
-     * @docs-private
-     */
-    get icon() {
-        return this.buttonType === DaffButtonTypeEnum.Icon;
-    }
-    /**
-     * @docs-private
-     */
-    get underline() {
-        return this.buttonType === DaffButtonTypeEnum.Underline;
-    }
-    _getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /**
-     * Gets whether the button has one of the given attributes.
-     * */
-    _hasHostAttributes(...attributes) {
-        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
-    }
-}
-DaffButtonComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: '' +
-                    'button[daff-button]' + ',' +
-                    'button[daff-stroked-button]' + ',' +
-                    'button[daff-raised-button]' + ',' +
-                    'button[daff-icon-button]' + ',' +
-                    'button[daff-underline-button]' + ',' +
-                    'a[daff-button]' + ',' +
-                    'a[daff-stroked-button]' + ',' +
-                    'a[daff-raised-button]' + ',' +
-                    'a[daff-icon-button]' + ',' +
-                    'a[daff-underline-button]',
-                template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<span><ng-content></ng-content></span>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>",
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color', 'size', 'status'],
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".daff-button,.daff-raised-button,.daff-stroked-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;transition:background-color .3s,border-color .3s,box-shadow .3s,color .3s,transform .3s;will-change:background-color,border-color,box-shadow,color;min-width:96px}.daff-button[disabled],.daff-raised-button[disabled],.daff-stroked-button[disabled]{cursor:not-allowed}.daff-button .daff-prefix,.daff-button .daff-suffix,.daff-raised-button .daff-prefix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-prefix,.daff-stroked-button .daff-suffix{vertical-align:middle}.daff-button .daff-prefix,.daff-raised-button .daff-prefix,.daff-stroked-button .daff-prefix{margin-right:8px}.daff-button .daff-suffix,.daff-raised-button .daff-suffix,.daff-stroked-button .daff-suffix{margin-left:8px}.daff-button.daff-sm,.daff-raised-button.daff-sm,.daff-stroked-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{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{font-size:1.25rem;line-height:3.5rem;height:3.5rem;padding:0 1.5rem}.daff-icon-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;position:relative;text-align:center;text-decoration:none;background:none;border:0;padding:0}.daff-icon-button[disabled]{cursor:not-allowed}.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:2.5rem;height:2.5rem;width:2.5rem}.daff-icon-button.daff-lg{font-size:1.25rem;line-height:3rem;height:3rem;width:3rem}.daff-underline-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;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 .daff-prefix,.daff-underline-button .daff-suffix{vertical-align:middle}.daff-underline-button .daff-prefix{margin-right:8px}.daff-underline-button .daff-suffix{margin-left:8px}.daff-underline-button[disabled]{cursor:not-allowed}.daff-underline-button[disabled]:active:after,.daff-underline-button[disabled]:hover:after{-webkit-animation:none;animation:none}.daff-underline-button:focus{border-radius:4px}.daff-underline-button:after{bottom:0;content:\"\";height:2px;left:0;opacity:1;position:absolute;width:100%}.daff-underline-button:hover:after{-webkit-animation:none;animation:none}@media (min-width:1024px){.daff-underline-button:hover:after{-webkit-animation:underline-button-hover .7s ease;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}@-webkit-keyframes underline-button-hover{0%{transform:translateX(0)}50%{transform:translateX(100%)}51%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes underline-button-hover{0%{transform:translateX(0)}50%{transform:translateX(100%)}51%{transform:translateX(-100%)}to{transform:translateX(0)}}"]
-            },] }
-];
-/** @nocollapse */
-DaffButtonComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffButtonComponent.propDecorators = {
-    button: [{ type: HostBinding, args: ['class.daff-button',] }],
-    stroked: [{ type: HostBinding, args: ['class.daff-stroked-button',] }],
-    raised: [{ type: HostBinding, args: ['class.daff-raised-button',] }],
-    icon: [{ type: HostBinding, args: ['class.daff-icon-button',] }],
-    underline: [{ type: HostBinding, args: ['class.daff-underline-button',] }]
-};
-
-class DaffButtonModule {
-}
-DaffButtonModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    DaffPrefixSuffixModule,
-                ],
-                declarations: [
-                    DaffButtonComponent,
-                ],
-                exports: [
-                    DaffButtonComponent,
-                    DaffPrefixSuffixModule,
-                ],
-            },] }
-];
-
-class DaffErrorStateMatcher {
-    isErrorState(control, formSubmitted) {
-        return control.errors && (control.touched || formSubmitted);
-    }
-}
-
-class DaffErrorMessageComponent {
-}
-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}"]
-            },] }
-];
-
-class DaffErrorMessageModule {
-}
-DaffErrorMessageModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [
-                    DaffErrorMessageComponent,
-                ],
-                declarations: [
-                    DaffErrorMessageComponent,
-                ],
-            },] }
-];
-
-/**
- *
- * The class that a form control must **implement** in order to be
- * used with the DaffFormFieldComponent.
- *
- * You may ask: "Why are you implementing an abstract class, not extending it?"
- * We do this so that the Angular DI container can match the class token. A typical
- * interface would be "more accurate" here, but since interfaces don't exist
- * in javascript, they get thrown out by the typescript compiler and cannot
- * be used for the necessary dependency injection.
- */
-class DaffFormFieldControl {
-}
-;
-
-const DaffFormFieldMissingControlMessage = 'A DaffFormFieldComponent must contain a DaffFormFieldControl';
-
-// ChangeDetection is ignored because this component needs to be refactored
-// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
-class DaffFormFieldComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.faChevronDown = faChevronDown;
-        this.class = true;
-        /**
-         * The tracking property used to determine if the parent form has been submitted,
-         * and thus show an error message (even if the field hasn't been touched).
-         *
-         * @deprecated
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.formSubmitted = false;
-        /**
-         * Tracking property to keep a record of whether or not the
-         * form field should be marked as error.
-         */
-        this.isError = false;
-        /**
-         * Tracking property to keep a record of whether or not the
-         * form field should be marked as valid.
-         */
-        this.isValid = false;
-    }
-    /**
-     * @docs
-     *
-     * Determines whether or not the form field should display its focused state.
-     */
-    get isFocused() {
-        var _a;
-        return (_a = this._control) === null || _a === void 0 ? void 0 : _a.focused;
-    }
-    /**
-     * Keeps the state of the form field consistent with its child DaffFormControl
-     *
-     * TODO: consider whether or not this can be refactored to some kind of
-     * observable to remove unnecessary change detection.
-     *
-     * @docs-private
-     */
-    ngDoCheck() {
-        var _a;
-        if ((_a = this._control) === null || _a === void 0 ? void 0 : _a.ngControl) {
-            this.isError = this._control.ngControl.errors && (this._control.ngControl.touched);
-            this.isValid = !this._control.ngControl.errors && this._control.ngControl.touched;
-        }
-    }
-    /**
-     * Validate whether or not the FormField is in
-     * a "usable" state.
-     */
-    _validateFormControl() {
-        if (!this._control) {
-            throw new Error(DaffFormFieldMissingControlMessage);
-        }
-    }
-    /**
-     * Life cycle hook to verify that the form field has an acceptable
-     * child control instance. Mostly useful for development-time
-     * validation of usage.
-     *
-     * @docs-private
-     */
-    ngAfterContentInit() {
-        this._validateFormControl();
-    }
-    /**
-     * Life cycle hook to verify that the form field has an acceptable
-     * child control instance. Mostly useful for development-time
-     * validation of usage.
-     *
-     * @docs-private
-     */
-    ngAfterContentChecked() {
-        this._validateFormControl();
-    }
-}
-DaffFormFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-form-field',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                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}"]
-            },] }
-];
-DaffFormFieldComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-form-field',] }],
-    formSubmitted: [{ type: Input }],
-    _control: [{ type: ContentChild, args: [DaffFormFieldControl,] }]
-};
-
-class DaffFormFieldModule {
-}
-DaffFormFieldModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FontAwesomeModule,
-                    DaffErrorMessageModule,
-                ],
-                exports: [
-                    DaffFormFieldComponent,
-                    DaffErrorMessageModule,
-                ],
-                declarations: [
-                    DaffFormFieldComponent,
-                ],
-            },] }
-];
-
-const DAFF_MEDIA_GALLERY_TOKEN = new InjectionToken('DAFF_MEDIA_GALLERY_TOKEN');
-
-const isGallery = (element) => !('gallery' in element);
-class DaffMediaGalleryRegistry {
-    constructor() {
-        this.galleries = {};
-    }
-    /**
-     * @description
-     * Adds a media element to the internal registry.
-     */
-    add(gallery, thumbnail) {
-        if (this.galleries[gallery.name]) {
-            let newGallery = this.galleries[gallery.name].getValue();
-            if (thumbnail) {
-                newGallery = Object.assign(Object.assign({}, newGallery), { thumbnails: [
-                        ...newGallery.thumbnails.filter(t => t !== thumbnail),
-                        thumbnail,
-                    ] });
-            }
-            this.galleries[gallery.name].next(newGallery);
-        }
-        else {
-            this.galleries[gallery.name] = new BehaviorSubject({
-                gallery,
-                thumbnails: thumbnail ? [thumbnail] : [],
-            });
-        }
-        if (this.galleries[gallery.name].getValue().thumbnails.length === 1) {
-            thumbnail.select();
-        }
-    }
-    /**
-     * @description
-     * Removes a thumbnail or gallery from the internal registry.
-     */
-    remove(element) {
-        if (isGallery(element)) {
-            this.removeGallery(element);
-        }
-        else {
-            this.removeThumbnail(element);
-        }
-    }
-    removeThumbnail(thumbnail) {
-        if (!this.galleries[thumbnail.gallery.name]) {
-            return;
-        }
-        const gallery = this.galleries[thumbnail.gallery.name].getValue();
-        const index = gallery.thumbnails.indexOf(thumbnail);
-        if (index === -1) {
-            return;
-        }
-        this.galleries[thumbnail.gallery.name].next(Object.assign(Object.assign({}, gallery), { thumbnails: [
-                ...gallery.thumbnails.slice(0, index),
-                ...gallery.thumbnails.slice(index + 1),
-            ] }));
-    }
-    removeGallery(gallery) {
-        delete this.galleries[gallery.name];
-    }
-    /**
-     * @description
-     * Selects a media element for a given gallery.
-     */
-    select(thumbnail) {
-        if (!this.galleries[thumbnail.gallery.name]) {
-            return;
-        }
-        const gallery = this.galleries[thumbnail.gallery.name].getValue();
-        const index = gallery.thumbnails.indexOf(thumbnail);
-        if (thumbnail.selected || index === -1) {
-            return;
-        }
-        this.galleries[thumbnail.gallery.name].next(Object.assign(Object.assign({}, gallery), { thumbnails: [
-                ...gallery.thumbnails.filter(m => m !== thumbnail).map(m => m.deselect()),
-                thumbnail.select(),
-            ] }));
-    }
-}
-/** @nocollapse */ DaffMediaGalleryRegistry.ɵprov = ɵɵdefineInjectable({ factory: function DaffMediaGalleryRegistry_Factory() { return new DaffMediaGalleryRegistry(); }, token: DaffMediaGalleryRegistry, providedIn: "root" });
-DaffMediaGalleryRegistry.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-
-let uniqueGalleryId = 0;
-/**
- * An _elementRef and an instance of renderer2 are needed for the link set mixins
- */
-class DaffMediaGalleryBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffMediaGalleryBase = daffArticleEncapsulatedMixin((DaffMediaGalleryBase));
-class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
-    constructor(elementRef, renderer, registry) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.registry = registry;
-        /**
-         * Adds a class for styling the media gallery
-         */
-        this.class = true;
-        /**
-         * The name of the gallery
-         */
-        this.name = `${uniqueGalleryId}`;
-        uniqueGalleryId++;
-    }
-    ngOnInit() {
-        this.registry.add(this);
-    }
-    ngOnDestroy() {
-        this.registry.remove(this);
-    }
-}
-DaffMediaGalleryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-media-gallery',
-                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>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
-                ],
-                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;-moz-user-select:none;-ms-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}}.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}@media (min-width:1024px){.daff-media-gallery__selected-thumbnail{order:2}}"]
-            },] }
-];
-/** @nocollapse */
-DaffMediaGalleryComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: DaffMediaGalleryRegistry }
-];
-DaffMediaGalleryComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-media-gallery',] }],
-    name: [{ type: Input }]
-};
-
-/**
- * Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail
- * changes.
- */
-class DaffMediaRendererComponent {
-    constructor(componentFactoryResolver, registry, gallery) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.registry = registry;
-        this.gallery = gallery;
-        /**
-         * Private tracker for indicating when the component is destroyed.
-         */
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.registry.galleries[this.gallery.name]
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((gallery) => {
-            /**
-             * Clear out the slot for the dynamically rendered thumbnail
-             */
-            this.slot.clear();
-            const _selectedThumbnail = gallery.thumbnails.filter(media => media.selected).shift();
-            /**
-             * If there's no selected media, render nothing.
-             */
-            if (!_selectedThumbnail) {
-                return;
-            }
-            const _selectedThumbnailComponent = _selectedThumbnail.component;
-            /**
-             * Create the component to insert.
-             */
-            const component = this.componentFactoryResolver.resolveComponentFactory(_selectedThumbnailComponent.constructor);
-            const componentRef = this.slot.createComponent(component);
-            /**
-             * Fill the component with it's values from the original component
-             */
-            component.inputs.forEach(input => {
-                componentRef.instance[input.propName] = _selectedThumbnailComponent[input.propName];
-            });
-            /**
-             * Trigger a change detection on the component tree, outside the cycle to address
-             * the fact that the component was created outside a typical CD loop.
-             */
-            componentRef.changeDetectorRef.detectChanges();
-        });
-    }
-    /**
-     * Used to unsubscribe from the dynamic component.
-     */
-    ngOnDestroy() {
-        this._destroy$.next(true);
-        this._destroy$.unsubscribe();
-    }
-}
-DaffMediaRendererComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-media-renderer',
-                template: "<ng-template></ng-template>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-/** @nocollapse */
-DaffMediaRendererComponent.ctorParameters = () => [
-    { type: ComponentFactoryResolver },
-    { type: DaffMediaGalleryRegistry },
-    { type: undefined, decorators: [{ type: Inject, args: [DAFF_MEDIA_GALLERY_TOKEN,] }] }
-];
-DaffMediaRendererComponent.propDecorators = {
-    slot: [{ type: ViewChild, args: [TemplateRef, { static: true, read: ViewContainerRef },] }]
-};
-
-/**
- * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
- */
-const daffThumbnailCompatToken = new InjectionToken('thumbnailCompatToken');
-
-/**
- * A directive marking thumbnails for the `DaffMediaRendererComponent`. Needs to be wrapped in a `daff-media-gallery` component
- * and needs to be placed on a component that is provided as a `daffThumbnailCompatToken`.
- */
-class DaffThumbnailDirective {
-    constructor(component, cd, registry, gallery) {
-        this.component = component;
-        this.cd = cd;
-        this.registry = registry;
-        this.gallery = gallery;
-        /**
-         * Adds a class for styling a thumbnail
-         */
-        this.class = true;
-        /**
-         * A prop for determining whether or not the media element is selected.
-         */
-        this.selected = false;
-        /**
-         * An event that fires after the media element becomes selected.
-         */
-        this.becameSelected = new EventEmitter();
-    }
-    /**
-     * Adds a class for styling a selected thumbnail
-     */
-    get selectedClass() {
-        return this.selected;
-    }
-    ;
-    /**
-     * Adds a click event to trigger selection of the media element.
-     *
-     * @param event: MouseEvent
-     */
-    onClick($event) {
-        this.registry.select(this);
-    }
-    ngOnInit() {
-        this.registry.add(this.gallery, this);
-    }
-    ngOnDestroy() {
-        this.registry.remove(this);
-    }
-    select() {
-        this.selected = true;
-        this.becameSelected.emit();
-        this.cd.markForCheck();
-        return this;
-    }
-    deselect() {
-        this.selected = false;
-        this.cd.markForCheck();
-        return this;
-    }
-}
-DaffThumbnailDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffThumbnail]',
-            },] }
-];
-/** @nocollapse */
-DaffThumbnailDirective.ctorParameters = () => [
-    { type: Type, decorators: [{ type: Inject, args: [daffThumbnailCompatToken,] }] },
-    { type: ChangeDetectorRef },
-    { type: DaffMediaGalleryRegistry },
-    { type: undefined, decorators: [{ type: Inject, args: [DAFF_MEDIA_GALLERY_TOKEN,] }] }
-];
-DaffThumbnailDirective.propDecorators = {
-    selectedClass: [{ type: HostBinding, args: ['class.daff-thumbnail--selected',] }],
-    class: [{ type: HostBinding, args: ['class.daff-thumbnail',] }],
-    becameSelected: [{ type: Output }],
-    onClick: [{ type: HostListener, args: ['click', ['$event'],] }]
-};
-
-class DaffMediaGalleryModule {
-}
-DaffMediaGalleryModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DaffMediaGalleryComponent,
-                    DaffThumbnailDirective,
-                    DaffMediaRendererComponent,
-                ],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [
-                    DaffThumbnailDirective,
-                    DaffMediaGalleryComponent,
-                ],
-            },] }
-];
-
-const validateProperty = (object, prop) => {
-    if (object[prop] === null || object[prop] === undefined || object[prop] === '') {
-        throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);
-    }
-};
-const ɵ0 = validateProperty;
-const validateProperties = (object, props) => {
-    const invalidProps = props.filter(prop => {
-        try {
-            validateProperty(object, prop);
-        }
-        catch (e) {
-            return true;
-        }
-        return false;
-    });
-    if (invalidProps.length) {
-        throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);
-    }
-};
-const ɵ1 = validateProperties;
-class DaffImageComponent {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-        // TODO: rename event to not collide with native event (unless that's intentional)
-        // eslint-disable-next-line @angular-eslint/no-output-native
-        this.load = new EventEmitter();
-    }
-    get src() {
-        return this._src;
-    }
-    set src(value) {
-        this._src = value;
-        validateProperty(this, 'src');
-    }
-    get alt() {
-        return this._alt;
-    }
-    set alt(value) {
-        this._alt = value;
-        validateProperty(this, 'alt');
-    }
-    get width() {
-        return this._width;
-    }
-    set width(value) {
-        this._width = value;
-        validateProperty(this, 'width');
-    }
-    get height() {
-        return this._height;
-    }
-    set height(value) {
-        this._height = value;
-        validateProperty(this, 'height');
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        validateProperties(this, ['src', 'alt', 'width', 'height']);
-    }
-    /**
-     * @docs-private
-     */
-    get _paddingTop() {
-        if (!this.height || !this.width) {
-            return undefined;
-        }
-        return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');
-    }
-    /**
-     * @docs-private
-     */
-    get maxWidth() {
-        return this.width + 'px';
-    }
-}
-DaffImageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-image',
-                template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                        provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
-                    },
-                ],
-                styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}: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}"]
-            },] }
-];
-/** @nocollapse */
-DaffImageComponent.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-DaffImageComponent.propDecorators = {
-    src: [{ type: Input }],
-    alt: [{ type: Input }],
-    width: [{ type: Input }],
-    height: [{ type: Input }],
-    load: [{ type: Output }],
-    maxWidth: [{ type: HostBinding, args: ['style.max-width',] }]
-};
-
-class DaffImageModule {
-}
-DaffImageModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DaffImageComponent,
-                ],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [
-                    DaffImageComponent,
-                ],
-                entryComponents: [
-                    DaffImageComponent,
-                ],
-            },] }
-];
-
-/**
- * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.
- */
-class DaffInputComponent {
-    constructor(
-    /**
-     * @docs-private
-     */
-    ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.focused = false;
-    }
-    /**
-     * @docs-private
-     */
-    focus() {
-        this.focused = true;
-    }
-    /**
-     * @docs-private
-     */
-    blur() {
-        this.focused = false;
-    }
-    onFocus() {
-        this._elementRef.nativeElement.focus();
-    }
-}
-DaffInputComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: 'input[daff-input]',
-                template: '<ng-content></ng-content>',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    { provide: DaffFormFieldControl, useExisting: DaffInputComponent },
-                ],
-                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}"]
-            },] }
-];
-/** @nocollapse */
-DaffInputComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
-    { type: ElementRef }
-];
-DaffInputComponent.propDecorators = {
-    formSubmitted: [{ type: Input }],
-    focus: [{ type: HostListener, args: ['focus',] }],
-    blur: [{ type: HostListener, args: ['blur',] }]
-};
-
-class DaffInputModule {
-}
-DaffInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                exports: [
-                    DaffInputComponent,
-                ],
-                declarations: [
-                    DaffInputComponent,
-                ],
-            },] }
-];
-
-class DaffNativeSelectComponent {
-    constructor(
-    /**
-     * @docs-private
-     */
-    ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        /**
-         * @docs-private
-         */
-        this.controlType = 'native-select';
-        this.class = true;
-        this.focused = false;
-    }
-    /**
-     * @docs-private
-     */
-    focus() {
-        this.focused = true;
-    }
-    /**
-     * @docs-private
-     */
-    blur() {
-        this.focused = false;
-    }
-    onFocus() {
-        this._elementRef.nativeElement.focus();
-    }
-}
-DaffNativeSelectComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                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
-                    { provide: DaffFormFieldControl, useExisting: DaffNativeSelectComponent },
-                ],
-                styles: [".daff-native-select{-webkit-appearance:none;-moz-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}"]
-            },] }
-];
-/** @nocollapse */
-DaffNativeSelectComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
-    { type: ElementRef }
-];
-DaffNativeSelectComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-native-select',] }],
-    formSubmitted: [{ type: Input }],
-    focus: [{ type: HostListener, args: ['focus',] }],
-    blur: [{ type: HostListener, args: ['blur',] }]
-};
-
-class DaffNativeSelectModule {
-}
-DaffNativeSelectModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                exports: [
-                    DaffNativeSelectComponent,
-                ],
-                declarations: [
-                    DaffNativeSelectComponent,
-                ],
-            },] }
-];
-
-let checkboxIdNum = 0;
-class DaffCheckboxComponent {
-    constructor(_cdRef) {
-        this._cdRef = _cdRef;
-        /**
-         * Boolean value to determine whether or not the checkbox is checked.
-         */
-        this._checked = false;
-        /**
-         * The id of the checkbox. Must be unique. If not entered by a user then it is generated.
-         */
-        this.id = 'daff-checkbox-' + checkboxIdNum;
-        /**
-         * The aria-label of the checkbox.
-         */
-        // eslint-disable-next-line @angular-eslint/no-input-rename
-        this.label = '';
-        /**
-         * Event on whether or not the selection has changed.
-         */
-        this.becameChecked = new EventEmitter();
-        this.becameUnchecked = new EventEmitter();
-        /**
-         * The role of the component. Set to "checkbox".
-         *
-         * @docs-private
-         */
-        this.role = 'checkbox';
-        /**
-         * Increments id number on new checkbox. Gurantees unique ID on generation.
-         */
-        checkboxIdNum++;
-    }
-    get checked() {
-        return this._checked;
-    }
-    set checked(value) {
-        if (this._checked === value) {
-            return;
-        }
-        if (value === true) {
-            this.nativeCheckbox.nativeElement.checked = true;
-            this.becameChecked.emit(this._checked);
-        }
-        else {
-            this.nativeCheckbox.nativeElement.checked = false;
-            this.becameUnchecked.emit();
-        }
-        this._checked = value;
-    }
-    /**
-     * @docs-private
-     */
-    _onChange(val) {
-        if (val.target.checked) {
-            this.select();
-        }
-        else {
-            this.deselect();
-        }
-    }
-    ;
-    /**
-     * @docs-private
-     */
-    get focusClass() {
-        return this.focused === true;
-    }
-    ;
-    /**
-     * @docs-private
-     */
-    get disabledClass() {
-        return this.disabled === true;
-    }
-    ;
-    /**
-     * Sets focused to false.
-     */
-    onBlur() {
-        this.focused = false;
-    }
-    /**
-     * Sets focused to true.
-     */
-    onFocus() {
-        this.focused = true;
-    }
-    /**
-     * Sets checked to true.
-     */
-    select() {
-        this.checked = true;
-        this._cdRef.markForCheck();
-    }
-    /**
-     * Sets checked to false
-     */
-    deselect() {
-        this.checked = false;
-        this._cdRef.markForCheck();
-    }
-}
-DaffCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-checkbox',
-                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>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-/** @nocollapse */
-DaffCheckboxComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-DaffCheckboxComponent.propDecorators = {
-    nativeCheckbox: [{ type: ViewChild, args: ['inputElement', { static: true, read: ElementRef },] }],
-    name: [{ type: Input }],
-    value: [{ type: Input }],
-    checked: [{ type: Input }],
-    id: [{ type: Input }],
-    label: [{ type: Input, args: ['aria-label',] }],
-    labeledBy: [{ type: Input, args: ['aria-labelledby',] }],
-    becameChecked: [{ type: Output }],
-    becameUnchecked: [{ type: Output }],
-    role: [{ type: HostBinding, args: ['attr.role',] }],
-    focusClass: [{ type: HostBinding, args: ['class.focused',] }],
-    disabledClass: [{ type: HostBinding, 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);
-    }
-}
-DaffCheckboxSetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-checkbox-set',
-                template: "<ng-content></ng-content>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-DaffCheckboxSetComponent.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.
- */
-class DaffCheckboxControlValueAccessorDirective {
-    constructor(_control, _checkbox) {
-        this._control = _control;
-        this._checkbox = _checkbox;
-        if (this._control != null) {
-            this._control.valueAccessor = this;
-        }
-    }
-    /**
-     * A lifecycle method called when the directive is initialized.
-     */
-    ngOnInit() {
-        // See the note about `writeValue` usage.
-        this.writeValue(this._control.value);
-        // Watch for user events on the component to update the state
-        this._checkbox.becameChecked.subscribe(() => {
-            this._onChange(true);
-        });
-        this._checkbox.becameUnchecked.subscribe(() => {
-            this._onChange(false);
-        });
-    }
-    /**
-     * writes a new value down into the component.
-     */
-    writeValue(value) {
-        value = !!value;
-        if (value === true) {
-            this.fireSelect();
-        }
-        else {
-            this.fireDeselect();
-        }
-    }
-    /**
-     * Registers the change handler
-     */
-    registerOnChange(fn) {
-        this._onChange = (val) => {
-            fn(val);
-        };
-    }
-    /**
-     * Registers the touched handler
-     */
-    registerOnTouched(fn) {
-        this._onTouched = fn;
-    }
-    /**
-     * Sets the disabled state.
-     */
-    setDisabledState(isDisabled) {
-        this._checkbox.disabled = isDisabled;
-    }
-    /**
-     * calls the child checkbox's select function
-     */
-    fireSelect() {
-        this._checkbox.select();
-    }
-    /**
-     * calls the child checkbox's deselect function
-     */
-    fireDeselect() {
-        this._checkbox.deselect();
-    }
-}
-DaffCheckboxControlValueAccessorDirective.decorators = [
-    { type: Directive, args: [{
-                // eslint-disable-next-line @angular-eslint/directive-selector
-                selector: 'daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]',
-            },] }
-];
-/** @nocollapse */
-DaffCheckboxControlValueAccessorDirective.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
-    { type: DaffCheckboxComponent }
-];
-DaffCheckboxControlValueAccessorDirective.propDecorators = {
-    value: [{ type: Input }],
-    name: [{ type: Input }]
-};
-
-class DaffCheckboxModule {
-}
-DaffCheckboxModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [
-                    DaffCheckboxComponent,
-                    DaffCheckboxSetComponent,
-                    DaffCheckboxControlValueAccessorDirective,
-                ],
-                declarations: [
-                    DaffCheckboxComponent,
-                    DaffCheckboxSetComponent,
-                    DaffCheckboxControlValueAccessorDirective,
-                ],
-                imports: [
-                    CommonModule,
-                ],
-                providers: [
-                    DaffCheckboxSetComponent,
-                ],
-            },] }
-];
-
-class DaffQuantityInputComponent {
-    constructor(ngControl, changeDetectorRef) {
-        this.ngControl = ngControl;
-        this.changeDetectorRef = changeDetectorRef;
-        /**
-         * @docs
-         * The minimum number for the quantity input field
-         */
-        this.min = 1;
-        /**
-         * @docs
-         * The maximum number for the quantity input field
-         */
-        this.max = 10;
-        /**
-         * A new control for the nested native input.
-         * We don't bind the native input directly to the inherited form control
-         * 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();
-        // TODO: should this not use this.input as the source of truth for focused?
-        this.focused = false;
-        this._destroyed = new Subject();
-    }
-    get value() {
-        return this.ngControl.control.value;
-    }
-    set value(value) {
-        const val = Math.min(Math.round(coerceNumberProperty(value)), this.max);
-        this.ngControl.control.patchValue(val);
-        this._inputControl.patchValue(val);
-        this.changeDetectorRef.markForCheck();
-    }
-    get disabled() {
-        return this.ngControl.control.disabled;
-    }
-    ngOnInit() {
-        this._inputControl.patchValue(this.ngControl.control.value);
-        this.setInputDisabled();
-        this.ngControl.statusChanges.pipe(takeUntil(this._destroyed)).subscribe(() => {
-            this.setInputDisabled();
-        });
-    }
-    ngOnDestroy() {
-        this._destroyed.next(true);
-    }
-    focus() {
-        this.focused = true;
-        this.input.focus();
-    }
-    onFocus() {
-        this.focused = true;
-        this.ngControl.control.markAsTouched();
-    }
-    onBlur() {
-        // TODO: this.focused = false ?
-        if (this.value === null || this.value === undefined) {
-            this.value = 1;
-            this.changeDetectorRef.markForCheck();
-        }
-    }
-    /**
-     * Callback function fired when the value changes.
-     * Used to pass the value back up to the ngControl.
-     */
-    onValueChange(e) {
-        this.value = e.target.value;
-    }
-    setInputDisabled() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-        this.ngControl.disabled
-            ? this._inputControl.disable()
-            : this._inputControl.enable();
-    }
-}
-DaffQuantityInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-quantity-input',
-                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",
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-/** @nocollapse */
-DaffQuantityInputComponent.ctorParameters = () => [
-    { type: NgControl },
-    { type: ChangeDetectorRef }
-];
-DaffQuantityInputComponent.propDecorators = {
-    input: [{ type: ViewChild, args: [DaffInputComponent,] }],
-    min: [{ type: Input }],
-    max: [{ type: Input }]
-};
-
-/**
- * Create an array of numbers from min to max, not including max.
- */
-const makeValueArray = (min, max, increment) => Array(max - min).fill(0).map((x, i) => (i * increment) + min);
-class DaffQuantitySelectComponent {
-    constructor(ngControl, changeDetectorRef) {
-        this.ngControl = ngControl;
-        this.changeDetectorRef = changeDetectorRef;
-        /**
-         * @docs
-         * The minimum number selectable.
-         */
-        this.min = 1;
-        /**
-         * @docs
-         * The maximum number selectable;
-         */
-        this.max = 10;
-        /**
-         * @docs
-         * Property used to determine whether or not the DaffQuantitySelectComponent is
-         * used in a situation whether the `max` isn't a true max.
-         */
-        this.extendable = true;
-        /**
-         * The amount to increment between "min" and "max".
-         */
-        this.increment = 1;
-        this._value = 1;
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-        this.ngControl.control.patchValue(this._value);
-        this.changeDetectorRef.markForCheck();
-    }
-    /**
-     * Callback function fired when the value changes.
-     * Used to pass the value back up to the ngControl.
-     */
-    onValueChange(e) {
-        this.value = e.target.value;
-    }
-    get focused() {
-        return this.select.focused;
-    }
-    focus() {
-        this.select.focus();
-    }
-    /**
-     * A helper function for easily making options for the `select`.
-     */
-    get valueArray() {
-        return makeValueArray(this.min, this.max, this.increment);
-    }
-}
-DaffQuantitySelectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-quantity-select',
-                template: "<select daff-native-select [formControl]=\"ngControl.control\">\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",
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-/** @nocollapse */
-DaffQuantitySelectComponent.ctorParameters = () => [
-    { type: NgControl },
-    { type: ChangeDetectorRef }
-];
-DaffQuantitySelectComponent.propDecorators = {
-    select: [{ type: ViewChild, args: [DaffNativeSelectComponent,] }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    extendable: [{ type: Input }]
-};
-
-class DaffQuantityFieldComponent {
-    constructor(ngControl, cd) {
-        this.ngControl = ngControl;
-        this.cd = cd;
-        /**
-         * @docs
-         * The minimum valid value of the quantity field.
-         * Must be greater than or equal to 1.
-         */
-        this.min = 1;
-        /**
-         * @docs
-         * The maximum valid value of the quantity field.
-         * Must be greater than min.
-         */
-        this.max = 500;
-        /**
-         * @docs
-         * The range of numbers acceptable in a quantity dropdown
-         * before it becomes an input element.
-         */
-        this.selectMax = 10;
-        this.focused = false;
-        this.disabled = false;
-        this._quantity = 1;
-        this._inputHasBeenShown = false;
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    get quantity() {
-        return this._quantity;
-    }
-    set quantity(value) {
-        this._quantity = coerceNumberProperty(value, 1);
-    }
-    /**
-     * Returns the lesser of max and selectMax.
-     */
-    get _maxFloor() {
-        return Math.min(this.max, this.selectMax);
-    }
-    get controlType() {
-        // TODO: use enum
-        return this.showInputField
-            ? 'native-input'
-            : 'native-select';
-    }
-    get showInputField() {
-        const ret = this._inputHasBeenShown || (this.ngControl
-            ? this.ngControl.value >= this.selectMax
-            : this.quantity >= this.selectMax);
-        if (ret) {
-            this._inputHasBeenShown = true;
-        }
-        return ret;
-    }
-    get showSelectField() {
-        return !this.showInputField;
-    }
-    onChange(quantity) { }
-    ;
-    onTouched(quantity) { }
-    ;
-    writeValue(quantity) {
-        this.quantity = quantity;
-        this.cd.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    focus() {
-        if (this.select) {
-            this.select.focus();
-        }
-        if (this.input) {
-            this.input.focus();
-        }
-        this.focused = true;
-    }
-}
-DaffQuantityFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-quantity-field',
-                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",
-                providers: [
-                    {
-                        provide: DaffFormFieldControl,
-                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                        useExisting: DaffQuantityFieldComponent,
-                    },
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-/** @nocollapse */
-DaffQuantityFieldComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
-    { type: ChangeDetectorRef }
-];
-DaffQuantityFieldComponent.propDecorators = {
-    input: [{ type: ViewChild, args: [DaffQuantityInputComponent,] }],
-    select: [{ type: ViewChild, args: [DaffQuantitySelectComponent,] }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    selectMax: [{ type: Input }]
-};
-
-class DaffQuantityFieldModule {
-}
-DaffQuantityFieldModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DaffQuantityFieldComponent,
-                    DaffQuantityInputComponent,
-                    DaffQuantitySelectComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    DaffNativeSelectModule,
-                    DaffInputModule,
-                    ReactiveFormsModule,
-                ],
-                exports: [
-                    DaffQuantityFieldComponent,
-                    DaffQuantityInputComponent,
-                    DaffQuantitySelectComponent,
-                ],
-            },] }
-];
-
-/**
- * An _elementRef and an instance of renderer2 are needed for the Sizeable mixin
- */
-class DaffContainerBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffContainerBase = daffSizeMixin(DaffContainerBase);
-/**
- * @inheritdoc
- */
-class DaffContainerComponent extends _daffContainerBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-container',
-                template: '<ng-content></ng-content>',
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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;-moz-column-gap: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}"]
-            },] }
-];
-/** @nocollapse */
-DaffContainerComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffContainerComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-container',] }]
-};
-
-class DaffContainerModule {
-}
-DaffContainerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffContainerComponent,
-                ],
-                exports: [
-                    DaffContainerComponent,
-                ],
-            },] }
-];
-
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffLoadingIconBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase, 'primary');
-/**
- * @inheritdoc
- */
-class DaffLoadingIconComponent extends _daffLoadingIconBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * The (pixel) diameter of the animation
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.diameter = 60;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-    /**
-     * @docs-private
-     */
-    get maxWidth() {
-        return this.diameter + 'px';
-    }
-}
-DaffLoadingIconComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-loading-icon',
-                template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n        <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>",
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block}circle{-webkit-animation:rotation linear,circle-animation linear;animation:rotation linear,circle-animation linear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}@-webkit-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 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}}@-webkit-keyframes rotation{0%{transform:rotate(-90deg)}50%{transform:rotate(0deg)}50.5%{transform:rotate(0deg)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}@keyframes rotation{0%{transform:rotate(-90deg)}50%{transform:rotate(0deg)}50.5%{transform:rotate(0deg)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}"]
-            },] }
-];
-/** @nocollapse */
-DaffLoadingIconComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffLoadingIconComponent.propDecorators = {
-    diameter: [{ type: Input }],
-    class: [{ type: HostBinding, args: ['class.daff-loading-icon',] }],
-    maxWidth: [{ type: HostBinding, args: ['style.max-width',] }]
-};
-
-class DaffLoadingIconModule {
-}
-DaffLoadingIconModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffLoadingIconComponent,
-                ],
-                exports: [
-                    DaffLoadingIconComponent,
-                ],
-            },] }
-];
-
-const daffProgressIndicatorAnimation = {
-    fill: trigger('fill', [
-        state('*', style({ width: '{{ percentage }}%' }), { params: { percentage: 0 } }),
-        transition('* <=> *', animate(1000)),
-    ]),
-};
-
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffProgressIndicatorBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffProgressIndicatorBase = daffColorMixin(DaffProgressIndicatorBase, 'primary');
-/**
- * @inheritdoc
- */
-class DaffProgressIndicatorComponent extends _daffProgressIndicatorBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * The percentage completion of the progression,
-         * expressed as a whole number between 0 and 100.
-         *
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.percentage = 0;
-        /**
-         * An event that emits each time the progression reaches 100%
-         * and the animation is finished
-         */
-        this.finished = new EventEmitter();
-    }
-    /**
-     * Calculates when the progress animation is fully completed
-     *
-     * @param event: AnimationEvent
-     */
-    onAnimationComplete(event) {
-        // @ts-ignore: @angular/animations typing error on event.toState as string
-        // See: https://github.com/angular/angular/issues/26507
-        if (event.toState === '100' || event.toState === 100) {
-            this.finished.emit();
-        }
-    }
-    /**
-     * @docs-private
-     */
-    get fillState() {
-        return {
-            value: this.percentage,
-            params: {
-                percentage: this.percentage,
-            },
-        };
-    }
-}
-DaffProgressIndicatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-progress-indicator',
-                template: "<div class=\"daff-progress-indicator__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color'],
-                animations: [
-                    daffProgressIndicatorAnimation.fill,
-                ],
-                styles: [":host{display:flex;height:3px;width:100%}"]
-            },] }
-];
-/** @nocollapse */
-DaffProgressIndicatorComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffProgressIndicatorComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-progress-indicator',] }],
-    percentage: [{ type: Input }],
-    finished: [{ type: Output }]
-};
-
-class DaffProgressIndicatorModule {
-}
-DaffProgressIndicatorModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [DaffProgressIndicatorComponent],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [DaffProgressIndicatorComponent],
-            },] }
-];
-
-class DaffRadioSetComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.role = 'radiogroup';
-    }
-}
-DaffRadioSetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-radio-set',
-                template: "<ng-content></ng-content>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-/** @nocollapse */
-DaffRadioSetComponent.ctorParameters = () => [];
-DaffRadioSetComponent.propDecorators = {
-    name: [{ type: Input }],
-    role: [{ type: HostBinding, args: ['attr.role',] }]
-};
-
-let radioUniqueId = 0;
-class DaffRadioComponent {
-    constructor(radioset) {
-        this.radioset = radioset;
-        /**
-         * @docs-private
-         */
-        this.role = 'radio';
-        /**
-         * @docs-private
-         */
-        this._checked = false;
-        /**
-         * Output event of selection being changed
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * The id of the radio. It is uniquely generated but can be overwritten by the user. Must be unique.
-         */
-        this.id = 'daff-radio-' + radioUniqueId;
-        /**
-         * Name of the Radio
-         */
-        this.name = '';
-        /**
-         * Used for aria-label. Default to name if user does not input a label.
-         */
-        // eslint-disable-next-line @angular-eslint/no-input-rename
-        this.label = this.name;
-        this.disabled = false;
-        this.focused = false;
-        radioUniqueId++;
-    }
-    /**
-     * @docs-private
-     */
-    get focusClass() {
-        return this.focused === true;
-    }
-    ;
-    /**
-     * @docs-private
-     */
-    get disabledClass() {
-        return this.disabled === true;
-    }
-    ;
-    /**
-     * The checked property of the radio
-     */
-    get checked() {
-        return this._checked;
-    }
-    set checked(value) {
-        if (this._checked !== value) {
-            this._checked = value;
-            this.selectionChange.emit(this.value);
-        }
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this.name = this.radioset ? this.radioset.name : this.name;
-    }
-    /**
-     * updates Focus styling
-     */
-    onFocus() {
-        this.focused = true;
-    }
-    /**
-     * updates Blur styling
-     */
-    onBlur() {
-        this.focused = false;
-    }
-    /**
-     * toggles checked attribute on
-     */
-    select() {
-        this.checked = true;
-    }
-    /**
-     * toggles checked attribute off
-     */
-    deselect() {
-        this.checked = false;
-    }
-    onChange() {
-        this.select();
-    }
-    ;
-}
-DaffRadioComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: 'daff-radio',
-                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>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-/** @nocollapse */
-DaffRadioComponent.ctorParameters = () => [
-    { type: DaffRadioSetComponent, decorators: [{ type: Optional }] }
-];
-DaffRadioComponent.propDecorators = {
-    role: [{ type: HostBinding, args: ['attr.role',] }],
-    focusClass: [{ type: HostBinding, args: ['class.focused',] }],
-    disabledClass: [{ type: HostBinding, args: ['class.disabled',] }],
-    selectionChange: [{ type: Output }],
-    checked: [{ type: Input }],
-    value: [{ type: Input }],
-    id: [{ type: Input }],
-    name: [{ type: Input }],
-    label: [{ type: Input, args: ['aria-label',] }],
-    labelledby: [{ type: Input, args: ['aria-labelledby',] }]
-};
-
-class DaffRadioRegistry {
-    constructor() {
-        this._accessors = [];
-    }
-    /**
-     * @description
-     * Adds a control to the internal registry.
-     */
-    add(control, accessor) {
-        this._accessors.push({
-            control,
-            accessor,
-        });
-    }
-    /**
-     * @description
-     * Removes a control from the internal registry.
-     */
-    remove(accessor) {
-        for (let i = this._accessors.length - 1; i >= 0; --i) {
-            if (this._accessors[i]['accessor'] === accessor) {
-                this._accessors.splice(i, 1);
-                return;
-            }
-        }
-    }
-    /**
-     * @description
-     * Selects a radio button.
-     */
-    select(accessor) {
-        this._accessors.forEach((c) => {
-            if (this._isSameGroup(c, accessor) && c['accessor'] !== accessor) {
-                c['accessor'].fireDeselect();
-            }
-        });
-    }
-    _isSameGroup(controlPair, accessor) {
-        if (!controlPair['control'].control) {
-            return false;
-        }
-        return controlPair['control'].control.parent === accessor._control.control.parent
-            && controlPair['accessor'].name === accessor.name;
-    }
-}
-/** @nocollapse */ DaffRadioRegistry.ɵprov = ɵɵdefineInjectable({ factory: function DaffRadioRegistry_Factory() { return new DaffRadioRegistry(); }, token: DaffRadioRegistry, providedIn: "root" });
-DaffRadioRegistry.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-
-/**
- * ControlValueAccessor functionality for the DaffRadio
- */
-class DaffRadioControlValueAccessorDirective {
-    constructor(_control, _registry, _radio) {
-        this._control = _control;
-        this._registry = _registry;
-        this._radio = _radio;
-        if (this._control != null) {
-            this._control.valueAccessor = this;
-        }
-    }
-    ngOnInit() {
-        this.writeValue(this._control.value);
-        this._registry.add(this._control, this);
-        this._radio.selectionChange.subscribe(value => value ? this._onChange() : null);
-    }
-    /**
-     *
-     * writeValue function from the CVA interface
-     */
-    writeValue(value) {
-        // the this._onChange null check here is necessary because of an ongoing bug in angular forms
-        // where writeValue can be called before the component initializes: https://github.com/angular/angular/issues/29218
-        if (this.value === value && this._onChange) {
-            this._onChange();
-            this.fireSelect();
-        }
-    }
-    /**
-     * registerOnChange implemented from the CVA interface
-     */
-    registerOnChange(fn) {
-        this._onChange = () => {
-            fn(this.value);
-            this._registry.select(this);
-        };
-    }
-    /**
-     * registerOnTouch implemented from the CVA interface
-     */
-    registerOnTouched(fn) {
-        this._onTouched = fn;
-    }
-    /**
-     * sets the disabled state.
-     */
-    setDisabledState(isDisabled) {
-        this._radio.disabled = isDisabled;
-    }
-    /**
-      calls select function for the radio
-     */
-    fireSelect() {
-        this._radio.select();
-    }
-    /**
-      calls deselect function for the radio
-     */
-    fireDeselect() {
-        this._radio.deselect();
-    }
-}
-DaffRadioControlValueAccessorDirective.decorators = [
-    { type: Directive, args: [{
-                // eslint-disable-next-line @angular-eslint/directive-selector
-                selector: 'daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]',
-            },] }
-];
-/** @nocollapse */
-DaffRadioControlValueAccessorDirective.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
-    { type: DaffRadioRegistry },
-    { type: DaffRadioComponent }
-];
-DaffRadioControlValueAccessorDirective.propDecorators = {
-    value: [{ type: Input }],
-    name: [{ type: Input }]
-};
-
-class DaffRadioModule {
-}
-DaffRadioModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [
-                    DaffRadioComponent,
-                    DaffRadioSetComponent,
-                    DaffRadioControlValueAccessorDirective,
-                ],
-                declarations: [
-                    DaffRadioControlValueAccessorDirective,
-                    DaffRadioComponent,
-                    DaffRadioSetComponent,
-                ],
-                imports: [
-                    CommonModule,
-                ],
-            },] }
-];
-
-class DaffAccordionItemContentDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffAccordionItemContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffAccordionItemContent]',
-            },] }
-];
-DaffAccordionItemContentDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-accordion-item__content',] }]
-};
-
-class DaffAccordionItemTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffAccordionItemTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffAccordionItemTitle]',
-            },] }
-];
-DaffAccordionItemTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-accordion-item__title',] }]
-};
-
-const daffAccordionAnimations = {
-    openAccordion: trigger('openAccordion', [
-        state('open', style({
-            visibility: 'visible',
-            opacity: '1',
-            height: '*',
-        })),
-        state('void', style({
-            visibility: 'hidden',
-            overflow: 'hidden',
-            opacity: '0',
-            height: '0',
-        })),
-        transition('void <=> open', animate('150ms ease-in')),
-    ]),
-};
-
-const getAnimationState = (open) => {
-    if (open) {
-        return 'open';
-    }
-    else {
-        return 'void';
-    }
-};
-
-class DaffAccordionItemComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.faChevronDown = faChevronDown;
-        /**
-         * @docs-private
-         */
-        this.faChevronUp = faChevronUp;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * @docs-private
-         */
-        this._open = false;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this._open = this.initiallyActive ? this.initiallyActive : this._open;
-        this._animationState = getAnimationState(this._open);
-    }
-    toggleActive() {
-        this._open = !this._open;
-        this._animationState = getAnimationState(this._open);
-    }
-}
-DaffAccordionItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-accordion-item',
-                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>",
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                animations: [
-                    daffAccordionAnimations.openAccordion,
-                ],
-                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;-moz-user-select:none;-ms-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}}"]
-            },] }
-];
-DaffAccordionItemComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-accordion-item',] }],
-    initiallyActive: [{ 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;
-    }
-}
-const _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
-class DaffAccordionComponent extends _daffAccordionBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-    }
-}
-DaffAccordionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-accordion',
-                template: "<ng-content></ng-content>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;width:100%}"]
-            },] }
-];
-/** @nocollapse */
-DaffAccordionComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-
-class DaffNavAccordionItemComponent {
-    constructor(accordion, navAccordionItemParent) {
-        this.accordion = accordion;
-        this.navAccordionItemParent = navAccordionItemParent;
-        /**
-         * @docs-private
-         */
-        this.faChevronDown = faChevronDown;
-        /**
-         * @docs-private
-         */
-        this.faChevronUp = faChevronUp;
-        /**
-         * @docs-private
-         */
-        this._open = false;
-        /**
-         * @docs-private
-         */
-        this._level = 0;
-    }
-    /**
-     * @docs-private
-     */
-    get classes() {
-        return [
-            'daff-nav-accordion-item',
-            'daff-nav-accordion-item--level-' + this._level,
-        ];
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        if (this.navAccordionItemParent && this.accordion === this.navAccordionItemParent.accordion) {
-            this._level = this.navAccordionItemParent._level + 1;
-        }
-        this._open = this.initiallyActive ? this.initiallyActive : this._open;
-        this._animationState = getAnimationState(this._open);
-    }
-    toggleActive() {
-        this._open = !this._open;
-        this._animationState = getAnimationState(this._open);
-    }
-}
-DaffNavAccordionItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-nav-accordion-item',
-                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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                animations: [
-                    daffAccordionAnimations.openAccordion,
-                ],
-                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;-moz-user-select:none;-ms-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}"]
-            },] }
-];
-/** @nocollapse */
-DaffNavAccordionItemComponent.ctorParameters = () => [
-    { type: DaffAccordionComponent },
-    { type: DaffNavAccordionItemComponent, decorators: [{ type: SkipSelf }, { type: Optional }] }
-];
-DaffNavAccordionItemComponent.propDecorators = {
-    classes: [{ type: HostBinding, args: ['class',] }],
-    initiallyActive: [{ type: Input }],
-    _navAccordionItemChild: [{ type: ContentChildren, args: [DaffNavAccordionItemComponent, { descendants: true },] }]
-};
-
-class DaffAccordionModule {
-}
-DaffAccordionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FontAwesomeModule,
-                    DaffPrefixSuffixModule,
-                ],
-                declarations: [
-                    DaffAccordionComponent,
-                    DaffAccordionItemComponent,
-                    DaffNavAccordionItemComponent,
-                    DaffAccordionItemTitleDirective,
-                    DaffAccordionItemContentDirective,
-                ],
-                exports: [
-                    DaffAccordionComponent,
-                    DaffAccordionItemComponent,
-                    DaffNavAccordionItemComponent,
-                    DaffAccordionItemTitleDirective,
-                    DaffAccordionItemContentDirective,
-                ],
-            },] }
-];
-
-/**
- * A component for creating articles within your page.
- */
-class DaffArticleComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * @docs-private
-         */
-        this.role = 'article';
-    }
-}
-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:.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:2rem}.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:0;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:0;padding:1rem 1.5rem}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.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}"]
-            },] }
-];
-DaffArticleComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-article',] }],
-    role: [{ type: HostBinding, args: ['attr.role',] }]
-};
-
-class DaffArticleLeadDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffArticleLeadDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffArticleLead]',
-            },] }
-];
-DaffArticleLeadDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-article__lead',] }]
-};
-
-class DaffArticleMetaDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffArticleMetaDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffArticleMeta]',
-            },] }
-];
-DaffArticleMetaDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-article__meta',] }]
-};
-
-class DaffArticleTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffArticleTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffArticleTitle]',
-            },] }
-];
-DaffArticleTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-article__title',] }]
-};
-
-class DaffArticleModule {
-}
-DaffArticleModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffArticleComponent,
-                    DaffArticleTitleDirective,
-                    DaffArticleLeadDirective,
-                    DaffArticleMetaDirective,
-                ],
-                exports: [
-                    DaffArticleComponent,
-                    DaffArticleTitleDirective,
-                    DaffArticleLeadDirective,
-                    DaffArticleMetaDirective,
-                ],
-            },] }
-];
-
-const animationDuration = '350ms';
-const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
-const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
-const daffBackdropAnimations = {
-    fadeBackdrop: trigger('fadeBackdrop', [
-        transition(':enter', [
-            style({ opacity: 0 }),
-            animate(animationDuration + ' ' + backdropTransitionIn, style({ opacity: 1 })),
-        ]),
-        transition(':leave', [
-            animate(animationDuration + ' ' + backdropTransitionOut, style({ opacity: 0 })),
-        ]),
-    ]),
-};
-
-class DaffBackdropComponent {
-    constructor() {
-        /**
-         * Determines whether or not the backdrop is transparent.
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.transparent = false;
-        /**
-         * Boolean property that determines whether or not the
-         * backdrop should fill up its containing window.
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.fullscreen = false;
-        /**
-         * Output event triggered when the backdrop is clicked.
-         */
-        this.backdropClicked = new EventEmitter();
-    }
-    /**
-     * Animation hook for that controls the backdrops
-     * entrance and fade animations.
-     */
-    onBackdropClicked() {
-        this.backdropClicked.emit();
-    }
-}
-DaffBackdropComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-backdrop',
-                template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n",
-                animations: [
-                    daffBackdropAnimations.fadeBackdrop,
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.daff-backdrop{background:rgba(0,0,0,.3);height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:active,.daff-backdrop:focus,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}"]
-            },] }
-];
-DaffBackdropComponent.propDecorators = {
-    transparent: [{ type: Input }],
-    fullscreen: [{ type: Input }],
-    backdropClicked: [{ type: Output }],
-    onBackdropClicked: [{ type: HostBinding, args: ['@fadeBackdrop',] }, { type: HostListener, args: ['click',] }]
-};
-
-class DaffBackdropModule {
-}
-DaffBackdropModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffBackdropComponent,
-                ],
-                exports: [
-                    DaffBackdropComponent,
-                ],
-                entryComponents: [
-                    DaffBackdropComponent,
-                ],
-            },] }
-];
-
-class DaffButtonSetComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-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}}"]
-            },] }
-];
-DaffButtonSetComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-button-set',] }]
-};
-
-class DaffButtonSetModule {
-}
-DaffButtonSetModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DaffButtonSetComponent,
-                ],
-                exports: [
-                    DaffButtonSetComponent,
-                ],
-            },] }
-];
-
-/**
- * @deprecated See {@link DaffMediaGalleryComponent}
- */
-class DaffImageGalleryComponent {
-}
-DaffImageGalleryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-image-gallery',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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:-webkit-min-content;max-height:-moz-min-content;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}"]
-            },] }
-];
-
-/**
- * @deprecated See {@link DaffThumbnailDirective}
- */
-class DaffGalleryImageComponent {
-    constructor() {
-        this.class = true;
-    }
-}
-DaffGalleryImageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-gallery-image',
-                template: "<div class=\"gallery-image__wrapper\">\n  <ng-content></ng-content>\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-DaffGalleryImageComponent.propDecorators = {
-    selected: [{ type: HostBinding, args: ['class.daff-image-gallery__daff-gallery-image--selected',] }, { type: Input }],
-    class: [{ type: HostBinding, args: ['class.daff-image-gallery__daff-gallery-image',] }]
-};
-
-class DaffImageListComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffImageListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-image-list',
-                template: '<ng-content></ng-content>',
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".daff-image-list{overflow:scroll;white-space:nowrap}.daff-image-list>*{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:0 5px 0 0}@media (min-width:1024px){.daff-image-list>*{display:block;margin:0 0 5px}}.daff-image-list>:last-child{margin:0}::-webkit-scrollbar{height:2px;width:2px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 3px #b6b6b6;-webkit-box-shadow:inset 0 0 3px #b6b6b6}"]
-            },] }
-];
-DaffImageListComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-image-list',] }]
-};
-
-class DaffImageListModule {
-}
-DaffImageListModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffImageListComponent,
-                ],
-                exports: [
-                    DaffImageListComponent,
-                ],
-            },] }
-];
-
-class DaffImageGalleryModule {
-}
-DaffImageGalleryModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    DaffImageListModule,
-                ],
-                declarations: [
-                    DaffImageGalleryComponent,
-                    DaffGalleryImageComponent,
-                ],
-                exports: [
-                    DaffImageGalleryComponent,
-                    DaffGalleryImageComponent,
-                ],
-            },] }
-];
-
-/**
- * An _elementRef and an instance of renderer2 are needed for the link set mixins
- */
-class DaffLinkSetBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffLinkSetBase = daffArticleEncapsulatedMixin((DaffLinkSetBase));
-/**
- * DaffLinkSetComponent is a component for displaying a two or more links.
- */
-class DaffLinkSetComponent extends _daffLinkSetBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-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;-moz-user-select:none;-ms-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}"]
-            },] }
-];
-/** @nocollapse */
-DaffLinkSetComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffLinkSetComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-link-set',] }]
-};
-
-/**
- * A directive for adding a heading to a daff-link-set.
- */
-class DaffLinkSetHeadingDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffLinkSetHeadingDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffLinkSetHeading]',
-            },] }
-];
-DaffLinkSetHeadingDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-link-set__heading',] }]
-};
-
-class DaffLinkSetItemComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffLinkSetItemComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: 'a[daff-link-set-item]',
-                template: '<ng-content></ng-content>',
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-DaffLinkSetItemComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-link-set__item',] }]
-};
-
-/**
- * A directive for adding a subheading to a daff-link-set.
- */
-class DaffLinkSetSubheadingDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffLinkSetSubheadingDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffLinkSetSubheading]',
-            },] }
-];
-DaffLinkSetSubheadingDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-link-set__subheading',] }]
-};
-
-class DaffLinkSetModule {
-}
-DaffLinkSetModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                exports: [
-                    DaffLinkSetComponent,
-                    DaffLinkSetHeadingDirective,
-                    DaffLinkSetSubheadingDirective,
-                    DaffLinkSetItemComponent,
-                ],
-                declarations: [
-                    DaffLinkSetComponent,
-                    DaffLinkSetHeadingDirective,
-                    DaffLinkSetSubheadingDirective,
-                    DaffLinkSetItemComponent,
-                ],
-            },] }
-];
-
-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';
-    }
-}
-DaffListItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-list-item' + ',' +
-                    'a[daff-list-item]',
-                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>",
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-/** @nocollapse */
-DaffListItemComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-DaffListItemComponent.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;
-    }
-}
-DaffListSubheaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffListSubheader]',
-            },] }
-];
-DaffListSubheaderDirective.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;
-    }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get multiline() {
-        return this.mode === DaffListModeEnum.Multiline;
-    }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get link() {
-        return this.mode === DaffListModeEnum.Link;
-    }
-    /**
-     * @docs-private
-     * @deprecated
-     * */
-    get navigation() {
-        return this.mode === DaffListModeEnum.Navigation;
-    }
-    /**
-     * @docs-private
-     */
-    get listType() {
-        return this._getHostElement().localName;
-    }
-    /**
-     * @docs-private
-     */
-    get nav() {
-        return this.listType === DaffListTypeEnum.Nav;
-    }
-    /**
-     * Sets the role for a `<daff-nav-list>` to navigation.
-     *
-     * @docs-private
-     */
-    get role() {
-        return this.listType === DaffListTypeEnum.Nav ? 'navigation' : 'list';
-    }
-    ;
-    _getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-}
-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 :first-child{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--link a:hover,.daff-list--navigation a:hover{color:#474747}.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 :first-child{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),.daff-nav-list{margin:0;padding:0}.daff-nav-list{display:block}.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 :first-child{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;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none}"]
-            },] }
-];
-/** @nocollapse */
-DaffListComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffListComponent.propDecorators = {
-    mode: [{ type: Input }],
-    list: [{ type: HostBinding, args: ['class.daff-list',] }],
-    multiline: [{ type: HostBinding, args: ['class.daff-list--multi-line',] }],
-    link: [{ type: HostBinding, args: ['class.daff-list--link',] }],
-    navigation: [{ type: HostBinding, args: ['class.daff-list--navigation',] }],
-    nav: [{ type: HostBinding, args: ['class.daff-nav-list',] }],
-    role: [{ type: HostBinding, args: ['attr.role',] }]
-};
-
-class DaffListModule {
-}
-DaffListModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    DaffPrefixSuffixModule,
-                ],
-                declarations: [
-                    DaffListComponent,
-                    DaffListSubheaderDirective,
-                    DaffListItemComponent,
-                ],
-                exports: [
-                    DaffListComponent,
-                    DaffListSubheaderDirective,
-                    DaffListItemComponent,
-                    DaffPrefixSuffixModule,
-                ],
-            },] }
-];
-
-const daffFadeAnimations = {
-    fade: trigger('fade', [
-        state('open', style({ opacity: 1 })),
-        state('closed', style({ opacity: 0 })),
-        transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-    ]),
-};
-
-const getAnimationState$1 = (open) => open ? 'open' : 'closed';
-
-class DaffModalComponent {
-    constructor() {
-        /**
-         * Dictates whether or not a modal is open or closed.
-         */
-        this.open = false;
-        /**
-         * Event fired when the close animation is completed.
-         */
-        this.animationCompleted = new EventEmitter();
-        /**
-         * Event fired when the close animation is completed.
-         */
-        this.closedAnimationCompleted = new EventEmitter();
-        /**
-         * Event fired when the backdrop is clicked
-         * This is often used to close the modal
-         */
-        this.hide = new EventEmitter();
-        /**
-         * Hostbinding to set the default modal class on the host element
-         *
-         * @docs-private
-         */
-        this.modalClass = true;
-    }
-    /**
-     * Helper method to attach portable content to modal
-     */
-    attachContent(portal) {
-        this._portalOutlet.attachComponentPortal(portal);
-    }
-    /**
-     * Animation hook that controls the entrance and exit animations
-     * of the modal
-     */
-    get fadeState() {
-        return getAnimationState$1(this.open);
-    }
-    /**
-     * Animation event that can used to hook into when
-     * animations are fully completed. We use this in the DaffModalService
-     * to determine when to actually remove the dynamically rendered element from the DOM
-     * so that the animation does not clip as the element is removed.
-     */
-    animationDone(e) {
-        this.animationCompleted.emit(e);
-        if (e.toState === 'closed') {
-            this.closedAnimationCompleted.emit(e);
-        }
-    }
-}
-DaffModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-modal',
-                template: "<ng-template cdkPortalOutlet></ng-template>\n",
-                animations: [daffFadeAnimations.fade],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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}}"]
-            },] }
-];
-DaffModalComponent.propDecorators = {
-    open: [{ type: Input }],
-    _portalOutlet: [{ type: ViewChild, args: [CdkPortalOutlet, { static: true },] }],
-    modalClass: [{ type: HostBinding, args: ['class.daff-modal',] }],
-    fadeState: [{ type: HostBinding, args: ['@fade',] }],
-    animationDone: [{ type: HostListener, args: ['@fade.done', ['$event'],] }]
-};
-
-class DaffModalActionsComponent {
-}
-DaffModalActionsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-modal-actions',
-                template: '<ng-content></ng-content>',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;padding-top:24px}"]
-            },] }
-];
-
-class DaffModalContentComponent {
-}
-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}"]
-            },] }
-];
-
-class DaffModalHeaderComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-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}}"]
-            },] }
-];
-DaffModalHeaderComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-modal-header',] }]
-};
-
-class DaffModalTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffModalTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffModalTitle]',
-            },] }
-];
-DaffModalTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-modal-title',] }]
-};
-
-class DaffModalModule {
-}
-DaffModalModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PortalModule,
-                    OverlayModule,
-                ],
-                exports: [
-                    DaffModalHeaderComponent,
-                    DaffModalTitleDirective,
-                    DaffModalContentComponent,
-                    DaffModalActionsComponent,
-                ],
-                declarations: [
-                    DaffModalComponent,
-                    DaffModalHeaderComponent,
-                    DaffModalTitleDirective,
-                    DaffModalContentComponent,
-                    DaffModalActionsComponent,
-                ],
-            },] }
-];
-
-class DaffModalService {
-    constructor(overlay) {
-        this.overlay = overlay;
-        this._modals = [];
-        this.defaultConfiguration = {};
-    }
-    _attachModal(overlayRef) {
-        const modal = overlayRef.attach(new ComponentPortal(DaffModalComponent));
-        modal.instance.open = true;
-        return modal;
-    }
-    _attachModalContent(component, modal) {
-        modal.instance.attachContent(new ComponentPortal(component));
-    }
-    _createOverlayRef() {
-        return this.overlay.create({
-            hasBackdrop: true,
-            positionStrategy: new GlobalPositionStrategy()
-                .centerHorizontally()
-                .centerVertically(),
-            scrollStrategy: this.overlay.scrollStrategies.block(),
-        });
-    }
-    _removeModal(modal) {
-        const index = this._modals.indexOf(modal);
-        if (index === -1) {
-            throw new Error('The Modal that you are trying to remove does not exist.');
-        }
-        modal.overlay.dispose();
-        this._modals = this._modals.filter(m => m !== modal);
-    }
-    open(component, configuration) {
-        const config = Object.assign(Object.assign({}, this.defaultConfiguration), configuration);
-        const _ref = this._createOverlayRef();
-        const _modal = this._attachModal(_ref);
-        const _attachedModal = this._attachModalContent(component, _modal);
-        const modal = {
-            modal: _modal,
-            overlay: _ref,
-        };
-        this._modals.push(modal);
-        _ref
-            .backdropClick()
-            .subscribe(() => config.onBackdropClicked
-            ? config.onBackdropClicked()
-            : this.close(modal));
-        return modal;
-    }
-    close(modal) {
-        modal.modal.instance.open = false;
-        modal.overlay.detachBackdrop();
-        modal.modal.instance.closedAnimationCompleted.subscribe((e) => this._removeModal(modal));
-    }
-}
-/** @nocollapse */ DaffModalService.ɵprov = ɵɵdefineInjectable({ factory: function DaffModalService_Factory() { return new DaffModalService(ɵɵinject(Overlay)); }, token: DaffModalService, providedIn: DaffModalModule });
-DaffModalService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: DaffModalModule,
-            },] }
-];
-/** @nocollapse */
-DaffModalService.ctorParameters = () => [
-    { type: Overlay }
-];
-
-/**
- * A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
- * It passes predetermined layout styles down to the container. In order for a component to
- * do this, it must implement this mixin.
- */
-function daffManageContainerLayoutMixin(Base) {
-    return class extends Base {
-        constructor(...args) {
-            super(...args);
-            this._renderer.addClass(this._elementRef.nativeElement, `daff-manage-container-layout`);
-        }
-    };
-}
-
-/**
- * An _elementRef is needed for the Colorable mixin
- */
-class DaffNavbarBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffNavbarBase = daffManageContainerLayoutMixin(daffColorMixin(DaffNavbarBase));
-/**
- * @inheritdoc
- */
-class DaffNavbarComponent extends _daffNavbarBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.raised = false;
-        /**
-         * @docs-private
-         */
-        this.hostClass = true;
-    }
-    /**
-     * @docs-private
-     */
-    get raisedClass() {
-        return this.raised;
-    }
-    ;
-}
-DaffNavbarComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: 'nav[daff-navbar]',
-                template: '<ng-content></ng-content>',
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}"]
-            },] }
-];
-/** @nocollapse */
-DaffNavbarComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffNavbarComponent.propDecorators = {
-    raised: [{ type: Input }],
-    raisedClass: [{ type: HostBinding, args: ['class.daff-navbar--raised',] }],
-    hostClass: [{ type: HostBinding, args: ['class.daff-navbar',] }]
-};
-
-class DaffNavbarModule {
-}
-DaffNavbarModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DaffNavbarComponent,
-                ],
-                exports: [
-                    DaffNavbarComponent,
-                ],
-            },] }
-];
-
-const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';
-const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';
-
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffPaginatorBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffPaginatorBase = daffColorMixin(DaffPaginatorBase);
-const visiblePageRange = 2;
-/**
- * @inheritdoc
- */
-class DaffPaginatorComponent extends _daffPaginatorBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        /**
-         * @docs-private
-         */
-        this.role = 'navigation';
-        /**
-         * @docs-private
-         */
-        this.faChevronRight = faChevronRight;
-        /**
-         * @docs-private
-         */
-        this.faChevronLeft = faChevronLeft;
-        /**
-         * Emits when the current page changes with the new current page.
-         */
-        this.notifyPageChange = new EventEmitter();
-        const ariaLabel = elementRef.nativeElement.attributes['aria-label'];
-        this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnChanges() {
-        if (this.numberOfPages < 1) {
-            throw new Error(DaffPaginatorNumberOfPagesErrorMessage);
-        }
-        else if (this.numberOfPages < this.currentPage) {
-            throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);
-        }
-        this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages - 2).fill(this.numberOfPages - 2).map((x, i) => i + 2);
-    }
-    /**
-     * Emits the previous page number through notifyPageChange Output.
-     *
-     * @docs-private
-     */
-    _onNotifyPrevPageChange() {
-        this.notifyPageChange.emit(this.currentPage - 1);
-    }
-    /**
-     * Emits the next page number through notifyPageChange Output.
-     *
-     * @docs-private
-     */
-    _onNotifyNextPageChange() {
-        this.notifyPageChange.emit(this.currentPage + 1);
-    }
-    /**
-     * Emits a pageNumber to notifyPageChange Output.
-     *
-     * @docs-private
-     * @param pageNumber a page number
-     */
-    _onNotifyPageChange(pageNumber) {
-        this.notifyPageChange.emit(pageNumber);
-    }
-    /**
-     * A simple function that determines if the given page number is the current page number.
-     *
-     * @docs-private
-     * @param page a page number
-     */
-    _isSelected(page) {
-        return page === this.currentPage;
-    }
-    /**
-     * Determines when ellipsis after the first page number should show.
-     *
-     * @docs-private
-     */
-    _showFirstEllipsis() {
-        return this.currentPage >= visiblePageRange + 2;
-    }
-    /**
-     * Determines when ellipsis before the final page number should show.
-     *
-     * @docs-private
-     */
-    _showLastEllipsis() {
-        return this.currentPage < (this.numberOfPages - visiblePageRange);
-    }
-    /**
-     * Determines if the given page number should be shown. The two additional 'or' conditionals are needed
-     * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).
-     *
-     * @docs-private
-     * @param pageNumber page number to check.
-     */
-    _showNumber(pageNumber) {
-        return Math.abs(this.currentPage - pageNumber) < visiblePageRange
-            || (this.currentPage <= visiblePageRange && pageNumber <= 2 * visiblePageRange)
-            || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2 * visiblePageRange);
-    }
-    /**
-     * Determines when the Previous button should be disabled.
-     *
-     * @docs-private
-     */
-    _disablePrev() {
-        return this.currentPage === 1;
-    }
-    /**
-     * Determines when the Next button should be disabled.
-     *
-     * @docs-private
-     */
-    _disableNext() {
-        return this.currentPage === this.numberOfPages;
-    }
-}
-DaffPaginatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-paginator',
-                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\"></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  1\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    {{ pageNumber }}\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  {{ numberOfPages }}\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\"></fa-icon>\n</button>\n",
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:flex}.daff-paginator__next,.daff-paginator__previous{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:3px;display:flex;line-height:1em;padding:5px 10px}.daff-paginator__previous fa-icon{margin-right:10px}.daff-paginator__next fa-icon{margin-left:10px}.daff-paginator__ellipsis{padding:5px 10px}.daff-paginator__page-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:3px;display:inline-block;margin:0 5px;padding:5px 10px;transition:background .15s ease}"]
-            },] }
-];
-/** @nocollapse */
-DaffPaginatorComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffPaginatorComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-paginator',] }],
-    role: [{ type: HostBinding, args: ['attr.role',] }],
-    numberOfPages: [{ type: Input }],
-    currentPage: [{ type: Input }],
-    notifyPageChange: [{ type: Output }]
-};
-
-class DaffPaginatorModule {
-}
-DaffPaginatorModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FontAwesomeModule,
-                    DaffButtonModule,
-                ],
-                declarations: [
-                    DaffPaginatorComponent,
-                ],
-                exports: [
-                    DaffPaginatorComponent,
-                ],
-            },] }
-];
-
-/**
- * @deprecated See {@link DaffQuantityFieldComponent}
- */
-// ChangeDetection is ignored because this component is deprecated and will be removed
-// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
-class DaffQtyDropdownComponent {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.dropdownRange = 9;
-        this.qtyChanged = new EventEmitter();
-        /**
-         * @docs-private
-         */
-        this.onChange = (qty) => { };
-        /**
-         * @docs-private
-         */
-        this.onTouched = () => { };
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this.dropdownItemCounter = Array.from(Array(this.dropdownRange), (x, i) => i);
-        if (!this.qty) {
-            this.qty = 1;
-        }
-    }
-    /**
-     * @docs-private
-     */
-    writeValue(qty) {
-        this.qty = qty;
-        this.onChange(this.qty);
-    }
-    /**
-     * @docs-private
-     */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /**
-     * @docs-private
-     */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * @docs-private
-     */
-    setDisabledState(isDisabled) {
-        if (this.inputHasBeenShown) {
-            this.renderer.setProperty(document.getElementById('input_' + this.id), 'disabled', isDisabled);
-        }
-        else {
-            this.renderer.setProperty(document.getElementById('select_' + this.id), 'disabled', isDisabled);
-        }
-    }
-    /**
-     * @docs-private
-     */
-    get showQtyInputField() {
-        if (!this.isQtyOutsideDropdownRange() && !this.inputHasBeenShown) {
-            return false;
-        }
-        else {
-            this.inputHasBeenShown = true;
-            return true;
-        }
-    }
-    /**
-     * @docs-private
-     */
-    onChangedWrapper(value) {
-        value = parseInt(value, 10);
-        if (value === 10) {
-            this.selectInput();
-        }
-        this.qtyChanged.emit(value);
-        this.onChange(value);
-    }
-    isQtyOutsideDropdownRange() {
-        return this.qty > this.dropdownRange;
-    }
-    selectInput() {
-        const that = this;
-        setTimeout(() => {
-            const input = document.getElementById('input_' + that.id);
-            input.select();
-        });
-    }
-}
-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}"]
-            },] }
-];
-/** @nocollapse */
-DaffQtyDropdownComponent.ctorParameters = () => [
-    { type: Renderer2 }
-];
-DaffQtyDropdownComponent.propDecorators = {
-    qty: [{ type: Input }],
-    id: [{ type: Input }],
-    qtyChanged: [{ type: Output }]
-};
-
-class DaffQtyDropdownModule {
-}
-DaffQtyDropdownModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    DaffFormFieldModule,
-                    DaffNativeSelectModule,
-                    DaffInputModule,
-                ],
-                declarations: [
-                    DaffQtyDropdownComponent,
-                ],
-                exports: [
-                    DaffQtyDropdownComponent,
-                ],
-            },] }
-];
-
-const duration = '350ms';
-const sidebarAnimateRemainTransition = 'cubic-bezier(0.4, 0.0, 0.2, 1)';
-const sidebarAnimateInTransition = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
-const sidebarAnimateOutTransition = 'cubic-bezier(0.4, 0.0, 1, 1)';
-const daffSidebarAnimations = {
-    transformSidebar: trigger('transformSidebar', [
-        // We remove the `transform` here completely, rather than setting it to zero, because:
-        // 1. 3d transforms causes text to appear blurry on IE and Edge.
-        state('open', style({
-            transform: 'none',
-            visibility: 'visible',
-        })),
-        transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),
-        transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),
-    ]),
-    transformContent: trigger('transformContent', [
-        state('closed', style({
-            transform: 'none',
-        })),
-        transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),
-        transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),
-    ]),
-};
-var DaffSidebarAnimationStates;
-(function (DaffSidebarAnimationStates) {
-    DaffSidebarAnimationStates["OPEN"] = "open";
-    DaffSidebarAnimationStates["CLOSED"] = "closed";
-})(DaffSidebarAnimationStates || (DaffSidebarAnimationStates = {}));
-
-const getAnimationState$2 = (open, enabled = true) => {
-    if (!enabled) {
-        return 'open';
-    }
-    if (open && enabled) {
-        return 'open';
-    }
-    else {
-        return 'closed';
-    }
-};
-
-/**
- * DaffSidebar is heavily based upon the work done by the @angular/material2
- * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
- * a simplified version (with a different design) of `mat-drawer` which
- * follows a stricter "dumb" component pattern than `mat-drawer`
- */
-class DaffSidebarComponent {
-    constructor(_elementRef, _ngZone) {
-        this._elementRef = _elementRef;
-        this._ngZone = _ngZone;
-        this.class = true;
-        /**
-         * Event fired when `ESC` key is pressed when the sidebar has focus
-         */
-        this.escapePressed = new EventEmitter();
-        /**
-         * Listen to `keydown` events outside the zone so that change detection is not run every
-         * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.
-         *
-         */
-        this._ngZone.runOutsideAngular(() => {
-            fromEvent(this._elementRef.nativeElement, 'keydown').pipe(filter(event => event.key === 'Escape')).subscribe(event => this._ngZone.run(() => {
-                this.escapePressed.emit();
-                event.stopPropagation();
-            }));
-        });
-    }
-}
-DaffSidebarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-sidebar',
-                template: '<ng-content></ng-content>',
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block}.daff-sidebar{display:block;height:100%}"]
-            },] }
-];
-/** @nocollapse */
-DaffSidebarComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone }
-];
-DaffSidebarComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-sidebar',] }],
-    escapePressed: [{ type: Output }]
-};
-
-class DaffSidebarViewportComponent {
-    constructor(ref) {
-        this.ref = ref;
-        /**
-         * Internal tracking variable for the state of sidebar viewport.
-         *
-         * @docs-private
-         */
-        this._opened = false;
-        /**
-         * @docs-private
-         */
-        this._mode = 'side';
-        /**
-         * Input state for whether or not the backdrop is
-         * "visible" to the human eye
-         */
-        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-        this.backdropIsVisible = true;
-        /**
-         * Event fired when the backdrop is clicked
-         * This is often used to close the sidebar
-         */
-        this.backdropClicked = new EventEmitter();
-    }
-    /**
-     * The mode to put the sidebar in
-     */
-    get mode() {
-        return this._mode;
-    }
-    set mode(value) {
-        this._mode = value;
-        this._animationState = getAnimationState$2(this.opened, this.animationsEnabled);
-    }
-    /**
-     * Property for the "opened" state of the sidebar
-     */
-    get opened() {
-        return this._opened;
-    }
-    set opened(value) {
-        this._opened = value;
-        this._animationState = getAnimationState$2(value, this.animationsEnabled);
-    }
-    /**
-     * @docs-private
-     */
-    get animationsEnabled() {
-        return (this.mode === 'over' || this.mode === 'push') ? true : false;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this._animationState = getAnimationState$2(this.opened, this.animationsEnabled);
-    }
-    /**
-     * @docs-private
-     */
-    ngAfterViewInit() {
-        if (this.sidebar) {
-            this.sidebar.escapePressed.subscribe(() => {
-                this.onEscape();
-            });
-        }
-    }
-    /**
-     * @docs-private
-     */
-    _backdropClicked() {
-        this.backdropClicked.emit();
-    }
-    /**
-     * @docs-private
-     */
-    get hasBackdrop() {
-        return (this.mode === 'over' || this.mode === 'push');
-    }
-    /**
-     * @docs-private
-     */
-    onEscape() {
-        if (this.hasBackdrop) {
-            this.opened = false;
-            this.ref.markForCheck();
-        }
-    }
-}
-DaffSidebarViewportComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-sidebar-viewport',
-                template: "<div class=\"daff-sidebar-viewport {{ mode }}\">\n  <div class=\"daff-sidebar-viewport__sidebar\" [@transformSidebar]=\"_animationState\" [cdkTrapFocus]=\"opened && (mode === 'over' || mode === 'push')\">\n    <ng-content select=\"daff-sidebar\" (escapePressed)=\"onEscape($event)\"></ng-content>\n  </div>\n\n  <daff-backdrop \n  class=\"daff-sidebar-viewport__backdrop\" \n  *ngIf=\"hasBackdrop && _opened\"\n  [transparent]=\"!backdropIsVisible\" \n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n  <div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n    <ng-content></ng-content>\n  </div>\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                animations: [
-                    daffSidebarAnimations.transformSidebar,
-                    daffSidebarAnimations.transformContent,
-                ],
-                styles: [".daff-sidebar-viewport{display:flex;min-height:100%;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:2}.daff-sidebar-viewport__sidebar{flex-shrink:0;width:250px;will-change:transform,visibility;z-index:4}.daff-sidebar-viewport__backdrop{cursor:pointer;height:100%;position:absolute;width:100%;z-index:3}.daff-sidebar-viewport.push>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate3d(-250px,0,0);visibility:hidden}.daff-sidebar-viewport.push>.daff-sidebar-viewport__content{transform:translate3d(250px,0,0)}.daff-sidebar-viewport.over>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate3d(-250px,0,0);visibility:hidden}"]
-            },] }
-];
-/** @nocollapse */
-DaffSidebarViewportComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-DaffSidebarViewportComponent.propDecorators = {
-    sidebar: [{ type: ContentChild, args: [DaffSidebarComponent,] }],
-    mode: [{ type: Input }],
-    backdropIsVisible: [{ type: Input }],
-    opened: [{ type: Input }],
-    backdropClicked: [{ type: Output }]
-};
-
-class DaffSidebarModule {
-}
-DaffSidebarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    DaffBackdropModule,
-                    A11yModule,
-                ],
-                declarations: [
-                    DaffSidebarComponent,
-                    DaffSidebarViewportComponent,
-                ],
-                exports: [
-                    DaffSidebarComponent,
-                    DaffSidebarViewportComponent,
-                ],
-            },] }
-];
-
-class DaffHeroBodyDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffHeroBodyDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffHeroBody]',
-            },] }
-];
-DaffHeroBodyDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-hero__body',] }]
-};
-
-class DaffHeroIconDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffHeroIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffHeroIcon]',
-            },] }
-];
-DaffHeroIconDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-hero__icon',] }]
-};
-
-class DaffHeroSubtitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffHeroSubtitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffHeroSubtitle]',
-            },] }
-];
-DaffHeroSubtitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-hero__subtitle',] }]
-};
-
-class DaffHeroTaglineDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffHeroTaglineDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffHeroTagline]',
-            },] }
-];
-DaffHeroTaglineDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-hero__tagline',] }]
-};
-
-class DaffHeroTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffHeroTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffHeroTitle]',
-            },] }
-];
-DaffHeroTitleDirective.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
-         */
-        get textAlignment() {
-            return this._textAlignment;
-        }
-        set textAlignment(value) {
-            // Handles the default text alignment
-            const incomingTextAlignment = value || defaultTextAlignment;
-            if (incomingTextAlignment === this._textAlignment) { // Only run the dom-render if a change occurs
-                return;
-            }
-            // Removes the old text alignment
-            if (this._textAlignment) {
-                this._renderer.removeClass(this._elementRef.nativeElement, `daff-${this._textAlignment}`);
-            }
-            if (incomingTextAlignment) {
-                this._renderer.addClass(this._elementRef.nativeElement, `daff-${incomingTextAlignment}`);
-            }
-            this._textAlignment = incomingTextAlignment;
-        }
-    }
-    DaffTextAlignableMixin.propDecorators = {
-        textAlignment: [{ type: Input }]
-    };
-    ;
-    return DaffTextAlignableMixin;
-}
-
-var DaffHeroLayoutEnum;
-(function (DaffHeroLayoutEnum) {
-    DaffHeroLayoutEnum["Centered"] = "centered";
-})(DaffHeroLayoutEnum || (DaffHeroLayoutEnum = {}));
-var DaffHeroSizeEnum;
-(function (DaffHeroSizeEnum) {
-    DaffHeroSizeEnum["Compact"] = "compact";
-    DaffHeroSizeEnum["Small"] = "small";
-})(DaffHeroSizeEnum || (DaffHeroSizeEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the hero mixins
- */
-class DaffHeroBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffHeroBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')))));
-/**
- * @inheritdoc
- */
-class DaffHeroComponent extends _daffHeroBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-    /**
-     * @deprecated See {@link DaffTextAlignable}
-     */
-    get centered() {
-        return this.layout === DaffHeroLayoutEnum.Centered;
-    }
-    /**
-     * @deprecated See {@link DaffCompactable}
-     */
-    get compactClass() {
-        return this.size === DaffHeroSizeEnum.Compact || this.compact === true || this.size === DaffHeroSizeEnum.Small;
-    }
-}
-DaffHeroComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-hero',
-                template: '<ng-content></ng-content>',
-                encapsulation: ViewEncapsulation.None,
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;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--compact,.daff-hero--small{padding:50px 25px}@media (min-width:480px){.daff-hero--compact,.daff-hero--small{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__subtitle,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__subtitle,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__subtitle,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title{margin-left:auto;text-align:right}"]
-            },] }
-];
-/** @nocollapse */
-DaffHeroComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffHeroComponent.propDecorators = {
-    layout: [{ type: Input }],
-    size: [{ type: Input }],
-    class: [{ type: HostBinding, args: ['class.daff-hero',] }],
-    centered: [{ type: HostBinding, args: ['class.daff-hero--centered',] }],
-    compactClass: [{ type: HostBinding, args: ['class.daff-hero--compact',] }]
-};
-
-class DaffHeroModule {
-}
-DaffHeroModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffHeroComponent,
-                    DaffHeroIconDirective,
-                    DaffHeroTaglineDirective,
-                    DaffHeroTitleDirective,
-                    DaffHeroSubtitleDirective,
-                    DaffHeroBodyDirective,
-                ],
-                exports: [
-                    DaffHeroComponent,
-                    DaffHeroIconDirective,
-                    DaffHeroTaglineDirective,
-                    DaffHeroTitleDirective,
-                    DaffHeroSubtitleDirective,
-                    DaffHeroBodyDirective,
-                ],
-            },] }
-];
-
-class DaffCalloutBodyDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCalloutBodyDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCalloutBody]',
-            },] }
-];
-DaffCalloutBodyDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-callout__body',] }]
-};
-
-class DaffCalloutIconDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCalloutIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCalloutIcon]',
-            },] }
-];
-DaffCalloutIconDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-callout__icon',] }]
-};
-
-class DaffCalloutSubtitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCalloutSubtitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCalloutSubtitle]',
-            },] }
-];
-DaffCalloutSubtitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-callout__subtitle',] }]
-};
-
-class DaffCalloutTaglineDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCalloutTaglineDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCalloutTagline]',
-            },] }
-];
-DaffCalloutTaglineDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-callout__tagline',] }]
-};
-
-class DaffCalloutTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCalloutTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCalloutTitle]',
-            },] }
-];
-DaffCalloutTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-callout__title',] }]
-};
-
-var DaffCalloutLayoutEnum;
-(function (DaffCalloutLayoutEnum) {
-    DaffCalloutLayoutEnum["Centered"] = "centered";
-})(DaffCalloutLayoutEnum || (DaffCalloutLayoutEnum = {}));
-var DaffCalloutSizeEnum;
-(function (DaffCalloutSizeEnum) {
-    DaffCalloutSizeEnum["Compact"] = "compact";
-})(DaffCalloutSizeEnum || (DaffCalloutSizeEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffCalloutBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffCalloutBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')))));
-/**
- * @inheritdoc
- */
-class DaffCalloutComponent extends _daffCalloutBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-    /**
-     * @deprecated See {@link DaffTextAlignable}
-     */
-    get centered() {
-        return this.layout === DaffCalloutLayoutEnum.Centered;
-    }
-    /**
-     * @deprecated See {@link DaffCompactable}
-     */
-    get compactClass() {
-        return this.size === DaffCalloutSizeEnum.Compact;
-    }
-}
-DaffCalloutComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-callout',
-                template: '<ng-content></ng-content>',
-                encapsulation: ViewEncapsulation.None,
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;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__subtitle,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__subtitle,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__subtitle,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title{margin-left:auto;text-align:right}"]
-            },] }
-];
-/** @nocollapse */
-DaffCalloutComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffCalloutComponent.propDecorators = {
-    layout: [{ type: Input }],
-    size: [{ type: Input }],
-    class: [{ type: HostBinding, args: ['class.daff-callout',] }],
-    centered: [{ type: HostBinding, args: ['class.daff-callout--centered',] }],
-    compactClass: [{ type: HostBinding, args: ['class.daff-callout--compact',] }]
-};
-
-class DaffCalloutModule {
-}
-DaffCalloutModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffCalloutComponent,
-                    DaffCalloutIconDirective,
-                    DaffCalloutTitleDirective,
-                    DaffCalloutSubtitleDirective,
-                    DaffCalloutTaglineDirective,
-                    DaffCalloutBodyDirective,
-                ],
-                exports: [
-                    DaffCalloutComponent,
-                    DaffCalloutIconDirective,
-                    DaffCalloutSubtitleDirective,
-                    DaffCalloutTitleDirective,
-                    DaffCalloutTaglineDirective,
-                    DaffCalloutBodyDirective,
-                ],
-            },] }
-];
-
-class DaffFeatureIconDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffFeatureIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffFeatureIcon]',
-            },] }
-];
-DaffFeatureIconDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-feature__icon',] }]
-};
-
-class DaffFeatureSubheaderDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffFeatureSubheaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffFeatureSubheader]',
-            },] }
-];
-DaffFeatureSubheaderDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-feature__subheader',] }]
-};
-
-class DaffFeatureSubtitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffFeatureSubtitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffFeatureSubtitle]',
-            },] }
-];
-DaffFeatureSubtitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-feature__subtitle',] }]
-};
-
-class DaffFeatureTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffFeatureTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffFeatureTitle]',
-            },] }
-];
-DaffFeatureTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-feature__title',] }]
-};
-
-var DaffFeatureModeEnum;
-(function (DaffFeatureModeEnum) {
-    DaffFeatureModeEnum["Compact"] = "compact";
-    DaffFeatureModeEnum["Normal"] = "normal";
-})(DaffFeatureModeEnum || (DaffFeatureModeEnum = {}));
-/**
- * @deprecated See {@link DaffCardComponent}
- */
-class DaffFeatureComponent {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        this.mode = DaffFeatureModeEnum.Normal;
-    }
-    /**
-     * @docs-private
-     */
-    get compact() {
-        return this.mode === DaffFeatureModeEnum.Compact;
-    }
-    /**
-     * @docs-private
-     */
-    get normal() {
-        return this.mode === DaffFeatureModeEnum.Normal;
-    }
-}
-DaffFeatureComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'daff-feature',
-                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>",
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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}}"]
-            },] }
-];
-DaffFeatureComponent.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-feature',] }],
-    mode: [{ type: Input }],
-    compact: [{ type: HostBinding, args: ['class.daff-feature--compact',] }],
-    normal: [{ type: HostBinding, args: ['class.daff-feature--normal',] }]
-};
-
-class DaffFeatureModule {
-}
-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;
-    }
-}
-DaffCardActionsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardActions]',
-            },] }
-];
-DaffCardActionsDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__actions',] }]
-};
-
-class DaffCardContentDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCardContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardContent]',
-            },] }
-];
-DaffCardContentDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__content',] }]
-};
-
-class DaffCardIconDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCardIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardIcon]',
-            },] }
-];
-DaffCardIconDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__icon',] }]
-};
-
-class DaffCardImageDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCardImageDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardImage]',
-            },] }
-];
-DaffCardImageDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__image',] }]
-};
-
-class DaffCardTaglineDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCardTaglineDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardTagline]',
-            },] }
-];
-DaffCardTaglineDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__tagline',] }]
-};
-
-class DaffCardTitleDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
-}
-DaffCardTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[daffCardTitle]',
-            },] }
-];
-DaffCardTitleDirective.propDecorators = {
-    class: [{ type: HostBinding, args: ['class.daff-card__title',] }]
-};
-
-var DaffCardTypeEnum;
-(function (DaffCardTypeEnum) {
-    DaffCardTypeEnum["Raised"] = "daff-raised-card";
-    DaffCardTypeEnum["Stroked"] = "daff-stroked-card";
-})(DaffCardTypeEnum || (DaffCardTypeEnum = {}));
-var DaffCardOrientationEnum;
-(function (DaffCardOrientationEnum) {
-    DaffCardOrientationEnum["Vertical"] = "vertical";
-    DaffCardOrientationEnum["Horizontal"] = "horizontal";
-})(DaffCardOrientationEnum || (DaffCardOrientationEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffCardBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));
-/**
- * @inheritdoc
- */
-class DaffCardComponent extends _daffCardBase {
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this._orientation = DaffCardOrientationEnum.Vertical;
-        this.class = true;
-        this.cardType = this.initCardType();
-    }
-    get orientation() {
-        return this._orientation;
-    }
-    set orientation(value) {
-        if (value === null || value === undefined || value === '') {
-            this._orientation = DaffCardOrientationEnum.Vertical;
-        }
-        else {
-            this._orientation = value;
-        }
-    }
-    ;
-    initCardType() {
-        const values = Object.keys(DaffCardTypeEnum).map((k) => DaffCardTypeEnum[k]);
-        if (values.indexOf(this._getHostElement().localName) >= 0) {
-            return this._getHostElement().localName;
-        }
-        for (const attr of values) {
-            if (this._hasHostAttributes(attr)) {
-                return attr;
-            }
-        }
-        return null;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        if (this.cardType) {
-            this.elementRef.nativeElement.classList.add(this.cardType);
-        }
-    }
-    /**
-     * @docs-private
-     */
-    get verticalClass() {
-        return this.orientation === DaffCardOrientationEnum.Vertical;
-    }
-    /**
-     * @docs-private
-     */
-    get horizontalClass() {
-        return this.orientation === DaffCardOrientationEnum.Horizontal;
-    }
-    _getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /**
-     * Gets whether the button has one of the given attributes.
-     * */
-    _hasHostAttributes(...attributes) {
-        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
-    }
-}
-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]',
-                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>",
-                encapsulation: ViewEncapsulation.None,
-                //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
-                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['color'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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:calc(8px - 1px);border-top-right-radius:calc(8px - 1px)}.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,.daff-card--horizontal .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-bottom-left-radius:calc(8px - 1px)}.daff-card--horizontal .daff-card__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;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}"]
-            },] }
-];
-/** @nocollapse */
-DaffCardComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-DaffCardComponent.propDecorators = {
-    orientation: [{ type: Input }],
-    class: [{ type: HostBinding, args: ['class.daff-card',] }],
-    verticalClass: [{ type: HostBinding, args: ['class.daff-card--vertical',] }],
-    horizontalClass: [{ type: HostBinding, args: ['class.daff-card--horizontal',] }]
-};
-
-class DaffCardModule {
-}
-DaffCardModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    DaffCardComponent,
-                    DaffCardIconDirective,
-                    DaffCardImageDirective,
-                    DaffCardTaglineDirective,
-                    DaffCardTitleDirective,
-                    DaffCardContentDirective,
-                    DaffCardActionsDirective,
-                ],
-                exports: [
-                    DaffCardComponent,
-                    DaffCardIconDirective,
-                    DaffCardImageDirective,
-                    DaffCardTaglineDirective,
-                    DaffCardTitleDirective,
-                    DaffCardContentDirective,
-                    DaffCardActionsDirective,
-                ],
-            },] }
-];
-
-var DaffBreakpoints;
-(function (DaffBreakpoints) {
-    DaffBreakpoints["DESKTOP"] = "(min-width: 1920px)";
-    DaffBreakpoints["LAPTOP"] = "(min-width: 1440px)";
-    DaffBreakpoints["SMALL_LAPTOP"] = "(min-width: 1200px)";
-    DaffBreakpoints["BIG_TABLET"] = "(min-width: 1024px)";
-    DaffBreakpoints["TABLET"] = "(min-width: 768px)";
-    DaffBreakpoints["MOBILE"] = "(min-width: 480px)";
-})(DaffBreakpoints || (DaffBreakpoints = {}));
-
-/**
- * A basic constructor type useful for mixins
- * See https://blog.mariusschulz.com/2017/05/26/typescript-2-2-mixin-classes
- * for a really good explanation of why mixins are useful.
- */
-
-var DaffStatusEnum;
-(function (DaffStatusEnum) {
-    DaffStatusEnum["Warn"] = "warn";
-    DaffStatusEnum["Danger"] = "danger";
-    DaffStatusEnum["Success"] = "success";
-})(DaffStatusEnum || (DaffStatusEnum = {}));
-
-var DaffTextAlignmentEnum;
-(function (DaffTextAlignmentEnum) {
-    DaffTextAlignmentEnum["Left"] = "left";
-    DaffTextAlignmentEnum["Center"] = "center";
-    DaffTextAlignmentEnum["Right"] = "right";
-})(DaffTextAlignmentEnum || (DaffTextAlignmentEnum = {}));
-
-// Core
-
-/*
- * Public API Surface of @daffodil/design
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DaffAccordionComponent, DaffAccordionItemComponent, DaffAccordionItemContentDirective, DaffAccordionItemTitleDirective, DaffAccordionModule, DaffArticleComponent, DaffArticleLeadDirective, DaffArticleMetaDirective, DaffArticleModule, DaffArticleTitleDirective, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonComponent, DaffButtonModule, DaffButtonSetComponent, DaffButtonSetModule, DaffCalloutBodyDirective, DaffCalloutComponent, DaffCalloutIconDirective, DaffCalloutLayoutEnum, DaffCalloutModule, DaffCalloutSizeEnum, DaffCalloutSubtitleDirective, DaffCalloutTaglineDirective, DaffCalloutTitleDirective, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffContainerComponent, DaffContainerModule, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffGalleryImageComponent, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroLayoutEnum, DaffHeroModule, DaffHeroSizeEnum, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective, DaffImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffImageModule, DaffInputComponent, DaffInputModule, DaffLinkSetComponent, DaffLinkSetHeadingDirective, DaffLinkSetItemComponent, DaffLinkSetModule, DaffLinkSetSubheadingDirective, DaffListComponent, DaffListItemComponent, DaffListModeEnum, DaffListModule, DaffListSubheaderDirective, DaffLoadingIconComponent, DaffLoadingIconModule, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective, DaffNativeSelectComponent, DaffNativeSelectModule, DaffNavbarComponent, DaffNavbarModule, DaffPaginatorComponent, DaffPaginatorModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSidebarComponent, DaffSidebarModule, DaffSidebarViewportComponent, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffThumbnailDirective, daffArticleEncapsulatedMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSuffixableMixin, daffThumbnailCompatToken, daffProgressIndicatorAnimation as ɵa, DaffRadioRegistry as ɵb, daffAccordionAnimations as ɵc, DaffNavAccordionItemComponent as ɵd, daffBackdropAnimations as ɵe, DAFF_MEDIA_GALLERY_TOKEN as ɵf, DaffMediaGalleryRegistry as ɵg, DaffMediaRendererComponent as ɵi, daffFadeAnimations as ɵj, daffSidebarAnimations as ɵk };
-//# sourceMappingURL=daffodil-design.js.map