@daffodil/design 0.63.1 → 0.64.0

package/accordion/examples/basic-accordion/basic-accordion.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class BasicAccordionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicAccordionComponent, "basic-accordion", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicAccordionComponent, "basic-accordion", never, {}, {}, never, never, false, never>;
 }

package/accordion/examples/nav-accordion/nav-accordion.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class NavAccordionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavAccordionComponent, "nav-accordion", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavAccordionComponent, "nav-accordion", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-blockquote/article-blockquote.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleBlockquoteComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleBlockquoteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleBlockquoteComponent, "article-blockquote", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleBlockquoteComponent, "article-blockquote", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-code-block/article-code-block.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleCodeBlockComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleCodeBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeBlockComponent, "article-code-block", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeBlockComponent, "article-code-block", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-code-inline/article-code-inline.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleCodeInlineComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleCodeInlineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeInlineComponent, "article-code-inline", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeInlineComponent, "article-code-inline", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-headings/article-headings.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleHeadingsComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHeadingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHeadingsComponent, "article-headings", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHeadingsComponent, "article-headings", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-hr/article-hr.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleHrComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHrComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHrComponent, "article-hr", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHrComponent, "article-hr", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-lead/article-lead.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleLeadComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleLeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLeadComponent, "article-lead", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLeadComponent, "article-lead", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-link/article-link.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleLinkComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLinkComponent, "article-link", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLinkComponent, "article-link", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-meta/article-meta.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleMetaComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleMetaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleMetaComponent, "article-meta", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleMetaComponent, "article-meta", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-ol/article-ol.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleOlComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleOlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleOlComponent, "article-ol", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleOlComponent, "article-ol", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-table/article-table.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleTableComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleTableComponent, "article-table", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleTableComponent, "article-table", never, {}, {}, never, never, false, never>;
 }

package/article/examples/article-ul/article-ul.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ArticleUlComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArticleUlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleUlComponent, "article-ul", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleUlComponent, "article-ul", never, {}, {}, never, never, false, never>;
 }

package/atoms/button/button.component.d.ts

@@ -100,6 +100,6 @@ export declare class DaffButtonComponent extends _daffButtonBase implements OnIn
      * */
     private _hasHostAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", never, { "color": "color"; "size": "size"; "status": "status"; "loading": "loading"; "tabindex": "tabindex"; "disabled": "disabled"; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", never, { "color": "color"; "size": "size"; "status": "status"; "loading": "loading"; "tabindex": "tabindex"; "disabled": "disabled"; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], false, never>;
 }
 export {};

package/atoms/container/container.component.d.ts

@@ -29,6 +29,6 @@ export declare class DaffContainerComponent extends _daffContainerBase implement
     class: boolean;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, { "size": "size"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, { "size": "size"; }, {}, never, ["*"], false, never>;
 }
 export {};

package/atoms/form/checkbox/checkbox.component.d.ts

@@ -81,5 +81,5 @@ export declare class DaffCheckboxComponent {
      */
     deselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffCheckboxComponent, "daff-checkbox", never, { "name": "name"; "value": "value"; "checked": "checked"; "id": "id"; "label": "aria-label"; "labeledBy": "aria-labelledby"; }, { "becameChecked": "becameChecked"; "becameUnchecked": "becameUnchecked"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffCheckboxComponent, "daff-checkbox", never, { "name": "name"; "value": "value"; "checked": "checked"; "id": "id"; "label": "aria-label"; "labeledBy": "aria-labelledby"; }, { "becameChecked": "becameChecked"; "becameUnchecked": "becameUnchecked"; }, never, ["*"], false, never>;
 }

package/atoms/form/checkbox/cva/checkbox-cva.directive.d.ts

@@ -48,5 +48,5 @@ export declare class DaffCheckboxControlValueAccessorDirective implements OnInit
      */
     fireDeselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffCheckboxControlValueAccessorDirective, [{ optional: true; self: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCheckboxControlValueAccessorDirective, "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", never, { "value": "value"; "name": "name"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCheckboxControlValueAccessorDirective, "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", never, { "value": "value"; "name": "name"; }, {}, never, never, false, never>;
 }

package/atoms/form/checkbox-set/checkbox-set.component.d.ts

@@ -1,9 +1,9 @@
 import { QueryList, EventEmitter } from '@angular/core';
-import { FormArray } from '@angular/forms';
+import { UntypedFormArray } from '@angular/forms';
 import { DaffCheckboxComponent } from '../checkbox/checkbox.component';
 import * as i0 from "@angular/core";
 export declare class DaffCheckboxSetComponent {
-    formArray: FormArray;
+    formArray: UntypedFormArray;
     /**
      * The name of the checkbox-set
      */
@@ -23,5 +23,5 @@ export declare class DaffCheckboxSetComponent {
     valueList: EventEmitter<any[]>;
     getValues(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffCheckboxSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffCheckboxSetComponent, "daff-checkbox-set", never, { "formArray": "formArray"; "name": "name"; }, { "valueList": "valueList"; }, ["checkboxes"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffCheckboxSetComponent, "daff-checkbox-set", never, { "formArray": "formArray"; "name": "name"; }, { "valueList": "valueList"; }, ["checkboxes"], ["*"], false, never>;
 }

package/atoms/form/core/error-state-matcher/error-state-matcher.d.ts

@@ -1,4 +1,4 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 export declare class DaffErrorStateMatcher {
-    isErrorState(control: FormControl, formSubmitted: boolean): boolean;
+    isErrorState(control: UntypedFormControl, formSubmitted: boolean): boolean;
 }

package/atoms/form/error-message/error-message.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffErrorMessageComponent {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffErrorMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffErrorMessageComponent, "daff-error-message", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffErrorMessageComponent, "daff-error-message", never, {}, {}, never, ["*"], false, never>;
 }

package/atoms/form/form-field/form-field/form-field.component.d.ts

@@ -67,5 +67,5 @@ export declare class DaffFormFieldComponent implements DoCheck, AfterContentInit
      */
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "formSubmitted": "formSubmitted"; }, {}, ["_control"], ["*", "daff-error-message"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "formSubmitted": "formSubmitted"; }, {}, ["_control"], ["*", "daff-error-message"], false, never>;
 }

package/atoms/form/form-label/form-label.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffFormLabelDirective {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormLabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormLabelDirective, "[daffFormLabel]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormLabelDirective, "[daffFormLabel]", never, {}, {}, never, never, false, never>;
 }

package/atoms/form/input/input.component.d.ts

@@ -31,5 +31,5 @@ export declare class DaffInputComponent implements DaffFormFieldControl {
     ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>);
     onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffInputComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffInputComponent, "input[daff-input]", never, { "formSubmitted": "formSubmitted"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffInputComponent, "input[daff-input]", never, { "formSubmitted": "formSubmitted"; }, {}, never, ["*"], false, never>;
 }

package/atoms/form/native-select/native-select.component.d.ts

@@ -33,5 +33,5 @@ export declare class DaffNativeSelectComponent implements DaffFormFieldControl {
     ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>);
     onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNativeSelectComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNativeSelectComponent, "select[daff-native-select]", never, { "formSubmitted": "formSubmitted"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNativeSelectComponent, "select[daff-native-select]", never, { "formSubmitted": "formSubmitted"; }, {}, never, ["*"], false, never>;
 }

package/atoms/form/quantity-field/quantity-field.component.d.ts

@@ -1,8 +1,8 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { DaffFormFieldControl } from '../form-field/form-field-control';
 import { DaffQuantityInputComponent } from './quantity-input/quantity-input.component';
 import { DaffQuantitySelectComponent } from './quantity-select/quantity-select.component';
+import { DaffFormFieldControl } from '../form-field/form-field-control';
 import * as i0 from "@angular/core";
 export declare class DaffQuantityFieldComponent implements ControlValueAccessor, DaffFormFieldControl {
     ngControl: NgControl;
@@ -49,5 +49,5 @@ export declare class DaffQuantityFieldComponent implements ControlValueAccessor,
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffQuantityFieldComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityFieldComponent, "daff-quantity-field", never, { "min": "min"; "max": "max"; "selectMax": "selectMax"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityFieldComponent, "daff-quantity-field", never, { "min": "min"; "max": "max"; "selectMax": "selectMax"; }, {}, never, never, false, never>;
 }

package/atoms/form/quantity-field/quantity-input/quantity-input.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
-import { FormControl, NgControl } from '@angular/forms';
+import { UntypedFormControl, NgControl } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { DaffInputComponent } from '../../input/public_api';
 import * as i0 from "@angular/core";
@@ -23,7 +23,7 @@ export declare class DaffQuantityInputComponent implements OnInit, OnDestroy {
      * to avoid triggering updates on the input event.
      * Instead, we listen for the change event and manually patch form control values.
      */
-    _inputControl: FormControl;
+    _inputControl: UntypedFormControl;
     get focused(): boolean;
     _destroyed: Subject<unknown>;
     get value(): any;
@@ -42,5 +42,5 @@ export declare class DaffQuantityInputComponent implements OnInit, OnDestroy {
     onValueChange(e: any): void;
     private setInputDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffQuantityInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityInputComponent, "daff-quantity-input", never, { "min": "min"; "max": "max"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantityInputComponent, "daff-quantity-input", never, { "min": "min"; "max": "max"; }, {}, never, never, false, never>;
 }

package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts

@@ -47,5 +47,5 @@ export declare class DaffQuantitySelectComponent {
      */
     get valueArray(): number[];
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffQuantitySelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantitySelectComponent, "daff-quantity-select", never, { "min": "min"; "max": "max"; "extendable": "extendable"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffQuantitySelectComponent, "daff-quantity-select", never, { "min": "min"; "max": "max"; "extendable": "extendable"; }, {}, never, never, false, never>;
 }

package/atoms/form/radio/cva/radio-cva.directive.d.ts

@@ -48,5 +48,5 @@ export declare class DaffRadioControlValueAccessorDirective implements OnInit, C
      */
     fireDeselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffRadioControlValueAccessorDirective, [{ optional: true; self: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffRadioControlValueAccessorDirective, "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", never, { "value": "value"; "name": "name"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffRadioControlValueAccessorDirective, "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", never, { "value": "value"; "name": "name"; }, {}, never, never, false, never>;
 }

package/atoms/form/radio/radio.component.d.ts

@@ -73,5 +73,5 @@ export declare class DaffRadioComponent implements OnInit {
     deselect(): void;
     onChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffRadioComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffRadioComponent, "daff-radio", never, { "checked": "checked"; "value": "value"; "id": "id"; "name": "name"; "label": "aria-label"; "labelledby": "aria-labelledby"; }, { "selectionChange": "selectionChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffRadioComponent, "daff-radio", never, { "checked": "checked"; "value": "value"; "id": "id"; "name": "name"; "label": "aria-label"; "labelledby": "aria-labelledby"; }, { "selectionChange": "selectionChange"; }, never, ["*"], false, never>;
 }

package/atoms/form/radio-set/radio-set.component.d.ts

@@ -7,5 +7,5 @@ export declare class DaffRadioSetComponent {
      */
     role: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffRadioSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffRadioSetComponent, "daff-radio-set", never, { "name": "name"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffRadioSetComponent, "daff-radio-set", never, { "name": "name"; }, {}, never, ["*"], false, never>;
 }

package/atoms/image/image.component.d.ts

@@ -49,6 +49,6 @@ export declare class DaffImageComponent extends _daffImageBase implements OnInit
      */
     get maxWidth(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "skeleton": "skeleton"; "src": "src"; "alt": "alt"; "width": "width"; "height": "height"; }, { "load": "load"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "skeleton": "skeleton"; "src": "src"; "alt": "alt"; "width": "width"; "height": "height"; }, { "load": "load"; }, never, never, false, never>;
 }
 export {};

package/atoms/loading-icon/loading-icon.component.d.ts

@@ -37,6 +37,6 @@ export declare class DaffLoadingIconComponent extends _daffLoadingIconBase imple
     get maxWidth(): string;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffLoadingIconComponent, "daff-loading-icon", never, { "color": "color"; "diameter": "diameter"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffLoadingIconComponent, "daff-loading-icon", never, { "color": "color"; "diameter": "diameter"; }, {}, never, never, false, never>;
 }
 export {};

package/atoms/progress-indicator/progress-indicator.component.d.ts

@@ -51,6 +51,6 @@ export declare class DaffProgressIndicatorComponent extends _daffProgressIndicat
     get fillState(): any;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressIndicatorComponent, "daff-progress-indicator", never, { "color": "color"; "percentage": "percentage"; }, { "finished": "finished"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressIndicatorComponent, "daff-progress-indicator", never, { "color": "color"; "percentage": "percentage"; }, { "finished": "finished"; }, never, never, false, never>;
 }
 export {};

package/button/examples/basic-button/basic-button.component.d.ts

@@ -3,5 +3,5 @@ export declare class BasicButtonComponent {
     faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicButtonComponent, "basic-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicButtonComponent, "basic-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/flat-button/flat-button.component.d.ts

@@ -3,5 +3,5 @@ export declare class FlatButtonComponent {
     faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlatButtonComponent, "flat-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlatButtonComponent, "flat-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/icon-button/icon-button.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class IconButtonComponent {
     faPlus: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "icon-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "icon-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/raised-button/raised-button.component.d.ts

@@ -3,5 +3,5 @@ export declare class RaisedButtonComponent {
     faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<RaisedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedButtonComponent, "raised-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedButtonComponent, "raised-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/sizeable-button/sizeable-button.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class SizeableButtonComponent {
     faPlus: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<SizeableButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SizeableButtonComponent, "sizeable-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SizeableButtonComponent, "sizeable-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/statusable-button/statusable-button.component.d.ts

@@ -4,5 +4,5 @@ export declare class StatusableButtonComponent {
     faExclamationTriangle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faCheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatusableButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatusableButtonComponent, "statusable-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusableButtonComponent, "statusable-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/stroked-button/stroked-button.component.d.ts

@@ -3,5 +3,5 @@ export declare class StrokedButtonComponent {
     faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<StrokedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StrokedButtonComponent, "stroked-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StrokedButtonComponent, "stroked-button", never, {}, {}, never, never, false, never>;
 }

package/button/examples/underline-button/underline-button.component.d.ts

@@ -3,5 +3,5 @@ export declare class UnderlineButtonComponent {
     faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<UnderlineButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UnderlineButtonComponent, "underline-button", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnderlineButtonComponent, "underline-button", never, {}, {}, never, never, false, never>;
 }

package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts

@@ -1,12 +1,12 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CalloutTextAlignmentComponent {
     faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    textAlignControl: FormControl;
+    textAlignControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutTextAlignmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutTextAlignmentComponent, "callout-text-alignment", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutTextAlignmentComponent, "callout-text-alignment", never, {}, {}, never, never, false, never>;
 }

package/callout/examples/callout-theming/callout-theming.component.d.ts

@@ -1,12 +1,12 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CalloutThemingComponent {
     faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    colorControl: FormControl;
+    colorControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutThemingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutThemingComponent, "callout-theming", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutThemingComponent, "callout-theming", never, {}, {}, never, never, false, never>;
 }

package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class CalloutWithGridComponent {
     faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutWithGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutWithGridComponent, "callout-with-grid", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutWithGridComponent, "callout-with-grid", never, {}, {}, never, never, false, never>;
 }

package/callout/examples/compact-callout/compact-callout.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class CompactCalloutComponent {
     faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, false, never>;
 }

package/card/examples/basic-card/basic-card.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class BasicCardComponent {
     faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, false, never>;
 }

package/card/examples/card-orientation/card-orientation.component.d.ts

@@ -1,12 +1,12 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CardOrientationComponent {
     faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    orientationControl: FormControl;
+    orientationControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, false, never>;
 }

package/card/examples/card-theming/card-theming.component.d.ts

@@ -1,11 +1,11 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CardThemingComponent {
-    colorControl: FormControl;
+    colorControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<CardThemingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, false, never>;
 }

package/card/examples/linkable-card/linkable-card.component.d.ts

@@ -1,13 +1,13 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class LinkableCardComponent {
-    basicColorControl: FormControl;
-    raisedColorControl: FormControl;
-    strokedColorControl: FormControl;
+    basicColorControl: UntypedFormControl;
+    raisedColorControl: UntypedFormControl;
+    strokedColorControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkableCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, false, never>;
 }

package/card/examples/raised-card/raised-card.component.d.ts

@@ -1,11 +1,11 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class RaisedCardComponent {
-    colorControl: FormControl;
+    colorControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<RaisedCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never, false, never>;
 }

package/card/examples/stroked-card/stroked-card.component.d.ts

@@ -1,11 +1,11 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class StrokedCardComponent {
-    colorControl: FormControl;
+    colorControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<StrokedCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, false, never>;
 }

package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts

@@ -1,11 +1,11 @@
 import { OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class BasicCheckboxComponent implements OnInit {
-    checkboxExample: FormControl;
+    checkboxExample: UntypedFormControl;
     ngOnInit(): void;
     setFalse(): void;
     setTrue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, false, never>;
 }

package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts

@@ -1,12 +1,12 @@
 import { OnInit } from '@angular/core';
-import { FormArray } from '@angular/forms';
+import { UntypedFormArray } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CheckboxSetComponent implements OnInit {
     private checkboxSet;
-    checkboxArray: FormArray;
+    checkboxArray: UntypedFormArray;
     selectedValues: any[];
     ngOnInit(): void;
     displayList(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, false, never>;
 }

package/container/examples/container-sizes/container-sizes.component.d.ts

@@ -1,11 +1,11 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class ContainerSizesComponent {
-    sizeControl: FormControl;
+    sizeControl: UntypedFormControl;
     options: {
         value: string;
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, false, never>;
 }

package/core/colorable/colorable-mixin.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { Constructor } from '../constructor/constructor';
 import { DaffPalette } from './colorable';
+import { Constructor } from '../constructor/constructor';
 interface HasElementRef {
     _elementRef: ElementRef;
     _renderer: Renderer2;