@mtna/web-form-angular 1.0.5 → 1.0.6-SNAPSHOT.10

package/fesm2015/mtna-web-form-angular.js

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Optional, Inject, Component, Input, HostBinding, EventEmitter, Output, Pipe, NgModule, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, LOCALE_ID } from '@angular/core';
+import { Injectable, InjectionToken, Optional, Inject, Component, Input, HostBinding, EventEmitter, Output, Pipe, NgModule, ChangeDetectionStrategy, ViewEncapsulation, HostListener, ViewChild, LOCALE_ID } from '@angular/core';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { BOOLEAN_ITEM_TEMPLATE_ID, CHECKBOX_ITEM_TEMPLATE_ID, OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID, YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID, DATE_ITEM_TEMPLATE_ID, DECIMAL_ANSWER_ITEM_TEMPLATE_ID, DROPDOWN_ITEM_TEMPLATE_ID, FILE_UPLOAD_ITEM_TEMPLATE_ID, INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID, MULTIPLE_CHOICE_ITEM_TEMPLATE_ID, NUMBERED_LIST_ITEM_TEMPLATE_ID, PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, REPEATABLE_ITEM_TEMPLATE_IMPL_ID, TEMPLATE_SECTION_IMPL_ID, SHORT_ANSWER_ITEM_TEMPLATE_ID, TEMPLATE_ITEM_GROUP_IMPL_ID, TEXT_ITEM_TEMPLATE_ID, TITLE_ITEM_TEMPLATE_ID, BULLETED_LIST_ITEM_TEMPLATE_ID, WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID, TIME_ITEM_TEMPLATE_ID, TEMPLATE_IMPL_ID, REQUEST_ID_ITEM_TEMPLATE_ID, MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID, LINEAR_SCALE_ITEM_TEMPLATE_ID, HIDDEN_REFERENCE_ITEM_TEMPLATE_ID, CHECKBOX_GRID_TEMPLATE_ID, instanceOfBooleanItemTemplate, instanceOfCheckboxGridTemplate, instanceOfCheckboxItemTemplate, instanceOfDateItemTemplate, instanceOfDecimalAnswerItemTemplate, instanceOfDropdownItemTemplate, instanceOfFileUploadItemTemplate, instanceOfHiddenReferenceItemTemplate, instanceOfInternationalizedParagraphAnswerItemTemplate, instanceOfInternationalizedShortAnswerItemTemplate, instanceOfLinearScaleItemTemplate, instanceOfMultipleChoiceGridItemTemplate, instanceOfMultipleChoiceItemTemplate, instanceOfOffsetDateRangeTemplate, instanceOfParagraphAnswerItemTemplate, instanceOfRepeatableItemTemplate, instanceOfRequestIdItemTemplate, instanceOfShortAnswerItemTemplate, instanceOfTemplateItemGroupImpl, instanceOfTemplateSectionImpl, instanceOfTextItemTemplate, instanceOfTimeItemTemplate, instanceOfTitleItemTemplate, instanceOfWholeNumberAnswerItemTemplate, instanceOfYearQuarterRangeTemplate, isForm, I18N_SHORT_ANSWER_ITEM_ID, I18N_PARAGRAPH_ANSWER_ITEM_ID, SHORT_ANSWER_ITEM_ID, PARAGRAPH_ANSWER_ITEM_ID, WHOLE_NUMBER_ANSWER_ITEM_ID, isWholeNumberItem, DECIMAL_ANSWER_ITEM_ID, CHECKBOX_ITEM_ID, isProgressiveForm, isRepeatableItem, isSection, isFormItemGroupImpl, isTableItem, isOffsetDateRangeItem, isYearQuarterRangeItem, instanceOfBulletedListItemTemplate, instanceOfNumberedListItemTemplate, isDataCubeItem, TITLE_ITEM_ID, TEXT_ITEM_ID, SECTION_ID, FORM_ITEM_GROUP_IMPL_ID, isConditionalItem, isOptionItemImpl, isOptionGroupItemImpl, instanceOfTemplateImpl, isValueItem, MtnaWfFormItemChange, DROPDOWN_ITEM_ID, isInternationalizedParagraphAnswerItem, isDecimalAnswerItem, isParagraphAnswerItem, BOOLEAN_ITEM_ID, DATE_ITEM_ID, OFFSET_DATE_RANGE_ITEM_ID, FILE_UPLOAD_ITEM_ID, MULTIPLE_CHOICE_ITEM_ID, NUMBERED_LIST_ITEM_ID, REPEATABLE_ITEM_ID, RESOURCE_SEARCH_ITEM_ID, BULLETED_LIST_ITEM_ID, YEAR_QUARTER_RANGE_ITEM_ID } from '@mtna/web-form-ts';
+import { BOOLEAN_ITEM_TEMPLATE_ID, CHECKBOX_ITEM_TEMPLATE_ID, OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID, YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID, DATE_ITEM_TEMPLATE_ID, DECIMAL_ANSWER_ITEM_TEMPLATE_ID, DROPDOWN_ITEM_TEMPLATE_ID, FILE_UPLOAD_ITEM_TEMPLATE_ID, INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID, MULTIPLE_CHOICE_ITEM_TEMPLATE_ID, NUMBERED_LIST_ITEM_TEMPLATE_ID, PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, REPEATABLE_ITEM_TEMPLATE_IMPL_ID, TEMPLATE_SECTION_IMPL_ID, SHORT_ANSWER_ITEM_TEMPLATE_ID, TEMPLATE_ITEM_GROUP_IMPL_ID, TEXT_ITEM_TEMPLATE_ID, TITLE_ITEM_TEMPLATE_ID, BULLETED_LIST_ITEM_TEMPLATE_ID, WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID, TIME_ITEM_TEMPLATE_ID, TEMPLATE_IMPL_ID, REQUEST_ID_ITEM_TEMPLATE_ID, MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID, LINEAR_SCALE_ITEM_TEMPLATE_ID, HIDDEN_REFERENCE_ITEM_TEMPLATE_ID, CHECKBOX_GRID_TEMPLATE_ID, instanceOfBooleanItemTemplate, instanceOfBulletedListItemTemplate, instanceOfCheckboxGridTemplate, instanceOfCheckboxItemTemplate, instanceOfDateItemTemplate, instanceOfDecimalAnswerItemTemplate, instanceOfDropdownItemTemplate, instanceOfFileUploadItemTemplate, instanceOfHiddenReferenceItemTemplate, instanceOfInternationalizedParagraphAnswerItemTemplate, instanceOfInternationalizedShortAnswerItemTemplate, instanceOfLinearScaleItemTemplate, instanceOfMultipleChoiceGridItemTemplate, instanceOfMultipleChoiceItemTemplate, instanceOfNumberedListItemTemplate, instanceOfOffsetDateRangeTemplate, instanceOfParagraphAnswerItemTemplate, instanceOfRepeatableItemTemplate, instanceOfRequestIdItemTemplate, instanceOfShortAnswerItemTemplate, instanceOfTemplateItemGroupImpl, instanceOfTemplateSectionImpl, instanceOfTextItemTemplate, instanceOfTimeItemTemplate, instanceOfTitleItemTemplate, instanceOfWholeNumberAnswerItemTemplate, instanceOfYearQuarterRangeTemplate, isForm, I18N_SHORT_ANSWER_ITEM_ID, I18N_PARAGRAPH_ANSWER_ITEM_ID, SHORT_ANSWER_ITEM_ID, PARAGRAPH_ANSWER_ITEM_ID, WHOLE_NUMBER_ANSWER_ITEM_ID, isWholeNumberItem, DECIMAL_ANSWER_ITEM_ID, CHECKBOX_ITEM_ID, isProgressiveForm, isRepeatableItem, isSection, isFormItemGroupImpl, isTableItem, isOffsetDateRangeItem, isYearQuarterRangeItem, isDataCubeItem, TITLE_ITEM_ID, TEXT_ITEM_ID, SECTION_ID, FORM_ITEM_GROUP_IMPL_ID, isConditionalItem, isOptionItemImpl, isOptionGroupItemImpl, instanceOfTemplateImpl, isValueItem, MtnaWfFormItemChange, DROPDOWN_ITEM_ID, isInternationalizedParagraphAnswerItem, isDecimalAnswerItem, isParagraphAnswerItem, BOOLEAN_ITEM_ID, DATE_ITEM_ID, OFFSET_DATE_RANGE_ITEM_ID, FILE_UPLOAD_ITEM_ID, MULTIPLE_CHOICE_ITEM_ID, NUMBERED_LIST_ITEM_ID, REPEATABLE_ITEM_ID, RESOURCE_SEARCH_ITEM_ID, BULLETED_LIST_ITEM_ID, YEAR_QUARTER_RANGE_ITEM_ID } from '@mtna/web-form-ts';
 import { BehaviorSubject, Subject, of, Subscription, merge } from 'rxjs';
 import * as i2$6 from '@mtna/core-i18n-angular';
 import { getI18nString, MtnaLocaleIds, mtnaToLanguageId, mtnaLanguageIdToDisplay } from '@mtna/core-i18n-angular';
@@ -20,7 +20,7 @@ import { trigger, state, style, transition, animate } from '@angular/animations'
 import * as i2 from '@mtna/pojo-social-angular';
 import { MtnaAnnotationsIndicatorModule } from '@mtna/pojo-social-angular';
 import * as i1$1 from '@mtna/core-angular';
-import { mixinDestroyNotifier, MtnaComponentInjector, INJECTION_SERVICE, MtnaStatusCircleModule, MtnaHighlightModule, COMPLEX_STANDARD as COMPLEX_STANDARD$1, MtnaTrackByPropertyPipeModule, InjectedComponentProvider } from '@mtna/core-angular';
+import { mixinDestroyNotifier, MtnaComponentInjector, INJECTION_SERVICE, BaseUrlService, MTNA_API_CONFIG, MtnaStatusCircleModule, MtnaHighlightModule, COMPLEX_STANDARD as COMPLEX_STANDARD$1, MtnaTrackByPropertyPipeModule, InjectedComponentProvider } from '@mtna/core-angular';
 import * as i1$7 from '@angular/material/radio';
 import { MatRadioChange, MatRadioModule } from '@angular/material/radio';
 import * as i2$4 from '@angular/material/select';
@@ -31,7 +31,7 @@ import * as i1$2 from '@angular/platform-browser';
 import * as i3$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { MatMomentDateModule } from '@angular/material-moment-adapter';
-import { skipWhile, take, takeUntil, distinctUntilChanged, switchMap, map, catchError, tap } from 'rxjs/operators';
+import { skipWhile, take, takeUntil, distinctUntilChanged, switchMap, map, catchError } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
 import * as i1$8 from '@mtna/search-manager-angular';
 import { MtnaSearchSelectionService, MtnaSearchDialogComponent, MtnaSearchDialogData } from '@mtna/search-manager-angular';
@@ -42,10 +42,10 @@ import * as i2$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i3$4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i6$1 from '@angular/material/tooltip';
+import * as i10 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3$2 from '@angular/flex-layout/flex';
-import * as i6$2 from '@angular/flex-layout/extended';
+import * as i6$1 from '@angular/flex-layout/extended';
 import * as i1$4 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i2$2 from '@angular/material/slide-toggle';
@@ -784,7 +784,7 @@ function isTemplateDesign(design) {
 function isTemplateItemDesign(design) {
     switch (design.type) {
         case BOOLEAN_ITEM_TEMPLATE_ID:
-        // case BULLETED_LIST_ITEM_TEMPLATE_ID:
+        case BULLETED_LIST_ITEM_TEMPLATE_ID:
         case CHECKBOX_GRID_TEMPLATE_ID:
         case CHECKBOX_ITEM_TEMPLATE_ID:
         case DATE_ITEM_TEMPLATE_ID:
@@ -797,7 +797,7 @@ function isTemplateItemDesign(design) {
         case LINEAR_SCALE_ITEM_TEMPLATE_ID:
         case MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID:
         case MULTIPLE_CHOICE_ITEM_TEMPLATE_ID:
-        // case NUMBERED_LIST_ITEM_TEMPLATE_ID:
+        case NUMBERED_LIST_ITEM_TEMPLATE_ID:
         case OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID:
         case PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
         case REPEATABLE_ITEM_TEMPLATE_IMPL_ID:
@@ -817,7 +817,7 @@ function isTemplateItemDesign(design) {
 }
 function isTemplateItem(something) {
     return (instanceOfBooleanItemTemplate(something) ||
-        // instanceOfBulletedListItemTemplate(something) ||
+        instanceOfBulletedListItemTemplate(something) ||
         instanceOfCheckboxGridTemplate(something) ||
         instanceOfCheckboxItemTemplate(something) ||
         instanceOfDateItemTemplate(something) ||
@@ -830,7 +830,7 @@ function isTemplateItem(something) {
         instanceOfLinearScaleItemTemplate(something) ||
         instanceOfMultipleChoiceGridItemTemplate(something) ||
         instanceOfMultipleChoiceItemTemplate(something) ||
-        // instanceOfNumberedListItemTemplate(something) ||
+        instanceOfNumberedListItemTemplate(something) ||
         instanceOfOffsetDateRangeTemplate(something) ||
         instanceOfParagraphAnswerItemTemplate(something) ||
         instanceOfRepeatableItemTemplate(something) ||
@@ -858,15 +858,11 @@ function getTemplateMapperFromDesign(design) {
 }
 function getText(properties, key, i18n, languageId, fallback = '') {
     var _a;
-    console.warn('getText', { properties, key, i18n, languageId, fallback });
     if (isPresent(properties[key]) && properties[key] !== '') {
-        console.warn('present');
         if (i18n) {
-            console.warn('i18n');
             return (_a = getI18nString(properties[key], languageId, true)) !== null && _a !== void 0 ? _a : '';
         }
         else {
-            console.warn('not i18n');
             return properties[key];
         }
     }
@@ -1905,7 +1901,6 @@ class BulletedListItemTemplateMapper extends TemplateItemMapper {
     }
     getSectionItemBulletedList(item) {
         const properties = [];
-        // TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
         properties.push(getI18nListDesignProperty(i18n_values, i18n_valuesInstructions, prop_item_values, i18n_listValue, i18n_newListValue, item.values));
         return { display: i18n_bulletedListConfiguration, properties };
     }
@@ -2120,7 +2115,6 @@ class NumberedListItemTemplateMapper extends TemplateItemMapper {
     }
     getSectionItemNumberedList(item) {
         const properties = [];
-        // TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
         properties.push(getI18nListDesignProperty(i18n_items, i18n_templateItemsInstructions, prop_item_items, i18n_item, i18n_newItem, item.items));
         return { display: i18n_numberedListConfiguration, properties };
     }
@@ -2565,8 +2559,6 @@ function instanceOfFormStep(something) {
     return isType(something, 'className') && something.className === 'FormStep';
 }
 
-const MTNA_WF_API_TOKEN = new InjectionToken('mtnaWfApiConfig');
-
 const CUSTOM_MAT_DATE_FORMAT = {
     parse: {
         dateInput: 'YYYY/MM/DD',
@@ -3528,6 +3520,9 @@ class MtnaWfItemInjector extends MtnaComponentInjector {
     }
     set item(value) {
         this._item = value;
+        if (this.wfItemComponent) {
+            this.reset();
+        }
     }
     get parentIds() {
         return this._parentIds;
@@ -3547,12 +3542,27 @@ class MtnaWfItemInjector extends MtnaComponentInjector {
     set step(value) {
         this._step = value;
     }
+    reset() {
+        var _a, _b, _c;
+        if (isPresent(this.focusedSectionSubscription)) {
+            (_a = this.focusedSectionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this.focusedSectionSubscription = undefined;
+        }
+        if (isPresent(this.toggleFormItemsSubscription)) {
+            (_b = this.toggleFormItemsSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            this.toggleFormItemsSubscription = undefined;
+        }
+        (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.destroy();
+        this.wfItemComponent = undefined;
+        this.ngOnInit();
+    }
     ngOnInit() {
         if (this.item) {
             super.ngOnInit();
         }
     }
     configureComponent(componentRef) {
+        this.componentRef = componentRef;
         this.wfItemComponent = componentRef.instance;
         this.wfItemComponent.header = this.header;
         this._indicatorStatus.subscribe((status) => {
@@ -3571,7 +3581,7 @@ class MtnaWfItemInjector extends MtnaComponentInjector {
                 if (this.wfItemComponent instanceof MtnaWfBaseParentValueItem) {
                     this.wfItemComponent.parentIds = this.parentIds;
                     // added output to remove ui service from base components
-                    this.wfItemComponent.toggleFormItems.subscribe((data) => {
+                    this.toggleFormItemsSubscription = this.wfItemComponent.toggleFormItems.subscribe((data) => {
                         this.toggleFormItems.emit(data);
                     });
                     if (this.wfItemComponent instanceof MtnaWfBaseSingleSelectionParentValueItem) {
@@ -3584,7 +3594,7 @@ class MtnaWfItemInjector extends MtnaComponentInjector {
             this.wfItemComponent.parentIds = this.parentIds;
             if (this.wfItemComponent instanceof MtnaWfBaseSectionItem) {
                 this.wfItemComponent.step = this.step;
-                this.wfItemComponent.focused.subscribe((step) => {
+                this.focusedSectionSubscription = this.wfItemComponent.focused.subscribe((step) => {
                     this.focusedSection.emit(step);
                 });
             }
@@ -3637,14 +3647,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Sanitize the HTML string and optionally add a required field indicator.
+ * @param v The HTML string to sanitize.
+ * @param required Whether to append a required field indicator to the HTML string.
+ * @returns A SafeHtml object that can be safely rendered in the template.
+ */
 class MtnaWfSanitizeHtmlPipe {
     constructor(_sanitizer) {
         this._sanitizer = _sanitizer;
     }
-    transform(v) {
+    transform(v, required = false) {
         if (!v) {
             return '';
         }
+        if (required) {
+            v = v + '<span class="sr-only">This field is required</span>';
+        }
         return this._sanitizer.bypassSecurityTrustHtml(v);
     }
 }
@@ -3708,7 +3727,7 @@ class MtnaWfItemHeaderComponent {
     }
 }
 MtnaWfItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: { descriptiveText: "descriptiveText", disabled: "disabled", hideRequiredMarker: "hideRequiredMarker", invalid: "invalid", questionText: "questionText", required: "required" }, host: { properties: { "class.mtna-wf-item-header": "this.itemHeaderClass" } }, ngImport: i0, template: "<h3\n  *ngIf=\"!!questionText\"\n  class=\"mtna-wf-item-question\"\n  [class.invalid]=\"invalid\"\n  [innerHTML]=\"questionText + (required && !disabled && !hideRequiredMarker ? _requiredHtml : '') | mtnaWfSanitizeHtml\"\n></h3>\n<p *ngIf=\"!!descriptiveText\" class=\"mtna-wf-item-description\" [innerHTML]=\"descriptiveText | mtnaWfSanitizeHtml\"></p>\n", styles: [".mtna-wf-item-header{display:block;margin-bottom:.5rem}.mtna-wf-item-header .mtna-wf-item-question,.mtna-wf-item-description{margin:0;font-size:.9rem;line-height:1.6}.mtna-wf-item-header .mtna-wf-item-description{opacity:.56}mtna-annotations-indicator+mtna-wf-repeatable-item-container>mtna-wf-item-header,mtna-annotations-indicator+mtna-wf-value-item>mtna-wf-input-item>mtna-wf-item-header{padding-right:24px}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: { descriptiveText: "descriptiveText", disabled: "disabled", hideRequiredMarker: "hideRequiredMarker", invalid: "invalid", questionText: "questionText", required: "required" }, host: { properties: { "class.mtna-wf-item-header": "this.itemHeaderClass" } }, ngImport: i0, template: "<h3\n  *ngIf=\"!!questionText\"\n  class=\"mtna-wf-item-question\"\n  [class.invalid]=\"invalid\"\n  [innerHTML]=\"questionText + (required && !disabled && !hideRequiredMarker ? _requiredHtml : '') | mtnaWfSanitizeHtml : required\"\n></h3>\n<p *ngIf=\"!!descriptiveText\" class=\"mtna-wf-item-description\" [innerHTML]=\"descriptiveText | mtnaWfSanitizeHtml\"></p>\n", styles: [".mtna-wf-item-header{display:block;margin-bottom:.5rem}.mtna-wf-item-header .mtna-wf-item-question,.mtna-wf-item-description{margin:0;font-size:.9rem;line-height:1.6}.mtna-wf-item-header .mtna-wf-item-description{opacity:.56}mtna-annotations-indicator+mtna-wf-repeatable-item-container>mtna-wf-item-header,mtna-annotations-indicator+mtna-wf-value-item>mtna-wf-input-item>mtna-wf-item-header{padding-right:24px}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -4060,39 +4079,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-class MtnaWfCoerceFormItemPipe {
-    transform(item) {
-        let formItem = undefined;
-        if (this.instanceOfFormItem(item)) {
-            formItem = item;
-        }
-        return formItem;
-    }
-    instanceOfFormItem(something) {
-        return isType(something, 'instanceId', 'itemId', 'name', 'required', 'templateId');
-    }
-}
-MtnaWfCoerceFormItemPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MtnaWfCoerceFormItemPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipe, name: "coerceFormItem" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'coerceFormItem',
-                }]
-        }] });
-class MtnaWfCoerceFormItemPipeModule {
-}
-MtnaWfCoerceFormItemPipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MtnaWfCoerceFormItemPipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipeModule, declarations: [MtnaWfCoerceFormItemPipe], exports: [MtnaWfCoerceFormItemPipe] });
-MtnaWfCoerceFormItemPipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipeModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCoerceFormItemPipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MtnaWfCoerceFormItemPipe],
-                    exports: [MtnaWfCoerceFormItemPipe],
-                }]
-        }] });
-
 class CoerceFormStepGroupPipe {
     transform(value) {
         return instanceOfFormStepGroup(value) ? value : null;
@@ -4848,11 +4834,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-class MtnaWfApiService {
-    constructor(apiConfig, http) {
+class MtnaWfApiService extends BaseUrlService {
+    constructor(apiConfig, http, logger) {
+        super(apiConfig, http, logger);
         this.apiConfig = apiConfig;
         this.http = http;
-        this.API_URL = `${this.apiConfig.baseUrl}/api`;
+        this.logger = logger;
+        this.API_URL = `${this.BASE_URL}`;
         this.FORM_URL = `${this.API_URL}/form`;
         this.TEMPLATE_URL = `${this.API_URL}/template`;
         this.NEW_TEMPLATE_URL = `${this.TEMPLATE_URL}/new`;
@@ -4876,8 +4864,8 @@ class MtnaWfApiService {
      * @param formInstanceId template ID of the mtna form
      * @param itemId repeatableTemplateId of the requesting RepeatableItem
      */
-    getRepeatableItem(formInstanceId, itemId) {
-        return this.http.get(`${this.FORM_URL}/${formInstanceId}/new/item/${itemId}`);
+    getRepeatableItem(templateId, itemTemplateId) {
+        return this.http.get(`${this.FORM_URL}/${templateId}/item/${itemTemplateId}`);
     }
     getNewTemplate() {
         return this.http.get(this.NEW_TEMPLATE_URL);
@@ -4907,15 +4895,15 @@ class MtnaWfApiService {
         return this.http.post(`${this.ITEM_INSTANCE_URL}/convert`, templateItem);
     }
 }
-MtnaWfApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfApiService, deps: [{ token: MTNA_WF_API_TOKEN }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+MtnaWfApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfApiService, deps: [{ token: MTNA_API_CONFIG }, { token: i1$3.HttpClient }, { token: i1$1.MtnaLogger }], target: i0.ɵɵFactoryTarget.Injectable });
 MtnaWfApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: [MTNA_WF_API_TOKEN]
-                }] }, { type: i1$3.HttpClient }]; } });
+                    args: [MTNA_API_CONFIG]
+                }] }, { type: i1$3.HttpClient }, { type: i1$1.MtnaLogger }]; } });
 
 /**
  * A dialog that renders a form item.
@@ -5185,7 +5173,7 @@ class MtnaWfManagerService {
         }
         else {
             this.apiService
-                .getRepeatableItem(this._mtnaForm.instanceId, change.id)
+                .getRepeatableItem(this._mtnaForm.templateId, change.templateId)
                 .pipe(take(1))
                 .subscribe((newItem) => {
                 const newFormControl = this.serializeMtnaFormItem(newItem);
@@ -5429,6 +5417,7 @@ class MtnaWfManagerService {
      * @param change The change that recently occurred in the mtnaForm
      */
     _modifyFormItemConditions(form, change) {
+        var _a, _b;
         let newForm = form;
         if (change.conditionChanges) {
             const formItems = {};
@@ -5445,7 +5434,8 @@ class MtnaWfManagerService {
                             ? [...itemConditionItemIds, cc.enablerId]
                             : itemConditionItemIds.filter((i) => i !== cc.enablerId);
                         const newItem = Object.assign(Object.assign({}, formItem), { condition: Object.assign(Object.assign({}, formItem.condition), { itemIds }) });
-                        const newChange = new MtnaWfFormItemChange(newItem.instanceId, (formItemComponent === null || formItemComponent === void 0 ? void 0 : formItemComponent.parentIds) || [], 'REPLACE');
+                        const templateId = (_b = (_a = formItem) === null || _a === void 0 ? void 0 : _a.templateId) !== null && _b !== void 0 ? _b : newItem.instanceId;
+                        const newChange = new MtnaWfFormItemChange(newItem.instanceId, templateId, (formItemComponent === null || formItemComponent === void 0 ? void 0 : formItemComponent.parentIds) || [], 'REPLACE');
                         newForm = this._modifyFormItem(newForm, newChange, newItem);
                         formItems[toggledId] = newItem;
                     }
@@ -5620,11 +5610,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             type: Injectable
         }] });
 
-class MtnaTemplateTransformationService {
-    constructor(apiConfig, http) {
+class MtnaTemplateTransformationService extends BaseUrlService {
+    constructor(apiConfig, http, logger) {
+        super(apiConfig, http, logger);
         this.apiConfig = apiConfig;
         this.http = http;
-        this.API_URL = `${this.apiConfig.baseUrl}/api`;
+        this.logger = logger;
+        this.API_URL = `${this.BASE_URL}`;
     }
     convertTemplateToForm(request) {
         // return this.http.post<Form>(`${this.API_URL}/template/convert`, request);
@@ -5632,15 +5624,15 @@ class MtnaTemplateTransformationService {
         return of(undefined);
     }
 }
-MtnaTemplateTransformationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaTemplateTransformationService, deps: [{ token: MTNA_WF_API_TOKEN }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+MtnaTemplateTransformationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaTemplateTransformationService, deps: [{ token: MTNA_API_CONFIG }, { token: i1$3.HttpClient }, { token: i1$1.MtnaLogger }], target: i0.ɵɵFactoryTarget.Injectable });
 MtnaTemplateTransformationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaTemplateTransformationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaTemplateTransformationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: [MTNA_WF_API_TOKEN]
-                }] }, { type: i1$3.HttpClient }]; } });
+                    args: [MTNA_API_CONFIG]
+                }] }, { type: i1$3.HttpClient }, { type: i1$1.MtnaLogger }]; } });
 
 const _BaseFormComponent = mixinDestroyNotifier(class {
 });
@@ -6049,7 +6041,7 @@ class MtnaWfFormStepGroupComponent extends _FormStepMixinBase {
     }
 }
 MtnaWfFormStepGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfFormStepGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepGroupComponent, selector: "mtna-wf-step-group", inputs: { color: "color", collapsed: "collapsed", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last\">\n  <mtna-wf-step\n    [clickable]=\"step.status !== 'DISABLED' && step.status !== 'PLACEHOLDER'\"\n    [color]=\"color\"\n    [incompleteIcon]=\"incompleteIcon\"\n    [step]=\"step\"\n    (click)=\"selected.emit(step)\"\n  ></mtna-wf-step>\n  <mat-divider *ngIf=\"!last\" [vertical]=\"true\"></mat-divider>\n  <p *ngIf=\"collapsed\" class=\"show-more mat-caption\" i18n>and {{ steps.length - 1 }} more...</p>\n</ng-container>\n<button\n  mat-icon-button\n  class=\"collapse-button\"\n  [color]=\"color\"\n  (click)=\"collapsed = !collapsed\"\n  [matTooltip]=\"collapsed ? _collapsedText : _hideText\"\n>\n  <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n</button>\n", styles: ["mtna-wf-step-group{border-style:solid;border-radius:4px;border-width:1px;display:block;margin:4px 4px 16px 8px;padding-bottom:16px;position:relative}mtna-wf-step-group .collapse-button{bottom:-19px;left:calc(50% - 20px);position:absolute;z-index:10}mtna-wf-step-group .collapse-button:after{bottom:8px;content:\"\";height:12px;left:calc(50% - 16px);position:absolute;width:32px;z-index:-1}mtna-wf-step-group mtna-wf-step li{padding-left:8px}mtna-wf-step-group mat-divider.mat-divider{margin-left:20px}mtna-wf-step-group .show-more{margin:0;text-align:center}\n"], components: [{ type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: ["color", "step", "clickable", "incompleteIcon"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfFormStepGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepGroupComponent, selector: "mtna-wf-step-group", inputs: { color: "color", collapsed: "collapsed", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last\">\n  <mtna-wf-step\n    [clickable]=\"step.status !== 'DISABLED' && step.status !== 'PLACEHOLDER'\"\n    [color]=\"color\"\n    [incompleteIcon]=\"incompleteIcon\"\n    [step]=\"step\"\n    (click)=\"selected.emit(step)\"\n  ></mtna-wf-step>\n  <mat-divider *ngIf=\"!last\" [vertical]=\"true\"></mat-divider>\n  <p *ngIf=\"collapsed\" class=\"show-more mat-caption\" i18n>and {{ steps.length - 1 }} more...</p>\n</ng-container>\n<button\n  mat-icon-button\n  class=\"collapse-button\"\n  [color]=\"color\"\n  (click)=\"collapsed = !collapsed\"\n  [matTooltip]=\"collapsed ? _collapsedText : _hideText\"\n>\n  <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n</button>\n", styles: ["mtna-wf-step-group{border-style:solid;border-radius:4px;border-width:1px;display:block;margin:4px 4px 16px 8px;padding-bottom:16px;position:relative}mtna-wf-step-group .collapse-button{bottom:-19px;left:calc(50% - 20px);position:absolute;z-index:10}mtna-wf-step-group .collapse-button:after{bottom:8px;content:\"\";height:12px;left:calc(50% - 16px);position:absolute;width:32px;z-index:-1}mtna-wf-step-group mtna-wf-step li{padding-left:8px}mtna-wf-step-group mat-divider.mat-divider{margin-left:20px}mtna-wf-step-group .show-more{margin:0;text-align:center}\n"], components: [{ type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: ["color", "step", "clickable", "incompleteIcon"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -6136,7 +6128,7 @@ class MtnaWfFormStepperComponent extends _FormStepperMixinBase {
     }
 }
 MtnaWfFormStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepperComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfFormStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepperComponent, selector: "mtna-wf-stepper", inputs: { color: "color", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<ol>\n  <ng-container *ngFor=\"let step of steps; let last = last; trackBy: _trackStep\">\n    <ng-container\n      [ngTemplateOutlet]=\"(step | mtnaWfStepGroupPipe) ? groupStep : singleStep\"\n      [ngTemplateOutletContext]=\"{ $implicit: step }\"\n    ></ng-container>\n  </ng-container>\n</ol>\n\n<ng-template #singleStep let-step>\n  <ng-container *ngIf=\"step | coerceFormStep as singleStep\">\n    <li\n      fxLayout=\"row\"\n      fxLayouAlign=\"start center\"\n      [ngClass]=\"{\n        'disabled-step': singleStep.status === 'DISABLED',\n        'active-step': singleStep.active,\n        clickable: singleStep.status !== 'DISABLED' && singleStep.status !== 'PLACEHOLDER'\n      }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"stepContent\" [ngTemplateOutletContext]=\"{ $implicit: singleStep }\"></ng-container>\n    </li>\n  </ng-container>\n</ng-template>\n\n<ng-template #groupStep let-step>\n  <ng-container *ngIf=\"step | coerceFormStepGroup as groupStepParent\">\n    <li\n      fxLayout=\"column\"\n      fxLayoutAlign=\"start start\"\n      [class.child-step-active]=\"(groupStepParent.steps | childStepActive) && groupStepCollapsedMap[groupStepParent.instanceId]\"\n    >\n      <div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"mtna-wf-step-item-content\">\n        <button\n          fxFlex\n          mat-button\n          class=\"step-button\"\n          [attr.aria-label]=\"groupStepParent | getStepAriaLabel : groupStepCollapsedMap[groupStepParent.instanceId]\"\n          (click)=\"toggleGroupStep(step)\"\n        >\n          <mtna-status-circle [color]=\"color\" [circleNumber]=\"groupStepParent.num\" [incompleteIcon]=\"incompleteIcon\"></mtna-status-circle>\n          <div fxLayout=\"row\" class=\"step-button-label-wrapper\" fxFlex=\"100\">\n            <p class=\"step-title\">{{ groupStepParent.label }}</p>\n          </div>\n          <mat-icon>{{ groupStepCollapsedMap[step.instanceId] ? 'expand_more' : 'expand_less' }}</mat-icon>\n        </button>\n      </div>\n      <ol class=\"group-step-list\">\n        <ng-container\n          *ngFor=\"\n            let groupStep of step.steps | slice : 0 : (groupStepCollapsedMap[step.instanceId] ? 0 : step.steps.length);\n            let last = last\n          \"\n        >\n          <!-- All children in the steps property of FormStepGroup are FormStep(s). Only using coercion here to assist in defining properties we can use. -->\n          <li\n            *ngIf=\"groupStep | coerceFormStep as groupStepChild\"\n            fxLayout=\"row\"\n            fxLayouAlign=\"start center\"\n            [ngClass]=\"{\n              'disabled-step': groupStepChild.status === 'DISABLED',\n              'active-step': groupStepChild.active,\n              clickable: groupStepChild.status !== 'DISABLED' && groupStepChild.status !== 'PLACEHOLDER',\n              'group-step': true\n            }\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"stepContent\"\n              [ngTemplateOutletContext]=\"{ $implicit: groupStepChild, isChildStep: true }\"\n            ></ng-container>\n          </li>\n        </ng-container>\n      </ol>\n    </li>\n  </ng-container>\n</ng-template>\n\n<!-- The individual, stand-alone step template -->\n<ng-template #stepContent let-step let-isChildStep=\"isChildStep\">\n  <div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"mtna-wf-step-item-content\">\n    <mat-divider *ngIf=\"isChildStep\" [vertical]=\"true\"></mat-divider>\n    <button\n      fxFlex\n      mat-button\n      class=\"step-button\"\n      [attr.aria-label]=\"step | getStepAriaLabel\"\n      [disabled]=\"step.status === 'DISABLED' || step.status === 'PLACEHOLDER'\"\n      (click)=\"_haltClickEvent($event, step)\"\n    >\n      <mtna-status-circle\n        [color]=\"color\"\n        [circleNumber]=\"step.num\"\n        [incompleteIcon]=\"incompleteIcon\"\n        [optional]=\"step.optional\"\n        [status]=\"step.status\"\n      ></mtna-status-circle>\n      <div fxLayout=\"column\" class=\"step-button-label-wrapper\">\n        <p class=\"step-title\">{{ step.label }}</p>\n        <p *ngIf=\"step.optional && step.status !== 'DISABLED'\" class=\"step-status\" i18n>Optional</p>\n        <p *ngIf=\"step.status === 'DISABLED'\" class=\"step-status\">{{ step.disabledText || notApplicableText }}</p>\n      </div>\n    </button>\n  </div>\n</ng-template>\n", styles: ["mtna-wf-stepper{border-right-width:1px;border-right-style:solid;overflow-y:auto}mtna-wf-stepper li{padding:0 0 0 16px;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none;line-height:24px;font-size:14px;transition:background-color .15s cubic-bezier(0,0,.2,1)}mtna-wf-stepper li:after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1}mtna-wf-stepper li.disabled-step{font-style:italic}mtna-wf-stepper li.clickable{cursor:pointer}mtna-wf-stepper li.active-step:after,mtna-wf-stepper li.child-step-active:after{transform-origin:top;transform:scaleY(1)}mtna-wf-stepper li:not(.group-step){padding-left:0}mtna-wf-stepper li .mtna-wf-step-item-content{width:100%}mtna-wf-stepper li .mtna-wf-step-item-content mat-divider.mat-divider.mat-divider-vertical{height:100%}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button{text-align:left;height:-moz-fit-content;height:fit-content;min-height:36px;line-height:20px;border:none;padding:4px 13px 4px 8px;font-weight:400;border-radius:0}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper{align-items:center;display:flex;flex-direction:row}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper{width:calc(100% - 48px - 8px)}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper .step-title{margin:0;overflow:hidden;white-space:wrap}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper .step-status{margin:0}mtna-wf-stepper li.active-step .mtna-wf-step-item-content .mat-button.step-button{font-weight:500}mtna-wf-stepper li .step-title,mtna-wf-stepper li .step-status{margin:0}mtna-wf-stepper ol:not(.group-step-list){padding:0}mtna-wf-stepper ol.group-step-list{padding-left:16px;width:calc(100% - 16px)}mtna-wf-stepper ol li.group-step{padding-left:0;padding-right:0}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "mtnaWfStepGroupPipe": MtnaWfFormStepGroupPipe, "coerceFormStep": CoerceFormStepPipe, "coerceFormStepGroup": CoerceFormStepGroupPipe, "childStepActive": ChildStepActivePipe, "getStepAriaLabel": GetStepAriaLabel, "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfFormStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepperComponent, selector: "mtna-wf-stepper", inputs: { color: "color", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<ol>\n  <ng-container *ngFor=\"let step of steps; let last = last; trackBy: _trackStep\">\n    <ng-container\n      [ngTemplateOutlet]=\"(step | mtnaWfStepGroupPipe) ? groupStep : singleStep\"\n      [ngTemplateOutletContext]=\"{ $implicit: step }\"\n    ></ng-container>\n  </ng-container>\n</ol>\n\n<ng-template #singleStep let-step>\n  <ng-container *ngIf=\"step | coerceFormStep as singleStep\">\n    <li\n      fxLayout=\"row\"\n      fxLayouAlign=\"start center\"\n      [ngClass]=\"{\n        'disabled-step': singleStep.status === 'DISABLED',\n        'active-step': singleStep.active,\n        clickable: singleStep.status !== 'DISABLED' && singleStep.status !== 'PLACEHOLDER'\n      }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"stepContent\" [ngTemplateOutletContext]=\"{ $implicit: singleStep }\"></ng-container>\n    </li>\n  </ng-container>\n</ng-template>\n\n<ng-template #groupStep let-step>\n  <ng-container *ngIf=\"step | coerceFormStepGroup as groupStepParent\">\n    <li\n      fxLayout=\"column\"\n      fxLayoutAlign=\"start start\"\n      [class.child-step-active]=\"(groupStepParent.steps | childStepActive) && groupStepCollapsedMap[groupStepParent.instanceId]\"\n    >\n      <div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"mtna-wf-step-item-content\">\n        <button\n          fxFlex\n          mat-button\n          class=\"step-button\"\n          [attr.aria-label]=\"groupStepParent | getStepAriaLabel : groupStepCollapsedMap[groupStepParent.instanceId]\"\n          (click)=\"toggleGroupStep(step)\"\n        >\n          <mtna-status-circle [color]=\"color\" [circleNumber]=\"groupStepParent.num\" [incompleteIcon]=\"incompleteIcon\"></mtna-status-circle>\n          <div fxLayout=\"row\" class=\"step-button-label-wrapper\" fxFlex=\"100\">\n            <p class=\"step-title\">{{ groupStepParent.label }}</p>\n          </div>\n          <mat-icon>{{ groupStepCollapsedMap[step.instanceId] ? 'expand_more' : 'expand_less' }}</mat-icon>\n        </button>\n      </div>\n      <ol class=\"group-step-list\">\n        <ng-container\n          *ngFor=\"\n            let groupStep of step.steps | slice : 0 : (groupStepCollapsedMap[step.instanceId] ? 0 : step.steps.length);\n            let last = last\n          \"\n        >\n          <!-- All children in the steps property of FormStepGroup are FormStep(s). Only using coercion here to assist in defining properties we can use. -->\n          <li\n            *ngIf=\"groupStep | coerceFormStep as groupStepChild\"\n            fxLayout=\"row\"\n            fxLayouAlign=\"start center\"\n            [ngClass]=\"{\n              'disabled-step': groupStepChild.status === 'DISABLED',\n              'active-step': groupStepChild.active,\n              clickable: groupStepChild.status !== 'DISABLED' && groupStepChild.status !== 'PLACEHOLDER',\n              'group-step': true\n            }\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"stepContent\"\n              [ngTemplateOutletContext]=\"{ $implicit: groupStepChild, isChildStep: true }\"\n            ></ng-container>\n          </li>\n        </ng-container>\n      </ol>\n    </li>\n  </ng-container>\n</ng-template>\n\n<!-- The individual, stand-alone step template -->\n<ng-template #stepContent let-step let-isChildStep=\"isChildStep\">\n  <div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"mtna-wf-step-item-content\">\n    <mat-divider *ngIf=\"isChildStep\" [vertical]=\"true\"></mat-divider>\n    <button\n      fxFlex\n      mat-button\n      class=\"step-button\"\n      [attr.aria-label]=\"step | getStepAriaLabel\"\n      [disabled]=\"step.status === 'DISABLED' || step.status === 'PLACEHOLDER'\"\n      (click)=\"_haltClickEvent($event, step)\"\n    >\n      <mtna-status-circle\n        [color]=\"color\"\n        [circleNumber]=\"step.num\"\n        [incompleteIcon]=\"incompleteIcon\"\n        [optional]=\"step.optional\"\n        [status]=\"step.status\"\n      ></mtna-status-circle>\n      <div fxLayout=\"column\" class=\"step-button-label-wrapper\">\n        <p class=\"step-title\">{{ step.label }}</p>\n        <p *ngIf=\"step.optional && step.status !== 'DISABLED'\" class=\"step-status\" i18n>Optional</p>\n        <p *ngIf=\"step.status === 'DISABLED'\" class=\"step-status\">{{ step.disabledText || notApplicableText }}</p>\n      </div>\n    </button>\n  </div>\n</ng-template>\n", styles: ["mtna-wf-stepper{border-right-width:1px;border-right-style:solid;overflow-y:auto}mtna-wf-stepper li{padding:0 0 0 16px;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none;line-height:24px;font-size:14px;transition:background-color .15s cubic-bezier(0,0,.2,1)}mtna-wf-stepper li:after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1}mtna-wf-stepper li.disabled-step{font-style:italic}mtna-wf-stepper li.clickable{cursor:pointer}mtna-wf-stepper li.active-step:after,mtna-wf-stepper li.child-step-active:after{transform-origin:top;transform:scaleY(1)}mtna-wf-stepper li:not(.group-step){padding-left:0}mtna-wf-stepper li .mtna-wf-step-item-content{width:100%}mtna-wf-stepper li .mtna-wf-step-item-content mat-divider.mat-divider.mat-divider-vertical{height:100%}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button{text-align:left;height:-moz-fit-content;height:fit-content;min-height:36px;line-height:20px;border:none;padding:4px 13px 4px 8px;font-weight:400;border-radius:0}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper{align-items:center;display:flex;flex-direction:row}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper{width:calc(100% - 48px - 8px)}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper .step-title{margin:0;overflow:hidden;white-space:wrap}mtna-wf-stepper li .mtna-wf-step-item-content .mat-button.step-button .mat-button-wrapper .step-button-label-wrapper .step-status{margin:0}mtna-wf-stepper li.active-step .mtna-wf-step-item-content .mat-button.step-button{font-weight:500}mtna-wf-stepper li .step-title,mtna-wf-stepper li .step-status{margin:0}mtna-wf-stepper ol:not(.group-step-list){padding:0}mtna-wf-stepper ol.group-step-list{padding-left:16px;width:calc(100% - 16px)}mtna-wf-stepper ol li.group-step{padding-left:0;padding-right:0}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "mtnaWfStepGroupPipe": MtnaWfFormStepGroupPipe, "coerceFormStep": CoerceFormStepPipe, "coerceFormStepGroup": CoerceFormStepGroupPipe, "childStepActive": ChildStepActivePipe, "getStepAriaLabel": GetStepAriaLabel, "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepperComponent, decorators: [{
             type: Component,
             args: [{
@@ -6225,6 +6217,9 @@ class MtnaWfStepCardComponent extends _StepCardMixinBase {
         var _a;
         return !!((_a = this.step) === null || _a === void 0 ? void 0 : _a.active);
     }
+    handleMouseEnter(event) {
+        this.handleFocusChange('mouse');
+    }
     // @Input() step: FormStep | null | undefined;
     get step() {
         return this._step;
@@ -6239,7 +6234,7 @@ class MtnaWfStepCardComponent extends _StepCardMixinBase {
     }
 }
 MtnaWfStepCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfStepCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfStepCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: { color: "color", step: "step", subtitle: "subtitle" }, outputs: { focused: "focused" }, host: { properties: { "class.active": "this.active" } }, usesInheritance: true, ngImport: i0, template: "<mat-card cdkMonitorSubtreeFocus (cdkFocusChange)=\"handleFocusChange($event)\">\n  <mat-card-header>\n    <mtna-status-circle mat-card-avatar [circleNumber]=\"step?.num\" [optional]=\"step?.optional\" [status]=\"step?.status\"></mtna-status-circle>\n    <mat-card-title>{{ step?.label }}</mat-card-title>\n    <mat-card-subtitle [innerHTML]=\"subtitle | mtnaWfSanitizeHtml\"></mat-card-subtitle>\n    <p *ngIf=\"step?.optional\" class=\"optional mat-caption\" i18n>Optional</p>\n  </mat-card-header>\n\n  <mat-divider [inset]=\"true\"></mat-divider>\n\n  <mat-card-content>\n    <ng-content select=\"[cardContent]\"></ng-content>\n  </mat-card-content>\n\n  <mat-card-actions>\n    <ng-content select=\"[cardActions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: ["mtna-wf-step-card{display:block;position:relative}mtna-wf-step-card.active:before{transform-origin:top;transform:scaleY(1)}mtna-wf-step-card:before{content:\"\";display:block;position:absolute;top:0;left:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1;border-top-left-radius:2px;border-bottom-left-radius:2px}mtna-wf-step-card mat-card-header{position:relative}mtna-wf-step-card mat-card-header mat-card-title{line-height:24px;margin-right:100px}mtna-wf-step-card mat-card-header mtna-status-circle[mat-card-avatar]{width:24px;height:24px}mtna-wf-step-card mat-card-header>.optional:not(.mtna-status-circle){position:absolute;right:16px;top:0;margin:0;line-height:24px}mtna-wf-step-card mat-card-actions{padding:0;margin:0}mtna-wf-step-card mat-card-content{margin-top:16px}mtna-wf-step-card mat-card-content [cardcontent]>:first-child{margin-top:0}\n"], components: [{ type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$4.MatCardHeader, selector: "mat-card-header" }, { type: i1$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"] }, { type: i1$4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfStepCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: { color: "color", step: "step", subtitle: "subtitle" }, outputs: { focused: "focused" }, host: { listeners: { "mouseenter": "handleMouseEnter($event)" }, properties: { "class.active": "this.active" } }, usesInheritance: true, ngImport: i0, template: "<mat-card cdkMonitorSubtreeFocus (cdkFocusChange)=\"handleFocusChange($event)\">\n  <mat-card-header>\n    <mtna-status-circle mat-card-avatar [circleNumber]=\"step?.num\" [optional]=\"step?.optional\" [status]=\"step?.status\"></mtna-status-circle>\n    <mat-card-title>{{ step?.label }}</mat-card-title>\n    <mat-card-subtitle [innerHTML]=\"subtitle | mtnaWfSanitizeHtml\"></mat-card-subtitle>\n    <p *ngIf=\"step?.optional\" class=\"optional mat-caption\" i18n>Optional</p>\n  </mat-card-header>\n\n  <mat-divider [inset]=\"true\"></mat-divider>\n\n  <mat-card-content>\n    <ng-content select=\"[cardContent]\"></ng-content>\n  </mat-card-content>\n\n  <mat-card-actions>\n    <ng-content select=\"[cardActions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: ["mtna-wf-step-card{display:block;position:relative}mtna-wf-step-card.active:before{transform-origin:top;transform:scaleY(1)}mtna-wf-step-card:before{content:\"\";display:block;position:absolute;top:0;left:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1;border-top-left-radius:2px;border-bottom-left-radius:2px}mtna-wf-step-card mat-card-header{position:relative}mtna-wf-step-card mat-card-header mat-card-title{line-height:24px;margin-right:100px}mtna-wf-step-card mat-card-header mtna-status-circle[mat-card-avatar]{width:24px;height:24px}mtna-wf-step-card mat-card-header>.optional:not(.mtna-status-circle){position:absolute;right:16px;top:0;margin:0;line-height:24px}mtna-wf-step-card mat-card-actions{padding:0;margin:0}mtna-wf-step-card mat-card-content{margin-top:16px}mtna-wf-step-card mat-card-content [cardcontent]>:first-child{margin-top:0}\n"], components: [{ type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$4.MatCardHeader, selector: "mat-card-header" }, { type: i1$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"] }, { type: i1$4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfStepCardComponent, decorators: [{
             type: Component,
             args: [{
@@ -6253,6 +6248,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { active: [{
                 type: HostBinding,
                 args: ['class.active']
+            }], handleMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter', ['$event']]
             }], step: [{
                 type: Input
             }], subtitle: [{
@@ -6471,7 +6469,7 @@ class MtnaWfCheckboxComponent extends MtnaWfBaseParentValueItem {
     }
 }
 MtnaWfCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MtnaWfDialogService }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxComponent, selector: "mtna-wf-checkbox-item", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div *ngIf=\"hasItemHeader\" class=\"mtna-wf-error-container\">\n  <ng-container *ngIf=\"control?.invalid && (control?.dirty || control?.touched)\">\n    <mat-error *ngFor=\"let error of control?.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </ng-container>\n</div>\n<fieldset\n  class=\"control-item-content\"\n  [class.single-option]=\"item.options.length === 1\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <ng-container *ngFor=\"let opt of item.options; let i = index; trackBy: _trackByOptionId\">\n    <div *ngIf=\"!!control && !!control.controls && !!control.controls[i]\" fxLayout=\"row\">\n      <mat-checkbox\n        [disableRipple]=\"readonly\"\n        [formControl]=\"$any(control.controls[i])\"\n        [color]=\"color\"\n        [disabled]=\"readonly\"\n        (change)=\"handleChange($event, i)\"\n        >{{ opt.option.name }}\n      </mat-checkbox>\n      <button\n        *ngIf=\"opt.acknowledgement && control.controls[i].value\"\n        mat-icon-button\n        class=\"acknowledge-verification-button\"\n        [attr.aria-label]=\"_acknowledgementText\"\n        [matTooltip]=\"_acknowledgementText\"\n        matTooltipShowDelay=\"800\"\n        (click)=\"showAcknowledgement($event, opt.acknowledgement)\"\n        (mousedown)=\"stopEventPropagation($event)\"\n        (touchstart)=\"stopEventPropagation($event)\"\n      >\n        <mat-icon>verified</mat-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"item.optionItemMap[opt.option.id]\">\n      <mtna-wf-item\n        *ngIf=\"item.optionItemMap[opt.option.id] as subItem\"\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [control]=\"!!controlWrapper && controlWrapper.controls ? controlWrapper.controls[subItem.instanceId] : undefined\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds.concat(opt.option.id)\"\n      ></mtna-wf-item>\n    </ng-container>\n  </ng-container>\n</fieldset>\n", styles: ["mtna-wf-checkbox-item{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-checkbox-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}mtna-wf-checkbox-item .mat-checkbox{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item .acknowledge-verification-button{vertical-align:top;width:18px;height:18px;line-height:18px;margin-left:4px}mtna-wf-checkbox-item .acknowledge-verification-button .mat-icon{width:18px;height:18px;line-height:18px;font-size:18px}mtna-wf-checkbox-item fieldset{border:none;margin:0}mtna-wf-checkbox-item fieldset.control-item-content.single-option{padding:0}mtna-wf-checkbox-item .mat-checkbox+mtna-wf-item{margin-top:0;padding-left:24px}mtna-wf-checkbox-item.read-only .mat-checkbox{cursor:default}\n"], components: [{ type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "keyvalue": i3.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxComponent, selector: "mtna-wf-checkbox-item", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<fieldset\n  class=\"control-item-content\"\n  [class.single-option]=\"item.options.length === 1\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <ng-container *ngFor=\"let opt of item.options; let i = index; trackBy: _trackByOptionId\">\n    <div *ngIf=\"!!control && !!control.controls && !!control.controls[i]\" fxLayout=\"row\">\n      <mat-checkbox\n        [disableRipple]=\"readonly\"\n        [formControl]=\"$any(control.controls[i])\"\n        [color]=\"color\"\n        [disabled]=\"readonly\"\n        (change)=\"handleChange($event, i)\"\n        >{{ opt.option.name }}\n      </mat-checkbox>\n      <button\n        *ngIf=\"opt.acknowledgement && control.controls[i].value\"\n        mat-icon-button\n        class=\"acknowledge-verification-button\"\n        [attr.aria-label]=\"_acknowledgementText\"\n        [matTooltip]=\"_acknowledgementText\"\n        matTooltipShowDelay=\"800\"\n        (click)=\"showAcknowledgement($event, opt.acknowledgement)\"\n        (mousedown)=\"stopEventPropagation($event)\"\n        (touchstart)=\"stopEventPropagation($event)\"\n      >\n        <mat-icon>verified</mat-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"item.optionItemMap[opt.option.id]\">\n      <mtna-wf-item\n        *ngIf=\"item.optionItemMap[opt.option.id] as subItem\"\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [control]=\"!!controlWrapper && controlWrapper.controls ? controlWrapper.controls[subItem.instanceId] : undefined\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds.concat(opt.option.id)\"\n      ></mtna-wf-item>\n    </ng-container>\n  </ng-container>\n</fieldset>\n<div *ngIf=\"hasItemHeader\" class=\"mtna-wf-error-container checkbox-error\">\n  <ng-container *ngIf=\"control?.invalid && (control?.dirty || control?.touched)\">\n    <mat-error *ngFor=\"let error of control?.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </ng-container>\n</div>\n", styles: ["mtna-wf-checkbox-item{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-checkbox-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}mtna-wf-checkbox-item .mat-checkbox{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item .acknowledge-verification-button{vertical-align:top;width:18px;height:18px;line-height:18px;margin-left:4px}mtna-wf-checkbox-item .acknowledge-verification-button .mat-icon{width:18px;height:18px;line-height:18px;font-size:18px}mtna-wf-checkbox-item fieldset{border:none;margin:0}mtna-wf-checkbox-item fieldset.control-item-content.single-option{padding:0}mtna-wf-checkbox-item .mat-checkbox+mtna-wf-item{margin-top:0;padding-left:24px}mtna-wf-checkbox-item .mtna-wf-error-container.checkbox-error{margin-top:4px;margin-left:.75em}mtna-wf-checkbox-item.read-only .mat-checkbox{cursor:default}\n"], components: [{ type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1$5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCheckboxComponent, decorators: [{
             type: Component,
             args: [{
@@ -6914,7 +6912,7 @@ class MtnaWfFormGroupComponent extends MtnaWfBaseGroupItem {
     }
 }
 MtnaWfFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormGroupComponent, selector: "mtna-wf-group", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"item && control\">\n  <mtna-wf-item-header\n    *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n    [descriptiveText]=\"item.descriptiveText\"\n    [disabled]=\"control.disabled\"\n    [questionText]=\"item.questionText\"\n    [required]=\"item.required\"\n  ></mtna-wf-item-header>\n  <ng-template #fullLayout>\n    <div\n      class=\"item-group-container\"\n      [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\"\n      [formGroup]=\"control\"\n      [ngClass]=\"item.layout\"\n    >\n      <mtna-wf-item\n        *ngFor=\"let subItem of item.items; trackBy: _trackByInstanceId\"\n        [class.row-item]=\"item.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n        [ngClass.lt-md]=\"'width-100'\"\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [control]=\"control.controls[subItem.instanceId]\"\n        [parentIds]=\"parentIds\"\n        [readonly]=\"readonly\"\n      ></mtna-wf-item>\n    </div>\n  </ng-template>\n\n  <!-- When readonly, && all child items should be displayed in a mat-list-->\n  <mat-list *ngIf=\"readonly && inList; else fullLayout\" [ngClass]=\"item.layout\">\n    <mtna-wf-item\n      *ngFor=\"let subItem of item.items | mtnaWfItemsWithValue; let index = index; trackBy: _trackByInstanceId\"\n      [class.row-item]=\"item.layout === 'ROW'\"\n      [ngClass.lt-md]=\"'width-100'\"\n      [item]=\"subItem\"\n      [inList]=\"true\"\n      [parentIds]=\"parentIds\"\n      [readonly]=\"true\"\n    ></mtna-wf-item>\n  </mat-list>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-group .item-group-container{padding-top:24px}mtna-wf-group .mtna-wf-group-header{margin-top:1rem}mtna-wf-group .mtna-wf-group-description{margin-bottom:1rem}mtna-wf-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-group mtna-wf-multiple-choice-item{display:block}mtna-wf-group .item-group-container>.mtna-wf-group{margin-top:1rem}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item){padding-left:16px}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item).width-100{width:calc(100% - 16px)}mtna-wf-group .item-group-container>mtna-wf-item:first-of-type{margin-top:0}mtna-wf-group .item-group-container.ROW>mtna-wf-item{margin-top:0}mtna-wf-group .item-group-container.ROW>*{display:block}mtna-wf-group .item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-group .item-group-container .width-100{width:100%}mtna-wf-group .item-group-container .width-100.row-item{width:calc(100% - 16px)}mtna-wf-group mtna-wf-item-header+.item-group-container{padding:.35em .75em .625em}mtna-wf-group mtna-wf-item-header+.item-group-container>mtna-wf-item{margin-top:0}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfItemsWithValue": MtnaWfItemsWithValuePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormGroupComponent, selector: "mtna-wf-group", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"item && control\">\n  <mtna-wf-item-header\n    *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n    [descriptiveText]=\"item.descriptiveText\"\n    [disabled]=\"control.disabled\"\n    [questionText]=\"item.questionText\"\n    [required]=\"item.required\"\n  ></mtna-wf-item-header>\n  <ng-template #fullLayout>\n    <div\n      class=\"item-group-container\"\n      [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\"\n      [formGroup]=\"control\"\n      [ngClass]=\"item.layout\"\n    >\n      <mtna-wf-item\n        *ngFor=\"let subItem of item.items; trackBy: _trackByInstanceId\"\n        [class.row-item]=\"item.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n        [ngClass.lt-md]=\"'width-100'\"\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [control]=\"control.controls[subItem.instanceId]\"\n        [parentIds]=\"parentIds.concat(item.instanceId)\"\n        [readonly]=\"readonly\"\n      ></mtna-wf-item>\n    </div>\n  </ng-template>\n\n  <!-- When readonly, && all child items should be displayed in a mat-list-->\n  <mat-list *ngIf=\"readonly && inList; else fullLayout\" [ngClass]=\"item.layout\">\n    <mtna-wf-item\n      *ngFor=\"let subItem of item.items | mtnaWfItemsWithValue; let index = index; trackBy: _trackByInstanceId\"\n      [class.row-item]=\"item.layout === 'ROW'\"\n      [ngClass.lt-md]=\"'width-100'\"\n      [item]=\"subItem\"\n      [inList]=\"true\"\n      [parentIds]=\"parentIds.concat(item.instanceId)\"\n      [readonly]=\"true\"\n    ></mtna-wf-item>\n  </mat-list>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-group .item-group-container{padding-top:24px}mtna-wf-group .mtna-wf-group-header{margin-top:1rem}mtna-wf-group .mtna-wf-group-description{margin-bottom:1rem}mtna-wf-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-group mtna-wf-multiple-choice-item{display:block}mtna-wf-group .item-group-container>.mtna-wf-group{margin-top:1rem}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item){padding-left:16px}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item).width-100{width:calc(100% - 16px)}mtna-wf-group .item-group-container>mtna-wf-item:first-of-type{margin-top:0}mtna-wf-group .item-group-container.ROW>mtna-wf-item{margin-top:0}mtna-wf-group .item-group-container.ROW>*{display:block}mtna-wf-group .item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-group .item-group-container .width-100{width:100%}mtna-wf-group .item-group-container .width-100.row-item{width:calc(100% - 16px)}mtna-wf-group mtna-wf-item-header+.item-group-container{padding:.35em .75em .625em}mtna-wf-group mtna-wf-item-header+.item-group-container>mtna-wf-item{margin-top:0}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfItemsWithValue": MtnaWfItemsWithValuePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -6968,7 +6966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class MtnaWfFormSectionComponent extends MtnaWfBaseSectionItem {
 }
 MtnaWfFormSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfFormSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormSectionComponent, selector: "mtna-wf-section", usesInheritance: true, ngImport: i0, template: "<mtna-wf-step-card\n  [step]=\"step\"\n  [subtitle]=\"item.descriptiveText\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"\n  (focused)=\"focused.emit($event)\"\n>\n  <div cardContent>\n    <ng-container *ngFor=\"let subItem of item.items; trackBy: _trackByInstanceId\">\n      <mat-divider\n        *ngIf=\"(subItem.itemId | mtnaWfGetObjectType) === 'formitemgroupimpl' && item.items.indexOf(subItem) !== 0\"\n        class=\"section-item-divider\"\n        [inset]=\"true\"\n      ></mat-divider>\n\n      <mtna-wf-item\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds\"\n        [control]=\"!!control && !!control.controls ? control.controls[subItem.instanceId] : undefined\"\n        (focusedSection)=\"focused.emit($event)\"\n      ></mtna-wf-item>\n    </ng-container>\n  </div>\n</mtna-wf-step-card>\n", styles: ["mtna-wf-section{display:block}mtna-wf-section mat-divider.mat-divider-horizontal.mat-divider-inset.section-item-divider{margin-top:8px;margin-bottom:8px}\n"], components: [{ type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: ["color", "step", "subtitle"], outputs: ["focused"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfGetObjectType": MtnaWfGetObjectTypePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfFormSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormSectionComponent, selector: "mtna-wf-section", usesInheritance: true, ngImport: i0, template: "<mtna-wf-step-card\n  [step]=\"step\"\n  [subtitle]=\"item.descriptiveText\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"\n  (focused)=\"focused.emit($event)\"\n>\n  <div cardContent>\n    <ng-container *ngFor=\"let subItem of item.items; trackBy: _trackByInstanceId\">\n      <mat-divider\n        *ngIf=\"(subItem.itemId | mtnaWfGetObjectType) === 'formitemgroupimpl' && item.items.indexOf(subItem) !== 0\"\n        class=\"section-item-divider\"\n        [inset]=\"true\"\n      ></mat-divider>\n\n      <mtna-wf-item\n        [isCompact]=\"isCompact\"\n        [item]=\"subItem\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds.concat(item.instanceId)\"\n        [control]=\"!!control && !!control.controls ? control.controls[subItem.instanceId] : undefined\"\n        (focusedSection)=\"focused.emit($event)\"\n      ></mtna-wf-item>\n    </ng-container>\n  </div>\n</mtna-wf-step-card>\n", styles: ["mtna-wf-section{display:block}mtna-wf-section mat-divider.mat-divider-horizontal.mat-divider-inset.section-item-divider{margin-top:8px;margin-bottom:8px}\n"], components: [{ type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: ["color", "step", "subtitle"], outputs: ["focused"] }, { type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfGetObjectType": MtnaWfGetObjectTypePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormSectionComponent, decorators: [{
             type: Component,
             args: [{
@@ -7281,15 +7279,15 @@ class MtnaWfRepeatableItemContainerComponent extends MtnaWfBaseParentValueItem {
         this._addText = $localize `ADD`;
     }
     addItem() {
-        this.manager.changeMtnaFormItem(new MtnaWfFormItemChange(this.item.repeatableTemplateId, this.parentIds, 'ADD'));
+        this.manager.changeMtnaFormItem(new MtnaWfFormItemChange(this.item.repeatableTemplateId, this.item.repeatableTemplateId, [...this.parentIds, this.item.instanceId], 'ADD'));
     }
     removeItem(item) {
         const conditionChanges = this.manager.generateConditionChangeArray(item, 'REMOVE');
-        this.manager.changeMtnaFormItem(new MtnaWfFormItemChange(item.instanceId, this.parentIds, 'REMOVE', conditionChanges));
+        this.manager.changeMtnaFormItem(new MtnaWfFormItemChange(item.instanceId, item.templateId, [...this.parentIds, this.item.instanceId], 'REMOVE', conditionChanges));
     }
 }
 MtnaWfRepeatableItemContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfRepeatableItemContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MtnaWfManagerService }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfRepeatableItemContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0, template: "<mtna-wf-item-header\n  *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n  [descriptiveText]=\"item.descriptiveText\"\n  [disabled]=\"control?.disabled || false\"\n  [questionText]=\"item.questionText\"\n  [required]=\"item.required\"\n></mtna-wf-item-header>\n<section [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <mat-card *ngIf=\"item.items.length > 0\">\n    <mtna-wf-repeatable-item\n      @repeatItemExpandCollapse\n      *ngFor=\"let subitem of item.items; let first = first; trackBy: 'instanceId' | mtnaTrackByProperty\"\n    >\n      <ng-container *ngIf=\"subitem | coerceFormItem as coercedSubItem\">\n        <button\n          *ngIf=\"!readonly && item.items.length > item.minOccurrences\"\n          mat-icon-button\n          class=\"item-remove-button\"\n          color=\"warn\"\n          (click)=\"removeItem(coercedSubItem)\"\n          matTooltip=\"Remove Item\"\n          i18n-matTooltip\n        >\n          <mat-icon>remove_circle</mat-icon>\n        </button>\n        <mtna-wf-item\n          [isCompact]=\"isCompact\"\n          [item]=\"coercedSubItem\"\n          [control]=\"!!control && !!control.controls ? control.controls[coercedSubItem.instanceId] : undefined\"\n          [readonly]=\"readonly\"\n          [parentIds]=\"parentIds\"\n        ></mtna-wf-item>\n      </ng-container>\n    </mtna-wf-repeatable-item>\n  </mat-card>\n</section>\n<button *ngIf=\"!readonly\" mat-raised-button (click)=\"addItem()\" class=\"new-item-button\" color=\"primary\">\n  {{ item.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-container{display:block}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item>mtna-wf-item:first-child{margin-top:0}mtna-wf-repeatable-item-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-container>section{padding-left:.75em}mtna-wf-repeatable-item-container>section,mtna-wf-repeatable-item-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: MtnaWfRepeatableItemComponent, selector: "mtna-wf-repeatable-item" }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i1$1.MtnaTrackByPropertyPipe, "coerceFormItem": MtnaWfCoerceFormItemPipe, "uppercase": i3.UpperCasePipe }, animations: [
+MtnaWfRepeatableItemContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0, template: "<mtna-wf-item-header\n  *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n  [descriptiveText]=\"item.descriptiveText\"\n  [disabled]=\"control?.disabled || false\"\n  [questionText]=\"item.questionText\"\n  [required]=\"item.required\"\n></mtna-wf-item-header>\n<section [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <mtna-wf-repeatable-item\n    @repeatItemExpandCollapse\n    *ngFor=\"let subitem of item.items; let first = first; trackBy: 'instanceId' | mtnaTrackByProperty\"\n  >\n    <mat-card>\n      <button\n        *ngIf=\"!readonly && item.items.length > item.minOccurrences\"\n        mat-icon-button\n        class=\"item-remove-button\"\n        color=\"warn\"\n        (click)=\"removeItem(subitem)\"\n        matTooltip=\"Remove Item\"\n        i18n-matTooltip\n      >\n        <mat-icon>remove_circle</mat-icon>\n      </button>\n      <mtna-wf-item\n        [isCompact]=\"isCompact\"\n        [item]=\"subitem\"\n        [control]=\"!!control && !!control.controls ? control.controls[subitem.instanceId] : undefined\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds\"\n      ></mtna-wf-item>\n    </mat-card>\n  </mtna-wf-repeatable-item>\n</section>\n<button *ngIf=\"!readonly\" mat-raised-button (click)=\"addItem()\" class=\"new-item-button\" color=\"primary\">\n  {{ item.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-container{display:block}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item>mtna-wf-item:first-child{margin-top:0}mtna-wf-repeatable-item-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-container>section{padding-left:.75em}mtna-wf-repeatable-item-container>section,mtna-wf-repeatable-item-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: MtnaWfRepeatableItemComponent, selector: "mtna-wf-repeatable-item" }, { type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i1$1.MtnaTrackByPropertyPipe, "uppercase": i3.UpperCasePipe }, animations: [
         trigger('repeatItemExpandCollapse', [
             state('in', style({ height: '*', margin: '*', opacity: 1 })),
             state('void', style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
@@ -7328,7 +7326,6 @@ MtnaWfRepeatableItemContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersio
         MatIconModule,
         MatTooltipModule,
         MtnaTrackByPropertyPipeModule,
-        MtnaWfCoerceFormItemPipeModule,
         MatCardModule], exports: [MtnaWfRepeatableItemContainerComponent] });
 MtnaWfRepeatableItemContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfRepeatableItemContainerModule, imports: [[
             CommonModule,
@@ -7340,7 +7337,6 @@ MtnaWfRepeatableItemContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersio
             MatIconModule,
             MatTooltipModule,
             MtnaTrackByPropertyPipeModule,
-            MtnaWfCoerceFormItemPipeModule,
             MatCardModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfRepeatableItemContainerModule, decorators: [{
@@ -7356,7 +7352,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         MatIconModule,
                         MatTooltipModule,
                         MtnaTrackByPropertyPipeModule,
-                        MtnaWfCoerceFormItemPipeModule,
                         MatCardModule,
                     ],
                     declarations: [MtnaWfRepeatableItemContainerComponent],
@@ -8693,7 +8688,7 @@ class MtnaWfCheckboxItemTemplateComponent extends MtnaWfBaseTemplateOptionGroupI
     }
 }
 MtnaWfCheckboxItemTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCheckboxItemTemplateComponent, deps: [{ token: LOCALE_ID }, { token: MtnaWfDialogService }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfCheckboxItemTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxItemTemplateComponent, selector: "mtna-wf-checkbox-item-template", usesInheritance: true, ngImport: i0, template: "<fieldset *ngIf=\"template\" [ngClass]=\"{ 'template-control-item-content': true, 'single-option': template.options.length === 1 }\">\n  <ng-container *ngFor=\"let option of template.options; let i = index; trackBy: _trackByOptionId\">\n    <div fxLayout=\"row\">\n      <mat-checkbox [color]=\"color\" [disabled]=\"template.disabled\">\n        {{ option.option.name }}\n      </mat-checkbox>\n      <button *ngIf=\"option.acknowledgement\" class=\"acknowledgement-btn\" mat-stroked-button (click)=\"handleClick(option)\">\n        [acknowledgement]\n      </button>\n    </div>\n    <ng-container *ngIf=\"template.optionTemplateMap[option.option.id] as subTemplate\">\n      <mtna-wf-template-item\n        [color]=\"color\"\n        [displayLocale]=\"displayLocale\"\n        [isCompact]=\"isCompact\"\n        [template]=\"subTemplate\"\n      ></mtna-wf-template-item>\n    </ng-container>\n  </ng-container>\n</fieldset>\n", styles: ["mtna-wf-checkbox-item-template{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item-template .mat-checkbox{display:block;margin-right:8px}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item-template .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item-template .mat-stroked-button.acknowledgement-btn{line-height:24px;font-weight:normal;padding:0 4px;min-width:132px;height:24px}mtna-wf-checkbox-item-template fieldset{border:none;margin:0}mtna-wf-checkbox-item-template fieldset.template-control-item-content.single-option{padding:0}\n"], components: [{ type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfCheckboxItemTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxItemTemplateComponent, selector: "mtna-wf-checkbox-item-template", usesInheritance: true, ngImport: i0, template: "<fieldset *ngIf=\"template\" [ngClass]=\"{ 'template-control-item-content': true, 'single-option': template.options.length === 1 }\">\n  <ng-container *ngFor=\"let option of template.options; let i = index; trackBy: _trackByOptionId\">\n    <div fxLayout=\"row\">\n      <mat-checkbox [color]=\"color\" [disabled]=\"template.disabled\">\n        {{ option.option.name }}\n      </mat-checkbox>\n      <button *ngIf=\"option.acknowledgement\" class=\"acknowledgement-btn\" mat-stroked-button (click)=\"handleClick(option)\">\n        [acknowledgement]\n      </button>\n    </div>\n    <ng-container *ngIf=\"template.optionTemplateMap[option.option.id] as subTemplate\">\n      <mtna-wf-template-item\n        [color]=\"color\"\n        [displayLocale]=\"displayLocale\"\n        [isCompact]=\"isCompact\"\n        [template]=\"subTemplate\"\n      ></mtna-wf-template-item>\n    </ng-container>\n  </ng-container>\n</fieldset>\n", styles: ["mtna-wf-checkbox-item-template{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item-template .mat-checkbox{display:block;margin-right:8px}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item-template .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item-template .mat-stroked-button.acknowledgement-btn{line-height:24px;font-weight:normal;padding:0 4px;min-width:132px;height:24px}mtna-wf-checkbox-item-template fieldset{border:none;margin:0}mtna-wf-checkbox-item-template fieldset.template-control-item-content.single-option{padding:0}\n"], components: [{ type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfCheckboxItemTemplateComponent, decorators: [{
             type: Component,
             args: [{
@@ -9462,7 +9457,7 @@ class MtnaWfRepeatableItemTemplateContainerComponent extends MtnaWfBaseTemplateI
     }
 }
 MtnaWfRepeatableItemTemplateContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfRepeatableItemTemplateContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfRepeatableItemTemplateContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemTemplateContainerComponent, selector: "mtna-wf-repeatable-item-template-container", usesInheritance: true, ngImport: i0, template: "<section>\n  <mtna-wf-repeatable-item-template @repeatItemExpandCollapse>\n    <ng-container *ngIf=\"template && template.item\">\n      <mat-card>\n        <button mat-icon-button class=\"item-remove-button\" color=\"warn\" matTooltip=\"Remove Item\" i18n-matTooltip>\n          <mat-icon>remove_circle</mat-icon>\n        </button>\n        <mtna-wf-template-item [isCompact]=\"isCompact\" [template]=\"template.item\"></mtna-wf-template-item>\n      </mat-card>\n    </ng-container>\n  </mtna-wf-repeatable-item-template>\n</section>\n<button mat-raised-button class=\"new-item-button\" color=\"primary\">\n  {{ template?.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-template-container{display:block}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template>mtna-wf-template-item:first-child{margin-top:0}mtna-wf-repeatable-item-template-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-template-container>section{padding-left:.75em}mtna-wf-repeatable-item-template-container>section,mtna-wf-repeatable-item-template-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfRepeatableItemTemplateComponent, selector: "mtna-wf-repeatable-item-template" }, { type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "uppercase": i3.UpperCasePipe }, animations: [
+MtnaWfRepeatableItemTemplateContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemTemplateContainerComponent, selector: "mtna-wf-repeatable-item-template-container", usesInheritance: true, ngImport: i0, template: "<section>\n  <mtna-wf-repeatable-item-template @repeatItemExpandCollapse>\n    <ng-container *ngIf=\"template && template.item\">\n      <mat-card>\n        <button mat-icon-button class=\"item-remove-button\" color=\"warn\" matTooltip=\"Remove Item\" i18n-matTooltip>\n          <mat-icon>remove_circle</mat-icon>\n        </button>\n        <mtna-wf-template-item [isCompact]=\"isCompact\" [template]=\"template.item\"></mtna-wf-template-item>\n      </mat-card>\n    </ng-container>\n  </mtna-wf-repeatable-item-template>\n</section>\n<button mat-raised-button class=\"new-item-button\" color=\"primary\">\n  {{ template?.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-template-container{display:block}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template>mtna-wf-template-item:first-child{margin-top:0}mtna-wf-repeatable-item-template-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-template-container>section{padding-left:.75em}mtna-wf-repeatable-item-template-container>section,mtna-wf-repeatable-item-template-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfRepeatableItemTemplateComponent, selector: "mtna-wf-repeatable-item-template" }, { type: i1$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "uppercase": i3.UpperCasePipe }, animations: [
         trigger('repeatItemExpandCollapse', [
             state('in', style({ height: '*', margin: '*', opacity: 1 })),
             state('void', style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
@@ -9763,11 +9758,9 @@ class TemplateFormFacade {
         this.typeLoaded$ = this.store.select(templateDesignTypeLoaded);
     }
     getTemplateInstance(template) {
-        console.warn({ template });
         this.store.dispatch(getTemplateInstance({ template }));
     }
     getTemplateItemInstance(templateItem) {
-        console.warn({ templateItem });
         this.store.dispatch(getTemplateItemInstance({ templateItem }));
     }
 }
@@ -10032,7 +10025,7 @@ class MtnaWfTemplateDisplayViewerComponent {
         this.templateFormFacade = templateFormFacade;
         this.contextSelected$ = this.designFacade.contextSelected$;
         this.focusedDesignId$ = this.designFacade.focusedDesignId$;
-        this.modifiedModel$ = this.designFacade.modifiedModel$.pipe(tap((modifiedModel) => console.warn('here')));
+        this.modifiedModel$ = this.designFacade.modifiedModel$;
         this.previewLanguage$ = this.designFacade.previewLanguage$;
         this.loading$ = this.templateFormFacade.loading$;
         this.templateForm$ = this.templateFormFacade.templateForm$;
@@ -10134,7 +10127,7 @@ class MtnaWfTemplateItemGroupComponent extends MtnaWfBaseTemplateItemComponent {
     }
 }
 MtnaWfTemplateItemGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfTemplateItemGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfTemplateItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemGroupComponent, selector: "mtna-wf-template-item-group", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"template\">\n  <mat-list *ngIf=\"inList; else fullLayout\" [ngClass]=\"template.layout\">\n    <mtna-wf-template-item\n      *ngFor=\"let subItem of template.items; let index = index; trackBy: _trackByInstanceId\"\n      [class.row-item]=\"template.layout === 'ROW'\"\n      [ngClass.lt-md]=\"'width-100'\"\n      [template]=\"subItem\"\n      [inList]=\"true\"\n    ></mtna-wf-template-item>\n  </mat-list>\n\n  <ng-template #fullLayout>\n    <div class=\"template-item-group-container\" [ngClass]=\"template.layout\">\n      <mtna-wf-template-item\n        *ngFor=\"let subItem of template.items; trackBy: _trackByInstanceId\"\n        [class.row-item]=\"template.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n        [ngClass.lt-md]=\"'width-100'\"\n        [color]=\"color\"\n        [displayLocale]=\"displayLocale\"\n        [template]=\"subItem\"\n      ></mtna-wf-template-item>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: ["mtna-wf-template-item-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-template-item-group mtna-wf-multiple-choice-template-item{display:block}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item-group{margin-top:1rem}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template){padding-left:16px}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template).width-100{width:calc(100% - 16px)}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template):first-of-type{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>mtna-wf-template-item{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>*{display:block}mtna-wf-template-item-group .template-item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-template-item-group .template-item-group-container .width-100{width:100%}mtna-wf-template-item-group .template-item-group-container .width-100.row-item{width:calc(100% - 16px)}\n"], components: [{ type: i2$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MtnaWfTemplateItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemGroupComponent, selector: "mtna-wf-template-item-group", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"template\">\n  <mat-list *ngIf=\"inList; else fullLayout\" [ngClass]=\"template.layout\">\n    <mtna-wf-template-item\n      *ngFor=\"let subItem of template.items; let index = index; trackBy: _trackByInstanceId\"\n      [class.row-item]=\"template.layout === 'ROW'\"\n      [ngClass.lt-md]=\"'width-100'\"\n      [template]=\"subItem\"\n      [inList]=\"true\"\n    ></mtna-wf-template-item>\n  </mat-list>\n\n  <ng-template #fullLayout>\n    <div class=\"template-item-group-container\" [ngClass]=\"template.layout\">\n      <mtna-wf-template-item\n        *ngFor=\"let subItem of template.items; trackBy: _trackByInstanceId\"\n        [class.row-item]=\"template.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n        [ngClass.lt-md]=\"'width-100'\"\n        [color]=\"color\"\n        [displayLocale]=\"displayLocale\"\n        [template]=\"subItem\"\n      ></mtna-wf-template-item>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: ["mtna-wf-template-item-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-template-item-group mtna-wf-multiple-choice-template-item{display:block}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item-group{margin-top:1rem}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template){padding-left:16px}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template).width-100{width:calc(100% - 16px)}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template):first-of-type{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>mtna-wf-template-item{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>*{display:block}mtna-wf-template-item-group .template-item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-template-item-group .template-item-group-container .width-100{width:100%}mtna-wf-template-item-group .template-item-group-container .width-100.row-item{width:calc(100% - 16px)}\n"], components: [{ type: i2$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfTemplateItemGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -10218,15 +10211,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+class MtnaWfUnorderedListItemTemplateComponent extends MtnaWfBaseTemplateItemComponent {
+}
+MtnaWfUnorderedListItemTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfUnorderedListItemTemplateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MtnaWfUnorderedListItemTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemTemplateComponent, selector: "mtna-wf-unordered-list-item-template", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"template\">\n  <ul>\n    <ng-container *ngIf=\"displayLocale | getI18nStringsValueFromLocale : template.values as values\">\n      <li *ngFor=\"let value of values\" [innerHTML]=\"value | mtnaWfSanitizeHtml\"></li>\n    </ng-container>\n  </ul>\n</ng-container>\n", styles: ["mtna-wf-unordered-list-item-template>ul{list-style:disc outside;padding-left:1rem}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "getI18nStringsValueFromLocale": GetI18nStringsValueFromLocalePipe, "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mtna-wf-unordered-list-item-template',
+                    templateUrl: './unordered-list-item.component.html',
+                    styleUrls: ['./unordered-list-item.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+
 const MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS = [
     {
         key: BOOLEAN_ITEM_TEMPLATE_ID,
         component: MtnaWfBooleanItemTemplateComponent,
     },
-    // {
-    //   key: BULLETED_LIST_ITEM_TEMPLATE_ID,
-    //   component: MtnaWfUnorderedListItemTemplateComponent,
-    // },
+    {
+        key: BULLETED_LIST_ITEM_TEMPLATE_ID,
+        component: MtnaWfUnorderedListItemTemplateComponent,
+    },
     {
         key: CHECKBOX_ITEM_TEMPLATE_ID,
         component: MtnaWfCheckboxItemTemplateComponent,
@@ -10263,10 +10271,10 @@ const MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS = [
         key: OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID,
         component: MtnaWfOffsetDateRangeItemTemplateComponent,
     },
-    // {
-    //   key: NUMBERED_LIST_ITEM_TEMPLATE_ID,
-    //   component: MtnaWfOrderedListItemTemplateComponent,
-    // },
+    {
+        key: NUMBERED_LIST_ITEM_TEMPLATE_ID,
+        component: MtnaWfOrderedListItemTemplateComponent,
+    },
     {
         key: PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID,
         component: MtnaWfParagraphAnswerItemTemplateComponent,
@@ -10389,21 +10397,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-class MtnaWfUnorderedListItemTemplateComponent extends MtnaWfBaseTemplateItemComponent {
-}
-MtnaWfUnorderedListItemTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfUnorderedListItemTemplateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfUnorderedListItemTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemTemplateComponent, selector: "mtna-wf-unordered-list-item-template", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"template\">\n  <ul>\n    <ng-container *ngIf=\"displayLocale | getI18nStringsValueFromLocale : template.values as values\">\n      <li *ngFor=\"let value of values\" [innerHTML]=\"value | mtnaWfSanitizeHtml\"></li>\n    </ng-container>\n  </ul>\n</ng-container>\n", styles: ["mtna-wf-unordered-list-item-template>ul{list-style:disc outside;padding-left:1rem}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "getI18nStringsValueFromLocale": GetI18nStringsValueFromLocalePipe, "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mtna-wf-unordered-list-item-template',
-                    templateUrl: './unordered-list-item.component.html',
-                    styleUrls: ['./unordered-list-item.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }] });
-
 class MtnaWfUnorderedListItemTemplateModule {
 }
 MtnaWfUnorderedListItemTemplateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfUnorderedListItemTemplateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -10455,5 +10448,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BOOLEAN_POTENTIAL_DESIGN, BULLETED_LIST_POTENTIAL_DESIGN, BaseFormStep, BooleanItemTemplateMapper, BulletedListItemTemplateMapper, CHECKBOX_POTENTIAL_DESIGN, COMPLEX_STANDARD, CUSTOM_MAT_DATE_FORMAT, CheckboxItemTemplateMapper, ChildStepActivePipe, ChildStepActivePipeModule, CoerceFormStepGroupPipe, CoerceFormStepGroupPipeModule, CoerceFormStepPipe, CoerceFormStepPipeModule, DASHED_DATE_DISPLAY_VALUE, DATE_ENUM_VALUES, DATE_POTENTIAL_DESIGN, DECIMAL_ANSWER_POTENTIAL_DESIGN, DEFAULT_ERROR_MESSAGES, DOTTED_DATE_DISPLAY_VALUE, DROPDOWN_POTENTIAL_DESIGN, DateItemTemplateMapper, DropdownItemTemplateMapper, EURO_LONG_DATE_DISPLAY_VALUE, FILE_UPLOAD_POTENTIAL_DESIGN, FORM_OPTION_SELECTOR_POTENTIAL_DESIGN, FileUploadItemTemplateMapper, FormStep, FormStepGroup, GROUP_POTENTIAL_DESIGN, GROUP_POTENTIAL_DESIGN_LIST, GetActiveFormStepItemPipe, GetActiveFormStepItemPipeModule, GetI18nStringValueFromLocalePipe, GetI18nStringValueFromLocalePipeModule, GetI18nStringsValueFromLocalePipe, GetI18nStringsValueFromLocalePipeModule, GetProgressiveFormItemPipe, GetProgressiveFormItemPipeModule, GetStepAriaLabel, GetStepAriaLabelModule, I18N_PARAGRAPH_ANSWER_POTENTIAL_DESIGN, I18N_SHORT_ANSWER_POTENTIAL_DESIGN, I18nTextResponseItemTemplateMapper, ISO_8601_DATE_DISPLAY_VALUE, LONG_DATE_DISPLAY_VALUE, MTNA_WF_API_TOKEN, MTNA_WF_DEFAULT_YEAR_RANGE, MTNA_WF_EXPAND_COLLAPSE, MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME, MTNA_WF_ITEM_INJECTED_COMPONENTS, MTNA_WF_ITEM_WHITELIST, MTNA_WF_ITEM_WHITELIST_FACTORY, MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS, MULTIPLE_CHOICE_POTENTIAL_DESIGN, MtnaFormModule, templateDesignCoreUtil as MtnaTemplateCoreDesign, templateDesignUtil as MtnaTemplateDesign, MtnaTemplateTransformationService, MtnaWfAcknowledgeDialogComponent, MtnaWfAcknowledgeDialogModule, MtnaWfApiService, MtnaWfBaseFormItemControl, MtnaWfBaseGroupItem, MtnaWfBaseParentValueItem, MtnaWfBaseSectionItem, MtnaWfBaseSingleSelectionParentValueItem, MtnaWfBaseTemplateItemComponent, MtnaWfBaseTemplateItemWithListComponent, MtnaWfBaseValueItem, MtnaWfBooleanComponent, MtnaWfBooleanItemTemplateComponent, MtnaWfBooleanItemTemplateModule, MtnaWfBooleanModule, MtnaWfCheckboxComponent, MtnaWfCheckboxItemTemplateComponent, MtnaWfCheckboxItemTemplateModule, MtnaWfCheckboxModule, MtnaWfCoerceDateItemPipe, MtnaWfCoerceDateItemPipeModule, MtnaWfCoerceFormControlPipe, MtnaWfCoerceFormControlPipeModule, MtnaWfCoerceFormGroupPipe, MtnaWfCoerceFormGroupPipeModule, MtnaWfCoerceFormItemPipe, MtnaWfCoerceFormItemPipeModule, MtnaWfDateComponent, MtnaWfDateItemTemplateComponent, MtnaWfDateItemTemplateModule, MtnaWfDateModule, MtnaWfDateQuarterPipe, MtnaWfDateQuarterPipeModule, MtnaWfDateRangeComponent, MtnaWfDateRangeModule, MtnaWfDecimalAnswerItemTemplateComponent, MtnaWfDecimalAnswerItemTemplateModule, MtnaWfDialogService, MtnaWfDropdownComponent, MtnaWfDropdownItemTemplateComponent, MtnaWfDropdownItemTemplateModule, MtnaWfDropdownModule, MtnaWfFileUploadComponent, MtnaWfFileUploadItemTemplateComponent, MtnaWfFileUploadItemTemplateModule, MtnaWfFileUploadModule, MtnaWfFilterHiddenItemsPipe, MtnaWfFilterHiddenItemsPipeModule, MtnaWfFormComponent, MtnaWfFormDisablerComponent, MtnaWfFormDisablerModule, MtnaWfFormGroupComponent, MtnaWfFormGroupModule, MtnaWfFormItemComponent, MtnaWfFormItemDialogComponent, MtnaWfFormItemDialogData, MtnaWfFormItemDialogModule, MtnaWfFormItemModule, MtnaWfFormSectionComponent, MtnaWfFormSectionModule, MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepGroupPipe, MtnaWfFormStepGroupPipeModule, MtnaWfFormStepperComponent, MtnaWfFormStepperModule, MtnaWfGetAutoCompletePipe, MtnaWfGetAutoCompletePipeModule, MtnaWfGetAvailableQuartersPipe, MtnaWfGetAvailableQuartersPipeModule, MtnaWfGetFormControlErrorPipe, MtnaWfGetFormControlErrorPipeModule, MtnaWfGetListIconPipe, MtnaWfGetListIconPipeModule, MtnaWfGetObjectTypePipe, MtnaWfGetObjectTypePipeModule, MtnaWfGetSelectedOptionNamePipe, MtnaWfGetSelectedOptionNamePipeModule, MtnaWfI18nInputComponent, MtnaWfI18nInputModule, MtnaWfI18nParagraphAnswerItemTemplateComponent, MtnaWfI18nParagraphAnswerItemTemplateModule, MtnaWfI18nShortAnswerItemTemplateComponent, MtnaWfI18nShortAnswerItemTemplateModule, MtnaWfInputComponent, MtnaWfInputModule, MtnaWfInstanceOfTemplateImplPipe, MtnaWfInstanceOfTemplateImplPipeModule, MtnaWfInstanceOfTemplateItemGroupImplPipe, MtnaWfInstanceOfTemplateItemGroupImplPipeModule, MtnaWfInstanceOfTemplateItemPipe, MtnaWfInstanceOfTemplateItemPipeModule, MtnaWfInstantValidationResultErrorStateMatcher, MtnaWfItemComponentProvider, MtnaWfItemHeaderComponent, MtnaWfItemHeaderModule, MtnaWfItemInjector, MtnaWfItemInjectorModule, MtnaWfItemsWithValuePipe, MtnaWfItemsWithValuePipeModule, MtnaWfManagerService, MtnaWfMultipleChoiceComponent, MtnaWfMultipleChoiceItemTemplateComponent, MtnaWfMultipleChoiceItemTemplateModule, MtnaWfMultipleChoiceModule, MtnaWfNgFormService, MtnaWfOffsetDateRangeItemTemplateComponent, MtnaWfOffsetDateRangeItemTemplateModule, MtnaWfOrderedListItemComponent, MtnaWfOrderedListItemModule, MtnaWfOrderedListItemTemplateComponent, MtnaWfOrderedListItemTemplateModule, MtnaWfParagraphAnswerItemTemplateComponent, MtnaWfParagraphAnswerItemTemplateModule, MtnaWfProgressiveFormComponent, MtnaWfProgressiveFormModule, MtnaWfRepeatableItemComponent, MtnaWfRepeatableItemContainerComponent, MtnaWfRepeatableItemContainerModule, MtnaWfRepeatableItemModule, MtnaWfRepeatableItemTemplateComponent, MtnaWfRepeatableItemTemplateContainerComponent, MtnaWfRepeatableItemTemplateContainerModule, MtnaWfRepeatableItemTemplateModule, MtnaWfResourceSearchComponent, MtnaWfResourceSearchModule, MtnaWfResourceSearchSelectionService, MtnaWfSanitizeHtmlPipe, MtnaWfSanitizeHtmlPipeModule, serializerUtil as MtnaWfSerializer, MtnaWfShortAnswerItemTemplateComponent, MtnaWfShortAnswerItemTemplateModule, MtnaWfStepCardComponent, MtnaWfStepCardModule, MtnaWfTableFormItemComponent, MtnaWfTableFormItemModule, MtnaWfTemplateComponent, MtnaWfTemplateDisplayViewerComponent, MtnaWfTemplateDisplayViewerModule, MtnaWfTemplateItemComponent, MtnaWfTemplateItemComponentProvider, MtnaWfTemplateItemGroupComponent, MtnaWfTemplateItemGroupModule, MtnaWfTemplateItemHeaderComponent, MtnaWfTemplateItemHeaderModule, MtnaWfTemplateItemInjector, MtnaWfTemplateItemInjectorModule, MtnaWfTemplateItemModule, MtnaWfTemplateModule, MtnaWfTemplateSectionComponent, MtnaWfTemplateSectionModule, MtnaWfTextItemComponent, MtnaWfTextItemModule, MtnaWfTextItemTemplateComponent, MtnaWfTextItemTemplateModule, MtnaWfTitleItemComponent, MtnaWfTitleItemModule, MtnaWfTitleItemTemplateComponent, MtnaWfTitleItemTemplateModule, MtnaWfUIService, MtnaWfUnorderedListItemComponent, MtnaWfUnorderedListItemModule, MtnaWfUnorderedListItemTemplateComponent, MtnaWfUnorderedListItemTemplateModule, MtnaWfWholeNumberAnswerItemTemplateComponent, MtnaWfWholeNumberAnswerItemTemplateModule, MtnaWfYearQuarterComponent, MtnaWfYearQuarterItemTemplateComponent, MtnaWfYearQuarterItemTemplateModule, MtnaWfYearQuarterModule, MtnaWfYearQuarterRangeComponent, MtnaWfYearQuarterRangeItemTemplateComponent, MtnaWfYearQuarterRangeItemTemplateModule, MtnaWfYearQuarterRangeModule, MultipleChoiceItemTemplateMapper, NUMBERED_LIST_POTENTIAL_DESIGN, NumberedListItemTemplateMapper, NumericResponseItemTemplateMapper, OFFSET_DATE_RANGE_POTENTIAL_DESIGN, OPTION_SELECTOR_POTENTIAL_DESIGN_LIST, OffsetDateRangeTemplateMapper, OptionGroupItemMapper, OptionItemMapper, OptionSelectorMapper, PARAGRAPH_ANSWER_POTENTIAL_DESIGN, REPEATABLE_POTENTIAL_DESIGN, RepeatableItemTemplateMapper, SECTION_POTENTIAL_DESIGN, SECTION_POTENTIAL_DESIGN_LIST, SHORT_ANSWER_POTENTIAL_DESIGN, SLASHED_DATE_DISPLAY_VALUE, TEMPLATE_FORM_STATE_KEY, TEMPLATE_POTENTIAL_DESIGN_LIST, TEXT_POTENTIAL_DESIGN, TITLE_POTENTIAL_DESIGN, TemplateDesignFacade, templateForm_actions as TemplateFormActions, templateFormApi_actions as TemplateFormApiActions, TemplateFormEffects, TemplateFormFacade, templateForm_selectors as TemplateFormSelectors, TemplateItemGroupMapper, TemplateItemMapper, TemplateMapper, TemplateSectionMapper, TextItemTemplateMapper, TextResponseItemTemplateMapper, TimeItemTemplateMapper, TitleItemTemplateMapper, WEB_FORM_CUSTOM_ERRORS, WHOLE_NUMBER_ANSWER_POTENTIAL_DESIGN, YEAR_QUARTER_RANGE_POTENTIAL_DESIGN, YearQuarterRangeItemTemplateMapper, everyStepStatus, findFormControl, findFormItem, flattenConditionalItems, flattenSteps, form, generateFormSteps, generateFormStepsFromOutline, getConditionalProcessingResources, getItemClassSuffix, getItemMapperFromDesign, hasCondition, i18n_acknowledgement, i18n_acknowledgementInstructions, i18n_additionalText, i18n_additionalTextInstructions, i18n_annotationEnabled, i18n_annotationEnabledInstructions, i18n_boolean, i18n_booleanConfiguration, i18n_booleanItem, i18n_bulletedListConfiguration, i18n_bulletedListItem, i18n_checkbox, i18n_checkboxConfiguration, i18n_checkboxItem, i18n_childItems, i18n_codeOption, i18n_codeOptionInstructions, i18n_core, i18n_date, i18n_dateConfiguration, i18n_dateItem, i18n_decimalAnswer, i18n_decimalAnswerItem, i18n_decimalValue, i18n_description, i18n_descriptionInstructions, i18n_descriptive, i18n_descriptiveText, i18n_descriptiveTextInstructionsItem, i18n_descriptiveTextInstructionsTemplate, i18n_disabledItems, i18n_disabledItemsInstructions, i18n_downloadAllowed, i18n_downloadAllowedInstructions, i18n_dropdown, i18n_dropdownConfiguration, i18n_dropdownItem, i18n_dropdownProperties, i18n_enabledAndDisabledItems, i18n_enabledItems, i18n_enabledItemsInstructions, i18n_exampleText, i18n_fileTypeId, i18n_fileTypeIdInstructions, i18n_fileUpload, i18n_fileUploadConfiguration, i18n_fileUploadItem, i18n_form, i18n_format, i18n_formatInstructions, i18n_formatTimeInstructions, i18n_fullWidth, i18n_fullWidthInstructions, i18n_group, i18n_groupItem, i18n_help, i18n_helpInstructions, i18n_internationalizedParagraphAnswer, i18n_internationalizedParagraphAnswerItem, i18n_internationalizedShortAnswer, i18n_internationalizedShortAnswerItem, i18n_item, i18n_items, i18n_itemsInstructions, i18n_label, i18n_labelInstructions, i18n_layout, i18n_layoutInstructions, i18n_listValue, i18n_maxCharCount, i18n_maxCharCountInstructions, i18n_maxOccurrances, i18n_maxOccurrancesInstructions, i18n_maxSelections, i18n_maxSelectionsInstructions, i18n_maxValue, i18n_maxValueInstructions, i18n_minCharCount, i18n_minCharCountInstructions, i18n_minOccurrances, i18n_minOccurrancesInstructions, i18n_minSelections, i18n_minSelectionsInstructions, i18n_minValue, i18n_minValueInstructions, i18n_multipleChoice, i18n_multipleChoiceConfiguration, i18n_multipleChoiceItem, i18n_name, i18n_nameInstructions, i18n_new, i18n_newItem, i18n_newListValue, i18n_newOption, i18n_newOptionTemplate, i18n_newTemplate, i18n_newTemplateItem, i18n_numberedListConfiguration, i18n_numberedListItem, i18n_numericConfiguration, i18n_offsetDateRange, i18n_offsetDateRangeConfiguration, i18n_offsetDateRangeItem, i18n_option, i18n_optionInstructions, i18n_optionProperties, i18n_optionSubsetInstructions, i18n_optionSubsets, i18n_optionTemplate, i18n_optionTemplateInstructions, i18n_optionTemplateMap, i18n_optionTemplateMapInstructions, i18n_optionTemplates, i18n_options, i18n_optionsInstructions, i18n_orderedList, i18n_orderedListItem, i18n_paragraphAnswer, i18n_paragraphAnswerItem, i18n_positiveOnly, i18n_positiveOnlyInstructions, i18n_presetValue, i18n_presetValueInstructions, i18n_questionText, i18n_questionTextInstructions, i18n_rangeLimits, i18n_rangeLimitsInstructions, i18n_repeatable, i18n_repeatableItem, i18n_repeatableItemConfiguration, i18n_repeatableItemTemplateId, i18n_repeatableItemTemplateIdInstructions, i18n_required, i18n_requiredInstructions, i18n_section, i18n_sectionItem, i18n_settings, i18n_shortAnswer, i18n_shortAnswerItem, i18n_startingInstances, i18n_startingInstancesInstructions, i18n_template, i18n_templateItem, i18n_templateItemAnnotation, i18n_templateItemAnnotationInstructions, i18n_templateItemBasicSettings, i18n_templateItemHelp, i18n_templateItemHelpInstructions, i18n_templateItemInstructions, i18n_templateItemLabel, i18n_templateItemLabelInstructions, i18n_templateItemQuestionText, i18n_templateItemQuestionTextInstructions, i18n_templateItemRequired, i18n_templateItemRequiredInstructions, i18n_templateItems, i18n_templateItemsInstructions, i18n_templateItemsInstructionsGroup, i18n_text, i18n_textConfiguration, i18n_textInputConfiguration, i18n_textItem, i18n_textValue, i18n_textValueInstructions, i18n_time, i18n_timeInputConfiguration, i18n_timeItem, i18n_title, i18n_titleInstructions, i18n_titleInstructionsSection, i18n_titleItem, i18n_unorderedList, i18n_unorderedListItem, i18n_value, i18n_valueInstructions, i18n_values, i18n_valuesInstructions, i18n_wholeNumberAnswer, i18n_wholeNumberAnswerItem, i18n_wholeNumberValue, i18n_yearQuarterRange, i18n_yearQuarterRangeConfiguration, i18n_yearQuarterRangeItem, initialTemplateFormState, instanceOfFormStep, instanceOfFormStepGroup, isFormControl, isFormGroup, isFormStepGroup, mapperItemToDesign, mapperRegistry, mapperToDesignRegistry, mergeBooleanItemTemplate, mergeExtendedTemplateOptionGroupItem, mergeFormOptionSelector, mergeFormOptionSelectors, mergeOptionTemplateMap, mergeTemplate, mergeTemplateItem, mergeTemplateItemBase, mergeTemplateItemGroup, mergeTemplateSection, optionGroupItemSectionDisplayNameMap, optionItemSectionDisplayNameMap, processConditionals, prop_item_acknowledgement, prop_item_additional_text, prop_item_annotation_enabled, prop_item_code_option, prop_item_description, prop_item_descriptive_text, prop_item_download_allowed, prop_item_exclude_print, prop_item_file_type_id, prop_item_format, prop_item_format_time, prop_item_full_width, prop_item_help, prop_item_item, prop_item_items, prop_item_label, prop_item_layout, prop_item_max_char, prop_item_max_occurrences, prop_item_max_selections, prop_item_max_value, prop_item_min_char, prop_item_min_occurrences, prop_item_min_selections, prop_item_min_value, prop_item_name, prop_item_option, prop_item_option_subsets, prop_item_option_template_map, prop_item_options, prop_item_positive_only, prop_item_preset_value, prop_item_question_text, prop_item_range_limits, prop_item_repeatable_item_template_id, prop_item_required, prop_item_starting_instances, prop_item_text, prop_item_title, prop_item_value, prop_item_values, prop_option_disabled_items, prop_option_enabled_items, prop_option_template, prop_template_descriptive_text, prop_template_items, prop_template_title, registerMapper, removeFromCondition, template, updateConditional, updateStepStatus, validationResultValidator, wfTemplateFormReducer };
+export { BOOLEAN_POTENTIAL_DESIGN, BULLETED_LIST_POTENTIAL_DESIGN, BaseFormStep, BooleanItemTemplateMapper, BulletedListItemTemplateMapper, CHECKBOX_POTENTIAL_DESIGN, COMPLEX_STANDARD, CUSTOM_MAT_DATE_FORMAT, CheckboxItemTemplateMapper, ChildStepActivePipe, ChildStepActivePipeModule, CoerceFormStepGroupPipe, CoerceFormStepGroupPipeModule, CoerceFormStepPipe, CoerceFormStepPipeModule, DASHED_DATE_DISPLAY_VALUE, DATE_ENUM_VALUES, DATE_POTENTIAL_DESIGN, DECIMAL_ANSWER_POTENTIAL_DESIGN, DEFAULT_ERROR_MESSAGES, DOTTED_DATE_DISPLAY_VALUE, DROPDOWN_POTENTIAL_DESIGN, DateItemTemplateMapper, DropdownItemTemplateMapper, EURO_LONG_DATE_DISPLAY_VALUE, FILE_UPLOAD_POTENTIAL_DESIGN, FORM_OPTION_SELECTOR_POTENTIAL_DESIGN, FileUploadItemTemplateMapper, FormStep, FormStepGroup, GROUP_POTENTIAL_DESIGN, GROUP_POTENTIAL_DESIGN_LIST, GetActiveFormStepItemPipe, GetActiveFormStepItemPipeModule, GetI18nStringValueFromLocalePipe, GetI18nStringValueFromLocalePipeModule, GetI18nStringsValueFromLocalePipe, GetI18nStringsValueFromLocalePipeModule, GetProgressiveFormItemPipe, GetProgressiveFormItemPipeModule, GetStepAriaLabel, GetStepAriaLabelModule, I18N_PARAGRAPH_ANSWER_POTENTIAL_DESIGN, I18N_SHORT_ANSWER_POTENTIAL_DESIGN, I18nTextResponseItemTemplateMapper, ISO_8601_DATE_DISPLAY_VALUE, LONG_DATE_DISPLAY_VALUE, MTNA_WF_DEFAULT_YEAR_RANGE, MTNA_WF_EXPAND_COLLAPSE, MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME, MTNA_WF_ITEM_INJECTED_COMPONENTS, MTNA_WF_ITEM_WHITELIST, MTNA_WF_ITEM_WHITELIST_FACTORY, MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS, MULTIPLE_CHOICE_POTENTIAL_DESIGN, MtnaFormModule, templateDesignCoreUtil as MtnaTemplateCoreDesign, templateDesignUtil as MtnaTemplateDesign, MtnaTemplateTransformationService, MtnaWfAcknowledgeDialogComponent, MtnaWfAcknowledgeDialogModule, MtnaWfApiService, MtnaWfBaseFormItemControl, MtnaWfBaseGroupItem, MtnaWfBaseParentValueItem, MtnaWfBaseSectionItem, MtnaWfBaseSingleSelectionParentValueItem, MtnaWfBaseTemplateItemComponent, MtnaWfBaseTemplateItemWithListComponent, MtnaWfBaseValueItem, MtnaWfBooleanComponent, MtnaWfBooleanItemTemplateComponent, MtnaWfBooleanItemTemplateModule, MtnaWfBooleanModule, MtnaWfCheckboxComponent, MtnaWfCheckboxItemTemplateComponent, MtnaWfCheckboxItemTemplateModule, MtnaWfCheckboxModule, MtnaWfCoerceDateItemPipe, MtnaWfCoerceDateItemPipeModule, MtnaWfCoerceFormControlPipe, MtnaWfCoerceFormControlPipeModule, MtnaWfCoerceFormGroupPipe, MtnaWfCoerceFormGroupPipeModule, MtnaWfDateComponent, MtnaWfDateItemTemplateComponent, MtnaWfDateItemTemplateModule, MtnaWfDateModule, MtnaWfDateQuarterPipe, MtnaWfDateQuarterPipeModule, MtnaWfDateRangeComponent, MtnaWfDateRangeModule, MtnaWfDecimalAnswerItemTemplateComponent, MtnaWfDecimalAnswerItemTemplateModule, MtnaWfDialogService, MtnaWfDropdownComponent, MtnaWfDropdownItemTemplateComponent, MtnaWfDropdownItemTemplateModule, MtnaWfDropdownModule, MtnaWfFileUploadComponent, MtnaWfFileUploadItemTemplateComponent, MtnaWfFileUploadItemTemplateModule, MtnaWfFileUploadModule, MtnaWfFilterHiddenItemsPipe, MtnaWfFilterHiddenItemsPipeModule, MtnaWfFormComponent, MtnaWfFormDisablerComponent, MtnaWfFormDisablerModule, MtnaWfFormGroupComponent, MtnaWfFormGroupModule, MtnaWfFormItemComponent, MtnaWfFormItemDialogComponent, MtnaWfFormItemDialogData, MtnaWfFormItemDialogModule, MtnaWfFormItemModule, MtnaWfFormSectionComponent, MtnaWfFormSectionModule, MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepGroupPipe, MtnaWfFormStepGroupPipeModule, MtnaWfFormStepperComponent, MtnaWfFormStepperModule, MtnaWfGetAutoCompletePipe, MtnaWfGetAutoCompletePipeModule, MtnaWfGetAvailableQuartersPipe, MtnaWfGetAvailableQuartersPipeModule, MtnaWfGetFormControlErrorPipe, MtnaWfGetFormControlErrorPipeModule, MtnaWfGetListIconPipe, MtnaWfGetListIconPipeModule, MtnaWfGetObjectTypePipe, MtnaWfGetObjectTypePipeModule, MtnaWfGetSelectedOptionNamePipe, MtnaWfGetSelectedOptionNamePipeModule, MtnaWfI18nInputComponent, MtnaWfI18nInputModule, MtnaWfI18nParagraphAnswerItemTemplateComponent, MtnaWfI18nParagraphAnswerItemTemplateModule, MtnaWfI18nShortAnswerItemTemplateComponent, MtnaWfI18nShortAnswerItemTemplateModule, MtnaWfInputComponent, MtnaWfInputModule, MtnaWfInstanceOfTemplateImplPipe, MtnaWfInstanceOfTemplateImplPipeModule, MtnaWfInstanceOfTemplateItemGroupImplPipe, MtnaWfInstanceOfTemplateItemGroupImplPipeModule, MtnaWfInstanceOfTemplateItemPipe, MtnaWfInstanceOfTemplateItemPipeModule, MtnaWfInstantValidationResultErrorStateMatcher, MtnaWfItemComponentProvider, MtnaWfItemHeaderComponent, MtnaWfItemHeaderModule, MtnaWfItemInjector, MtnaWfItemInjectorModule, MtnaWfItemsWithValuePipe, MtnaWfItemsWithValuePipeModule, MtnaWfManagerService, MtnaWfMultipleChoiceComponent, MtnaWfMultipleChoiceItemTemplateComponent, MtnaWfMultipleChoiceItemTemplateModule, MtnaWfMultipleChoiceModule, MtnaWfNgFormService, MtnaWfOffsetDateRangeItemTemplateComponent, MtnaWfOffsetDateRangeItemTemplateModule, MtnaWfOrderedListItemComponent, MtnaWfOrderedListItemModule, MtnaWfOrderedListItemTemplateComponent, MtnaWfOrderedListItemTemplateModule, MtnaWfParagraphAnswerItemTemplateComponent, MtnaWfParagraphAnswerItemTemplateModule, MtnaWfProgressiveFormComponent, MtnaWfProgressiveFormModule, MtnaWfRepeatableItemComponent, MtnaWfRepeatableItemContainerComponent, MtnaWfRepeatableItemContainerModule, MtnaWfRepeatableItemModule, MtnaWfRepeatableItemTemplateComponent, MtnaWfRepeatableItemTemplateContainerComponent, MtnaWfRepeatableItemTemplateContainerModule, MtnaWfRepeatableItemTemplateModule, MtnaWfResourceSearchComponent, MtnaWfResourceSearchModule, MtnaWfResourceSearchSelectionService, MtnaWfSanitizeHtmlPipe, MtnaWfSanitizeHtmlPipeModule, serializerUtil as MtnaWfSerializer, MtnaWfShortAnswerItemTemplateComponent, MtnaWfShortAnswerItemTemplateModule, MtnaWfStepCardComponent, MtnaWfStepCardModule, MtnaWfTableFormItemComponent, MtnaWfTableFormItemModule, MtnaWfTemplateComponent, MtnaWfTemplateDisplayViewerComponent, MtnaWfTemplateDisplayViewerModule, MtnaWfTemplateItemComponent, MtnaWfTemplateItemComponentProvider, MtnaWfTemplateItemGroupComponent, MtnaWfTemplateItemGroupModule, MtnaWfTemplateItemHeaderComponent, MtnaWfTemplateItemHeaderModule, MtnaWfTemplateItemInjector, MtnaWfTemplateItemInjectorModule, MtnaWfTemplateItemModule, MtnaWfTemplateModule, MtnaWfTemplateSectionComponent, MtnaWfTemplateSectionModule, MtnaWfTextItemComponent, MtnaWfTextItemModule, MtnaWfTextItemTemplateComponent, MtnaWfTextItemTemplateModule, MtnaWfTitleItemComponent, MtnaWfTitleItemModule, MtnaWfTitleItemTemplateComponent, MtnaWfTitleItemTemplateModule, MtnaWfUIService, MtnaWfUnorderedListItemComponent, MtnaWfUnorderedListItemModule, MtnaWfUnorderedListItemTemplateComponent, MtnaWfUnorderedListItemTemplateModule, MtnaWfWholeNumberAnswerItemTemplateComponent, MtnaWfWholeNumberAnswerItemTemplateModule, MtnaWfYearQuarterComponent, MtnaWfYearQuarterItemTemplateComponent, MtnaWfYearQuarterItemTemplateModule, MtnaWfYearQuarterModule, MtnaWfYearQuarterRangeComponent, MtnaWfYearQuarterRangeItemTemplateComponent, MtnaWfYearQuarterRangeItemTemplateModule, MtnaWfYearQuarterRangeModule, MultipleChoiceItemTemplateMapper, NUMBERED_LIST_POTENTIAL_DESIGN, NumberedListItemTemplateMapper, NumericResponseItemTemplateMapper, OFFSET_DATE_RANGE_POTENTIAL_DESIGN, OPTION_SELECTOR_POTENTIAL_DESIGN_LIST, OffsetDateRangeTemplateMapper, OptionGroupItemMapper, OptionItemMapper, OptionSelectorMapper, PARAGRAPH_ANSWER_POTENTIAL_DESIGN, REPEATABLE_POTENTIAL_DESIGN, RepeatableItemTemplateMapper, SECTION_POTENTIAL_DESIGN, SECTION_POTENTIAL_DESIGN_LIST, SHORT_ANSWER_POTENTIAL_DESIGN, SLASHED_DATE_DISPLAY_VALUE, TEMPLATE_FORM_STATE_KEY, TEMPLATE_POTENTIAL_DESIGN_LIST, TEXT_POTENTIAL_DESIGN, TITLE_POTENTIAL_DESIGN, TemplateDesignFacade, templateForm_actions as TemplateFormActions, templateFormApi_actions as TemplateFormApiActions, TemplateFormEffects, TemplateFormFacade, templateForm_selectors as TemplateFormSelectors, TemplateItemGroupMapper, TemplateItemMapper, TemplateMapper, TemplateSectionMapper, TextItemTemplateMapper, TextResponseItemTemplateMapper, TimeItemTemplateMapper, TitleItemTemplateMapper, WEB_FORM_CUSTOM_ERRORS, WHOLE_NUMBER_ANSWER_POTENTIAL_DESIGN, YEAR_QUARTER_RANGE_POTENTIAL_DESIGN, YearQuarterRangeItemTemplateMapper, everyStepStatus, findFormControl, findFormItem, flattenConditionalItems, flattenSteps, form, generateFormSteps, generateFormStepsFromOutline, getConditionalProcessingResources, getItemClassSuffix, getItemMapperFromDesign, hasCondition, i18n_acknowledgement, i18n_acknowledgementInstructions, i18n_additionalText, i18n_additionalTextInstructions, i18n_annotationEnabled, i18n_annotationEnabledInstructions, i18n_boolean, i18n_booleanConfiguration, i18n_booleanItem, i18n_bulletedListConfiguration, i18n_bulletedListItem, i18n_checkbox, i18n_checkboxConfiguration, i18n_checkboxItem, i18n_childItems, i18n_codeOption, i18n_codeOptionInstructions, i18n_core, i18n_date, i18n_dateConfiguration, i18n_dateItem, i18n_decimalAnswer, i18n_decimalAnswerItem, i18n_decimalValue, i18n_description, i18n_descriptionInstructions, i18n_descriptive, i18n_descriptiveText, i18n_descriptiveTextInstructionsItem, i18n_descriptiveTextInstructionsTemplate, i18n_disabledItems, i18n_disabledItemsInstructions, i18n_downloadAllowed, i18n_downloadAllowedInstructions, i18n_dropdown, i18n_dropdownConfiguration, i18n_dropdownItem, i18n_dropdownProperties, i18n_enabledAndDisabledItems, i18n_enabledItems, i18n_enabledItemsInstructions, i18n_exampleText, i18n_fileTypeId, i18n_fileTypeIdInstructions, i18n_fileUpload, i18n_fileUploadConfiguration, i18n_fileUploadItem, i18n_form, i18n_format, i18n_formatInstructions, i18n_formatTimeInstructions, i18n_fullWidth, i18n_fullWidthInstructions, i18n_group, i18n_groupItem, i18n_help, i18n_helpInstructions, i18n_internationalizedParagraphAnswer, i18n_internationalizedParagraphAnswerItem, i18n_internationalizedShortAnswer, i18n_internationalizedShortAnswerItem, i18n_item, i18n_items, i18n_itemsInstructions, i18n_label, i18n_labelInstructions, i18n_layout, i18n_layoutInstructions, i18n_listValue, i18n_maxCharCount, i18n_maxCharCountInstructions, i18n_maxOccurrances, i18n_maxOccurrancesInstructions, i18n_maxSelections, i18n_maxSelectionsInstructions, i18n_maxValue, i18n_maxValueInstructions, i18n_minCharCount, i18n_minCharCountInstructions, i18n_minOccurrances, i18n_minOccurrancesInstructions, i18n_minSelections, i18n_minSelectionsInstructions, i18n_minValue, i18n_minValueInstructions, i18n_multipleChoice, i18n_multipleChoiceConfiguration, i18n_multipleChoiceItem, i18n_name, i18n_nameInstructions, i18n_new, i18n_newItem, i18n_newListValue, i18n_newOption, i18n_newOptionTemplate, i18n_newTemplate, i18n_newTemplateItem, i18n_numberedListConfiguration, i18n_numberedListItem, i18n_numericConfiguration, i18n_offsetDateRange, i18n_offsetDateRangeConfiguration, i18n_offsetDateRangeItem, i18n_option, i18n_optionInstructions, i18n_optionProperties, i18n_optionSubsetInstructions, i18n_optionSubsets, i18n_optionTemplate, i18n_optionTemplateInstructions, i18n_optionTemplateMap, i18n_optionTemplateMapInstructions, i18n_optionTemplates, i18n_options, i18n_optionsInstructions, i18n_orderedList, i18n_orderedListItem, i18n_paragraphAnswer, i18n_paragraphAnswerItem, i18n_positiveOnly, i18n_positiveOnlyInstructions, i18n_presetValue, i18n_presetValueInstructions, i18n_questionText, i18n_questionTextInstructions, i18n_rangeLimits, i18n_rangeLimitsInstructions, i18n_repeatable, i18n_repeatableItem, i18n_repeatableItemConfiguration, i18n_repeatableItemTemplateId, i18n_repeatableItemTemplateIdInstructions, i18n_required, i18n_requiredInstructions, i18n_section, i18n_sectionItem, i18n_settings, i18n_shortAnswer, i18n_shortAnswerItem, i18n_startingInstances, i18n_startingInstancesInstructions, i18n_template, i18n_templateItem, i18n_templateItemAnnotation, i18n_templateItemAnnotationInstructions, i18n_templateItemBasicSettings, i18n_templateItemHelp, i18n_templateItemHelpInstructions, i18n_templateItemInstructions, i18n_templateItemLabel, i18n_templateItemLabelInstructions, i18n_templateItemQuestionText, i18n_templateItemQuestionTextInstructions, i18n_templateItemRequired, i18n_templateItemRequiredInstructions, i18n_templateItems, i18n_templateItemsInstructions, i18n_templateItemsInstructionsGroup, i18n_text, i18n_textConfiguration, i18n_textInputConfiguration, i18n_textItem, i18n_textValue, i18n_textValueInstructions, i18n_time, i18n_timeInputConfiguration, i18n_timeItem, i18n_title, i18n_titleInstructions, i18n_titleInstructionsSection, i18n_titleItem, i18n_unorderedList, i18n_unorderedListItem, i18n_value, i18n_valueInstructions, i18n_values, i18n_valuesInstructions, i18n_wholeNumberAnswer, i18n_wholeNumberAnswerItem, i18n_wholeNumberValue, i18n_yearQuarterRange, i18n_yearQuarterRangeConfiguration, i18n_yearQuarterRangeItem, initialTemplateFormState, instanceOfFormStep, instanceOfFormStepGroup, isFormControl, isFormGroup, isFormStepGroup, mapperItemToDesign, mapperRegistry, mapperToDesignRegistry, mergeBooleanItemTemplate, mergeExtendedTemplateOptionGroupItem, mergeFormOptionSelector, mergeFormOptionSelectors, mergeOptionTemplateMap, mergeTemplate, mergeTemplateItem, mergeTemplateItemBase, mergeTemplateItemGroup, mergeTemplateSection, optionGroupItemSectionDisplayNameMap, optionItemSectionDisplayNameMap, processConditionals, prop_item_acknowledgement, prop_item_additional_text, prop_item_annotation_enabled, prop_item_code_option, prop_item_description, prop_item_descriptive_text, prop_item_download_allowed, prop_item_exclude_print, prop_item_file_type_id, prop_item_format, prop_item_format_time, prop_item_full_width, prop_item_help, prop_item_item, prop_item_items, prop_item_label, prop_item_layout, prop_item_max_char, prop_item_max_occurrences, prop_item_max_selections, prop_item_max_value, prop_item_min_char, prop_item_min_occurrences, prop_item_min_selections, prop_item_min_value, prop_item_name, prop_item_option, prop_item_option_subsets, prop_item_option_template_map, prop_item_options, prop_item_positive_only, prop_item_preset_value, prop_item_question_text, prop_item_range_limits, prop_item_repeatable_item_template_id, prop_item_required, prop_item_starting_instances, prop_item_text, prop_item_title, prop_item_value, prop_item_values, prop_option_disabled_items, prop_option_enabled_items, prop_option_template, prop_template_descriptive_text, prop_template_items, prop_template_title, registerMapper, removeFromCondition, template, updateConditional, updateStepStatus, validationResultValidator, wfTemplateFormReducer };
 //# sourceMappingURL=mtna-web-form-angular.js.map