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

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

@@ -0,0 +1,101 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { MtnaScrollDirection, MtnaScrollService } from '@mtna/core-angular';
+import { FormItem } from '@mtna/web-form-ts';
+import { BehaviorSubject, Observable, Subscription } from 'rxjs';
+import { FormStep, ProgressiveForm } from '../../../models';
+import { MtnaWfManagerService, MtnaWfNgFormService, MtnaWfUIService } from '../../../services';
+import { MtnaWfBaseFormComponent } from '../../base-form';
+import * as i0 from "@angular/core";
+export declare class MtnaWfProgressiveFormComponent extends MtnaWfBaseFormComponent<ProgressiveForm> {
+    private cdr;
+    private scrollService;
+    static ngAcceptInputType_loading: BooleanInput;
+    get mtnaForm(): ProgressiveForm | null | undefined;
+    set mtnaForm(form: ProgressiveForm | null | undefined);
+    get loading(): boolean;
+    set loading(value: boolean);
+    private _loading;
+    /** Emits the updated ProgressiveForm value */
+    nextStepSelected: EventEmitter<ProgressiveForm>;
+    /**
+     * Emits the previous steps instanceId.
+     * Since this component is always on the last step and the last item, we can always count on having the instanceId of the previous step.
+     */
+    previousStepSelected: EventEmitter<string>;
+    /**
+     * Emits the instanceId of the selected step.
+     * If the currently active step is the step that is selected, this will not emit.
+     */
+    showSelectedStepId: EventEmitter<string>;
+    activeStepId$: BehaviorSubject<string | undefined>;
+    formItems: FormItem[];
+    formStatusSubscriber: Subscription | undefined;
+    formStatusValid$: BehaviorSubject<boolean>;
+    lastStepActive: boolean;
+    scrollDirection$: Observable<MtnaScrollDirection>;
+    showPreviousButton: boolean;
+    stepArray$: BehaviorSubject<FormStep[]>;
+    constructor(mtnaFormManager: MtnaWfManagerService, ngFormService: MtnaWfNgFormService, uiService: MtnaWfUIService, cdr: ChangeDetectorRef, scrollService: MtnaScrollService);
+    ngOnDestroy(): void;
+    /**
+     * Checks if the last step in the form is active.
+     * @returns true if the last step in the form is active, otherwise false
+     */
+    checkLastStepActive: () => boolean;
+    /**
+     * Checks if the previous button should be shown.
+     * @returns true if the previous button should be shown, otherwise false
+     */
+    showPreviousButtonFn(): boolean;
+    /**
+     * Subscribes to the form status changes and updates the formStatusValid$ BehaviorSubject with the validity of the active step.
+     */
+    private setFormStatusSubscription;
+    /**
+     * Resets all necessary values to build to form each iteration.
+     */
+    private resetValues;
+    /**
+     * Generates the steps for the form based on the outline property of the form.
+     * @param outline the outline of the form that is the basis for the steps
+     */
+    private generateFormSteps;
+    /**
+     * Checks all of the steps to ensure that each steps instanceId property matches the instanceId of the FormItem and updates the property if needed.
+     * This finds the step based on the templateId. When the stepArray is first built, the templateId of the FormItem gets set as the steps instanceId.
+     * Here, we just need to find the steps that match the templateId and update the instanceId.
+     * Matching is based off of templateId reduces the number of steps that need to be checked/manipulated.
+     *
+     * @param formItems the FormItems to check against the steps
+     */
+    private checkAllStepsIds;
+    /**
+     * Because the super class has no knowledge of the stepArray that have been generated for the form,
+     * this function determines which steps need to be passed to the super class and the inherited _steps
+     * property. The super class "should" obtain each step as it is passed in. This means that when the
+     * call to either grab the form again or to get the next FormItem, should also continue to pass the
+     * steps that have been generated.
+     * @returns
+     */
+    private determineStepsToPassToSuper;
+    /**
+     * Sets the status of each step in the form based on the validity of the form control.
+     * If the form control key is not found in the controls of the form, the status is set to 'PLACEHOLDER'.
+     */
+    private setStepStatus;
+    /**
+     * Emits the next or previous step templateId based on the direction provided.
+     * @param stepDirection the direction of the step to emit
+     */
+    showDirectionalStep(stepDirection: 'previous' | 'next'): void;
+    /**
+     * Shows the selected step as the active step in the form.
+     * To be used on the mtna-wf-form-stepper components "selected" output.
+     * @param step the step to show as the active step
+     */
+    showSelectedStep(step: FormStep): void;
+    _trackByStepInstanceId(index: number, formStep: FormStep): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfProgressiveFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfProgressiveFormComponent, "mtna-wf-progressive-form", never, { "loading": "loading"; }, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; "nextStepSelected": "nextStepSelected"; "previousStepSelected": "previousStepSelected"; "showSelectedStepId": "showSelectedStepId"; }, never, ["*"]>;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progressive-form.component";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/flex-layout";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "../../form-disabler/form-disabler.module";
+import * as i9 from "../../form-item/form-item.module";
+import * as i10 from "../progressive-form-section/progressive-form-section.module";
+import * as i11 from "../../form-stepper/form-stepper.module";
+import * as i12 from "../../../pipes/get-progressive-form-item.pipe";
+import * as i13 from "../../../pipes/get-active-form-step-item.pipe";
+export declare class MtnaWfProgressiveFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfProgressiveFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfProgressiveFormModule, [typeof i1.MtnaWfProgressiveFormComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.FlexLayoutModule, typeof i5.FormsModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MtnaWfFormDisablerModule, typeof i9.MtnaWfFormItemModule, typeof i10.MtnaWfProgressiveFormSectionModule, typeof i5.ReactiveFormsModule, typeof i11.MtnaWfFormStepperModule, typeof i12.GetProgressiveFormItemPipeModule, typeof i13.GetActiveFormStepItemPipeModule], [typeof i1.MtnaWfProgressiveFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfProgressiveFormModule>;
+}

package/lib/components/progressive-form/progressive-form-section/index.d.ts

@@ -0,0 +1,2 @@
+export * from './progressive-form-section.component';
+export * from './progressive-form-section.module';

package/lib/components/progressive-form/progressive-form-section/progressive-form-section.component.d.ts

@@ -0,0 +1,9 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ProgressiveFormSection } from '../../../models/progressive-form/progressive-form-section.model';
+import { MtnaWfBaseSectionItem } from '../../base-items/base-section-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfProgressiveFormSectionComponent extends MtnaWfBaseSectionItem<ProgressiveFormSection> {
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfProgressiveFormSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfProgressiveFormSectionComponent, "mtna-wf-progressive-form-section", never, {}, {}, never, never>;
+}

package/lib/components/progressive-form/progressive-form-section/progressive-form-section.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progressive-form-section.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/flex-layout";
+import * as i4 from "../../step-card/step-card.module";
+import * as i5 from "@mtna/core-angular";
+import * as i6 from "@angular/material/divider";
+import * as i7 from "../../../pipes/get-object-type.pipe";
+import * as i8 from "../../form-item/form-item.module";
+import * as i9 from "@angular/material/button";
+import * as i10 from "@angular/material/icon";
+export declare class MtnaWfProgressiveFormSectionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfProgressiveFormSectionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfProgressiveFormSectionModule, [typeof i1.MtnaWfProgressiveFormSectionComponent], [typeof i2.CommonModule, typeof i3.FlexLayoutModule, typeof i4.MtnaWfStepCardModule, typeof i5.MtnaHighlightModule, typeof i6.MatDividerModule, typeof i7.MtnaWfGetObjectTypePipeModule, typeof i8.MtnaWfFormItemModule, typeof i9.MatButtonModule, typeof i10.MatIconModule], [typeof i1.MtnaWfProgressiveFormSectionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfProgressiveFormSectionModule>;
+}

package/lib/components/step-card/step-card.component.d.ts

@@ -10,7 +10,9 @@ declare const _StepCardMixinBase: import("@angular/material/core/common-behavior
 };
 export declare class MtnaWfStepCardComponent extends _StepCardMixinBase implements CanColor {
     get active(): boolean;
-    step: FormStep | null | undefined;
+    get step(): FormStep | null | undefined;
+    set step(step: FormStep | null | undefined);
+    private _step;
     subtitle: string | null | undefined;
     focused: EventEmitter<FormStep>;
     constructor(elementRef: ElementRef);

package/lib/components/step-card/step-card.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@angular/material/card";
 import * as i5 from "@mtna/core-angular";
 import * as i6 from "../../pipes/sanitize-html.pipe";
 import * as i7 from "@angular/material/divider";
+import * as i8 from "../form-item/form-item.module";
 export declare class MtnaWfStepCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfStepCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfStepCardModule, [typeof i1.MtnaWfStepCardComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.MatCardModule, typeof i5.MtnaStatusCircleModule, typeof i6.MtnaWfSanitizeHtmlPipeModule, typeof i7.MatDividerModule], [typeof i1.MtnaWfStepCardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfStepCardModule, [typeof i1.MtnaWfStepCardComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.MatCardModule, typeof i5.MtnaStatusCircleModule, typeof i6.MtnaWfSanitizeHtmlPipeModule, typeof i7.MatDividerModule, typeof i8.MtnaWfFormItemModule], [typeof i1.MtnaWfStepCardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfStepCardModule>;
 }

package/lib/core/_all-color.scss

@@ -1,11 +1,11 @@
 @use '../components/form-item-impl/checkbox/checkbox-theme';
 @use '../components/form-item-impl/date/date-item-theme';
+@use '../components/form-item-impl/dropdown/dropdown-theme';
 @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';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
@@ -13,12 +13,12 @@
 @mixin all-component-colors($theme) {
   @include checkbox-theme.color($theme);
   @include date-item-theme.color($theme);
+  @include dropdown-theme.color($theme);
   @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);
   @include item-header-theme.color($theme);
   @include step-card-theme.color($theme);

package/lib/core/_all-theme.scss

@@ -1,11 +1,11 @@
 @use '../components/form-item-impl/checkbox/checkbox-theme';
 @use '../components/form-item-impl/date/date-item-theme';
+@use '../components/form-item-impl/dropdown/dropdown-theme';
 @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';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
@@ -13,12 +13,12 @@
 @mixin all-component-themes($theme) {
   @include checkbox-theme.theme($theme);
   @include date-item-theme.theme($theme);
+  @include dropdown-theme.theme($theme);
   @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);
   @include item-header-theme.theme($theme);
   @include step-card-theme.theme($theme);

package/lib/core/_all-typography.scss

@@ -1,11 +1,11 @@
 @use '../components/form-item-impl/checkbox/checkbox-theme';
 @use '../components/form-item-impl/date/date-item-theme';
+@use '../components/form-item-impl/dropdown/dropdown-theme';
 @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';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
@@ -13,12 +13,12 @@
 @mixin all-component-typographies($theme) {
   @include checkbox-theme.typography($theme);
   @include date-item-theme.typography($theme);
+  @include dropdown-theme.typography($theme);
   @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);
   @include item-header-theme.typography($theme);
   @include step-card-theme.typography($theme);

package/lib/models/form-stepper/form-step-group.model.d.ts

@@ -3,6 +3,10 @@ import { FormStep } from './form-step.model';
 export declare class FormStepGroup extends BaseFormStep {
     steps: FormStep[];
     collapsed: boolean;
-    constructor(steps: FormStep[], instanceId: string, collapsed?: boolean);
+    label: string;
+    num: number | string;
+    readonly className = "FormStepGroup";
+    constructor(steps: FormStep[], instanceId: string, collapsed: boolean, label: string, num: number | string);
 }
 export declare function isFormStepGroup(something: unknown): something is FormStepGroup;
+export declare function instanceOfFormStepGroup(something: unknown): something is FormStepGroup;

package/lib/models/form-stepper/form-step.model.d.ts

@@ -4,8 +4,11 @@ export declare class FormStep extends BaseFormStep {
     num: number | string;
     label: string;
     optional: boolean;
+    readonly className = "FormStep";
     active: boolean;
     disabledText?: string;
     status: CircleStatus;
+    disabled: boolean;
     constructor(num: number | string, label: string, instanceId: string, optional?: boolean);
 }
+export declare function instanceOfFormStep(something: unknown): something is FormStep;

package/lib/models/index.d.ts

@@ -1,4 +1,5 @@
 export * from './form-stepper/index';
+export * from './progressive-form/index';
 export * from './api-config';
 export * from './base-form-item.model';
 export * from './form-item-dialog-data.model';

package/lib/models/progressive-form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './progressive-form.model';
+export * from './progressive-form-section.model';
+export * from './outline-step.model';

package/lib/models/progressive-form/outline-step.model.d.ts

@@ -0,0 +1,7 @@
+export interface OutlineStep {
+    instanceId?: string;
+    label: string;
+    optional: boolean;
+    templateId: string;
+    childSteps?: OutlineStep[];
+}

package/lib/models/progressive-form/progressive-form-section.model.d.ts

@@ -0,0 +1,4 @@
+import { Section } from '@mtna/web-form-ts';
+export declare const PROGRESSIVE_FORM_SECTION_ID = "us.mtna.web.form.impl.ProgressiveFormSectionImpl";
+export declare type ProgressiveFormSection = Section;
+export declare function isProgressiveFormSection(something: unknown): something is ProgressiveFormSection;

package/lib/models/progressive-form/progressive-form.model.d.ts

@@ -0,0 +1,7 @@
+import { Form } from '@mtna/web-form-ts';
+import { OutlineStep } from './outline-step.model';
+export declare const PROGRESSIVE_FORM_ID = "us.mtna.web.form.impl.ProgressiveFormImpl";
+export interface ProgressiveForm extends Form {
+    outline: OutlineStep[];
+}
+export declare function isProgressiveForm(something: unknown): something is ProgressiveForm;

package/lib/pipes/child-step-active.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { FormStep } from '../models';
+import * as i0 from "@angular/core";
+export declare class ChildStepActivePipe implements PipeTransform {
+    transform(steps: FormStep[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChildStepActivePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ChildStepActivePipe, "childStepActive">;
+}
+export declare class ChildStepActivePipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChildStepActivePipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ChildStepActivePipeModule, [typeof ChildStepActivePipe], never, [typeof ChildStepActivePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ChildStepActivePipeModule>;
+}

package/lib/pipes/coerce-form-step-group.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { FormStepGroup } from '../models';
+import * as i0 from "@angular/core";
+export declare class CoerceFormStepGroupPipe implements PipeTransform {
+    transform(value: unknown): FormStepGroup | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerceFormStepGroupPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CoerceFormStepGroupPipe, "coerceFormStepGroup">;
+}
+export declare class CoerceFormStepGroupPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerceFormStepGroupPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoerceFormStepGroupPipeModule, [typeof CoerceFormStepGroupPipe], never, [typeof CoerceFormStepGroupPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CoerceFormStepGroupPipeModule>;
+}

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

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { FormStep } from '../models';
+import * as i0 from "@angular/core";
+export declare class CoerceFormStepPipe implements PipeTransform {
+    transform(value: unknown): FormStep | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerceFormStepPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CoerceFormStepPipe, "coerceFormStep">;
+}
+export declare class CoerceFormStepPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerceFormStepPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoerceFormStepPipeModule, [typeof CoerceFormStepPipe], never, [typeof CoerceFormStepPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CoerceFormStepPipeModule>;
+}

package/lib/pipes/get-active-form-step-item.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { FormItem } from '@mtna/web-form-ts';
+import * as i0 from "@angular/core";
+export declare class GetActiveFormStepItemPipe implements PipeTransform {
+    transform(items: FormItem[] | undefined, activeStepId: string | null | undefined): FormItem | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetActiveFormStepItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GetActiveFormStepItemPipe, "getActiveFormStepItem">;
+}
+export declare class GetActiveFormStepItemPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetActiveFormStepItemPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GetActiveFormStepItemPipeModule, [typeof GetActiveFormStepItemPipe], never, [typeof GetActiveFormStepItemPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GetActiveFormStepItemPipeModule>;
+}

package/lib/pipes/get-progressive-form-item.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import { FormItem } from '@mtna/web-form-ts';
+import { FormStep, FormStepGroup } from '../models';
+import * as i0 from "@angular/core";
+export declare class GetProgressiveFormItemPipe implements PipeTransform {
+    transform(step: FormStep | FormStepGroup, items?: FormItem[]): FormItem | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetProgressiveFormItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GetProgressiveFormItemPipe, "getProgressiveFormItem">;
+}
+export declare class GetProgressiveFormItemPipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetProgressiveFormItemPipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GetProgressiveFormItemPipeModule, [typeof GetProgressiveFormItemPipe], never, [typeof GetProgressiveFormItemPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GetProgressiveFormItemPipeModule>;
+}

package/lib/pipes/get-step-aria-label.pipe.d.ts

@@ -0,0 +1,17 @@
+import { PipeTransform } from '@angular/core';
+import { CircleStatus } from '@mtna/core-angular';
+import { FormStep, FormStepGroup } from '../models';
+import * as i0 from "@angular/core";
+export declare class GetStepAriaLabel implements PipeTransform {
+    stepStatusTextMap: {
+        [key in CircleStatus]: string;
+    };
+    transform(step: FormStep | FormStepGroup, collapsed?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetStepAriaLabel, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GetStepAriaLabel, "getStepAriaLabel">;
+}
+export declare class GetStepAriaLabelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetStepAriaLabelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GetStepAriaLabelModule, [typeof GetStepAriaLabel], never, [typeof GetStepAriaLabel]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GetStepAriaLabelModule>;
+}

package/lib/pipes/index.d.ts

@@ -1,14 +1,20 @@
+export * from './child-step-active.pipe';
 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 './coerce-form-step-group.pipe';
+export * from './coerce-form-step.pipe';
 export * from './date-quarter.pipe';
 export * from './form-step-group.pipe';
+export * from './get-active-form-step-item.pipe';
 export * from './get-auto-complete.pipe';
 export * from './get-available-quarters.pipe';
 export * from './get-form-control-error.pipe';
 export * from './get-list-icon.pipe';
 export * from './get-object-type.pipe';
+export * from './get-progressive-form-item.pipe';
 export * from './get-selected-option.pipe';
+export * from './get-step-aria-label.pipe';
 export * from './items-with-value.pipe';
 export * from './sanitize-html.pipe';

package/lib/pipes/items-with-value.pipe.d.ts

@@ -6,7 +6,6 @@ import * as i0 from "@angular/core";
  * Use only for readonly forms
  */
 export declare class MtnaWfItemsWithValuePipe implements PipeTransform {
-    itemsCache: Array<ValueItem<unknown>>;
     transform(items: Array<FormItem> | null | undefined): Array<ValueItem<unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfItemsWithValuePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<MtnaWfItemsWithValuePipe, "mtnaWfItemsWithValue">;

package/lib/services/dialog.service.d.ts

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare class MtnaWfDialogService {
     private dialog;
     constructor(dialog: MatDialog);
+    _acknowledgementText: string;
     /**
      * Display the acknowledgement the user agreed to for a given option.
      * @param acknowledgementItem The {@link Section} that represents the acknowledgement text to display to the user.

package/lib/services/form-manager.service.d.ts

@@ -2,7 +2,7 @@ import { Type } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { ConditionChange, Form, FormItem, FormItemGroup, FormItemImpl, FormItemValidationResult, MtnaWfFormItemChange, MtnaWfFormItemChangeAction, RepeatableItem, Section, ValueItem } from '@mtna/web-form-ts';
 import { Observable, Subject } from 'rxjs';
-import { BaseFormItem } from '../models';
+import { BaseFormItem, ProgressiveForm } from '../models';
 import { MtnaWfApiService } from './api.service';
 import { MtnaWfNgFormService } from './ng-form.service';
 import { MtnaWfUIService } from './ui.service';
@@ -15,22 +15,24 @@ import * as i0 from "@angular/core";
  */
 export declare class MtnaWfManagerService {
     protected apiService: MtnaWfApiService;
-    protected ngFormManager: MtnaWfNgFormService;
+    protected ngFormService: MtnaWfNgFormService;
     protected uiService: MtnaWfUIService;
     protected components: Map<string, Type<BaseFormItem>>;
-    protected formChange$: Subject<Form>;
+    protected formChange$: Subject<Form | ProgressiveForm>;
+    protected progressiveFormChange$: Subject<ProgressiveForm>;
     /** A map of all {@link FormItemValidationResult} keyed on id */
     protected _formItemValidationResults: Record<string, FormItemValidationResult>;
     /** ConditionChanges on 'add' must wait until the form rerenders to toggle items */
     protected itemToggleQue: Array<ConditionChange> | null | undefined;
     protected _mtnaForm: Form | undefined;
+    protected _mtnaProgressiveForm: ProgressiveForm | undefined;
     /**
      * Observable stream of MtnaForm changes. Used to inform a subscriber that an MtnaForm has been changed.
      *
      * @returns Observable<MtnaForm> to which a caller can subscribe
      */
     get formChanges(): Observable<Form>;
-    constructor(apiService: MtnaWfApiService, ngFormManager: MtnaWfNgFormService, uiService: MtnaWfUIService);
+    constructor(apiService: MtnaWfApiService, ngFormService: MtnaWfNgFormService, uiService: MtnaWfUIService);
     /**
      * Adds or removes a FormItem from the form & modifies other affected FormItems
      * @param change MtnaWfFormItemChange
@@ -45,6 +47,13 @@ export declare class MtnaWfManagerService {
     generateConditionChangeArray(item: FormItem, action?: MtnaWfFormItemChangeAction): Array<ConditionChange>;
     /** @returns The top level validation results (usually the errors), keyed on ID. */
     getFormItemValidationResults(): Record<string, FormItemValidationResult>;
+    /**
+     * Returns a new MtnaForm using the MtnaForm & reacive form values from the MtnaWfNgFormService's internal form.
+     *
+     * @param ngFormValues JSON object of ngFormValues
+     * @returns
+     */
+    updateForm(ngFormValues: Record<string, unknown>): Form;
     /**
      * Returns a new MtnaForm using the previous MtnaForm & reactive form values.
      *

package/lib/services/ng-form.service.d.ts

@@ -1,6 +1,12 @@
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * This service manages and interacts with an Angular FormGroup. It provides functionality
+ * to add or remove form controls dynamically, track the form's state, and notify other
+ * components about unsaved changes. This service is used to centralize form handling and
+ * state management, providing a reliableway to monitor and respond to form changes.
+ */
 export declare class MtnaWfNgFormService {
     private ngForm;
     private unsavedChanges$;

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

@@ -1,5 +1,5 @@
 import { FormItem } from '@mtna/web-form-ts';
-import { FormStep, FormStepGroup } from '../models';
+import { FormStep, FormStepGroup, OutlineStep } from '../models';
 /**
  * Builds up an array of FormSteps or FormStepGroups based on what is found in the provided form items. For most typical
  * forms this will mean that a step is generated for every section that is found in the form. It is assumed that all
@@ -12,3 +12,7 @@ import { FormStep, FormStepGroup } from '../models';
  * @param allSteps flag indicating that a form step should be produced for every form item
  */
 export declare function generateFormSteps(items: Array<FormItem>, allSteps?: boolean): Array<FormStep | FormStepGroup>;
+export declare function generateFormStepsFromOutline(outline: OutlineStep[]): Array<FormStep | FormStepGroup>;
+export interface FormStepData extends OutlineStep {
+    num: string;
+}

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

@@ -1,6 +1,6 @@
 import { CircleStatus } from '@mtna/core-angular';
 import { Form } from '@mtna/web-form-ts';
-import { FormStep } from '../models';
+import { FormStep, ProgressiveForm } from '../models';
 /**
  * Update a {@link FormStep}'s `status`.
  * The server side form validation errors will trump the provided `status`.
@@ -11,4 +11,4 @@ import { FormStep } from '../models';
  * @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;
+export declare function updateStepStatus(instanceId: string, step: FormStep, status: CircleStatus, form: Form | ProgressiveForm | null | undefined): FormStep;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtna/web-form-angular",
-  "version": "1.0.2-SNAPSHOT.2",
+  "version": "1.0.2",
   "repository": {
     "type": "git",
     "url": "https://bitbucket.org/mtnaus/web-form-angular"

package/public-api.d.ts

@@ -1,5 +1,4 @@
 export * from './lib/components/index';
-export * from './lib/directives/index';
 export * from './lib/models/index';
 export * from './lib/pipes/index';
 export * from './lib/services/index';