@mtna/web-form-angular 0.0.1

package/lib/core/services/ui.service.d.ts

@@ -0,0 +1,123 @@
+import { InjectionToken } from '@angular/core';
+import { ValidationErrors } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
+import { AnnotatableNumberMap } from '@mtna/pojo-social-angular';
+import { FormItemImpl } from '@mtna/web-form-ts';
+import type { MtnaWfFormItemComponent } from '../../groups/group-components';
+import * as i0 from "@angular/core";
+/** Registry of custom error messages for a specific form item. A custom error can also
+ * be a function returning a string. The FormItem object is passed to any ValidationErrors
+ * that are functions, so item specific information can be provided.
+ * @example {
+ * max: `This field's value must be less.`,
+ * min: (item: FormItemImpl<any>) => instanceofWholeNumberItem(item)
+ * ? `This field's value must be greater than ${item.minValue}.`
+ * : `This field's value must be greater.`
+ * }
+ */
+export declare type CustomErrors = {
+    [id: string]: ValidationErrors;
+};
+/** List of default error messages to display */
+export declare const DEFAULT_ERROR_MESSAGES: ValidationErrors;
+export declare const WEB_FORM_CUSTOM_ERRORS: InjectionToken<CustomErrors>;
+export declare class MtnaWfUIService {
+    private dialog;
+    /** Map of annotation counts for each annotatable item */
+    private annotations;
+    /** Map of components in the MtnaForm */
+    private components;
+    /** Map of item.disabled values that have changed */
+    private disabledState;
+    /** Map of toggler ID's for components that have multiple togglers */
+    private multipleEnablers;
+    private errors;
+    constructor(dialog: MatDialog, errors?: any);
+    getDisabledStates(): {
+        [x: string]: boolean;
+    };
+    /**
+     * Returns an error message matching the error id
+     * @param errorId Id of the error, to find the associated error message
+     * @param item FormItem to pass to ValidationErrors that are functions. For instance,
+     * this is useful for 'min' & 'max' value limits to display more helpful messages
+     */
+    getError(errorId: string, item?: FormItemImpl<unknown>): string;
+    /**
+     * Get a registered component by intance id.
+     * @param id the instanceId
+     * @returns the {@link FormItemComponent} that represents that ID or undefined if not registered.
+     */
+    getItem(id: string): MtnaWfFormItemComponent | undefined;
+    /**
+     * Sets the initial map of annotation counts, and/or pushes the new count onto the component observable stream
+     * @param map AnnotatableNumberMap of counts mapped to their annotatableIds
+     */
+    registerAnnotations(map: AnnotatableNumberMap): void;
+    /**
+     * Maps a component to its items instanceId.
+     * @param component component calling this method, i.e. 'this'
+     */
+    registerSelf(component: MtnaWfFormItemComponent): void;
+    /**
+     * Toggles a FormItem's visiblity and enable/disable state
+     *
+     * @param enabledItemIds array of component IDs for enabled items.
+     * @param disabledItemIds array of component IDs for disabled items.
+     * @param enabled Whether the enabledItemIds are enabled.
+     * @param callerId instanceId of the item invoking this function
+     * @param reset Whether to reset the multiple enabler map of the toggled item
+     */
+    toggleFormItems(enabledItemIds: Array<string>, disabledItemIds: Array<string>, enabled: boolean, callerId: string, reset?: boolean): void;
+    /**
+     * Generates map of all IDs currently influencing an item.
+     * @param toggledItem item being toggled
+     */
+    private _registerCurrentEnablers;
+    /**
+     * Resets the map of components. This should be called by the form when
+     * it is destroyed.
+     */
+    resetComponentMap(): void;
+    /**
+     * Determines if an influencer is currently toggling the specified toggledItemId.
+     * @param influencer Item to check whether it's currently influencing the toggledItemId
+     * @param toggledId InstanceId of the item being toggled
+     * @returns Whether the influencer is currently toggling the toggled item
+     */
+    private _isCurrentlyToggling;
+    /**
+     * Handles component visibility for a FormItem with multiple enablers in its condition
+     * @param component FormItemComponent being toggled
+     * @param enabled Whether the component is being enabled
+     * @param callerId ID of the caller toggling this component
+     */
+    private _handleMultipleEnablers;
+    /**
+     * Enables or disables the control on a FormItemComponent
+     * @param component FormItemComponent to enable or disable its control
+     * @param enabled whether to enable the control
+     */
+    private _toggleControlState;
+    /**
+     * Toggles both the component visiblity and the control's enable/disable status
+     * @param component FormItemComponent to show or hide and enable or disable
+     * @param enabled whether to show the component and whether to enable the component
+     */
+    private _toggleDisabledStateAndControl;
+    /**
+     * Enables controls individually using recursion.
+     * FormGroups should only exist for items with 'items' arrays, or
+     * if the component is a BaseParentItemControl
+     * @param comp FormItemComponent
+     */
+    private _enableIndividualControls;
+    /**
+     * Determines if a component is disabled. Prioritizes the disabledState value,
+     * if it exists, otherwise returns the item's previous disabled value
+     * @param item item to check for its disabled state
+     */
+    private _isDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfUIService, [null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MtnaWfUIService>;
+}

package/lib/core/utilities/find-form-control.d.ts

@@ -0,0 +1,11 @@
+import { AbstractControl, FormGroup } from '@angular/forms';
+/**
+ * Recursively find a form control by name in a form group.
+ * Depth first search down the tree of form groups to find a control.
+ *
+ * @note This will only work if the entire form has unique form control names.
+ * @param name The unique name of the form cotrol to find.
+ * @param group The {@link FormGroup} to search through.
+ * @returns the found control or null
+ */
+export declare function findFormControl(name: string, group: FormGroup): AbstractControl | null;

package/lib/core/utilities/find-form-item.d.ts

@@ -0,0 +1,10 @@
+import { Form, FormItem, FormItemGroup } from '@mtna/web-form-ts';
+/**
+ * Recursively find a {@link FormItem} by instanceId in a {@link Form}.
+ * Depth first search down the tree of {@link FormItemGroup} to find an item.
+ *
+ * @param instanceId The unique ID of the {@link FormItem} to find.
+ * @param group The {@link Form} or {@link FormItemGroup} to search through.
+ * @returns the found {@link FormItem} or `null`
+ */
+export declare function findFormItem(instanceId: string, group: Form | FormItemGroup): FormItem | null;

package/lib/core/utilities/flatten-steps.d.ts

@@ -0,0 +1,7 @@
+import { FormStep, FormStepGroup } from '../../form-stepper/models';
+/**
+ * Flattens formStepGroup.steps and combines all steps into single array
+ * @param steps Array<FormStep | FormStepGroup>
+ * @returns FormStep[] array of the steps and children of step groups
+ */
+export declare function flattenSteps(steps: Array<FormStep | FormStepGroup>): Array<FormStep>;

package/lib/core/utilities/generate-form-steps.d.ts

@@ -0,0 +1,3 @@
+import { FormItem } from '@mtna/web-form-ts';
+import { FormStep, FormStepGroup } from '../../form-stepper/models';
+export declare function generateFormSteps(items: Array<FormItem>): Array<FormStep | FormStepGroup>;

package/lib/core/utilities/index.d.ts

@@ -0,0 +1,8 @@
+import * as MtnaWfSerializer from './serializer-util';
+export { MtnaWfSerializer };
+export * from './find-form-control';
+export * from './find-form-item';
+export * from './flatten-steps';
+export * from './generate-form-steps';
+export * from './is-form-group';
+export * from './update-step-status';

package/lib/core/utilities/is-form-group.d.ts

@@ -0,0 +1,3 @@
+import { FormGroup } from '@angular/forms';
+/** Typeguard for {@link FormGroup}. Determines if something is a FormGroup. */
+export declare function isFormGroup(something: unknown): something is FormGroup;

package/lib/core/utilities/serializer-util.d.ts

@@ -0,0 +1,81 @@
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { DateRange, Form as WebForm, FormItem, FormItemGroup, FormItemImpl, Option, OptionGroupItemImpl, RepeatableItem, TableItem, ValueItem, YearQuarter } from '@mtna/web-form-ts';
+import { MtnaWfManagerService } from '../services/form-manager.service';
+/** Types of Validators that can be set on a FormControl */
+export declare type ValidatorType = 'required' | 'requiredTrue' | 'email';
+export declare type ValidatorWithNumberType = 'minLength' | 'maxLength' | 'min' | 'max';
+/**
+ * Generates a new FormGroup with FormControls & possible nested FormGroups
+ * @param formItem WebForm, Section, Group, or RepeatableItem used to create a FormGroup
+ * @param customFormItemConditional boolean function for any custom FormItems
+ * @param customControlGenerator FormControl generator function for any custom FormItems
+ */
+export declare function serializeFormItems(formItem: WebForm | FormItemGroup | RepeatableItem, managerService: MtnaWfManagerService, customFormItemConditional?: (item: FormItem) => boolean, customControlGenerator?: (item: FormItem) => AbstractControl | null): FormGroup;
+/**
+ * Returns a tailored FormControl with validators for a FormItem
+ * @param formItem The FormItem requesting a tailored FormControl
+ * @internal Creating the form control and then calling setValidators force a validation pass,
+ * see https://github.com/angular/angular/issues/19622#issuecomment-341547884
+ * Better to gather the validators and put them in the constructor of the form control.
+ */
+export declare function serializeFormItem(formItem: FormItemImpl<unknown>, managerService: MtnaWfManagerService): AbstractControl;
+/**
+ * Builds controls for any form items nested inside a parent items options
+ * @param formItem The FormItem with an 'options' property
+ * @param customFormItemConditional conditional function from parent 'serializeFormItems' function
+ * @param customControlGenerator FormControl generator from parent 'serializeFormItems' function
+ */
+export declare function serializeNestedOptionFormItems(formItem: OptionGroupItemImpl<Option<unknown>>, managerService: MtnaWfManagerService, customFormItemConditional?: (item: FormItem) => boolean, customControlGenerator?: (item: FormItem) => AbstractControl | null): FormGroup;
+/**
+ * Build FormControls for a TableItem
+ * @param item TableItem requiring FormControls
+ * @param customFormItemConditional Conditional function for custom any FormItems
+ * @param customControlGenerator FormControl generator for custom any FormItems
+ */
+export declare function serializeTableItem(item: TableItem, managerService: MtnaWfManagerService, customFormItemConditional?: (item: FormItem) => boolean, customControlGenerator?: (item: FormItem) => AbstractControl | null): FormGroup;
+/**
+ * Returns the appropriate function for the caller to use.
+ *
+ * @param formItem FormItem requiring serialization
+ * @param customFormItemConditional Conditional for a custom FormItem
+ * @param customControlGenerator Serializer for a custom FormItem
+ */
+export declare function determineSerializeFunctionToUse(formItem: FormItemImpl<unknown> | WebForm, managerService: MtnaWfManagerService, customFormItemConditional?: (item: FormItem) => boolean, customControlGenerator?: (item: FormItem) => AbstractControl | null): AbstractControl | null;
+/**
+ * Builds a FormGroup for a range item
+ * @param formItem FormItem for a DateRange of Date | YearQuarter
+ */
+export declare function serializeRangeItem(formItem: FormItemImpl<DateRange<Date | YearQuarter>>): FormGroup;
+/**
+ * Returns an array of Formitems with new values inserted.
+ *
+ * @param section The old Form or Form Section
+ * @param ngFormValue ngForm JSON values
+ * @param customFormItemConditional boolean function for any custom FormItems
+ * @param customFormItemBuilder function to handle custom FormItems
+ * @returns new FormItem array
+ */
+export declare function insertFormItemValues(section: WebForm | FormItemGroup | RepeatableItem, ngFormValue: Record<string, unknown>, disabledState: {
+    [instanceId: string]: boolean;
+}, customFormItemConditional?: (item: FormItem) => boolean, customFormItemBuilder?: (section: WebForm | FormItemGroup | RepeatableItem | undefined, item: FormItem, rfValue: unknown, disabledState: {
+    [instanceId: string]: boolean;
+}) => ValueItem<unknown> | null): Array<FormItem>;
+/**
+ * Returns a copied TableItem, with each row FormItem having new inserted values.
+ * @param item TableItem to insert values
+ * @param ngFormValue ngForm value of the TableItem
+ * @param customFormItemConditional boolean function for any custom FormItem
+ * @param customFormItemBuilder function to handle custom FormItem value insertion
+ */
+export declare function insertTableItemValues(item: TableItem, ngFormValue: Record<string, unknown>, disabledState: {
+    [instanceId: string]: boolean;
+}, customFormItemConditional?: (item: FormItem) => boolean, customFormItemBuilder?: (section: WebForm | FormItemGroup | RepeatableItem | undefined, item: FormItem, rfValue: unknown, disabledState: {
+    [instanceId: string]: boolean;
+}) => ValueItem<unknown> | null): TableItem;
+/**
+ * Determines if a FormItem has an OptionItemMap with at least 1 item, which require their own FormControl(s)
+ * @param formItem FormItem to check
+ */
+export declare function hasNestedFormItems(formItem: unknown): formItem is {
+    optionItemMap: Record<string, unknown>;
+};

package/lib/core/utilities/update-step-status.d.ts

@@ -0,0 +1,14 @@
+import { CircleStatus } from '@mtna/core-angular';
+import { Form } from '@mtna/web-form-ts';
+import { FormStep } from '../../form-stepper/models/form-step.model';
+/**
+ * Update a {@link FormStep}'s `status`.
+ * The server side form validation errors will trump the provided `status`.
+ *
+ * @param instanceId the instanceId of the step to update, otherwise return the original step
+ * @param step  the step to check
+ * @param status the new status to apply to the step
+ * @param form the containing form
+ * @returns an updated step with the correct status
+ */
+export declare function updateStepStatus(instanceId: string, step: FormStep, status: CircleStatus, form?: Form): FormStep;

package/lib/core/validators/index.d.ts

@@ -0,0 +1,2 @@
+export * from './instant-validation-result-error-state-matcher';
+export * from './validation-result-validator';

package/lib/core/validators/instant-validation-result-error-state-matcher.d.ts

@@ -0,0 +1,13 @@
+import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
+import * as i0 from "@angular/core";
+/**
+ * Custom {@link ErrorStateMatcher} that will immediately show {@link FormValidationResult} errors.
+ * Theses errors are calcualted on the server and need to always show.
+ * Regular form validation will use the default error matcher strategy.
+ */
+export declare class MtnaWfInstantValidationResultErrorStateMatcher extends ErrorStateMatcher {
+    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfInstantValidationResultErrorStateMatcher, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MtnaWfInstantValidationResultErrorStateMatcher>;
+}

package/lib/core/validators/validation-result-validator.d.ts

@@ -0,0 +1,12 @@
+import { ValidatorFn } from '@angular/forms';
+import { MtnaWfManagerService } from '../services/form-manager.service';
+export declare const MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME = "formItemValidationResult";
+/**
+ * Valitator function that will check the root level {@link FormValidationResult} on
+ * the MTNA {@link Form} and see if there are any errors for a particular control.
+ *
+ * @param instanceId The instanceId of the form item for a particular control
+ * @param managerService The manager service that holds a reference to the MTNA {@link Form} and it's {@link FormValidationResult}
+ * @returns A validator function that will throw an error if there is a matching {@link FormItemValidationResult} for the specified item.
+ */
+export declare function validationResultValidator(instanceId: string, managerService: MtnaWfManagerService): ValidatorFn;

package/lib/file-upload/file-upload.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { FileInformation } from '@mtna/file-manager-ts';
+import { FileService } from '@mtna/file-manager-angular';
+import { AnnotationIndicatorStatus, IndicatorStatusRepeater } from '@mtna/pojo-social-angular';
+import { FileUploadItem } from '@mtna/web-form-ts';
+import * as i0 from "@angular/core";
+export declare class MtnaWfFileUploadComponent implements IndicatorStatusRepeater, OnInit {
+    private fileService;
+    header: TemplateRef<unknown> | null;
+    indicatorStatus: AnnotationIndicatorStatus;
+    item: FileUploadItem | undefined | null;
+    readonly: boolean;
+    file: EventEmitter<FileInformation | undefined>;
+    fileInfo?: FileInformation;
+    loading: boolean;
+    constructor(fileService: FileService);
+    fileToUpload(file: FileList): void;
+    handleDownload(template: FileInformation): void;
+    ngOnInit(): void;
+    removeFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFileUploadComponent, "mtna-wf-file-upload-item", never, { "header": "header"; "indicatorStatus": "indicatorStatus"; "item": "item"; "readonly": "readonly"; }, { "file": "file"; }, never, never>;
+}

package/lib/file-upload/index.d.ts

@@ -0,0 +1 @@
+export * from './file-upload.component';

package/lib/form/base-form-item.model.d.ts

@@ -0,0 +1,15 @@
+import { AbstractControl } from '@angular/forms';
+import { FormItem } from '@mtna/web-form-ts';
+/**
+ * The Basic setup for a FormItem. Any dynamic components to be rendered should
+ * implement this interface to ensure they contain the necessary inputs.
+ *
+ * @prop control - AbstractControl | null | undefined;
+ * @prop item - FormItem
+ * @prop readonly - boolean
+ */
+export interface BaseFormItem {
+    control: AbstractControl | null | undefined;
+    item: FormItem;
+    readonly: boolean;
+}

package/lib/form/form-disabler.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class MtnaWfFormDisablerComponent {
+    formDisabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormDisablerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormDisablerComponent, "[formDisabled]", never, { "formDisabled": "formDisabled"; }, {}, never, ["*"]>;
+}

package/lib/form/form-item.directive.d.ts

@@ -0,0 +1,13 @@
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Used to retrieve the host container for a dynamically rendered component.
+ *
+ * @export
+ */
+export declare class MtnaWfFormItemDirective {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtnaWfFormItemDirective, "[formItemHost]", never, {}, {}, never>;
+}

package/lib/form/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 { MtnaWfManagerService, MtnaWfNgFormService, MtnaWfUIService } from '../core/services';
+import { FormStep } from '../form-stepper/models/form-step.model';
+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;
+    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>;
+}
+export {};

package/lib/form/form.module.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../item-header/item-header.component";
+import * as i2 from "../groups/group-components";
+import * as i3 from "../form-item-controls/date.component";
+import * as i4 from "../form-item-controls/date-range.component";
+import * as i5 from "../form-item-controls/dropdown.component";
+import * as i6 from "../file-upload/file-upload.component";
+import * as i7 from "./form.component";
+import * as i8 from "./form-disabler.component";
+import * as i9 from "./form-item.directive";
+import * as i10 from "../form-item-controls/input.component";
+import * as i11 from "../static-form-items/ordered-list-item";
+import * as i12 from "../step-card/step-card.component";
+import * as i13 from "../static-form-items/unordered-list-item";
+import * as i14 from "../form-item-controls/year-quarter.component";
+import * as i15 from "../form-item-controls/year-quarter-range.component";
+import * as i16 from "../groups/repeatable-item.component";
+import * as i17 from "@angular/cdk/a11y";
+import * as i18 from "@angular/common";
+import * as i19 from "@angular/flex-layout";
+import * as i20 from "@angular/forms";
+import * as i21 from "@angular/material/autocomplete";
+import * as i22 from "@angular/material/button";
+import * as i23 from "@angular/material/card";
+import * as i24 from "@angular/material/checkbox";
+import * as i25 from "@angular/material/chips";
+import * as i26 from "@angular/material/datepicker";
+import * as i27 from "@angular/material/dialog";
+import * as i28 from "@angular/material/divider";
+import * as i29 from "@angular/material/form-field";
+import * as i30 from "@angular/material/icon";
+import * as i31 from "@angular/material/input";
+import * as i32 from "@angular/material/list";
+import * as i33 from "@angular/material-moment-adapter";
+import * as i34 from "@angular/material/core";
+import * as i35 from "@angular/material/progress-spinner";
+import * as i36 from "@angular/material/radio";
+import * as i37 from "@angular/material/select";
+import * as i38 from "@angular/material/slide-toggle";
+import * as i39 from "@angular/material/table";
+import * as i40 from "@angular/material/tooltip";
+import * as i41 from "@mtna/pojo-social-angular";
+import * as i42 from "@mtna/file-manager-angular";
+import * as i43 from "@mtna/core-angular";
+import * as i44 from "../form-stepper/form-stepper.module";
+import * as i45 from "../core/pipes/index";
+import * as i46 from "../form-stepper/form-stepper.component";
+export declare class MtnaFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaFormModule, [typeof i1.ItemHeaderComponent, typeof i2.MtnaWfAcknowledgeDialogComponent, typeof i2.MtnaWfBooleanComponent, typeof i2.MtnaWfCheckboxComponent, typeof i3.MtnaWfDateComponent, typeof i4.MtnaWfDateRangeComponent, typeof i5.MtnaWfDropdownComponent, typeof i6.MtnaWfFileUploadComponent, typeof i7.MtnaWfFormComponent, typeof i8.MtnaWfFormDisablerComponent, typeof i2.MtnaWfFormGroupComponent, typeof i2.MtnaWfFormItemComponent, typeof i2.MtnaWfFormItemDialogComponent, typeof i9.MtnaWfFormItemDirective, typeof i2.MtnaWfFormSectionComponent, typeof i10.MtnaWfInputComponent, typeof i2.MtnaWfMultipleChoiceComponent, typeof i11.MtnaWfOrderedListItemComponent, typeof i12.MtnaWfStepCardComponent, typeof i2.MtnaWfTableFormItemComponent, typeof i13.MtnaWfUnorderedListItemComponent, typeof i14.MtnaWfYearQuarterComponent, typeof i15.MtnaWfYearQuarterRangeComponent, typeof i16.RepeatableItemComponent, typeof i2.RepeatableItemContainerComponent, typeof i2.ValueItemComponent], [typeof i17.A11yModule, typeof i18.CommonModule, typeof i19.FlexLayoutModule, typeof i20.FormsModule, typeof i21.MatAutocompleteModule, typeof i22.MatButtonModule, typeof i23.MatCardModule, typeof i24.MatCheckboxModule, typeof i25.MatChipsModule, typeof i26.MatDatepickerModule, typeof i27.MatDialogModule, typeof i28.MatDividerModule, typeof i29.MatFormFieldModule, typeof i30.MatIconModule, typeof i31.MatInputModule, typeof i32.MatListModule, typeof i33.MatMomentDateModule, typeof i34.MatOptionModule, typeof i35.MatProgressSpinnerModule, typeof i36.MatRadioModule, typeof i34.MatRippleModule, typeof i37.MatSelectModule, typeof i38.MatSlideToggleModule, typeof i39.MatTableModule, typeof i40.MatTooltipModule, typeof i41.MtnaAnnotationsIndicatorModule, typeof i42.MtnaFileDownloadModule, typeof i42.MtnaFileUploadModule, typeof i43.MtnaHighlightModule, typeof i43.MtnaStatusCircleModule, typeof i43.MtnaStatusCircleModule, typeof i43.MtnaTrackByPropertyPipeModule, typeof i44.MtnaWfFormStepperModule, typeof i45.PipesModule, typeof i20.ReactiveFormsModule], [typeof i12.MtnaWfStepCardComponent, typeof i46.MtnaWfFormStepperComponent, typeof i7.MtnaWfFormComponent, typeof i45.PipesModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaFormModule>;
+}

package/lib/form/index.d.ts

@@ -0,0 +1,4 @@
+export * from './base-form-item.model';
+export * from './form.component';
+export * from './form.module';
+export * from './white-list.model';

package/lib/form/white-list.model.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+export interface MtnaWfItemWhiteList {
+    itemTypes: Array<string>;
+}
+export declare const MTNA_WF_ITEM_WHITELIST: InjectionToken<MtnaWfItemWhiteList>;
+export declare function MTNA_WF_ITEM_WHITELIST_FACTORY(): MtnaWfItemWhiteList;

package/lib/form-item-controls/_date-item-theme.scss

@@ -0,0 +1,29 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-date-item.read-only {
+    .mat-input-element:disabled,
+    .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
+      color: mat.get-color-from-palette($foreground, 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/form-item-controls/_form-control-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-control-item {
+    .mat-list-icon {
+      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/form-item-controls/_year-quarter-item-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-year-quarter-item.read-only {
+    .mat-select-disabled .mat-select-value {
+      color: mat.get-color-from-palette($foreground, 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/form-item-controls/base-form-item-control.directive.d.ts

@@ -0,0 +1,26 @@
+import { TemplateRef } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { AnnotationIndicatorStatus, IndicatorStatusRepeater } from '@mtna/pojo-social-angular';
+import { FormOptionSelector, Option, ValueItem } from '@mtna/web-form-ts';
+import * as i0 from "@angular/core";
+/**
+ * Base control class for a ValueItem.
+ * If a FormItem can have value, its component class should extend this class.
+ */
+export declare abstract class BaseFormItemControl<I extends ValueItem<unknown>, C extends AbstractControl = AbstractControl> implements IndicatorStatusRepeater {
+    formControlClass: boolean;
+    get control(): C | null | undefined;
+    set control(control: C | null | undefined);
+    protected _control: C | null | undefined;
+    header: TemplateRef<unknown> | null;
+    inList: boolean;
+    indicatorStatus: AnnotationIndicatorStatus;
+    get item(): I;
+    set item(item: I);
+    protected _item: I;
+    readonly: boolean;
+    get hasItemHeader(): boolean;
+    _trackByOptionId(index: number, option: FormOptionSelector<Option<unknown>>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormItemControl<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormItemControl<any, any>, never, never, { "control": "control"; "header": "header"; "inList": "inList"; "indicatorStatus": "indicatorStatus"; "item": "item"; "readonly": "readonly"; }, {}, never>;
+}