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

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-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-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-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.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,7 @@ 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);
+    constructor(cdr: ChangeDetectorRef, dialogService: MtnaWfDialogService);
     handleChange(change: MatCheckboxChange, index: number): void;
     ngOnDestroy(): void;
     /**

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

@@ -10,8 +10,9 @@ 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 i12 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.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 i12.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,7 @@ 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);
+    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,6 +1,6 @@
 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;

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,15 @@
-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);
+    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,13 @@
-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;
     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,12 @@
-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;
     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,12 @@
+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);
+    constructor(cdr: ChangeDetectorRef, manager: MtnaWfManagerService);
     addItem(): void;
     removeItem(item: FormItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfRepeatableItemContainerComponent, never>;

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

@@ -8,8 +8,9 @@ import * as i6 from "@mtna/core-angular";
 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 "../../../pipes/coerce-form-item.pipe";
 export declare class MtnaWfRepeatableItemContainerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfRepeatableItemContainerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfRepeatableItemContainerModule, [typeof i1.MtnaWfRepeatableItemContainerComponent], [typeof i2.CommonModule, typeof i3.MtnaWfItemHeaderModule, typeof i4.MtnaWfRepeatableItemModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaHighlightModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatTooltipModule, typeof i6.MtnaTrackByPropertyPipeModule], [typeof i1.MtnaWfRepeatableItemContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfRepeatableItemContainerModule, [typeof i1.MtnaWfRepeatableItemContainerComponent], [typeof i2.CommonModule, typeof i3.MtnaWfItemHeaderModule, typeof i4.MtnaWfRepeatableItemModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaHighlightModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatTooltipModule, typeof i6.MtnaTrackByPropertyPipeModule, typeof i10.MtnaWfCoerceFormItemPipeModule], [typeof i1.MtnaWfRepeatableItemContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfRepeatableItemContainerModule>;
 }

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

@@ -1,14 +1,15 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MtnaInMemorySearchFacade } from '@mtna/search-manager-angular';
 import { ResourceSearchItem } 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 MtnaWfResourceSearchComponent extends MtnaWfBaseValueItem<ResourceSearchItem, FormGroup> {
     protected searchFacade: MtnaInMemorySearchFacade;
     protected dialog: MatDialog;
     private references;
-    constructor(searchFacade: MtnaInMemorySearchFacade, dialog: MatDialog);
+    constructor(cdr: ChangeDetectorRef, searchFacade: MtnaInMemorySearchFacade, dialog: MatDialog);
     openDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfResourceSearchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfResourceSearchComponent, "mtna-wf-resource-search-item", never, {}, {}, never, never>;

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

@@ -1,6 +1,6 @@
 import { FormGroup } from '@angular/forms';
 import { TableItem, TableRowItem } from '@mtna/web-form-ts';
-import { MtnaWfBaseParentValueItem } from '../../base-items';
+import { MtnaWfBaseParentValueItem } from '../../base-items/base-parent-value-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfTableFormItemComponent extends MtnaWfBaseParentValueItem<TableItem, FormGroup> {
     _trackByTableRow(index: number, row: TableRowItem): string;

package/lib/components/form-item-impl/title/_title-theme.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-title-item {
+    .mtna-wf-title-item {
+      color: mat.get-color-from-palette($foreground, secondary-text);
+    }
+  }
+}
+
+@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/year-quarter/year-quarter.component.d.ts

@@ -1,7 +1,7 @@
-import { AfterViewInit, InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DateRange, YearQuarter, YearQuarterRangeItem } 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 const MTNA_WF_DEFAULT_YEAR_RANGE: InjectionToken<MtnaWfDefaultYearRange>;
 export interface MtnaWfDefaultYearRange {
@@ -18,7 +18,7 @@ export declare class MtnaWfYearQuarterComponent extends MtnaWfBaseValueItem<Year
     _yearSelection: number[];
     private destroyObs;
     private defaultYearRange;
-    constructor(defaultYearRange?: MtnaWfDefaultYearRange);
+    constructor(cdr: ChangeDetectorRef, defaultYearRange?: MtnaWfDefaultYearRange);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
@@ -30,6 +30,6 @@ export declare class MtnaWfYearQuarterComponent extends MtnaWfBaseValueItem<Year
      * @returns `[number, number]` The original [year, quarter] value OR [year, null]
      */
     private withinRangeLimits;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfYearQuarterComponent, "mtna-wf-year-quarter-item", never, {}, {}, never, never>;
 }

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

@@ -1,9 +1,11 @@
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ComponentFactoryResolver, ComponentRef, EventEmitter, Injector, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
 import { InjectionService, MtnaComponentInjector } from '@mtna/core-angular';
 import { AnnotationIndicatorStatus } from '@mtna/pojo-social-angular';
 import { FormItem } from '@mtna/web-form-ts';
+import { BehaviorSubject } from 'rxjs';
 import { FormStep, ToggleFormItemsData } from '../../models';
 import * as i0 from "@angular/core";
 export declare class MtnaWfItemInjector extends MtnaComponentInjector implements OnInit {
@@ -11,6 +13,8 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     protected cfr: ComponentFactoryResolver;
     protected vcr: ViewContainerRef;
     protected injectionService: InjectionService;
+    static ngAcceptInputType_inList: BooleanInput;
+    static ngAcceptInputType_readonly: BooleanInput;
     color: ThemePalette;
     get control(): AbstractControl | null | undefined;
     set control(control: AbstractControl | null | undefined);
@@ -20,7 +24,7 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     private _header;
     get indicatorStatus(): AnnotationIndicatorStatus;
     set indicatorStatus(value: AnnotationIndicatorStatus);
-    protected _indicatorStatus: AnnotationIndicatorStatus;
+    protected _indicatorStatus: BehaviorSubject<AnnotationIndicatorStatus>;
     get inList(): boolean;
     set inList(value: boolean);
     private _inList;
@@ -32,7 +36,7 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     private _parentIds;
     get readonly(): boolean;
     set readonly(value: boolean);
-    protected _readonly: boolean;
+    protected _readonly: BehaviorSubject<boolean>;
     get step(): FormStep | null | undefined;
     set step(value: FormStep | null | undefined);
     private _step;

package/lib/core/_all-color.scss

@@ -3,6 +3,7 @@
 @use '../components/form-item-impl/form-group/form-group-theme';
 @use '../components/form-item-impl/multiple-choice/multiple-choice-theme';
 @use '../components/form-item-impl/repeatable-item-container/repeatable-item-container-theme';
+@use '../components/form-item-impl/title/title-theme';
 @use '../components/form-item-impl/year-quarter/year-quarter-item-theme';
 @use '../components/form-stepper/form-step-group/form-step-group-theme';
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
@@ -15,6 +16,7 @@
   @include form-group-theme.color($theme);
   @include multiple-choice-theme.color($theme);
   @include repeatable-item-container-theme.color($theme);
+  @include title-theme.color($theme);
   @include year-quarter-item-theme.color($theme);
   @include form-step-group-theme.color($theme);
   @include form-stepper-theme.color($theme);

package/lib/core/_all-theme.scss

@@ -3,6 +3,7 @@
 @use '../components/form-item-impl/form-group/form-group-theme';
 @use '../components/form-item-impl/multiple-choice/multiple-choice-theme';
 @use '../components/form-item-impl/repeatable-item-container/repeatable-item-container-theme';
+@use '../components/form-item-impl/title/title-theme';
 @use '../components/form-item-impl/year-quarter/year-quarter-item-theme';
 @use '../components/form-stepper/form-step-group/form-step-group-theme';
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
@@ -15,6 +16,7 @@
   @include form-group-theme.theme($theme);
   @include multiple-choice-theme.theme($theme);
   @include repeatable-item-container-theme.theme($theme);
+  @include title-theme.theme($theme);
   @include year-quarter-item-theme.theme($theme);
   @include form-step-group-theme.theme($theme);
   @include form-stepper-theme.theme($theme);

package/lib/core/_all-typography.scss

@@ -3,6 +3,7 @@
 @use '../components/form-item-impl/form-group/form-group-theme';
 @use '../components/form-item-impl/multiple-choice/multiple-choice-theme';
 @use '../components/form-item-impl/repeatable-item-container/repeatable-item-container-theme';
+@use '../components/form-item-impl/title/title-theme';
 @use '../components/form-item-impl/year-quarter/year-quarter-item-theme';
 @use '../components/form-stepper/form-step-group/form-step-group-theme';
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
@@ -15,6 +16,7 @@
   @include form-group-theme.typography($theme);
   @include multiple-choice-theme.typography($theme);
   @include repeatable-item-container-theme.typography($theme);
+  @include title-theme.typography($theme);
   @include year-quarter-item-theme.typography($theme);
   @include form-step-group-theme.typography($theme);
   @include form-stepper-theme.typography($theme);

package/lib/core/_core-theme.scss

@@ -6,10 +6,6 @@
   $background: map.get($config, background);
   $foreground: map.get($config, foreground);
 
-  mtna-wf-item .mat-list-base {
-    padding-top: 0;
-  }
-
   .mtna-wf-title-item {
     color: mat.get-color-from-palette($foreground, secondary-text);
   }
@@ -26,18 +22,4 @@
       color: mat.get-color-from-palette($background, disabled-button);
     }
   }
-
-  .mtna-wf-title-item {
-    font-size: 1rem;
-    font-weight: 400;
-    letter-spacing: 1px;
-    line-height: 32px;
-    text-transform: uppercase;
-  }
-
-  mtna-wf-section .mtna-wf-title-item {
-    font-size: 0.875rem;
-    line-height: 28px;
-    font-weight: 500;
-  }
 }

package/lib/pipes/coerce-form-item.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import { FormItem } from '@mtna/web-form-ts';
+import * as i0 from "@angular/core";
+export declare class MtnaWfCoerceFormItemPipe implements PipeTransform {
+    transform(item: unknown): FormItem | undefined;
+    instanceOfFormItem(something: unknown): something is FormItem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfCoerceFormItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtnaWfCoerceFormItemPipe, "coerceFormItem">;
+}
+export declare class MtnaWfCoerceFormItemPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfCoerceFormItemPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfCoerceFormItemPipeModule, [typeof MtnaWfCoerceFormItemPipe], never, [typeof MtnaWfCoerceFormItemPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfCoerceFormItemPipeModule>;
+}

package/lib/pipes/index.d.ts

@@ -1,6 +1,7 @@
 export * from './coerce-date-item.pipe';
 export * from './coerce-form-control.pipe';
 export * from './coerce-form-group.pipe';
+export * from './coerce-form-item.pipe';
 export * from './date-quarter.pipe';
 export * from './form-step-group.pipe';
 export * from './get-auto-complete.pipe';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtna/web-form-angular",
-  "version": "1.0.2-SNAPSHOT.1",
+  "version": "1.0.2-SNAPSHOT.2",
   "repository": {
     "type": "git",
     "url": "https://bitbucket.org/mtnaus/web-form-angular"
@@ -24,7 +24,7 @@
     "@mtna/pojo-social-angular": "^1.0.0",
     "@mtna/pojo-social-ts": "^1.0.0",
     "@mtna/search-manager-angular": "^1.0.0",
-    "@mtna/web-form-ts": "1.0.1-SNAPSHOT.2",
+    "@mtna/web-form-ts": "^1.0.0",
     "@ngrx/effects": "~12.5.0",
     "@ngrx/store": "~12.5.0",
     "moment": "^2.29.3",