@mtna/web-form-angular 1.0.2-SNAPSHOT.1 → 1.0.2-SNAPSHOT.3

package/lib/components/base-form/base-form.component.d.ts

@@ -0,0 +1,89 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { CanDestroyNotify } from '@mtna/core-angular';
+import { AnnotatableNumberMap } from '@mtna/pojo-social-angular';
+import { Form, FormControlStatus, FormItem } from '@mtna/web-form-ts';
+import { FormStep } from '../../models';
+import { MtnaWfManagerService, MtnaWfNgFormService, MtnaWfUIService } from '../../services';
+import * as i0 from "@angular/core";
+declare const _BaseFormComponent: import("@mtna/core-angular").CanDestroyNotifyCtor & {
+    new (): {};
+};
+export declare class MtnaWfBaseFormComponent<F extends Form = Form> extends _BaseFormComponent implements AfterViewInit, CanDestroyNotify, OnDestroy {
+    protected mtnaFormManager: MtnaWfManagerService;
+    protected ngFormService: MtnaWfNgFormService;
+    protected uiService: MtnaWfUIService;
+    static ngAcceptInputType_emitStatusOnMtnaFormChange: BooleanInput;
+    static ngAcceptInputTypes_readonly: BooleanInput;
+    set annotations(map: AnnotatableNumberMap);
+    /** Whether to emit the status of each step each time the {@link mtnaForm} is set to a new value. Defaults to false.*/
+    get emitStatusOnMtnaFormChange(): boolean;
+    set emitStatusOnMtnaFormChange(emitStatusOnMtnaFormChange: boolean);
+    private _emitStatusOnMtnaFormChange;
+    get mtnaForm(): F | null | undefined;
+    set mtnaForm(form: F | null | undefined);
+    private _mtnaForm;
+    /**
+     * The form can contain sections not included in the steps.
+     * To avoid misalignment of steps-to-sections, we map each step to
+     * its instanceId
+     */
+    set steps(newSteps: Array<FormStep> | null | undefined);
+    get readonly(): boolean;
+    set readonly(r: boolean);
+    private readonly$;
+    /**
+     * Emitted every time a form control's validation status changes.
+     * The `id` is the form control's name and the `status` is the new validation status for the control.
+     */
+    status: EventEmitter<{
+        id: string;
+        status: FormControlStatus;
+    }>;
+    focusedSection: EventEmitter<FormStep>;
+    mtnaFormChange: EventEmitter<F>;
+    ngForm: FormGroup | undefined;
+    componentIds: never[];
+    _steps: {
+        [id: string]: FormStep;
+    } | undefined;
+    private _constructionDate;
+    private _hasPreviousForm;
+    private _ngFormStatusChangeSub?;
+    private _mtnaFormItemChangeSub?;
+    private _initialStatusEmitted;
+    constructor(mtnaFormManager: MtnaWfManagerService, ngFormService: MtnaWfNgFormService, uiService: MtnaWfUIService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _trackByInstanceId(index: number, formItem: FormItem): string;
+    /** Subscribe and emit form status changes for the steps. */
+    private _checkAndSubscribeToFormStatus;
+    /**
+     * Find a form control with the given name, then emit it's status.
+     *
+     * @param name — The unique name of the form control to find and emit the status for.
+     */
+    private _emitFormControlStatus;
+    /**
+     * @param emitInitialValues Whether to emit initial step values or just listen for future changes
+     */
+    private _emitInitialStepsStatusAndSubscribeToChanges;
+    /**
+     * Observes input changes for readOnly, in order to handle internal change subscriptions.
+     * When the form is not readonly, we subscribe to form status & form item changes, so we can emit them.
+     * When the form is readonly, we do not want to emit any changes, so we unsubscribe.
+     */
+    private _subscribeAndEmitMtnaFormChanges;
+    private _handleFormSerialization;
+    /**
+     * Adds or removes a FormItem whenever a new MtnaWfFormItemChange occurs,
+     * and emits a new MtnaForm.
+     */
+    private _subscribeToMtnaFormItemChanges;
+    private _unsubscribeFromNgFormChanges;
+    private _unsubscribeFromMtnaFormChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseFormComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormComponent<any>, "ng-component", never, { "annotations": "annotations"; "emitStatusOnMtnaFormChange": "emitStatusOnMtnaFormChange"; "mtnaForm": "mtnaForm"; "steps": "steps"; "readonly": "readonly"; }, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; }, never, never>;
+}
+export {};

package/lib/components/base-form/index.d.ts

@@ -0,0 +1 @@
+export * from './base-form.component';

package/lib/components/base-items/base-form-item-control.component.d.ts

@@ -1,4 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { FormItem } from '@mtna/web-form-ts';
 import { MtnaWfBaseFormItem } from './base-form-item.component';
@@ -11,6 +12,7 @@ export declare abstract class MtnaWfBaseFormItemControl<I extends FormItem, C ex
     get readonly(): boolean;
     set readonly(value: boolean);
     protected _readonly: boolean;
+    constructor(cdr: ChangeDetectorRef);
     protected setValue(item: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseFormItemControl<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormItemControl<any, any>, "ng-component", never, { "control": "control"; "readonly": "readonly"; }, {}, never, never>;

package/lib/components/base-items/base-form-item.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { CanDestroyNotify } from '@mtna/core-angular';
 import { AnnotationIndicatorStatus, IndicatorStatusRepeater } from '@mtna/pojo-social-angular';
@@ -8,6 +8,7 @@ declare const _BaseFormItemComponent: import("@mtna/core-angular").CanDestroyNot
     new (): {};
 };
 export declare abstract class MtnaWfBaseFormItem<I extends FormItem> extends _BaseFormItemComponent implements IndicatorStatusRepeater, CanDestroyNotify {
+    protected cdr: ChangeDetectorRef;
     color: ThemePalette;
     get header(): TemplateRef<unknown> | null;
     set header(value: TemplateRef<unknown> | null);
@@ -19,6 +20,7 @@ export declare abstract class MtnaWfBaseFormItem<I extends FormItem> extends _Ba
     set item(value: I);
     protected _item: I;
     get hasItemHeader(): boolean;
+    constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseFormItem<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormItem<any>, "ng-component", never, { "color": "color"; "header": "header"; "indicatorStatus": "indicatorStatus"; "item": "item"; }, {}, never, never>;
 }

package/lib/components/base-items/base-group-item.component.d.ts

@@ -1,3 +1,4 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FormItem, FormItemGroup } from '@mtna/web-form-ts';
 import { MtnaWfBaseFormItemControl } from './base-form-item-control.component';
@@ -7,6 +8,7 @@ export declare abstract class MtnaWfBaseGroupItem<I extends FormItemGroup> exten
     set parentIds(value: Array<string>);
     private _parentIds;
     _trackByInstanceId(index: number, item: FormItem): string;
+    constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseGroupItem<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseGroupItem<any>, "ng-component", never, { "parentIds": "parentIds"; }, {}, never, never>;
 }

package/lib/components/base-items/base-section-item.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { Section } from '@mtna/web-form-ts';
 import { FormStep } from '../../models/form-stepper/form-step.model';
 import { MtnaWfBaseGroupItem } from './base-group-item.component';
@@ -8,6 +8,7 @@ export declare abstract class MtnaWfBaseSectionItem<S extends Section> extends M
     set step(value: FormStep | null | undefined);
     private _step;
     focused: EventEmitter<FormStep>;
+    constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseSectionItem<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseSectionItem<any>, "ng-component", never, { "step": "step"; }, { "focused": "focused"; }, never, never>;
 }

package/lib/components/base-items/base-single-selection-parent-value-item.component.d.ts

@@ -7,7 +7,6 @@ import { MtnaWfBaseParentValueItem } from './base-parent-value-item.component';
 import * as i0 from "@angular/core";
 export declare abstract class MtnaWfBaseSingleSelectionParentValueItem<I extends DropdownItem | MultipleChoiceItem> extends MtnaWfBaseParentValueItem<I, FormControl> implements OnInit {
     protected selectedOption: FormOptionSelector<StringOption> | undefined;
-    constructor();
     ngOnInit(): void;
     /**
      * Toggles the 'selected' value of the previous & newly selected options,

package/lib/components/base-items/base-value-item.component.d.ts

@@ -1,10 +1,9 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AbstractControl } from '@angular/forms';
-import { IndicatorStatusRepeater } from '@mtna/pojo-social-angular';
 import { FormOptionSelector, Option, ValueItem } from '@mtna/web-form-ts';
 import { MtnaWfBaseFormItemControl } from './base-form-item-control.component';
 import * as i0 from "@angular/core";
-export declare abstract class MtnaWfBaseValueItem<I extends ValueItem<unknown>, C extends AbstractControl = AbstractControl> extends MtnaWfBaseFormItemControl<I, C> implements IndicatorStatusRepeater {
+export declare abstract class MtnaWfBaseValueItem<I extends ValueItem<unknown>, C extends AbstractControl = AbstractControl> extends MtnaWfBaseFormItemControl<I, C> {
     static ngAcceptInputType_inList: BooleanInput;
     get inList(): boolean;
     set inList(value: boolean);

package/lib/components/form/form.component.d.ts

@@ -1,89 +1,7 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { CanDestroyNotify } from '@mtna/core-angular';
-import { AnnotatableNumberMap } from '@mtna/pojo-social-angular';
-import { Form, FormControlStatus, FormItem } from '@mtna/web-form-ts';
-import { FormStep } from '../../models';
-import { MtnaWfManagerService, MtnaWfNgFormService, MtnaWfUIService } from '../../services';
+import { Form } from '@mtna/web-form-ts';
+import { MtnaWfBaseFormComponent } from '../base-form';
 import * as i0 from "@angular/core";
-declare const MtnaWfFormComponent_base: import("@mtna/core-angular").CanDestroyNotifyCtor & {
-    new (): {};
-};
-export declare class MtnaWfFormComponent extends MtnaWfFormComponent_base implements AfterViewInit, CanDestroyNotify, OnDestroy {
-    private mtnaFormManager;
-    private ngFormService;
-    private uiService;
-    static ngAcceptInputType_emitStatusOnMtnaFormChange: BooleanInput;
-    static ngAcceptInputTypes_readonly: BooleanInput;
-    set annotations(map: AnnotatableNumberMap);
-    /** Whether to emit the status of each step each time the {@link mtnaForm} is set to a new value. Defaults to false.*/
-    get emitStatusOnMtnaFormChange(): boolean;
-    set emitStatusOnMtnaFormChange(emitStatusOnMtnaFormChange: boolean);
-    private _emitStatusOnMtnaFormChange;
-    get mtnaForm(): Form | null | undefined;
-    set mtnaForm(form: Form | null | undefined);
-    private _mtnaForm;
-    /**
-     * The form can contain sections not included in the steps.
-     * To avoid misalignment of steps-to-sections, we map each step to
-     * its instanceId
-     */
-    set steps(newSteps: Array<FormStep> | null | undefined);
-    get readonly(): boolean;
-    set readonly(r: boolean);
-    private readonly$;
-    /**
-     * Emitted every time a form control's validation status changes.
-     * The `id` is the form control's name and the `status` is the new validation status for the control.
-     */
-    status: EventEmitter<{
-        id: string;
-        status: FormControlStatus;
-    }>;
-    focusedSection: EventEmitter<FormStep>;
-    mtnaFormChange: EventEmitter<Form>;
-    ngForm: FormGroup | undefined;
-    componentIds: never[];
-    _steps: {
-        [id: string]: FormStep;
-    } | undefined;
-    private _constructionDate;
-    private _hasPreviousForm;
-    private _ngFormStatusChangeSub?;
-    private _mtnaFormItemChangeSub?;
-    private _initialStatusEmitted;
-    constructor(mtnaFormManager: MtnaWfManagerService, ngFormService: MtnaWfNgFormService, uiService: MtnaWfUIService);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _trackByInstanceId(index: number, formItem: FormItem): string;
-    /** Subscribe and emit form status changes for the steps. */
-    private _checkAndSubscribeToFormStatus;
-    /**
-     * Find a form control with the given name, then emit it's status.
-     *
-     * @param name — The unique name of the form cotrol to find and emit the status for.
-     */
-    private _emitFormControlStatus;
-    /**
-     * @param emitInitialValues Whether to emit initial step values or just listen for future changes
-     */
-    private _emitInitialStepsStatusAndSubscribeToChanges;
-    /**
-     * Observes input changes for readOnly, in order to handle internal change subscriptions.
-     * When the form is not readonly, we subscribe to form status & form item changes, so we can emit them.
-     * When the form is readonly, we do not want to emit any changes, so we unsubscribe.
-     */
-    private _subscribeAndEmitMtnaFormChanges;
-    private _handleFormSerialization;
-    /**
-     * Adds or removes a FormItem whenever a new MtnaWfFormItemChange occurs,
-     * and emits a new MtnaForm.
-     */
-    private _subscribeToMtnaFormItemChanges;
-    private _unsubscribeFromNgFormChanges;
-    private _unsubscribeFromMtnaFormChanges;
+export declare class MtnaWfFormComponent extends MtnaWfBaseFormComponent<Form> {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormComponent, "mtna-form", never, { "annotations": "annotations"; "emitStatusOnMtnaFormChange": "emitStatusOnMtnaFormChange"; "mtnaForm": "mtnaForm"; "steps": "steps"; "readonly": "readonly"; }, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormComponent, "mtna-form", never, {}, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; }, never, never>;
 }
-export {};

package/lib/components/form-item/form-item.component.d.ts

@@ -3,7 +3,7 @@ import { AbstractControl } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
 import { AnnotationIndicatorStatus } from '@mtna/pojo-social-angular';
 import { FormItem } from '@mtna/web-form-ts';
-import { Observable } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { FormStep, ToggleFormItemsData } from '../../models';
 import { MtnaWfUIService } from '../../services/ui.service';
 import * as i0 from "@angular/core";
@@ -44,10 +44,11 @@ export declare class MtnaWfFormItemComponent implements OnInit {
     private _step;
     focusedSection: EventEmitter<FormStep>;
     annotations$?: Observable<number | null>;
-    indicatorStatus: AnnotationIndicatorStatus;
+    indicatorStatus$: BehaviorSubject<AnnotationIndicatorStatus>;
     constructor(_elementRef: ElementRef, uiService: MtnaWfUIService);
     ngOnInit(): void;
     toggleFormItems(data: ToggleFormItemsData): void;
+    updateIndicatorStatus(status: AnnotationIndicatorStatus): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormItemComponent, "mtna-wf-item", never, { "color": "color"; "control": "control"; "header": "header"; "inList": "inList"; "item": "item"; "parentIds": "parentIds"; "readonly": "readonly"; "step": "step"; }, { "focusedSection": "focusedSection"; }, never, never>;
 }

package/lib/components/form-item/form-item.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@mtna/pojo-social-angular";
 import * as i4 from "../form-item-injector/form-item-injector.module";
 import * as i5 from "../item-header/item-header.module";
 import * as i6 from "@angular/material-moment-adapter";
+import * as i7 from "@angular/material/button";
 export declare class MtnaWfFormItemModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormItemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormItemModule, [typeof i1.MtnaWfFormItemComponent], [typeof i2.CommonModule, typeof i3.MtnaAnnotationsIndicatorModule, typeof i4.MtnaWfItemInjectorModule, typeof i5.MtnaWfItemHeaderModule, typeof i6.MatMomentDateModule], [typeof i1.MtnaWfFormItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormItemModule, [typeof i1.MtnaWfFormItemComponent], [typeof i2.CommonModule, typeof i3.MtnaAnnotationsIndicatorModule, typeof i4.MtnaWfItemInjectorModule, typeof i5.MtnaWfItemHeaderModule, typeof i6.MatMomentDateModule, typeof i7.MatButtonModule], [typeof i1.MtnaWfFormItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfFormItemModule>;
 }

package/lib/components/form-item-dialog/form-item-dialog.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./form-item-dialog.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/dialog";
 import * as i4 from "../form-item/form-item.module";
+import * as i5 from "@angular/material/button";
 export declare class MtnaWfFormItemDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormItemDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormItemDialogModule, [typeof i1.MtnaWfFormItemDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.MtnaWfFormItemModule], [typeof i1.MtnaWfFormItemDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormItemDialogModule, [typeof i1.MtnaWfFormItemDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.MtnaWfFormItemModule, typeof i5.MatButtonModule], [typeof i1.MtnaWfFormItemDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfFormItemDialogModule>;
 }

package/lib/components/form-item-impl/boolean/boolean.component.d.ts

@@ -1,3 +1,4 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { BooleanItem, FormItem } from '@mtna/web-form-ts';
@@ -6,7 +7,7 @@ import { MtnaWfBaseParentValueItem } from '../../base-items/base-parent-value-it
 import * as i0 from "@angular/core";
 export declare class MtnaWfBooleanComponent extends MtnaWfBaseParentValueItem<BooleanItem, FormControl> {
     private uiService;
-    constructor(uiService: MtnaWfUIService);
+    constructor(cdr: ChangeDetectorRef, uiService: MtnaWfUIService);
     toggleChange(change: MatSlideToggleChange): void;
     _trackByInstanceId(index: number, item: {
         key: string;

package/lib/components/form-item-impl/boolean/boolean.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/material/slide-toggle";
 import * as i4 from "../../form-item/form-item.module";
 import * as i5 from "@angular/forms";
 import * as i6 from "../../acknowledge-dialog/acknowledge-dialog.module";
+import * as i7 from "@mtna/core-angular";
 export declare class MtnaWfBooleanModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBooleanModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfBooleanModule, [typeof i1.MtnaWfBooleanComponent], [typeof i2.CommonModule, typeof i3.MatSlideToggleModule, typeof i4.MtnaWfFormItemModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.MtnaWfAcknowledgeDialogModule], [typeof i1.MtnaWfBooleanComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfBooleanModule, [typeof i1.MtnaWfBooleanComponent], [typeof i2.CommonModule, typeof i3.MatSlideToggleModule, typeof i4.MtnaWfFormItemModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.MtnaWfAcknowledgeDialogModule, typeof i7.MtnaHighlightModule], [typeof i1.MtnaWfBooleanComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfBooleanModule>;
 }

package/lib/components/form-item-impl/checkbox/_checkbox-theme.scss

@@ -30,8 +30,10 @@
     }
   }
 
-  mtna-wf-checkbox-item .checkbox-error {
-    color: mat.get-color-from-palette($warn, default);
+  mtna-wf-checkbox-item {
+    .checkbox-error {
+      color: mat.get-color-from-palette($warn, default);
+    }
   }
 }
 
@@ -59,4 +61,11 @@
       border-color: mat.get-color-from-palette($palette);
     }
   }
+
+  button.mat-icon-button.acknowledge-verification-button {
+    &:hover,
+    &.cdk-focused {
+      color: mat.get-color-from-palette($palette);
+    }
+  }
 }

package/lib/components/form-item-impl/checkbox/checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { FormArray } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { CanDestroyNotify } from '@mtna/core-angular';
@@ -10,7 +10,8 @@ import * as i0 from "@angular/core";
 export declare class MtnaWfCheckboxComponent extends MtnaWfBaseParentValueItem<CheckboxItem, FormArray> implements CanDestroyNotify, OnDestroy {
     private dialogService;
     destroyed$: Subject<void>;
-    constructor(dialogService: MtnaWfDialogService);
+    _acknowledgementText: string;
+    constructor(cdr: ChangeDetectorRef, dialogService: MtnaWfDialogService);
     handleChange(change: MatCheckboxChange, index: number): void;
     ngOnDestroy(): void;
     /**

package/lib/components/form-item-impl/checkbox/checkbox.module.d.ts

@@ -2,16 +2,18 @@ import * as i0 from "@angular/core";
 import * as i1 from "./checkbox.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../../../pipes/get-form-control-error.pipe";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/material/form-field";
-import * as i6 from "@angular/material/checkbox";
-import * as i7 from "@angular/material/button";
-import * as i8 from "@angular/material/icon";
-import * as i9 from "@angular/material/tooltip";
-import * as i10 from "../../form-item/form-item.module";
-import * as i11 from "@mtna/core-angular";
+import * as i4 from "@angular/flex-layout";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/checkbox";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "../../form-item/form-item.module";
+import * as i12 from "@mtna/core-angular";
+import * as i13 from "../../form-item-dialog/form-item-dialog.module";
 export declare class MtnaWfCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfCheckboxModule, [typeof i1.MtnaWfCheckboxComponent], [typeof i2.CommonModule, typeof i3.MtnaWfGetFormControlErrorPipeModule, typeof i4.FormsModule, typeof i5.MatFormFieldModule, typeof i6.MatCheckboxModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatTooltipModule, typeof i10.MtnaWfFormItemModule, typeof i11.MtnaHighlightModule, typeof i4.ReactiveFormsModule], [typeof i1.MtnaWfCheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfCheckboxModule, [typeof i1.MtnaWfCheckboxComponent], [typeof i2.CommonModule, typeof i3.MtnaWfGetFormControlErrorPipeModule, typeof i4.FlexLayoutModule, typeof i5.FormsModule, typeof i6.MatFormFieldModule, typeof i7.MatCheckboxModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule, typeof i11.MtnaWfFormItemModule, typeof i12.MtnaHighlightModule, typeof i5.ReactiveFormsModule, typeof i13.MtnaWfFormItemDialogModule], [typeof i1.MtnaWfCheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfCheckboxModule>;
 }

package/lib/components/form-item-impl/date/date.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { MtnaLogger } from '@mtna/core-angular';
@@ -12,7 +12,8 @@ export declare class MtnaWfDateComponent extends MtnaWfBaseValueItem<DateItem, F
     set item(value: DateItem);
     rangeLimits: DateRange<Date | null> | null | undefined;
     picker: MatDatepicker<Date> | undefined;
-    constructor(logger: MtnaLogger);
+    _dateText: string;
+    constructor(cdr: ChangeDetectorRef, logger: MtnaLogger);
     ngAfterViewInit(): void;
     /**
      * Manually change the parse and display formats of the date picker.

package/lib/components/form-item-impl/date-range/date-range.component.d.ts

@@ -1,12 +1,13 @@
 import { FormGroup } from '@angular/forms';
 import { DateItem, OffsetDateRangeItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseValueItem } from '../../base-items';
+import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfDateRangeComponent extends MtnaWfBaseValueItem<OffsetDateRangeItem, FormGroup> {
     get item(): OffsetDateRangeItem;
     set item(item: OffsetDateRangeItem);
     _startItem: DateItem;
     _endItem: DateItem;
+    toText: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDateRangeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfDateRangeComponent, "mtna-wf-date-range", never, {}, {}, never, never>;
 }

package/lib/components/form-item-impl/dropdown/_dropdown-theme.scss

@@ -0,0 +1,35 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+  $background: map.get($config, background);
+
+  .cdk-overlay-container .cdk-overlay-pane {
+      .mtna-wf-dropdown-item__select-panel {
+        .mat-option {
+            &:focus,
+            &:hover,
+            &.mat-active {
+              background-color: mat.get-color-from-palette($background, focused-button);
+            }
+        }
+      }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  $config: mat.get-color-config($theme);
+  @if $config != null {
+    @include color($theme);
+  }
+
+  $typography-config: mat.get-typography-config($theme);
+  @if $typography-config != null {
+    @include typography($theme);
+  }
+}

package/lib/components/form-item-impl/dropdown/dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import { DropdownItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseSingleSelectionParentValueItem } from '../../base-items';
+import { MtnaWfBaseSingleSelectionParentValueItem } from '../../base-items/base-single-selection-parent-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfDropdownComponent extends MtnaWfBaseSingleSelectionParentValueItem<DropdownItem> {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDropdownComponent, never>;

package/lib/components/form-item-impl/file-upload/file-upload.component.d.ts

@@ -1,15 +1,16 @@
-import { OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { FileService } from '@mtna/file-manager-angular';
 import { FileInformation } from '@mtna/file-manager-ts';
 import { FileUploadItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseFormItemControl } from '../../base-items';
+import { MtnaWfBaseFormItemControl } from '../../base-items/base-form-item-control.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfFileUploadComponent extends MtnaWfBaseFormItemControl<FileUploadItem, FormControl> implements OnInit {
     private fileService;
     fileInfo?: FileInformation;
     loading: boolean;
-    constructor(fileService: FileService);
+    _fileUploadButtonText: string;
+    constructor(cdr: ChangeDetectorRef, fileService: FileService);
     fileToUpload(file: FileList): void;
     handleDownload(template: FileInformation): void;
     ngOnInit(): void;

package/lib/components/form-item-impl/form-group/form-group.component.d.ts

@@ -1,5 +1,5 @@
 import { FormItemGroupImpl } from '@mtna/web-form-ts';
-import { MtnaWfBaseGroupItem } from '../../base-items';
+import { MtnaWfBaseGroupItem } from '../../base-items/base-group-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfFormGroupComponent extends MtnaWfBaseGroupItem<FormItemGroupImpl> {
     get item(): FormItemGroupImpl;

package/lib/components/form-item-impl/form-section/form-section.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "../../step-card/step-card.module";
 import * as i4 from "@angular/material/divider";
 import * as i5 from "../../form-item/form-item.module";
 import * as i6 from "../../../pipes/get-object-type.pipe";
+import * as i7 from "@mtna/core-angular";
 export declare class MtnaWfFormSectionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormSectionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormSectionModule, [typeof i1.MtnaWfFormSectionComponent], [typeof i2.CommonModule, typeof i3.MtnaWfStepCardModule, typeof i4.MatDividerModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaWfGetObjectTypePipeModule], [typeof i1.MtnaWfFormSectionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfFormSectionModule, [typeof i1.MtnaWfFormSectionComponent], [typeof i2.CommonModule, typeof i3.MtnaWfStepCardModule, typeof i4.MatDividerModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaWfGetObjectTypePipeModule, typeof i7.MtnaHighlightModule], [typeof i1.MtnaWfFormSectionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfFormSectionModule>;
 }

package/lib/components/form-item-impl/i18n-input/i18n-input.component.d.ts

@@ -1,15 +1,14 @@
-import { ElementRef } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { InternationalizedParagraphAnswerItem, InternationalizedShortAnswerItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseValueItem } from '../../base-items';
+import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfI18nInputComponent<I extends InternationalizedParagraphAnswerItem | InternationalizedShortAnswerItem> extends MtnaWfBaseValueItem<I, FormGroup> {
-    protected elementRef: ElementRef;
-    readonly isParagraph: boolean;
-    constructor(elementRef: ElementRef);
-    private _hasHostAttributes;
+    get item(): I;
+    set item(value: I);
+    isParagraph: boolean;
+    _notInformationText: string;
     getFormControl(language: string): FormControl;
     getLanguageDisplay(language: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfI18nInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfI18nInputComponent<any>, "mtna-wf-i18n-input-item[mtnaWfI18nParagraphItem],             mtna-wf-i18n-input-item[mtnaWfI18nShortAnswerItem],", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfI18nInputComponent<any>, "mtna-wf-i18n-input-item", never, {}, {}, never, never>;
 }

package/lib/components/form-item-impl/input/input.component.d.ts

@@ -1,14 +1,13 @@
-import { ElementRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DecimalAnswerItem, ParagraphAnswerItem, ShortAnswerItem, WholeNumberAnswerItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseValueItem } from '../../base-items';
+import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfInputComponent<I extends DecimalAnswerItem | ParagraphAnswerItem | ShortAnswerItem | WholeNumberAnswerItem> extends MtnaWfBaseValueItem<I, FormControl> {
-    protected elementRef: ElementRef;
-    readonly isParagraph: boolean;
-    readonly isNumberInput: boolean;
-    constructor(elementRef: ElementRef);
-    private _hasHostAttributes;
+    get item(): I;
+    set item(value: I);
+    isParagraph: boolean;
+    isNumberInput: boolean;
+    _noInformationText: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfInputComponent<any>, "mtna-wf-input-item[mtnaWfDecimalItem],             mtna-wf-input-item[mtnaWfParagraphItem],             mtna-wf-input-item[mtnaWfShortAnswerItem],             mtna-wf-input-item[mtnaWfWholeNumberItem],", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfInputComponent<any>, "mtna-wf-input-item", never, {}, {}, never, never>;
 }

package/lib/components/form-item-impl/multiple-choice/multiple-choice.component.d.ts

@@ -1,5 +1,5 @@
 import { MultipleChoiceItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseSingleSelectionParentValueItem } from '../../base-items';
+import { MtnaWfBaseSingleSelectionParentValueItem } from '../../base-items/base-single-selection-parent-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfMultipleChoiceComponent extends MtnaWfBaseSingleSelectionParentValueItem<MultipleChoiceItem> {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfMultipleChoiceComponent, never>;

package/lib/components/form-item-impl/multiple-choice/multiple-choice.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@angular/material/radio";
 import * as i5 from "../../form-item/form-item.module";
 import * as i6 from "../../../pipes/get-form-control-error.pipe";
 import * as i7 from "@angular/material/form-field";
+import * as i8 from "@mtna/core-angular";
 export declare class MtnaWfMultipleChoiceModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfMultipleChoiceModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfMultipleChoiceModule, [typeof i1.MtnaWfMultipleChoiceComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatRadioModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaWfGetFormControlErrorPipeModule, typeof i3.ReactiveFormsModule, typeof i7.MatFormFieldModule], [typeof i1.MtnaWfMultipleChoiceComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfMultipleChoiceModule, [typeof i1.MtnaWfMultipleChoiceComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatRadioModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaWfGetFormControlErrorPipeModule, typeof i3.ReactiveFormsModule, typeof i7.MatFormFieldModule, typeof i8.MtnaHighlightModule], [typeof i1.MtnaWfMultipleChoiceComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfMultipleChoiceModule>;
 }

package/lib/components/form-item-impl/repeatable-item-container/repeatable-item-container.component.d.ts

@@ -1,11 +1,13 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FormItem, RepeatableItem } from '@mtna/web-form-ts';
-import { MtnaWfManagerService } from '../../../services';
-import { MtnaWfBaseParentValueItem } from '../../base-items';
+import { MtnaWfManagerService } from '../../../services/form-manager.service';
+import { MtnaWfBaseParentValueItem } from '../../base-items/base-parent-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfRepeatableItemContainerComponent extends MtnaWfBaseParentValueItem<RepeatableItem, FormGroup> {
     private manager;
-    constructor(manager: MtnaWfManagerService);
+    _addText: string;
+    constructor(cdr: ChangeDetectorRef, manager: MtnaWfManagerService);
     addItem(): void;
     removeItem(item: FormItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfRepeatableItemContainerComponent, never>;