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

package/bundles/mtna-web-form-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@angular/cdk/coercion'), require('@mtna/web-form-ts'), require('rxjs'), require('@angular/forms'), require('@mtna/core-ts'), require('@angular/material/core'), require('@angular/animations'), require('@mtna/pojo-social-angular'), require('@mtna/core-angular'), require('@angular/material/radio'), require('@angular/material/select'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/material/button'), require('@angular/material-moment-adapter'), require('rxjs/operators'), require('@angular/common/http'), require('@mtna/search-manager-angular'), require('@angular/cdk/a11y'), require('@angular/flex-layout'), require('@angular/material/divider'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@angular/material/card'), require('@angular/material/slide-toggle'), require('@angular/material/checkbox'), require('@angular/material/form-field'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/list'), require('@mtna/file-manager-angular'), require('@angular/material/progress-spinner'), require('@mtna/core-i18n-angular'), require('@angular/material/table')) :
   typeof define === 'function' && define.amd ? define('@mtna/web-form-angular', ['exports', '@angular/core', '@angular/material/dialog', '@angular/cdk/coercion', '@mtna/web-form-ts', 'rxjs', '@angular/forms', '@mtna/core-ts', '@angular/material/core', '@angular/animations', '@mtna/pojo-social-angular', '@mtna/core-angular', '@angular/material/radio', '@angular/material/select', '@angular/common', '@angular/platform-browser', '@angular/material/button', '@angular/material-moment-adapter', 'rxjs/operators', '@angular/common/http', '@mtna/search-manager-angular', '@angular/cdk/a11y', '@angular/flex-layout', '@angular/material/divider', '@angular/material/icon', '@angular/material/tooltip', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@angular/material/card', '@angular/material/slide-toggle', '@angular/material/checkbox', '@angular/material/form-field', '@angular/material/datepicker', '@angular/material/input', '@angular/material/list', '@mtna/file-manager-angular', '@angular/material/progress-spinner', '@mtna/core-i18n-angular', '@angular/material/table'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.mtna = global.mtna || {}, global.mtna["web-form-angular"] = {}), global.ng.core, global.ng.material.dialog, global.ng.cdk.coercion, global.webFormTs, global.rxjs, global.ng.forms, global.coreTs, global.ng.material.core, global.ng.animations, global.i2$1, global.i4, global.ng.material.radio, global.ng.material.select, global.ng.common, global.ng.platformBrowser, global.ng.material.button, global.ng.materialMomentAdapter, global.rxjs.operators, global.ng.common.http, global.i1$4, global.ng.cdk.a11y, global.ng.flexLayout, global.ng.material.divider, global.ng.material.icon, global.ng.material.tooltip, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.ng.material.card, global.ng.material.slideToggle, global.ng.material.checkbox, global.ng.material.formField, global.ng.material.datepicker, global.ng.material.input, global.ng.material.list, global.i1$7, global.ng.material.progressSpinner, global.coreI18nAngular, global.ng.material.table));
-})(this, (function (exports, i0, i1, coercion, webFormTs, rxjs, i6, coreTs, i3, animations, i2$1, i4, i1$1, i2, i3$1, i1$2, i3$2, materialMomentAdapter, operators, i1$3, i1$4, i4$1, flexLayout, i2$2, i5, i6$1, i3$3, i7, i1$5, i2$3, i2$4, i1$6, i3$4, i5$1, i4$2, i1$7, i5$2, coreI18nAngular, i1$8) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.mtna = global.mtna || {}, global.mtna["web-form-angular"] = {}), global.ng.core, global.ng.material.dialog, global.ng.cdk.coercion, global.webFormTs, global.rxjs, global.ng.forms, global.coreTs, global.ng.material.core, global.ng.animations, global.i2$1, global.i1$1, global.ng.material.radio, global.ng.material.select, global.ng.common, global.ng.platformBrowser, global.ng.material.button, global.ng.materialMomentAdapter, global.rxjs.operators, global.ng.common.http, global.i1$5, global.ng.cdk.a11y, global.ng.flexLayout, global.ng.material.divider, global.ng.material.icon, global.ng.material.tooltip, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.ng.material.card, global.ng.material.slideToggle, global.ng.material.checkbox, global.ng.material.formField, global.ng.material.datepicker, global.ng.material.input, global.ng.material.list, global.i1$8, global.ng.material.progressSpinner, global.coreI18nAngular, global.ng.material.table));
+})(this, (function (exports, i0, i1, coercion, webFormTs, rxjs, i6, coreTs, i3, animations, i2$1, i1$1, i1$2, i2, i3$1, i1$3, i3$2, materialMomentAdapter, operators, i1$4, i1$5, i4, flexLayout, i2$2, i5, i6$1, i3$3, i7, i1$6, i2$3, i2$4, i1$7, i3$4, i5$1, i4$1, i1$8, i5$2, coreI18nAngular, i1$9) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -27,30 +27,30 @@
   var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
   var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3);
   var i2__namespace = /*#__PURE__*/_interopNamespace(i2$1);
-  var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-  var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$1);
+  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+  var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$2);
   var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2);
   var i3__namespace = /*#__PURE__*/_interopNamespace(i3$1);
-  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
-  var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$2);
   var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
-  var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$4);
-  var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+  var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$2);
+  var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
+  var i1__namespace$8 = /*#__PURE__*/_interopNamespace(i1$5);
+  var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
   var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$2);
   var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
   var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
   var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$3);
   var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
-  var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$5);
+  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$6);
   var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$3);
   var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$4);
-  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$6);
+  var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$7);
   var i3__namespace$4 = /*#__PURE__*/_interopNamespace(i3$4);
   var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-  var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
-  var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$7);
+  var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+  var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$8);
   var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
-  var i1__namespace$8 = /*#__PURE__*/_interopNamespace(i1$8);
+  var i1__namespace$9 = /*#__PURE__*/_interopNamespace(i1$9);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -529,91 +529,6 @@
       __disposeResources: __disposeResources,
   };
 
-  var BaseFormStep = /** @class */ (function () {
-      function BaseFormStep(instanceId) {
-          this.instanceId = instanceId;
-      }
-      return BaseFormStep;
-  }());
-
-  var FormStepGroup = /** @class */ (function (_super) {
-      __extends(FormStepGroup, _super);
-      function FormStepGroup(steps, instanceId, collapsed, label, num) {
-          if (collapsed === void 0) { collapsed = false; }
-          var _this = _super.call(this, instanceId) || this;
-          _this.steps = steps;
-          _this.collapsed = collapsed;
-          _this.label = label;
-          _this.num = num;
-          _this.className = 'FormStepGroup';
-          return _this;
-      }
-      return FormStepGroup;
-  }(BaseFormStep));
-  function isFormStepGroup(something) {
-      return coreTs.isType(something, 'steps') && Array.isArray(something.steps);
-  }
-  function instanceOfFormStepGroup(something) {
-      return coreTs.isType(something, 'className') && something.className === 'FormStepGroup';
-  }
-
-  var FormStep = /** @class */ (function (_super) {
-      __extends(FormStep, _super);
-      function FormStep(num, label, instanceId, optional) {
-          if (optional === void 0) { optional = false; }
-          var _this = _super.call(this, instanceId) || this;
-          _this.num = num;
-          _this.label = label;
-          _this.optional = optional;
-          _this.className = 'FormStep';
-          _this.active = false;
-          _this.status = 'INVALID';
-          _this.disabled = false;
-          return _this;
-      }
-      return FormStep;
-  }(BaseFormStep));
-  function instanceOfFormStep(something) {
-      return coreTs.isType(something, 'className') && something.className === 'FormStep';
-  }
-
-  var PROGRESSIVE_FORM_ID = 'us.mtna.web.form.impl.ProgressiveFormImpl';
-  function isProgressiveForm(something) {
-      return coreTs.isType(something, 'itemId') && something.itemId === PROGRESSIVE_FORM_ID;
-  }
-
-  var PROGRESSIVE_FORM_SECTION_ID = 'us.mtna.web.form.impl.ProgressiveFormSectionImpl';
-  function isProgressiveFormSection(something) {
-      return coreTs.isType(something, 'itemId') && something.itemId === PROGRESSIVE_FORM_SECTION_ID;
-  }
-
-  var MTNA_WF_API_TOKEN = new i0.InjectionToken('mtnaWfApiConfig');
-
-  /**
-   * Dialog data for a {@link MtnaWfFormItemDialogComponent}
-   */
-  var MtnaWfFormItemDialogData = /** @class */ (function () {
-      /**
-       * @param formItems The form items to render in the dialog
-       * @param title optional dialog title
-       */
-      function MtnaWfFormItemDialogData(formItems, title) {
-          this.formItems = formItems;
-          this.title = title;
-      }
-      return MtnaWfFormItemDialogData;
-  }());
-
-  var MTNA_WF_ITEM_WHITELIST = new i0.InjectionToken('mtna-wf-item-whitelist', {
-      providedIn: 'root',
-      factory: MTNA_WF_ITEM_WHITELIST_FACTORY,
-  });
-  function MTNA_WF_ITEM_WHITELIST_FACTORY() {
-      return {
-          itemTypes: [],
-      };
-  }
-
   var MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME = 'formItemValidationResult';
   /**
    * Valitator function that will check the root level {@link FormValidationResult} on
@@ -854,10 +769,9 @@
   function determineSerializeFunctionToUse(formItem, managerService, customFormItemConditional, customControlGenerator) {
       if (customFormItemConditional === void 0) { customFormItemConditional = function () { return false; }; }
       if (webFormTs.isForm(formItem) ||
-          isProgressiveForm(formItem) ||
+          webFormTs.isProgressiveForm(formItem) ||
           webFormTs.isRepeatableItem(formItem) ||
           webFormTs.isSection(formItem) ||
-          isProgressiveFormSection(formItem) ||
           webFormTs.isFormItemGroupImpl(formItem)) {
           return serializeFormItems(formItem, managerService, customFormItemConditional, customControlGenerator);
       }
@@ -949,7 +863,7 @@
    */
   function determineInsertFunctionToUse(formItem, ngFormValue, disabledState, customFormItemConditional, customFormItemBuilder, parent) {
       if (customFormItemConditional === void 0) { customFormItemConditional = function () { return false; }; }
-      if (webFormTs.isSection(formItem) || isProgressiveFormSection(formItem) || webFormTs.isFormItemGroupImpl(formItem) || webFormTs.isRepeatableItem(formItem)) {
+      if (webFormTs.isSection(formItem) || webFormTs.isFormItemGroupImpl(formItem) || webFormTs.isRepeatableItem(formItem)) {
           var items = insertFormItemValues(formItem, ngFormValue, disabledState, customFormItemConditional, customFormItemBuilder);
           return Object.assign(Object.assign({}, formItem), { items: items, disabled: _isDisabled(formItem, disabledState) });
       }
@@ -1194,6 +1108,81 @@
       return null;
   }
 
+  var BaseFormStep = /** @class */ (function () {
+      function BaseFormStep(instanceId) {
+          this.instanceId = instanceId;
+      }
+      return BaseFormStep;
+  }());
+
+  var FormStepGroup = /** @class */ (function (_super) {
+      __extends(FormStepGroup, _super);
+      function FormStepGroup(steps, instanceId, collapsed, label, num) {
+          if (collapsed === void 0) { collapsed = false; }
+          var _this = _super.call(this, instanceId) || this;
+          _this.steps = steps;
+          _this.collapsed = collapsed;
+          _this.label = label;
+          _this.num = num;
+          _this.className = 'FormStepGroup';
+          return _this;
+      }
+      return FormStepGroup;
+  }(BaseFormStep));
+  function isFormStepGroup(something) {
+      return coreTs.isType(something, 'steps') && Array.isArray(something.steps);
+  }
+  function instanceOfFormStepGroup(something) {
+      return coreTs.isType(something, 'className') && something.className === 'FormStepGroup';
+  }
+
+  var FormStep = /** @class */ (function (_super) {
+      __extends(FormStep, _super);
+      function FormStep(num, label, instanceId, optional) {
+          if (optional === void 0) { optional = false; }
+          var _this = _super.call(this, instanceId) || this;
+          _this.num = num;
+          _this.label = label;
+          _this.optional = optional;
+          _this.className = 'FormStep';
+          _this.active = false;
+          _this.status = 'INVALID';
+          _this.disabled = false;
+          return _this;
+      }
+      return FormStep;
+  }(BaseFormStep));
+  function instanceOfFormStep(something) {
+      return coreTs.isType(something, 'className') && something.className === 'FormStep';
+  }
+
+  var MTNA_WF_API_TOKEN = new i0.InjectionToken('mtnaWfApiConfig');
+
+  /**
+   * Dialog data for a {@link MtnaWfFormItemDialogComponent}
+   */
+  var MtnaWfFormItemDialogData = /** @class */ (function () {
+      /**
+       * @param formItems The form items to render in the dialog
+       * @param title optional dialog title
+       */
+      function MtnaWfFormItemDialogData(formItems, title) {
+          this.formItems = formItems;
+          this.title = title;
+      }
+      return MtnaWfFormItemDialogData;
+  }());
+
+  var MTNA_WF_ITEM_WHITELIST = new i0.InjectionToken('mtna-wf-item-whitelist', {
+      providedIn: 'root',
+      factory: MTNA_WF_ITEM_WHITELIST_FACTORY,
+  });
+  function MTNA_WF_ITEM_WHITELIST_FACTORY() {
+      return {
+          itemTypes: [],
+      };
+  }
+
   /**
    * Flattens formStepGroup.steps and combines all steps into single array
    * @param steps Array<FormStep | FormStepGroup>
@@ -1252,7 +1241,7 @@
           if (allSteps) {
               newArray.push(new FormStep(count + 1, item.name || 'No Title', item.instanceId, !item.required));
           }
-          else if (webFormTs.isSection(item) || isProgressiveFormSection(item)) {
+          else if (webFormTs.isSection(item)) {
               // If the item is a Section, add a step
               newArray.push(new FormStep(count + 1, item.title.value || 'No Title', item.instanceId, !item.required));
           }
@@ -1260,7 +1249,7 @@
               // If the item is a DataCubeItem, add a step and add a group step for the sub-sections
               newArray.push(new FormStep(count + 1, item.title.value || '', item.instanceId, !item.required));
               var subSectionSteps = item.items
-                  .filter(webFormTs.isSection || isProgressiveFormSection)
+                  .filter(webFormTs.isSection)
                   .map(function (item, index) { return new FormStep("" + (count + 1) + coreTs.toLetters(index + 1), item.title.value || '', item.instanceId, !item.required); });
               newArray.push(new FormStepGroup(subSectionSteps, item.instanceId, false, item.name, count + 1));
           }
@@ -1354,11 +1343,13 @@
   var DEFAULT_ERROR_MESSAGES = {
       email: $localize(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["This field must include a valid email format."], ["This field must include a valid email format."]))),
       max: function (item) { return !coreTs.isPresent(item) || !coreTs.isPresent(item === null || item === void 0 ? void 0 : item.maxValue)
-          ? $localize(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["This field's value must be less."], ["This field's value must be less."]))) : coreTs.isPresent(item === null || item === void 0 ? void 0 : item.minValue) ? $localize(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["Min value: ", " - "], ["Min value: ", " - "])), item.minValue) : '' + $localize(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["Max value: ", ""], ["Max value: ", ""])), item.maxValue); },
+          ? $localize(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["This field's value must be less."], ["This field's value must be less."]))) : coreTs.isPresent(item === null || item === void 0 ? void 0 : item.minValue)
+          ? $localize(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["Min value: ", " - "], ["Min value: ", " - "])), item.minValue) : '' + $localize(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["Max value: ", ""], ["Max value: ", ""])), item.maxValue); },
       maxlength: $localize(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["This field has exceeded the allowed maximum."], ["This field has exceeded the allowed maximum."]))),
       maxSelected: null,
       min: function (item) { return !coreTs.isPresent(item) || !coreTs.isPresent(item === null || item === void 0 ? void 0 : item.minValue)
-          ? $localize(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["This field's value must be greater."], ["This field's value must be greater."]))) : $localize(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["Min Value: ", ""], ["Min Value: ", ""])), item.minValue) + coreTs.isPresent(item === null || item === void 0 ? void 0 : item.maxValue) ? $localize(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject([" - Max Value: ", ""], [" - Max Value: ", ""])), item.maxValue) : ''; },
+          ? $localize(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["This field's value must be greater."], ["This field's value must be greater."]))) : $localize(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["Min Value: ", ""], ["Min Value: ", ""])), item.minValue) + coreTs.isPresent(item === null || item === void 0 ? void 0 : item.maxValue)
+          ? $localize(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject([" - Max Value: ", ""], [" - Max Value: ", ""])), item.maxValue) : ''; },
       minlength: $localize(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["This field has not met the required minimum."], ["This field has not met the required minimum."]))),
       minSelected: null,
       nonDigit: $localize(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["This field's value must be numeric."], ["This field's value must be numeric."]))),
@@ -1712,7 +1703,7 @@
       } });
   var templateObject_1$f, templateObject_2$4, templateObject_3$3, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14, templateObject_15;
 
-  var _BaseFormItemComponent = i4.mixinDestroyNotifier(/** @class */ (function () {
+  var _BaseFormItemComponent = i1$1.mixinDestroyNotifier(/** @class */ (function () {
       function class_1() {
       }
       return class_1;
@@ -2022,7 +2013,7 @@
       MtnaWfBaseSingleSelectionParentValueItem.prototype.selectionChange = function (change) {
           // event fires when an option's nested item, e.g. FileUploadItem, changes value.
           // This event is not a MatRadioChange, so we need to ignore it.
-          if (change instanceof i1$1.MatRadioChange || change instanceof i2.MatSelectChange) {
+          if (change instanceof i1$2.MatRadioChange || change instanceof i2.MatSelectChange) {
               // Newly selected option
               var option = this.item.options.find(function (o) { return o.option.id === change.value; });
               if (!!this.selectedOption && this.selectedOption.option.id !== change.value) {
@@ -2214,8 +2205,8 @@
           }
       };
       return MtnaWfItemInjector;
-  }(i4.MtnaComponentInjector));
-  MtnaWfItemInjector.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemInjector, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }, { token: i4.INJECTION_SERVICE }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  }(i1$1.MtnaComponentInjector));
+  MtnaWfItemInjector.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemInjector, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }, { token: i1$1.INJECTION_SERVICE }], target: i0__namespace.ɵɵFactoryTarget.Component });
   MtnaWfItemInjector.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfItemInjector, selector: "mtna-wf-item-injector", inputs: { color: "color", control: "control", header: "header", indicatorStatus: "indicatorStatus", inList: "inList", item: "item", parentIds: "parentIds", readonly: "readonly", step: "step" }, outputs: { focusedSection: "focusedSection", toggleFormItems: "toggleFormItems" }, usesInheritance: true, ngImport: i0__namespace, template: "", isInline: true });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemInjector, decorators: [{
               type: i0.Component,
@@ -2224,9 +2215,9 @@
                       template: "",
                   }]
           }], ctorParameters: function () {
-          return [{ type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i4__namespace.InjectionService, decorators: [{
+          return [{ type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i1__namespace$1.InjectionService, decorators: [{
                           type: i0.Inject,
-                          args: [i4.INJECTION_SERVICE]
+                          args: [i1$1.INJECTION_SERVICE]
                       }] }];
       }, propDecorators: { color: [{
                   type: i0.Input
@@ -2264,14 +2255,14 @@
       };
       return MtnaWfSanitizeHtmlPipe;
   }());
-  MtnaWfSanitizeHtmlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, deps: [{ token: i1__namespace$1.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  MtnaWfSanitizeHtmlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
   MtnaWfSanitizeHtmlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, name: "mtnaWfSanitizeHtml" });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, decorators: [{
               type: i0.Pipe,
               args: [{
                       name: 'mtnaWfSanitizeHtml',
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
   var MtnaWfSanitizeHtmlPipeModule = /** @class */ (function () {
       function MtnaWfSanitizeHtmlPipeModule() {
       }
@@ -2572,7 +2563,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChildStepActivePipe, decorators: [{
               type: i0.Pipe,
               args: [{
-                      name: 'childStepActive'
+                      name: 'childStepActive',
                   }]
           }] });
   var ChildStepActivePipeModule = /** @class */ (function () {
@@ -2587,7 +2578,7 @@
               type: i0.NgModule,
               args: [{
                       declarations: [ChildStepActivePipe],
-                      exports: [ChildStepActivePipe]
+                      exports: [ChildStepActivePipe],
                   }]
           }] });
 
@@ -2834,7 +2825,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoerceFormStepPipe, decorators: [{
               type: i0.Pipe,
               args: [{
-                      name: 'coerceFormStep'
+                      name: 'coerceFormStep',
                   }]
           }] });
   var CoerceFormStepPipeModule = /** @class */ (function () {
@@ -2914,6 +2905,70 @@
           }] });
   var templateObject_1$e, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1;
 
+  /**
+   * There are certain form items that are hidden from the UI because they carry static values
+   * that are populated from the server. These items should not show up in the form but if they
+   * go through the injector there will be an empty mtna-wf-item placed into the form which can
+   * affect styling. This pipe will seek to identify form items that have no key registered in
+   * the injected component providers and log them and remove them from the list of items.
+   */
+  var MtnaWfFilterHiddenItemsPipe = /** @class */ (function () {
+      function MtnaWfFilterHiddenItemsPipe(injectionService) {
+          this.injectionService = injectionService;
+      }
+      MtnaWfFilterHiddenItemsPipe.prototype.transform = function (items) {
+          var e_1, _a;
+          var filteredItems = [];
+          if (items) {
+              try {
+                  for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
+                      var item = items_1_1.value;
+                      if (this.injectionService.getInjectedComponent(item.itemId)) {
+                          filteredItems.push(item);
+                      }
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+          }
+          return filteredItems;
+      };
+      return MtnaWfFilterHiddenItemsPipe;
+  }());
+  MtnaWfFilterHiddenItemsPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipe, deps: [{ token: i1$1.INJECTION_SERVICE }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  MtnaWfFilterHiddenItemsPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipe, name: "mtnaWfFilterHiddenItems" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipe, decorators: [{
+              type: i0.Pipe,
+              args: [{
+                      name: 'mtnaWfFilterHiddenItems',
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: i1__namespace$1.InjectionService, decorators: [{
+                          type: i0.Inject,
+                          args: [i1$1.INJECTION_SERVICE]
+                      }] }];
+      } });
+  var MtnaWfFilterHiddenItemsPipeModule = /** @class */ (function () {
+      function MtnaWfFilterHiddenItemsPipeModule() {
+      }
+      return MtnaWfFilterHiddenItemsPipeModule;
+  }());
+  MtnaWfFilterHiddenItemsPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  MtnaWfFilterHiddenItemsPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, declarations: [MtnaWfFilterHiddenItemsPipe], exports: [MtnaWfFilterHiddenItemsPipe] });
+  MtnaWfFilterHiddenItemsPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [MtnaWfFilterHiddenItemsPipe],
+                      exports: [MtnaWfFilterHiddenItemsPipe],
+                  }]
+          }] });
+
   /**
    * Pipe to determine if a FormStep is a FormStepGroup or a single step.
    */
@@ -3495,7 +3550,7 @@
       };
       return MtnaWfApiService;
   }());
-  MtnaWfApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, deps: [{ token: MTNA_WF_API_TOKEN }, { token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  MtnaWfApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, deps: [{ token: MTNA_WF_API_TOKEN }, { token: i1__namespace$3.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   MtnaWfApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, decorators: [{
               type: i0.Injectable,
@@ -3504,7 +3559,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [MTNA_WF_API_TOKEN]
-                      }] }, { type: i1__namespace$2.HttpClient }];
+                      }] }, { type: i1__namespace$3.HttpClient }];
       } });
 
   /**
@@ -3966,7 +4021,7 @@
                   return item;
               }
           }
-          if (webFormTs.isForm(item) || webFormTs.isSection(item) || isProgressiveFormSection(item) || webFormTs.isFormItemGroupImpl(item) || webFormTs.isRepeatableItem(item)) {
+          if (webFormTs.isForm(item) || webFormTs.isSection(item) || webFormTs.isFormItemGroupImpl(item) || webFormTs.isRepeatableItem(item)) {
               var items = __spreadArray([], __read(item.items));
               var indexToModify = item.items.findIndex(function (i) { return i.instanceId === change.parentIds[0]; });
               var itemToModify = item.items[indexToModify];
@@ -4320,14 +4375,14 @@
           return model.uri === ((_a = result.getFieldByName('uri')) === null || _a === void 0 ? void 0 : _a.value);
       };
       return MtnaWfResourceSearchSelectionService;
-  }(i1$4.MtnaSearchSelectionService));
+  }(i1$5.MtnaSearchSelectionService));
   MtnaWfResourceSearchSelectionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchSelectionService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
   MtnaWfResourceSearchSelectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchSelectionService });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchSelectionService, decorators: [{
               type: i0.Injectable
           }] });
 
-  var _BaseFormComponent = i4.mixinDestroyNotifier(/** @class */ (function () {
+  var _BaseFormComponent = i1$1.mixinDestroyNotifier(/** @class */ (function () {
       function class_1() {
       }
       return class_1;
@@ -4638,7 +4693,7 @@
       return MtnaWfFormComponent;
   }(MtnaWfBaseFormComponent));
   MtnaWfFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormComponent, selector: "mtna-form", outputs: { status: "status", focusedSection: "focusedSection", mtnaFormChange: "mtnaFormChange" }, usesInheritance: true, ngImport: i0__namespace, template: "<form *ngIf=\"ngForm\" [formGroup]=\"ngForm\" [formDisabled]=\"readonly\">\n  <mtna-wf-item\n    *ngFor=\"let item of mtnaForm?.items; let index = index; trackBy: _trackByInstanceId\"\n    [item]=\"item\"\n    [control]=\"ngForm.controls[item.instanceId]\"\n    [readonly]=\"readonly\"\n    [parentIds]=\"componentIds\"\n    [step]=\"_steps?.[item.instanceId]\"\n    (focusedSection)=\"focusedSection.emit($event)\"\n  ></mtna-wf-item>\n</form>\n", styles: ["mtna-form form{display:block}mtna-form form .mtna-wf-section{display:block;margin:32px 0}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline{opacity:0}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-end,mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap,mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-start{border-width:1px}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button{cursor:default}mtna-form .mtna-wf-item,mtna-form .mtna-wf-title{margin-top:1rem}mtna-form .mtna-wf-text{margin:.5rem 0;font-size:.9rem}mtna-form .mtna-wf-title-item,mtna-form .mtna-wf-text-item{margin:0}\n"], components: [{ type: MtnaWfFormDisablerComponent, selector: "[formDisabled]", inputs: ["formDisabled"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormComponent, selector: "mtna-form", outputs: { status: "status", focusedSection: "focusedSection", mtnaFormChange: "mtnaFormChange" }, usesInheritance: true, ngImport: i0__namespace, template: "<form *ngIf=\"ngForm\" [formGroup]=\"ngForm\" [formDisabled]=\"readonly\">\n  <mtna-wf-item\n    *ngFor=\"let item of mtnaForm?.items | mtnaWfFilterHiddenItems; let index = index; trackBy: _trackByInstanceId\"\n    [item]=\"item\"\n    [control]=\"ngForm.controls[item.instanceId]\"\n    [readonly]=\"readonly\"\n    [parentIds]=\"componentIds\"\n    [step]=\"_steps?.[item.instanceId]\"\n    (focusedSection)=\"focusedSection.emit($event)\"\n  ></mtna-wf-item>\n</form>\n", styles: ["mtna-form form{display:block}mtna-form form mtna-wf-item:not(:first-of-type){display:block;margin:32px 0}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline{opacity:0}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-end,mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap,mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-start{border-width:1px}mtna-form form fieldset[disabled] .mtna-wf-item .mtna-wf-date-item .mat-form-field.mat-form-field-appearance-outline .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button{cursor:default}mtna-form .mtna-wf-item,mtna-form .mtna-wf-title{margin-top:1rem}mtna-form .mtna-wf-text{margin:.5rem 0;font-size:.9rem}mtna-form .mtna-wf-title-item,mtna-form .mtna-wf-text-item{margin:0}\n"], components: [{ type: MtnaWfFormDisablerComponent, selector: "[formDisabled]", inputs: ["formDisabled"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfFilterHiddenItems": MtnaWfFilterHiddenItemsPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -4723,7 +4778,7 @@
       return MtnaWfFormStepComponent;
   }(_FormStepMixinBase$1));
   MtnaWfFormStepComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFormStepComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: { color: "color", step: "step", clickable: "clickable", incompleteIcon: "incompleteIcon" }, host: { properties: { "class.disabled": "this.disabled", "class.clickable": "this.clickable" } }, usesInheritance: true, ngImport: i0__namespace, template: "<li\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  matRipple\n  [matRippleDisabled]=\"!clickable\"\n  [class.active-step]=\"step.active\"\n  (click)=\"_haltClickEvent($event)\"\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\" fxFlex=\"100\">\n    <p class=\"step-title\">{{ step.label }}</p>\n    <p *ngIf=\"step.optional && !disabled\" class=\"step-status\" i18n>Optional</p>\n    <p *ngIf=\"disabled\" class=\"step-status\">{{ step.disabledText || notApplicableText }}</p>\n  </div>\n</li>\n", styles: ["mtna-wf-step li{padding:8px 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-step 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-step li .step-title,mtna-wf-step li .step-status{margin:0}mtna-wf-step.disabled{font-style:italic}\n"], components: [{ type: i4__namespace.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }], directives: [{ type: i3__namespace$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__namespace$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__namespace$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleRadius", "matRippleDisabled", "matRippleTrigger", "matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleAnimation"], exportAs: ["matRipple"] }, { type: i3__namespace$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"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfFormStepComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: { color: "color", step: "step", clickable: "clickable", incompleteIcon: "incompleteIcon" }, host: { properties: { "class.disabled": "this.disabled", "class.clickable": "this.clickable" } }, usesInheritance: true, ngImport: i0__namespace, template: "<li\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  matRipple\n  [matRippleDisabled]=\"!clickable\"\n  [class.active-step]=\"step.active\"\n  (click)=\"_haltClickEvent($event)\"\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\" fxFlex=\"100\">\n    <p class=\"step-title\">{{ step.label }}</p>\n    <p *ngIf=\"step.optional && !disabled\" class=\"step-status\" i18n>Optional</p>\n    <p *ngIf=\"disabled\" class=\"step-status\">{{ step.disabledText || notApplicableText }}</p>\n  </div>\n</li>\n", styles: ["mtna-wf-step li{padding:8px 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-step 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-step li .step-title,mtna-wf-step li .step-status{margin:0}mtna-wf-step.disabled{font-style:italic}\n"], components: [{ type: i1__namespace$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }], directives: [{ type: i3__namespace$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__namespace$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__namespace$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleRadius", "matRippleDisabled", "matRippleTrigger", "matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleAnimation"], exportAs: ["matRipple"] }, { type: i3__namespace$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"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -4878,7 +4933,7 @@
       return MtnaWfFormStepperComponent;
   }(_FormStepperMixinBase));
   MtnaWfFormStepperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFormStepperComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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 fxLayout=\"column\" fxLayoutAlign=\"start start\" [class.child-step-active]=\"(groupStepParent.steps | childStepActive) && groupStepCollapsedMap[groupStepParent.instanceId]\">\n      <div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"mtna-wf-step-item-content\">\n        <button fxFlex mat-button class=\"step-button\" [attr.aria-label]=\"groupStepParent | getStepAriaLabel : groupStepCollapsedMap[groupStepParent.instanceId]\" (click)=\"toggleGroupStep(step)\">\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=\"let groupStep of step.steps | slice : 0 : (groupStepCollapsedMap[step.instanceId] ? 0 : step.steps.length); let last = last\"\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 [ngTemplateOutlet]=\"stepContent\" [ngTemplateOutletContext]=\"{ $implicit: groupStepChild, isChildStep: true }\"></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 fxFlex mat-button class=\"step-button\" [attr.aria-label]=\"step | getStepAriaLabel\" [disabled]=\"step.status === 'DISABLED' || step.status === 'PLACEHOLDER'\" (click)=\"_haltClickEvent($event, step)\">\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__namespace$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: i4__namespace.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.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__namespace$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__namespace$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__namespace.SlicePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfFormStepperComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$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__namespace$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.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__namespace$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__namespace$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__namespace.SlicePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -4908,7 +4963,7 @@
   MtnaWfFormStepperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperModule, declarations: [MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepperComponent], imports: [i3$1.CommonModule,
           flexLayout.FlexLayoutModule,
           i2$2.MatDividerModule,
-          i4.MtnaStatusCircleModule,
+          i1$1.MtnaStatusCircleModule,
           i3.MatRippleModule,
           i3$2.MatButtonModule,
           i6$1.MatTooltipModule,
@@ -4922,7 +4977,7 @@
               i3$1.CommonModule,
               flexLayout.FlexLayoutModule,
               i2$2.MatDividerModule,
-              i4.MtnaStatusCircleModule,
+              i1$1.MtnaStatusCircleModule,
               i3.MatRippleModule,
               i3$2.MatButtonModule,
               i6$1.MatTooltipModule,
@@ -4931,7 +4986,7 @@
               CoerceFormStepGroupPipeModule,
               CoerceFormStepPipeModule,
               ChildStepActivePipeModule,
-              GetStepAriaLabelModule
+              GetStepAriaLabelModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperModule, decorators: [{
               type: i0.NgModule,
@@ -4940,7 +4995,7 @@
                           i3$1.CommonModule,
                           flexLayout.FlexLayoutModule,
                           i2$2.MatDividerModule,
-                          i4.MtnaStatusCircleModule,
+                          i1$1.MtnaStatusCircleModule,
                           i3.MatRippleModule,
                           i3$2.MatButtonModule,
                           i6$1.MatTooltipModule,
@@ -4949,7 +5004,7 @@
                           CoerceFormStepGroupPipeModule,
                           CoerceFormStepPipeModule,
                           ChildStepActivePipeModule,
-                          GetStepAriaLabelModule
+                          GetStepAriaLabelModule,
                       ],
                       declarations: [MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepperComponent],
                       exports: [MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepperComponent],
@@ -4998,7 +5053,7 @@
       return MtnaWfStepCardComponent;
   }(_StepCardMixinBase));
   MtnaWfStepCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfStepCardComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1__namespace$3.MatCardHeader, selector: "mat-card-header" }, { type: i4__namespace.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4__namespace$1.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"] }, { type: i1__namespace$3.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1__namespace$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1__namespace$3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1__namespace$3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfStepCardComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1__namespace$4.MatCardHeader, selector: "mat-card-header" }, { type: i1__namespace$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4__namespace.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"] }, { type: i1__namespace$4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1__namespace$4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1__namespace$4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1__namespace$4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5026,18 +5081,18 @@
       return MtnaWfStepCardModule;
   }());
   MtnaWfStepCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfStepCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, declarations: [MtnaWfStepCardComponent], imports: [i4$1.A11yModule,
+  MtnaWfStepCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, declarations: [MtnaWfStepCardComponent], imports: [i4.A11yModule,
           i3$1.CommonModule,
-          i1$5.MatCardModule,
-          i4.MtnaStatusCircleModule,
+          i1$6.MatCardModule,
+          i1$1.MtnaStatusCircleModule,
           MtnaWfSanitizeHtmlPipeModule,
           i2$2.MatDividerModule,
           MtnaWfFormItemModule], exports: [MtnaWfStepCardComponent] });
   MtnaWfStepCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, imports: [[
-              i4$1.A11yModule,
+              i4.A11yModule,
               i3$1.CommonModule,
-              i1$5.MatCardModule,
-              i4.MtnaStatusCircleModule,
+              i1$6.MatCardModule,
+              i1$1.MtnaStatusCircleModule,
               MtnaWfSanitizeHtmlPipeModule,
               i2$2.MatDividerModule,
               MtnaWfFormItemModule,
@@ -5046,10 +5101,10 @@
               type: i0.NgModule,
               args: [{
                       imports: [
-                          i4$1.A11yModule,
+                          i4.A11yModule,
                           i3$1.CommonModule,
-                          i1$5.MatCardModule,
-                          i4.MtnaStatusCircleModule,
+                          i1$6.MatCardModule,
+                          i1$1.MtnaStatusCircleModule,
                           MtnaWfSanitizeHtmlPipeModule,
                           i2$2.MatDividerModule,
                           MtnaWfFormItemModule,
@@ -5065,7 +5120,7 @@
       return MtnaFormModule;
   }());
   MtnaFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, declarations: [MtnaWfFormComponent], imports: [i4$1.A11yModule,
+  MtnaFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, declarations: [MtnaWfFormComponent], imports: [i4.A11yModule,
           i3$1.CommonModule,
           flexLayout.FlexLayoutModule,
           i6.FormsModule,
@@ -5073,10 +5128,11 @@
           i6.ReactiveFormsModule,
           MtnaWfFormDisablerModule,
           materialMomentAdapter.MatMomentDateModule,
+          MtnaWfFilterHiddenItemsPipeModule,
           MtnaWfFormStepperModule,
           MtnaWfStepCardModule], exports: [MtnaWfFormComponent] });
   MtnaFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, providers: [{ provide: i3.ErrorStateMatcher, useClass: MtnaWfInstantValidationResultErrorStateMatcher }], imports: [[
-              i4$1.A11yModule,
+              i4.A11yModule,
               i3$1.CommonModule,
               flexLayout.FlexLayoutModule,
               i6.FormsModule,
@@ -5084,6 +5140,7 @@
               i6.ReactiveFormsModule,
               MtnaWfFormDisablerModule,
               materialMomentAdapter.MatMomentDateModule,
+              MtnaWfFilterHiddenItemsPipeModule,
               MtnaWfFormStepperModule,
               MtnaWfStepCardModule,
           ]] });
@@ -5091,7 +5148,7 @@
               type: i0.NgModule,
               args: [{
                       imports: [
-                          i4$1.A11yModule,
+                          i4.A11yModule,
                           i3$1.CommonModule,
                           flexLayout.FlexLayoutModule,
                           i6.FormsModule,
@@ -5099,6 +5156,7 @@
                           i6.ReactiveFormsModule,
                           MtnaWfFormDisablerModule,
                           materialMomentAdapter.MatMomentDateModule,
+                          MtnaWfFilterHiddenItemsPipeModule,
                           MtnaWfFormStepperModule,
                           MtnaWfStepCardModule,
                       ],
@@ -5124,7 +5182,7 @@
       return MtnaWfBooleanComponent;
   }(MtnaWfBaseParentValueItem));
   MtnaWfBooleanComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MtnaWfUIService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfBooleanComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfBooleanComponent, selector: "mtna-wf-boolean-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<mat-slide-toggle\n  *ngIf=\"control\"\n  [aria-label]=\"item.option.option.name\"\n  [formControl]=\"control\"\n  [disabled]=\"readonly\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"\n  (change)=\"toggleChange($event)\"\n  >{{ item.option.option.name }}</mat-slide-toggle\n>\n<ng-container *ngIf=\"!!item.optionItemMap\">\n  <mtna-wf-item\n    *ngFor=\"let f of item.optionItemMap | keyvalue; trackBy: _trackByInstanceId\"\n    [item]=\"f.value\"\n    [control]=\"!!controlWrapper && controlWrapper.controls ? controlWrapper.controls[f.value.instanceId] : undefined\"\n    [parentIds]=\"parentIds\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-item>\n  <ng-container> </ng-container>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-boolean-item{padding-right:24px}mtna-wf-boolean-item{display:block}mtna-wf-boolean-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-boolean-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-boolean-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-boolean-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-boolean-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-boolean-item .mat-slide-toggle{margin:4px 0}mtna-wf-boolean-item .mat-slide-toggle+mtna-wf-item{margin-top:0}mtna-wf-boolean-item .mat-slide-toggle~mtna-wf-item{padding-left:18px}mtna-wf-boolean-item.read-only .mat-slide-toggle.mat-disabled{opacity:.8}mtna-wf-boolean-item.read-only .mat-slide-toggle .mat-slide-toggle-label,mtna-wf-boolean-item.read-only .mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container{cursor:default}mtna-wf-boolean-item .mat-slide-toggle{height:auto;min-height:24px;width:100%}mtna-wf-boolean-item .mat-slide-toggle>.mat-slide-toggle-label>.mat-slide-toggle-content{white-space:normal}\n"], components: [{ type: i2__namespace$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked", "aria-describedby"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfBooleanComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfBooleanComponent, selector: "mtna-wf-boolean-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<mat-slide-toggle\n  *ngIf=\"control\"\n  [aria-label]=\"item.option.option.name\"\n  [formControl]=\"control\"\n  [disabled]=\"readonly\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"\n  (change)=\"toggleChange($event)\"\n  >{{ item.option.option.name }}</mat-slide-toggle\n>\n<ng-container *ngIf=\"!!item.optionItemMap\">\n  <mtna-wf-item\n    *ngFor=\"let f of item.optionItemMap | keyvalue; trackBy: _trackByInstanceId\"\n    [item]=\"f.value\"\n    [control]=\"!!controlWrapper && controlWrapper.controls ? controlWrapper.controls[f.value.instanceId] : undefined\"\n    [parentIds]=\"parentIds\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-item>\n  <ng-container> </ng-container>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-boolean-item{padding-right:24px}mtna-wf-boolean-item{display:block}mtna-wf-boolean-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-boolean-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-boolean-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-boolean-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-boolean-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-boolean-item .mat-slide-toggle{margin:4px 0}mtna-wf-boolean-item .mat-slide-toggle+mtna-wf-item{margin-top:0}mtna-wf-boolean-item .mat-slide-toggle~mtna-wf-item{padding-left:18px}mtna-wf-boolean-item.read-only .mat-slide-toggle.mat-disabled{opacity:.8}mtna-wf-boolean-item.read-only .mat-slide-toggle .mat-slide-toggle-label,mtna-wf-boolean-item.read-only .mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container{cursor:default}mtna-wf-boolean-item .mat-slide-toggle{height:auto;min-height:24px;width:100%}mtna-wf-boolean-item .mat-slide-toggle>.mat-slide-toggle-label>.mat-slide-toggle-content{white-space:normal}\n"], components: [{ type: i2__namespace$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked", "aria-describedby"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5148,7 +5206,7 @@
           i6.FormsModule,
           i6.ReactiveFormsModule,
           MtnaWfAcknowledgeDialogModule,
-          i4.MtnaHighlightModule], exports: [MtnaWfBooleanComponent] });
+          i1$1.MtnaHighlightModule], exports: [MtnaWfBooleanComponent] });
   MtnaWfBooleanModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanModule, imports: [[
               i3$1.CommonModule,
               i2$3.MatSlideToggleModule,
@@ -5156,7 +5214,7 @@
               i6.FormsModule,
               i6.ReactiveFormsModule,
               MtnaWfAcknowledgeDialogModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanModule, decorators: [{
               type: i0.NgModule,
@@ -5168,7 +5226,7 @@
                           i6.FormsModule,
                           i6.ReactiveFormsModule,
                           MtnaWfAcknowledgeDialogModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                       ],
                       declarations: [MtnaWfBooleanComponent],
                       exports: [MtnaWfBooleanComponent],
@@ -5243,7 +5301,7 @@
       return MtnaWfCheckboxComponent;
   }(MtnaWfBaseParentValueItem));
   MtnaWfCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MtnaWfDialogService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxComponent, selector: "mtna-wf-checkbox-item", usesInheritance: true, ngImport: i0__namespace, 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        [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__namespace$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__namespace$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: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxComponent, selector: "mtna-wf-checkbox-item", usesInheritance: true, ngImport: i0__namespace, 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        [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__namespace$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__namespace$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: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5283,13 +5341,13 @@
           MtnaWfGetFormControlErrorPipeModule,
           flexLayout.FlexLayoutModule,
           i6.FormsModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i2$4.MatCheckboxModule,
           i3$2.MatButtonModule,
           i5.MatIconModule,
           i6$1.MatTooltipModule,
           MtnaWfFormItemModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i6.ReactiveFormsModule,
           MtnaWfFormItemDialogModule], exports: [MtnaWfCheckboxComponent] });
   MtnaWfCheckboxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxModule, imports: [[
@@ -5297,13 +5355,13 @@
               MtnaWfGetFormControlErrorPipeModule,
               flexLayout.FlexLayoutModule,
               i6.FormsModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i2$4.MatCheckboxModule,
               i3$2.MatButtonModule,
               i5.MatIconModule,
               i6$1.MatTooltipModule,
               MtnaWfFormItemModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i6.ReactiveFormsModule,
               MtnaWfFormItemDialogModule,
           ]] });
@@ -5315,13 +5373,13 @@
                           MtnaWfGetFormControlErrorPipeModule,
                           flexLayout.FlexLayoutModule,
                           i6.FormsModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i2$4.MatCheckboxModule,
                           i3$2.MatButtonModule,
                           i5.MatIconModule,
                           i6$1.MatTooltipModule,
                           MtnaWfFormItemModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i6.ReactiveFormsModule,
                           MtnaWfFormItemDialogModule,
                       ],
@@ -5394,8 +5452,8 @@
       return MtnaWfDateComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfDateComponent.dateFormItemComponentInstances = 0;
-  MtnaWfDateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i4__namespace.MtnaLogger }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfDateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDateComponent, selector: "mtna-wf-date-item", inputs: { rangeLimits: "rangeLimits" }, host: { properties: { "class.mtna-wf-date-item": "this.dateItemClass" } }, viewQueries: [{ propertyName: "picker", first: true, predicate: i3$4.MatDatepicker, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<mat-form-field *ngIf=\"control\" appearance=\"outline\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\">\n  <mat-label>{{ item.label || _dateText }}</mat-label>\n  <input\n    matInput\n    [formControl]=\"control\"\n    [matDatepicker]=\"picker\"\n    [max]=\"rangeLimits?.end\"\n    [min]=\"rangeLimits?.start\"\n    placeholder=\"Choose a date\"\n    i18n-placeholder\n    [required]=\"item.required\"\n    [disabled]=\"readonly || control.disabled\"\n  />\n  <mat-datepicker-toggle matSuffix [for]=\"picker\" [disabled]=\"readonly || control.disabled\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n  <mat-hint>{{ item.format }}</mat-hint>\n</mat-form-field>\n", styles: ["mtna-wf-date-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-date-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: i1__namespace$4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i3__namespace$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$4.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$4.MatSuffix, selector: "[matSuffix]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfDateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.MtnaLogger }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  MtnaWfDateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDateComponent, selector: "mtna-wf-date-item", inputs: { rangeLimits: "rangeLimits" }, host: { properties: { "class.mtna-wf-date-item": "this.dateItemClass" } }, viewQueries: [{ propertyName: "picker", first: true, predicate: i3$4.MatDatepicker, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<mat-form-field *ngIf=\"control\" appearance=\"outline\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\">\n  <mat-label>{{ item.label || _dateText }}</mat-label>\n  <input\n    matInput\n    [formControl]=\"control\"\n    [matDatepicker]=\"picker\"\n    [max]=\"rangeLimits?.end\"\n    [min]=\"rangeLimits?.start\"\n    placeholder=\"Choose a date\"\n    i18n-placeholder\n    [required]=\"item.required\"\n    [disabled]=\"readonly || control.disabled\"\n  />\n  <mat-datepicker-toggle matSuffix [for]=\"picker\" [disabled]=\"readonly || control.disabled\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n  <mat-hint>{{ item.format }}</mat-hint>\n</mat-form-field>\n", styles: ["mtna-wf-date-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-date-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-date-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i3__namespace$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$5.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$5.MatSuffix, selector: "[matSuffix]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5405,7 +5463,7 @@
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i4__namespace.MtnaLogger }]; }, propDecorators: { dateItemClass: [{
+          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.MtnaLogger }]; }, propDecorators: { dateItemClass: [{
                   type: i0.HostBinding,
                   args: ['class.mtna-wf-date-item']
               }], rangeLimits: [{
@@ -5424,21 +5482,21 @@
   MtnaWfDateModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfDateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, declarations: [MtnaWfDateComponent], imports: [i3$1.CommonModule,
           i6.FormsModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i5$1.MatInputModule,
           i3$4.MatDatepickerModule,
           materialMomentAdapter.MatMomentDateModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i6.ReactiveFormsModule,
           MtnaWfGetFormControlErrorPipeModule], exports: [MtnaWfDateComponent] });
   MtnaWfDateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i5$1.MatInputModule,
               i3$4.MatDatepickerModule,
               materialMomentAdapter.MatMomentDateModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i6.ReactiveFormsModule,
               MtnaWfGetFormControlErrorPipeModule,
           ]] });
@@ -5448,11 +5506,11 @@
                       imports: [
                           i3$1.CommonModule,
                           i6.FormsModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i5$1.MatInputModule,
                           i3$4.MatDatepickerModule,
                           materialMomentAdapter.MatMomentDateModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i6.ReactiveFormsModule,
                           MtnaWfGetFormControlErrorPipeModule,
                       ],
@@ -5484,7 +5542,7 @@
       return MtnaWfDateRangeComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfDateRangeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfDateRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDateRangeComponent, selector: "mtna-wf-date-range", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div\n  *ngIf=\"control\"\n  class=\"range-item-container\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mtna-wf-date-item\n    [control]=\"control.controls['start'] | mtnaWfCoerceFormControl\"\n    [item]=\"_startItem\"\n    [rangeLimits]=\"item.rangeLimits\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-date-item>\n  <span fxFlex=\"14px\"> {{toText}} </span>\n  <mtna-wf-date-item\n    [control]=\"control.controls['end'] | mtnaWfCoerceFormControl\"\n    [item]=\"_endItem\"\n    [rangeLimits]=\"item.rangeLimits\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-date-item>\n</div>\n", components: [{ type: MtnaWfDateComponent, selector: "mtna-wf-date-item", inputs: ["rangeLimits"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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: { "mtnaWfCoerceFormControl": MtnaWfCoerceFormControlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfDateRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDateRangeComponent, selector: "mtna-wf-date-range", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div\n  *ngIf=\"control\"\n  class=\"range-item-container\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mtna-wf-date-item\n    [control]=\"control.controls['start'] | mtnaWfCoerceFormControl\"\n    [item]=\"_startItem\"\n    [rangeLimits]=\"item.rangeLimits\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-date-item>\n  <span fxFlex=\"14px\"> {{ toText }} </span>\n  <mtna-wf-date-item\n    [control]=\"control.controls['end'] | mtnaWfCoerceFormControl\"\n    [item]=\"_endItem\"\n    [rangeLimits]=\"item.rangeLimits\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-date-item>\n</div>\n", components: [{ type: MtnaWfDateComponent, selector: "mtna-wf-date-item", inputs: ["rangeLimits"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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: { "mtnaWfCoerceFormControl": MtnaWfCoerceFormControlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5503,7 +5561,7 @@
   }());
   MtnaWfDateRangeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfDateRangeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, declarations: [MtnaWfDateRangeComponent], imports: [i3$1.CommonModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           MtnaWfDateModule,
           flexLayout.FlexLayoutModule,
           i6.FormsModule,
@@ -5511,7 +5569,7 @@
           MtnaWfCoerceFormControlPipeModule], exports: [MtnaWfDateRangeComponent] });
   MtnaWfDateRangeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, imports: [[
               i3$1.CommonModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               MtnaWfDateModule,
               flexLayout.FlexLayoutModule,
               i6.FormsModule,
@@ -5523,7 +5581,7 @@
               args: [{
                       imports: [
                           i3$1.CommonModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           MtnaWfDateModule,
                           flexLayout.FlexLayoutModule,
                           i6.FormsModule,
@@ -5543,7 +5601,7 @@
       return MtnaWfDropdownComponent;
   }(MtnaWfBaseSingleSelectionParentValueItem));
   MtnaWfDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDropdownComponent, selector: "mtna-wf-dropdown-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<mat-form-field\n  *ngIf=\"!readonly && !!control; else readOnly\"\n  appearance=\"outline\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-label>{{ item.label }}</mat-label>\n  <mat-select [formControl]=\"control\" [panelClass]=\"'mtna-wf-dropdown-item__select-panel'\" [required]=\"item.required\" (selectionChange)=\"selectionChange($event)\">\n    <mat-option *ngIf=\"!item.required\" i18n>-- None --</mat-option>\n    <mat-option *ngFor=\"let opt of item.options\" [value]=\"opt.option.id\" [disabled]=\"control.value === opt.option.id\">{{\n      opt.option.name\n    }}</mat-option>\n  </mat-select>\n  <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n</mat-form-field>\n\n<ng-template #readOnly>\n  <ng-container *ngIf=\"inList; else fullList\">\n    <mat-list-item *ngIf=\"item.required || !!item.value\">\n      <mat-icon *ngIf=\"item.label | mtnaWfGetListIcon as icon\" matListIcon>{{ icon }}</mat-icon>\n      <h4 matLine>{{ item.label }}</h4>\n      <p matLine>{{ item.value || control?.value | mtnaWfGetSelectedOptionName : item.options }}</p>\n    </mat-list-item>\n  </ng-container>\n\n  <ng-template #fullList>\n    <mat-list>\n      <mat-list-item *ngIf=\"item.required || !!item.value\">\n        <mat-icon *ngIf=\"item.label | mtnaWfGetListIcon as icon\" matListIcon>{{ icon }}</mat-icon>\n        <h4 matLine>{{ item.label }}</h4>\n        <p matLine>{{ item.value || control?.value | mtnaWfGetSelectedOptionName : item.options }}</p>\n      </mat-list-item>\n    </mat-list>\n  </ng-template>\n</ng-template>\n", styles: ["mtna-wf-dropdown-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-dropdown-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: i1__namespace$4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$4.MatLabel, selector: "mat-label" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4__namespace$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetListIcon": MtnaWfGetListIconPipe, "mtnaWfGetSelectedOptionName": MtnaWfGetSelectedOptionNamePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDropdownComponent, selector: "mtna-wf-dropdown-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<mat-form-field\n  *ngIf=\"!readonly && !!control; else readOnly\"\n  appearance=\"outline\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-label>{{ item.label }}</mat-label>\n  <mat-select\n    [formControl]=\"control\"\n    [panelClass]=\"'mtna-wf-dropdown-item__select-panel'\"\n    [required]=\"item.required\"\n    (selectionChange)=\"selectionChange($event)\"\n  >\n    <mat-option *ngIf=\"!item.required\" i18n>-- None --</mat-option>\n    <mat-option *ngFor=\"let opt of item.options\" [value]=\"opt.option.id\" [disabled]=\"control.value === opt.option.id\">{{\n      opt.option.name\n    }}</mat-option>\n  </mat-select>\n  <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n</mat-form-field>\n\n<ng-template #readOnly>\n  <ng-container *ngIf=\"inList; else fullList\">\n    <mat-list-item *ngIf=\"item.required || !!item.value\">\n      <mat-icon *ngIf=\"item.label | mtnaWfGetListIcon as icon\" matListIcon>{{ icon }}</mat-icon>\n      <h4 matLine>{{ item.label }}</h4>\n      <p matLine>{{ item.value || control?.value | mtnaWfGetSelectedOptionName : item.options }}</p>\n    </mat-list-item>\n  </ng-container>\n\n  <ng-template #fullList>\n    <mat-list>\n      <mat-list-item *ngIf=\"item.required || !!item.value\">\n        <mat-icon *ngIf=\"item.label | mtnaWfGetListIcon as icon\" matListIcon>{{ icon }}</mat-icon>\n        <h4 matLine>{{ item.label }}</h4>\n        <p matLine>{{ item.value || control?.value | mtnaWfGetSelectedOptionName : item.options }}</p>\n      </mat-list-item>\n    </mat-list>\n  </ng-template>\n</ng-template>\n", styles: ["mtna-wf-dropdown-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-dropdown-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-dropdown-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4__namespace$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$5.MatLabel, selector: "mat-label" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4__namespace$1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetListIcon": MtnaWfGetListIconPipe, "mtnaWfGetSelectedOptionName": MtnaWfGetSelectedOptionNamePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5563,10 +5621,10 @@
   MtnaWfDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, declarations: [MtnaWfDropdownComponent], imports: [i3$1.CommonModule,
           i6.FormsModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i2.MatSelectModule,
-          i4.MtnaHighlightModule,
-          i4$2.MatListModule,
+          i1$1.MtnaHighlightModule,
+          i4$1.MatListModule,
           i5.MatIconModule,
           MtnaWfGetFormControlErrorPipeModule,
           MtnaWfGetSelectedOptionNamePipeModule,
@@ -5575,10 +5633,10 @@
   MtnaWfDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i2.MatSelectModule,
-              i4.MtnaHighlightModule,
-              i4$2.MatListModule,
+              i1$1.MtnaHighlightModule,
+              i4$1.MatListModule,
               i5.MatIconModule,
               MtnaWfGetFormControlErrorPipeModule,
               MtnaWfGetSelectedOptionNamePipeModule,
@@ -5591,10 +5649,10 @@
                       imports: [
                           i3$1.CommonModule,
                           i6.FormsModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i2.MatSelectModule,
-                          i4.MtnaHighlightModule,
-                          i4$2.MatListModule,
+                          i1$1.MtnaHighlightModule,
+                          i4$1.MatListModule,
                           i5.MatIconModule,
                           MtnaWfGetFormControlErrorPipeModule,
                           MtnaWfGetSelectedOptionNamePipeModule,
@@ -5646,8 +5704,8 @@
       };
       return MtnaWfFileUploadComponent;
   }(MtnaWfBaseFormItemControl));
-  MtnaWfFileUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$5.FileService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFileUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFileUploadComponent, selector: "mtna-wf-file-upload-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div class=\"content\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <ng-container *ngIf=\"!readonly; else readOnly\">\n    <ng-container *ngIf=\"!loading; else loader\">\n      <mtna-file-download\n        *ngIf=\"!!fileInfo; else fileUpload\"\n        [fileInfo]=\"fileInfo\"\n        [canRemove]=\"true\"\n        color=\"primary\"\n        [canDownload]=\"true\"\n        (download)=\"handleDownload($event)\"\n        (remove)=\"removeFile()\"\n      ></mtna-file-download>\n\n      <ng-template #fileUpload>\n        <mtna-file-upload\n          [automaticUpload]=\"false\"\n          color=\"primary\"\n          [buttonText]=\"_fileUploadButtonText\"\n          (fileToUpload)=\"fileToUpload($event)\"\n        ></mtna-file-upload>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n  <!-- READONLY -->\n  <ng-template #readOnly>\n    <!-- anchor being used, due to <fieldset disabled> blocking a <button>'s click event -->\n    <a\n      *ngIf=\"!!item && !!item.value; else unpopulated\"\n      class=\"single-icon-button\"\n      color=\"primary\"\n      mat-stroked-button\n      role=\"button\"\n      (click)=\"handleDownload(item.value)\"\n    >\n      <mat-icon color=\"primary\">file_download</mat-icon>\n      {{ (item!.value!.fileName ? item!.value!.fileName : '') | uppercase }}\n    </a>\n    <ng-template #unpopulated>\n      <mat-list>\n        <mat-list-item class=\"wrappable-list-item\">\n          <p mat-line class=\"wrap-line\" i18n>No File Provided</p>\n        </mat-list-item>\n      </mat-list>\n    </ng-template>\n  </ng-template>\n</div>\n\n<!-- PROGRESS SPINNER -->\n<ng-template #loader>\n  <mat-spinner diameter=\"125\" strokeWidth=\"10\" mode=\"indeterminate\"></mat-spinner>\n</ng-template>\n", styles: [":host{display:block;margin:1rem 0}mtna-file-download{margin:37px 0}mat-spinner{margin:0 87.5px}\n"], components: [{ type: i1__namespace$5.MtnaFileDownloadComponent, selector: "mtna-file-download", inputs: ["color", "canDownload", "canRemove", "fileInfo", "loading"], outputs: ["download", "remove"] }, { type: i1__namespace$5.MtnaFileUploadComponent, selector: "mtna-file-upload", inputs: ["automaticUpload", "buttonText", "buttonColor", "disabled", "fileUploadUrl", "isProd", "maxUploadSize", "uploading"], outputs: ["uploaded", "fileToUpload", "uploadStatus"] }, { type: i3__namespace$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5__namespace$2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "uppercase": i3__namespace.UpperCasePipe } });
+  MtnaWfFileUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$6.FileService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  MtnaWfFileUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFileUploadComponent, selector: "mtna-wf-file-upload-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div class=\"content\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <ng-container *ngIf=\"!readonly; else readOnly\">\n    <ng-container *ngIf=\"!loading; else loader\">\n      <mtna-file-download\n        *ngIf=\"!!fileInfo; else fileUpload\"\n        [fileInfo]=\"fileInfo\"\n        [canRemove]=\"true\"\n        color=\"primary\"\n        [canDownload]=\"true\"\n        (download)=\"handleDownload($event)\"\n        (remove)=\"removeFile()\"\n      ></mtna-file-download>\n\n      <ng-template #fileUpload>\n        <mtna-file-upload\n          [automaticUpload]=\"false\"\n          color=\"primary\"\n          [buttonText]=\"_fileUploadButtonText\"\n          (fileToUpload)=\"fileToUpload($event)\"\n        ></mtna-file-upload>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n  <!-- READONLY -->\n  <ng-template #readOnly>\n    <!-- anchor being used, due to <fieldset disabled> blocking a <button>'s click event -->\n    <a\n      *ngIf=\"!!item && !!item.value; else unpopulated\"\n      class=\"single-icon-button\"\n      color=\"primary\"\n      mat-stroked-button\n      role=\"button\"\n      (click)=\"handleDownload(item.value)\"\n    >\n      <mat-icon color=\"primary\">file_download</mat-icon>\n      {{ (item!.value!.fileName ? item!.value!.fileName : '') | uppercase }}\n    </a>\n    <ng-template #unpopulated>\n      <mat-list>\n        <mat-list-item class=\"wrappable-list-item\">\n          <p mat-line class=\"wrap-line\" i18n>No File Provided</p>\n        </mat-list-item>\n      </mat-list>\n    </ng-template>\n  </ng-template>\n</div>\n\n<!-- PROGRESS SPINNER -->\n<ng-template #loader>\n  <mat-spinner diameter=\"125\" strokeWidth=\"10\" mode=\"indeterminate\"></mat-spinner>\n</ng-template>\n", styles: [":host{display:block;margin:1rem 0}mtna-file-download{margin:37px 0}mat-spinner{margin:0 87.5px}\n"], components: [{ type: i1__namespace$6.MtnaFileDownloadComponent, selector: "mtna-file-download", inputs: ["color", "canDownload", "canRemove", "fileInfo", "loading"], outputs: ["download", "remove"] }, { type: i1__namespace$6.MtnaFileUploadComponent, selector: "mtna-file-upload", inputs: ["automaticUpload", "buttonText", "buttonColor", "disabled", "fileUploadUrl", "isProd", "maxUploadSize", "uploading"], outputs: ["uploaded", "fileToUpload", "uploadStatus"] }, { type: i3__namespace$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i5__namespace$2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "uppercase": i3__namespace.UpperCasePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5655,7 +5713,7 @@
                       templateUrl: './file-upload.component.html',
                       styleUrls: ['./file-upload.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$5.FileService }]; } });
+          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$6.FileService }]; } });
   var templateObject_1$4;
 
   var MtnaWfFileUploadModule = /** @class */ (function () {
@@ -5665,21 +5723,21 @@
   }());
   MtnaWfFileUploadModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfFileUploadModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, declarations: [MtnaWfFileUploadComponent], imports: [i3$1.CommonModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i3$2.MatButtonModule,
           i5.MatIconModule,
-          i1$7.MtnaFileDownloadModule,
-          i1$7.MtnaFileUploadModule,
-          i4$2.MatListModule,
+          i1$8.MtnaFileDownloadModule,
+          i1$8.MtnaFileUploadModule,
+          i4$1.MatListModule,
           i5$2.MatProgressSpinnerModule], exports: [MtnaWfFileUploadComponent] });
   MtnaWfFileUploadModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, imports: [[
               i3$1.CommonModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i3$2.MatButtonModule,
               i5.MatIconModule,
-              i1$7.MtnaFileDownloadModule,
-              i1$7.MtnaFileUploadModule,
-              i4$2.MatListModule,
+              i1$8.MtnaFileDownloadModule,
+              i1$8.MtnaFileUploadModule,
+              i4$1.MatListModule,
               i5$2.MatProgressSpinnerModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, decorators: [{
@@ -5687,12 +5745,12 @@
               args: [{
                       imports: [
                           i3$1.CommonModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i3$2.MatButtonModule,
                           i5.MatIconModule,
-                          i1$7.MtnaFileDownloadModule,
-                          i1$7.MtnaFileUploadModule,
-                          i4$2.MatListModule,
+                          i1$8.MtnaFileDownloadModule,
+                          i1$8.MtnaFileUploadModule,
+                          i4$1.MatListModule,
                           i5$2.MatProgressSpinnerModule,
                       ],
                       declarations: [MtnaWfFileUploadComponent],
@@ -5735,7 +5793,7 @@
       return MtnaWfFormGroupComponent;
   }(MtnaWfBaseGroupItem));
   MtnaWfFormGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFormGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormGroupComponent, selector: "mtna-wf-group", usesInheritance: true, ngImport: i0__namespace, 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        [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", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfItemsWithValue": MtnaWfItemsWithValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfFormGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormGroupComponent, selector: "mtna-wf-group", usesInheritance: true, ngImport: i0__namespace, 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        [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", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfItemsWithValue": MtnaWfItemsWithValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5755,7 +5813,7 @@
   MtnaWfFormGroupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfFormGroupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, declarations: [MtnaWfFormGroupComponent], imports: [i3$1.CommonModule,
           MtnaWfItemHeaderModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           MtnaWfFormItemModule,
           i6.FormsModule,
           i6.ReactiveFormsModule,
@@ -5764,7 +5822,7 @@
   MtnaWfFormGroupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, imports: [[
               i3$1.CommonModule,
               MtnaWfItemHeaderModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               MtnaWfFormItemModule,
               i6.FormsModule,
               i6.ReactiveFormsModule,
@@ -5777,7 +5835,7 @@
                       imports: [
                           i3$1.CommonModule,
                           MtnaWfItemHeaderModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           MtnaWfFormItemModule,
                           i6.FormsModule,
                           i6.ReactiveFormsModule,
@@ -5797,7 +5855,7 @@
       return MtnaWfFormSectionComponent;
   }(MtnaWfBaseSectionItem));
   MtnaWfFormSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfFormSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormSectionComponent, selector: "mtna-wf-section", usesInheritance: true, ngImport: i0__namespace, 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        [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: [":host{display:block}mat-divider.mat-divider-horizontal.mat-divider-inset.section-item-divider{margin-top:8px;margin-bottom:8px}mtna-wf-section mtna-wf-title-item .mtna-wf-title-item{font-size:.875rem;line-height:28px;font-weight:500}\n"], components: [{ type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: ["color", "step", "subtitle"], outputs: ["focused"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfGetObjectType": MtnaWfGetObjectTypePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  MtnaWfFormSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormSectionComponent, selector: "mtna-wf-section", usesInheritance: true, ngImport: i0__namespace, 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        [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__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfGetObjectType": MtnaWfGetObjectTypePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5805,6 +5863,7 @@
                       templateUrl: './form-section.component.html',
                       styleUrls: ['./form-section.component.scss'],
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      encapsulation: i0.ViewEncapsulation.None,
                   }]
           }] });
 
@@ -5814,12 +5873,12 @@
       return MtnaWfFormSectionModule;
   }());
   MtnaWfFormSectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfFormSectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, declarations: [MtnaWfFormSectionComponent], imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i4.MtnaHighlightModule], exports: [MtnaWfFormSectionComponent] });
-  MtnaWfFormSectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, imports: [[i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i4.MtnaHighlightModule]] });
+  MtnaWfFormSectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, declarations: [MtnaWfFormSectionComponent], imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i1$1.MtnaHighlightModule], exports: [MtnaWfFormSectionComponent] });
+  MtnaWfFormSectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, imports: [[i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i1$1.MtnaHighlightModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i4.MtnaHighlightModule],
+                      imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i1$1.MtnaHighlightModule],
                       declarations: [MtnaWfFormSectionComponent],
                       exports: [MtnaWfFormSectionComponent],
                   }]
@@ -5862,7 +5921,7 @@
       return MtnaWfI18nInputComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfI18nInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfI18nInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfI18nInputComponent, selector: "mtna-wf-i18n-input-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<ng-container *ngIf=\"!readonly && !!control; else readOnly\">\n  <mat-form-field\n    *ngFor=\"let language of item.languageTags\"\n    appearance=\"outline\"\n    [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n  >\n    <mat-label>{{ item.label + ' - ' + getLanguageDisplay(language) }}</mat-label>\n    <ng-container *ngIf=\"isParagraph; else shortInput\">\n      <textarea\n        matInput\n        [formControl]=\"getFormControl(language)\"\n        [required]=\"item.required\"\n        [attr.autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n        cdkTextareaAutoSize\n        cdkAutosizeMinRows=\"3\"\n        cdkAutosizeMaxRows=\"5\"\n      ></textarea>\n    </ng-container>\n    <ng-template #shortInput>\n      <input\n        matInput\n        [formControl]=\"getFormControl(language)\"\n        [autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n        [required]=\"item.required\"\n      />\n    </ng-template>\n\n    <mat-error *ngFor=\"let error of control.errors | keyvalue | slice : 0 : 1\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</ng-container>\n<!-- READONLY -->\n<ng-template #readOnly>\n  <ng-container *ngTemplateOutlet=\"inList ? listItem : fullList\"></ng-container>\n</ng-template>\n\n<ng-template #fullList>\n  <mat-list>\n    <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n  </mat-list>\n</ng-template>\n\n<ng-template #listItem>\n  <mat-list-item *ngFor=\"let language of item.languageTags\" class=\"wrappable-list-item\">\n    <!-- <mat-icon *ngIf=\"item.label || item.header as label\" matListIcon>{{ label | mtnaWfGetListIcon }}</mat-icon> -->\n    <h4 *ngIf=\"!item.questionText && (item.label || item.name) as label\" mat-line>{{ label }}</h4>\n    <p mat-line class=\"wrap-line\">{{ item.value || _notInformationText + ' - ' + language }}</p>\n  </mat-list-item>\n</ng-template>\n", styles: ["mtna-wf-i18n-input-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-i18n-input-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-i18n-input-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-i18n-input-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-i18n-input-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-i18n-input-item .mat-list-base .mat-list-item,mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-2-line,mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-i18n-input-item .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$4.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe, "slice": i3__namespace.SlicePipe, "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfI18nInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfI18nInputComponent, selector: "mtna-wf-i18n-input-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<ng-container *ngIf=\"!readonly && !!control; else readOnly\">\n  <mat-form-field\n    *ngFor=\"let language of item.languageTags\"\n    appearance=\"outline\"\n    [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n  >\n    <mat-label>{{ item.label + ' - ' + getLanguageDisplay(language) }}</mat-label>\n    <ng-container *ngIf=\"isParagraph; else shortInput\">\n      <textarea\n        matInput\n        [formControl]=\"getFormControl(language)\"\n        [required]=\"item.required\"\n        [attr.autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n        cdkTextareaAutoSize\n        cdkAutosizeMinRows=\"3\"\n        cdkAutosizeMaxRows=\"5\"\n      ></textarea>\n    </ng-container>\n    <ng-template #shortInput>\n      <input\n        matInput\n        [formControl]=\"getFormControl(language)\"\n        [autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n        [required]=\"item.required\"\n      />\n    </ng-template>\n\n    <mat-error *ngFor=\"let error of control.errors | keyvalue | slice : 0 : 1\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</ng-container>\n<!-- READONLY -->\n<ng-template #readOnly>\n  <ng-container *ngTemplateOutlet=\"inList ? listItem : fullList\"></ng-container>\n</ng-template>\n\n<ng-template #fullList>\n  <mat-list>\n    <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n  </mat-list>\n</ng-template>\n\n<ng-template #listItem>\n  <mat-list-item *ngFor=\"let language of item.languageTags\" class=\"wrappable-list-item\">\n    <!-- <mat-icon *ngIf=\"item.label || item.header as label\" matListIcon>{{ label | mtnaWfGetListIcon }}</mat-icon> -->\n    <h4 *ngIf=\"!item.questionText && (item.label || item.name) as label\" mat-line>{{ label }}</h4>\n    <p mat-line class=\"wrap-line\">{{ item.value || _notInformationText + ' - ' + language }}</p>\n  </mat-list-item>\n</ng-template>\n", styles: ["mtna-wf-i18n-input-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-i18n-input-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-i18n-input-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-i18n-input-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-i18n-input-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-i18n-input-item .mat-list-base .mat-list-item,mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-2-line,mtna-wf-i18n-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-i18n-input-item .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$5.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe, "slice": i3__namespace.SlicePipe, "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5883,21 +5942,21 @@
   MtnaWfI18nInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfI18nInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, declarations: [MtnaWfI18nInputComponent], imports: [i3$1.CommonModule,
           i6.FormsModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i5$1.MatInputModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           MtnaWfGetAutoCompletePipeModule,
-          i4$2.MatListModule,
+          i4$1.MatListModule,
           i6.ReactiveFormsModule,
           MtnaWfGetFormControlErrorPipeModule], exports: [MtnaWfI18nInputComponent] });
   MtnaWfI18nInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i5$1.MatInputModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               MtnaWfGetAutoCompletePipeModule,
-              i4$2.MatListModule,
+              i4$1.MatListModule,
               i6.ReactiveFormsModule,
               MtnaWfGetFormControlErrorPipeModule,
           ]] });
@@ -5907,11 +5966,11 @@
                       imports: [
                           i3$1.CommonModule,
                           i6.FormsModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i5$1.MatInputModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           MtnaWfGetAutoCompletePipeModule,
-                          i4$2.MatListModule,
+                          i4$1.MatListModule,
                           i6.ReactiveFormsModule,
                           MtnaWfGetFormControlErrorPipeModule,
                       ],
@@ -5948,7 +6007,7 @@
       return MtnaWfInputComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfInputComponent, selector: "mtna-wf-input-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<mat-form-field\n  *ngIf=\"!readonly && !!control; else readOnly\"\n  appearance=\"outline\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-label>{{ item.label }}</mat-label>\n  <textarea\n    *ngIf=\"isParagraph; else shortInput\"\n    matInput\n    [formControl]=\"control\"\n    [required]=\"item.required\"\n    [attr.autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n    cdkTextareaAutoSize\n    cdkAutosizeMinRows=\"3\"\n    cdkAutosizeMaxRows=\"5\"\n  ></textarea>\n\n  <ng-template #shortInput>\n    <input matInput [formControl]=\"control!\" [autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\" [required]=\"item.required\" />\n  </ng-template>\n\n  <mat-error *ngFor=\"let error of control.errors | keyvalue | slice : 0 : 1\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n</mat-form-field>\n\n<!-- READONLY -->\n<ng-template #readOnly>\n  <ng-container *ngTemplateOutlet=\"inList ? listItem : fullList\"></ng-container>\n</ng-template>\n\n<ng-template #fullList>\n  <mat-list>\n    <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n  </mat-list>\n</ng-template>\n\n<ng-template #listItem>\n  <mat-list-item class=\"wrappable-list-item\">\n    <!-- <mat-icon *ngIf=\"item.label || item.header as label\" matListIcon>{{ label | mtnaWfGetListIcon }}</mat-icon> -->\n    <h4 *ngIf=\"!item.questionText && (item.label || item.name) as label\" mat-line>{{ label }}</h4>\n    <p mat-line class=\"wrap-line\">{{ item.value || _noInformationText }}</p>\n  </mat-list-item>\n</ng-template>\n", styles: ["mtna-wf-input-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-input-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-input-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-input-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-input-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-input-item .mat-list-base .mat-list-item,mtna-wf-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line,mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-input-item .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$4.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe, "slice": i3__namespace.SlicePipe, "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfInputComponent, selector: "mtna-wf-input-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header; context: { $implicit: true }\"></ng-container>\n<mat-form-field\n  *ngIf=\"!readonly && !!control; else readOnly\"\n  appearance=\"outline\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-label>{{ item.label }}</mat-label>\n  <textarea\n    *ngIf=\"isParagraph; else shortInput\"\n    matInput\n    [formControl]=\"control\"\n    [required]=\"item.required\"\n    [attr.autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\"\n    cdkTextareaAutoSize\n    cdkAutosizeMinRows=\"3\"\n    cdkAutosizeMaxRows=\"5\"\n  ></textarea>\n\n  <ng-template #shortInput>\n    <input matInput [formControl]=\"control!\" [autocomplete]=\"item.label || item.name | mtnaWfGetAutoComplete\" [required]=\"item.required\" />\n  </ng-template>\n\n  <mat-error *ngFor=\"let error of control.errors | keyvalue | slice : 0 : 1\">\n    {{ error | mtnaWfGetControlError : item }}\n  </mat-error>\n</mat-form-field>\n\n<!-- READONLY -->\n<ng-template #readOnly>\n  <ng-container *ngTemplateOutlet=\"inList ? listItem : fullList\"></ng-container>\n</ng-template>\n\n<ng-template #fullList>\n  <mat-list>\n    <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n  </mat-list>\n</ng-template>\n\n<ng-template #listItem>\n  <mat-list-item class=\"wrappable-list-item\">\n    <!-- <mat-icon *ngIf=\"item.label || item.header as label\" matListIcon>{{ label | mtnaWfGetListIcon }}</mat-icon> -->\n    <h4 *ngIf=\"!item.questionText && (item.label || item.name) as label\" mat-line>{{ label }}</h4>\n    <p mat-line class=\"wrap-line\">{{ item.value || _noInformationText }}</p>\n  </mat-list-item>\n</ng-template>\n", styles: ["mtna-wf-input-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-input-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-input-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-input-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-input-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-input-item .mat-list-base .mat-list-item,mtna-wf-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line,mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-input-item .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i4__namespace$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i4__namespace$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1__namespace$5.MatLabel, selector: "mat-label" }, { type: i5__namespace$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe, "slice": i3__namespace.SlicePipe, "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5968,22 +6027,22 @@
   }());
   MtnaWfInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, declarations: [MtnaWfInputComponent], imports: [i3$1.CommonModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i6.FormsModule,
-          i4$2.MatListModule,
+          i4$1.MatListModule,
           MtnaWfGetAutoCompletePipeModule,
           MtnaWfGetFormControlErrorPipeModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i6.ReactiveFormsModule,
           i5$1.MatInputModule], exports: [MtnaWfInputComponent] });
   MtnaWfInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, imports: [[
               i3$1.CommonModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i6.FormsModule,
-              i4$2.MatListModule,
+              i4$1.MatListModule,
               MtnaWfGetAutoCompletePipeModule,
               MtnaWfGetFormControlErrorPipeModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i6.ReactiveFormsModule,
               i5$1.MatInputModule,
           ]] });
@@ -5992,12 +6051,12 @@
               args: [{
                       imports: [
                           i3$1.CommonModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i6.FormsModule,
-                          i4$2.MatListModule,
+                          i4$1.MatListModule,
                           MtnaWfGetAutoCompletePipeModule,
                           MtnaWfGetFormControlErrorPipeModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i6.ReactiveFormsModule,
                           i5$1.MatInputModule,
                       ],
@@ -6014,7 +6073,7 @@
       return MtnaWfMultipleChoiceComponent;
   }(MtnaWfBaseSingleSelectionParentValueItem));
   MtnaWfMultipleChoiceComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfMultipleChoiceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfMultipleChoiceComponent, selector: "mtna-wf-multiple-choice-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div *ngIf=\"control\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\">\n  <div 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  <mat-radio-group class=\"control-item-content\" [formControl]=\"control\" (change)=\"selectionChange($event)\">\n    <ng-container *ngFor=\"let opt of item.options; trackBy: _trackByOptionId\">\n      <mat-radio-button [disableRipple]=\"readonly\" [disabled]=\"readonly || control.disabled\" [value]=\"opt.option.id\">{{ opt.option.name }}</mat-radio-button>\n      <mtna-wf-item\n        *ngIf=\"item.optionItemMap[opt.option.id] as subItem\"\n        [item]=\"subItem\"\n        [control]=\"!!controlWrapper && !!controlWrapper.controls ? controlWrapper.controls[subItem.instanceId] : undefined\"\n        [parentIds]=\"parentIds.concat(opt.option.id)\"\n        [readonly]=\"readonly\"\n      ></mtna-wf-item>\n    </ng-container>\n  </mat-radio-group>\n</div>\n", styles: ["mtna-wf-multiple-choice-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-multiple-choice-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-multiple-choice-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-multiple-choice-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-multiple-choice-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-multiple-choice-item .mat-radio-group{display:inline-block;max-width:100%;width:100%}mtna-wf-multiple-choice-item .mat-radio-button{display:block;max-width:100%}mtna-wf-multiple-choice-item .mat-radio-button:not(:last-of-type){margin-bottom:4px}mtna-wf-multiple-choice-item .mat-radio-button .mat-radio-label{white-space:normal}mtna-wf-multiple-choice-item .mat-radio-button+mtna-wf-item{padding-left:28px;margin-top:0}mtna-wf-multiple-choice-item.read-only .mat-radio-button .mat-radio-label{cursor:default}\n"], components: [{ type: i1__namespace$6.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$6.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfMultipleChoiceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfMultipleChoiceComponent, selector: "mtna-wf-multiple-choice-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div *ngIf=\"control\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\">\n  <div 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  <mat-radio-group class=\"control-item-content\" [formControl]=\"control\" (change)=\"selectionChange($event)\">\n    <ng-container *ngFor=\"let opt of item.options; trackBy: _trackByOptionId\">\n      <mat-radio-button [disableRipple]=\"readonly\" [disabled]=\"readonly || control.disabled\" [value]=\"opt.option.id\">{{\n        opt.option.name\n      }}</mat-radio-button>\n      <mtna-wf-item\n        *ngIf=\"item.optionItemMap[opt.option.id] as subItem\"\n        [item]=\"subItem\"\n        [control]=\"!!controlWrapper && !!controlWrapper.controls ? controlWrapper.controls[subItem.instanceId] : undefined\"\n        [parentIds]=\"parentIds.concat(opt.option.id)\"\n        [readonly]=\"readonly\"\n      ></mtna-wf-item>\n    </ng-container>\n  </mat-radio-group>\n</div>\n", styles: ["mtna-wf-multiple-choice-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-multiple-choice-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-multiple-choice-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-multiple-choice-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-multiple-choice-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-multiple-choice-item .mat-radio-group{display:inline-block;max-width:100%;width:100%}mtna-wf-multiple-choice-item .mat-radio-button{display:block;max-width:100%}mtna-wf-multiple-choice-item .mat-radio-button:not(:last-of-type){margin-bottom:4px}mtna-wf-multiple-choice-item .mat-radio-button .mat-radio-label{white-space:normal}mtna-wf-multiple-choice-item .mat-radio-button+mtna-wf-item{padding-left:28px;margin-top:0}mtna-wf-multiple-choice-item.read-only .mat-radio-button .mat-radio-label{cursor:default}\n"], components: [{ type: i1__namespace$7.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1__namespace$7.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6034,21 +6093,21 @@
   MtnaWfMultipleChoiceModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfMultipleChoiceModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, declarations: [MtnaWfMultipleChoiceComponent], imports: [i3$1.CommonModule,
           i6.FormsModule,
-          i1$1.MatRadioModule,
+          i1$2.MatRadioModule,
           MtnaWfFormItemModule,
           MtnaWfGetFormControlErrorPipeModule,
           i6.ReactiveFormsModule,
-          i1$6.MatFormFieldModule,
-          i4.MtnaHighlightModule], exports: [MtnaWfMultipleChoiceComponent] });
+          i1$7.MatFormFieldModule,
+          i1$1.MtnaHighlightModule], exports: [MtnaWfMultipleChoiceComponent] });
   MtnaWfMultipleChoiceModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
-              i1$1.MatRadioModule,
+              i1$2.MatRadioModule,
               MtnaWfFormItemModule,
               MtnaWfGetFormControlErrorPipeModule,
               i6.ReactiveFormsModule,
-              i1$6.MatFormFieldModule,
-              i4.MtnaHighlightModule,
+              i1$7.MatFormFieldModule,
+              i1$1.MtnaHighlightModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, decorators: [{
               type: i0.NgModule,
@@ -6056,12 +6115,12 @@
                       imports: [
                           i3$1.CommonModule,
                           i6.FormsModule,
-                          i1$1.MatRadioModule,
+                          i1$2.MatRadioModule,
                           MtnaWfFormItemModule,
                           MtnaWfGetFormControlErrorPipeModule,
                           i6.ReactiveFormsModule,
-                          i1$6.MatFormFieldModule,
-                          i4.MtnaHighlightModule,
+                          i1$7.MatFormFieldModule,
+                          i1$1.MtnaHighlightModule,
                       ],
                       declarations: [MtnaWfMultipleChoiceComponent],
                       exports: [MtnaWfMultipleChoiceComponent],
@@ -6076,7 +6135,7 @@
       return MtnaWfOrderedListItemComponent;
   }(MtnaWfBaseFormItem));
   MtnaWfOrderedListItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfOrderedListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfOrderedListItemComponent, selector: "mtna-wf-ordered-list-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<ol [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <li *ngFor=\"let item of item.value\" [innerHTML]=\"item | mtnaWfSanitizeHtml\"></li>\n</ol>\n", styles: ["mtna-wf-ordered-list-item>ol{list-style:decimal outside;padding-left:1rem}mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-ordered-list-item>ol{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfOrderedListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfOrderedListItemComponent, selector: "mtna-wf-ordered-list-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<ol [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <li *ngFor=\"let item of item.value\" [innerHTML]=\"item | mtnaWfSanitizeHtml\"></li>\n</ol>\n", styles: ["mtna-wf-ordered-list-item>ol{list-style:decimal outside;padding-left:1rem}mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-ordered-list-item>ol{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6094,12 +6153,12 @@
       return MtnaWfOrderedListItemModule;
   }());
   MtnaWfOrderedListItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfOrderedListItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, declarations: [MtnaWfOrderedListItemComponent], imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfOrderedListItemComponent] });
-  MtnaWfOrderedListItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, imports: [[i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
+  MtnaWfOrderedListItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, declarations: [MtnaWfOrderedListItemComponent], imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfOrderedListItemComponent] });
+  MtnaWfOrderedListItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, imports: [[i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
+                      imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
                       declarations: [MtnaWfOrderedListItemComponent],
                       exports: [MtnaWfOrderedListItemComponent],
                   }]
@@ -6160,12 +6219,12 @@
       return MtnaWfRepeatableItemContainerComponent;
   }(MtnaWfBaseParentValueItem));
   MtnaWfRepeatableItemContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MtnaWfManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfRepeatableItemContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0__namespace, 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    <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        [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</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;border-style:dashed;border-width:4px;border-radius:4px;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: i3__namespace$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: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i4__namespace.MtnaTrackByPropertyPipe, "coerceFormItem": MtnaWfCoerceFormItemPipe, "uppercase": i3__namespace.UpperCasePipe }, animations: [
+  MtnaWfRepeatableItemContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0__namespace, 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    <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        [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</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;border-style:dashed;border-width:4px;border-radius:4px;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: i3__namespace$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: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i1__namespace$1.MtnaTrackByPropertyPipe, "coerceFormItem": MtnaWfCoerceFormItemPipe, "uppercase": i3__namespace.UpperCasePipe }, animations: [
           animations.trigger('repeatItemExpandCollapse', [
               animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
               animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
-              animations.transition(':enter', [animations.animate(i4.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
-              animations.transition(':leave', animations.animate(i4.COMPLEX_STANDARD)),
+              animations.transition(':enter', [animations.animate(i1$1.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
+              animations.transition(':leave', animations.animate(i1$1.COMPLEX_STANDARD)),
           ]),
       ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerComponent, decorators: [{
@@ -6178,8 +6237,8 @@
                           animations.trigger('repeatItemExpandCollapse', [
                               animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
                               animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
-                              animations.transition(':enter', [animations.animate(i4.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
-                              animations.transition(':leave', animations.animate(i4.COMPLEX_STANDARD)),
+                              animations.transition(':enter', [animations.animate(i1$1.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
+                              animations.transition(':leave', animations.animate(i1$1.COMPLEX_STANDARD)),
                           ]),
                       ],
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -6198,22 +6257,22 @@
           MtnaWfItemHeaderModule,
           MtnaWfRepeatableItemModule,
           MtnaWfFormItemModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i3$2.MatButtonModule,
           i5.MatIconModule,
           i6$1.MatTooltipModule,
-          i4.MtnaTrackByPropertyPipeModule,
+          i1$1.MtnaTrackByPropertyPipeModule,
           MtnaWfCoerceFormItemPipeModule], exports: [MtnaWfRepeatableItemContainerComponent] });
   MtnaWfRepeatableItemContainerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, imports: [[
               i3$1.CommonModule,
               MtnaWfItemHeaderModule,
               MtnaWfRepeatableItemModule,
               MtnaWfFormItemModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i3$2.MatButtonModule,
               i5.MatIconModule,
               i6$1.MatTooltipModule,
-              i4.MtnaTrackByPropertyPipeModule,
+              i1$1.MtnaTrackByPropertyPipeModule,
               MtnaWfCoerceFormItemPipeModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, decorators: [{
@@ -6224,11 +6283,11 @@
                           MtnaWfItemHeaderModule,
                           MtnaWfRepeatableItemModule,
                           MtnaWfFormItemModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i3$2.MatButtonModule,
                           i5.MatIconModule,
                           i6$1.MatTooltipModule,
-                          i4.MtnaTrackByPropertyPipeModule,
+                          i1$1.MtnaTrackByPropertyPipeModule,
                           MtnaWfCoerceFormItemPipeModule,
                       ],
                       declarations: [MtnaWfRepeatableItemContainerComponent],
@@ -6250,8 +6309,8 @@
       MtnaWfResourceSearchComponent.prototype.openDialog = function () {
           var _this = this;
           this.dialog
-              .open(i1$4.MtnaSearchDialogComponent, {
-              data: new i1$4.MtnaSearchDialogData(this.searchFacade, $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject(["Select a Reference"], ["Select a Reference"]))), true, Object.assign(Object.assign({}, this.item.initialQuery), { target: this.item.searchTargetId }), undefined, true, {
+              .open(i1$5.MtnaSearchDialogComponent, {
+              data: new i1$5.MtnaSearchDialogData(this.searchFacade, $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject(["Select a Reference"], ["Select a Reference"]))), true, Object.assign(Object.assign({}, this.item.initialQuery), { target: this.item.searchTargetId }), undefined, true, {
                   color: 'primary',
                   disableSubResults: true,
                   resizableColumns: true,
@@ -6283,7 +6342,7 @@
       };
       return MtnaWfResourceSearchComponent;
   }(MtnaWfBaseValueItem));
-  MtnaWfResourceSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$7.MtnaInMemorySearchFacade }, { token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  MtnaWfResourceSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$8.MtnaInMemorySearchFacade }, { token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
   MtnaWfResourceSearchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfResourceSearchComponent, selector: "mtna-wf-resource-search-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div class=\"label-container\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"label-text\">\n    {{ item.label }}\n  </div>\n  <mat-divider fxFlex></mat-divider>\n</div>\n<div class=\"values-container\">\n  <!--  <aria-ui-reference-list-table\n            [path]=\"path\"\n            [referenceConfiguration]=\"referenceConfiguration\"\n            [references]=\"references\"\n            [termReference]=\"termReference\"\n            (openDetails)=\"openDetails.emit($event)\"\n            (referenceSelected)=\"addButtonDisabled = !!$event\"\n            (updateValues)=\"updateValues.emit($event)\"\n    >\n    </aria-ui-reference-list-table>\n    -->\n  <button mat-flat-button class=\"add-button\" color=\"primary\" [disabled]=\"readonly\" (click)=\"openDialog()\" i18n>\n    Add Resource<mat-icon>add_circle_outline</mat-icon>\n  </button>\n</div>\n", styles: ["mtna-wf-resource-search-item .label-container .label-text{margin:0 8px 0 0}mtna-wf-resource-search-item .label-container .mat-divider.mat-divider-horizontal{position:unset;width:unset}mtna-wf-resource-search-item .values-container{margin-left:1em;border-width:1px;border-style:solid;border-radius:4px;border-color:#0000001f;padding:8px}mtna-wf-resource-search-item .values-container .paginator-and-order-controls{margin-bottom:8px}mtna-wf-resource-search-item .values-container .add-button .mat-icon{margin-left:4px}\n"], components: [{ type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3__namespace$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: i5__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$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__namespace$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__namespace$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"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchComponent, decorators: [{
               type: i0.Component,
@@ -6294,7 +6353,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$7.MtnaInMemorySearchFacade }, { type: i1__namespace.MatDialog }]; } });
+          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$8.MtnaInMemorySearchFacade }, { type: i1__namespace.MatDialog }]; } });
   var templateObject_1;
 
   var MtnaWfResourceSearchModule = /** @class */ (function () {
@@ -6328,7 +6387,7 @@
       return MtnaWfTableFormItemComponent;
   }(MtnaWfBaseParentValueItem));
   MtnaWfTableFormItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfTableFormItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTableFormItemComponent, selector: "mtna-wf-table-item", usesInheritance: true, ngImport: i0__namespace, template: "<table mat-table [dataSource]=\"item.tableRows\" [trackBy]=\"_trackByTableRow\">\n  <ng-container *ngFor=\"let header of item.headers; let index = index\" [matColumnDef]=\"header\">\n    <th mat-header-cell *matHeaderCellDef>{{ header }}</th>\n\n    <td mat-cell *matCellDef=\"let rowItem\">\n      <mtna-wf-item\n        *ngIf=\"!!rowItem.items[index]\"\n        [control]=\"!!control && !!control.controls ? control.controls[rowItem.items[index].instanceId] : undefined\"\n        [item]=\"rowItem.items[index]\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds\"\n      ></mtna-wf-item>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"item.headers\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: item.headers\"></tr>\n</table>\n", styles: ["mtna-wf-table-item .mat-table{width:100%}mtna-wf-table-item .mat-table tbody tr td.mat-cell{padding:8px;vertical-align:top}mtna-wf-table-item .mat-table tbody tr td mtna-wf-group>.group{flex-direction:column;place-content:start start;align-items:start;justify-content:start}mtna-wf-table-item .mat-table tbody tr td mtna-wf-group>.group *{margin-top:0;margin-bottom:0}mtna-wf-table-item .mat-table tbody tr td mtna-wf-boolean-item>.mat-slide-toggle{margin-bottom:8px;margin-top:8px}mtna-wf-table-item .mat-table tbody tr td mtna-wf-repeatable-item-container .repeat-item-container:not(:first-of-type){margin-top:8px}mtna-wf-table-item .mat-table tbody tr td mtna-wf-repeatable-item-container .new-item-button{margin:8px 0}\n"], components: [{ type: i1__namespace$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }, { type: i1__namespace$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1__namespace$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1__namespace$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1__namespace$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i1__namespace$8.MatCellDef, selector: "[matCellDef]" }, { type: i1__namespace$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1__namespace$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfTableFormItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTableFormItemComponent, selector: "mtna-wf-table-item", usesInheritance: true, ngImport: i0__namespace, template: "<table mat-table [dataSource]=\"item.tableRows\" [trackBy]=\"_trackByTableRow\">\n  <ng-container *ngFor=\"let header of item.headers; let index = index\" [matColumnDef]=\"header\">\n    <th mat-header-cell *matHeaderCellDef>{{ header }}</th>\n\n    <td mat-cell *matCellDef=\"let rowItem\">\n      <mtna-wf-item\n        *ngIf=\"!!rowItem.items[index]\"\n        [control]=\"!!control && !!control.controls ? control.controls[rowItem.items[index].instanceId] : undefined\"\n        [item]=\"rowItem.items[index]\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds\"\n      ></mtna-wf-item>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"item.headers\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: item.headers\"></tr>\n</table>\n", styles: ["mtna-wf-table-item .mat-table{width:100%}mtna-wf-table-item .mat-table tbody tr td.mat-cell{padding:8px;vertical-align:top}mtna-wf-table-item .mat-table tbody tr td mtna-wf-group>.group{flex-direction:column;place-content:start start;align-items:start;justify-content:start}mtna-wf-table-item .mat-table tbody tr td mtna-wf-group>.group *{margin-top:0;margin-bottom:0}mtna-wf-table-item .mat-table tbody tr td mtna-wf-boolean-item>.mat-slide-toggle{margin-bottom:8px;margin-top:8px}mtna-wf-table-item .mat-table tbody tr td mtna-wf-repeatable-item-container .repeat-item-container:not(:first-of-type){margin-top:8px}mtna-wf-table-item .mat-table tbody tr td mtna-wf-repeatable-item-container .new-item-button{margin:8px 0}\n"], components: [{ type: i1__namespace$9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }, { type: i1__namespace$9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1__namespace$9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1__namespace$9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1__namespace$9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i1__namespace$9.MatCellDef, selector: "[matCellDef]" }, { type: i1__namespace$9.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1__namespace$9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6346,12 +6405,12 @@
       return MtnaWfTableFormItemModule;
   }());
   MtnaWfTableFormItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfTableFormItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, declarations: [MtnaWfTableFormItemComponent], imports: [i3$1.CommonModule, i1$8.MatTableModule, MtnaWfFormItemModule], exports: [MtnaWfTableFormItemComponent] });
-  MtnaWfTableFormItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, imports: [[i3$1.CommonModule, i1$8.MatTableModule, MtnaWfFormItemModule]] });
+  MtnaWfTableFormItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, declarations: [MtnaWfTableFormItemComponent], imports: [i3$1.CommonModule, i1$9.MatTableModule, MtnaWfFormItemModule], exports: [MtnaWfTableFormItemComponent] });
+  MtnaWfTableFormItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, imports: [[i3$1.CommonModule, i1$9.MatTableModule, MtnaWfFormItemModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, i1$8.MatTableModule, MtnaWfFormItemModule],
+                      imports: [i3$1.CommonModule, i1$9.MatTableModule, MtnaWfFormItemModule],
                       declarations: [MtnaWfTableFormItemComponent],
                       exports: [MtnaWfTableFormItemComponent],
                   }]
@@ -6365,7 +6424,7 @@
       return MtnaWfTextItemComponent;
   }(MtnaWfBaseFormItem));
   MtnaWfTextItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfTextItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTextItemComponent, selector: "mtna-wf-text-item", usesInheritance: true, ngImport: i0__namespace, template: "<p [innerHTML]=\"$any(item.value) | mtnaWfSanitizeHtml\" class=\"mtna-wf-text-item\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"></p>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-text-item .mtna-wf-text-item{padding-right:24px}\n"], directives: [{ type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfTextItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTextItemComponent, selector: "mtna-wf-text-item", usesInheritance: true, ngImport: i0__namespace, template: "<p [innerHTML]=\"$any(item.value) | mtnaWfSanitizeHtml\" class=\"mtna-wf-text-item\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\"></p>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-text-item .mtna-wf-text-item{padding-right:24px}\n"], directives: [{ type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6383,12 +6442,12 @@
       return MtnaWfTextItemModule;
   }());
   MtnaWfTextItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfTextItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, declarations: [MtnaWfTextItemComponent], imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfTextItemComponent] });
-  MtnaWfTextItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, imports: [[i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
+  MtnaWfTextItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, declarations: [MtnaWfTextItemComponent], imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfTextItemComponent] });
+  MtnaWfTextItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, imports: [[i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
+                      imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
                       declarations: [MtnaWfTextItemComponent],
                       exports: [MtnaWfTextItemComponent],
                   }]
@@ -6402,7 +6461,7 @@
       return MtnaWfTitleItemComponent;
   }(MtnaWfBaseFormItem));
   MtnaWfTitleItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfTitleItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTitleItemComponent, selector: "mtna-wf-title-item", usesInheritance: true, ngImport: i0__namespace, template: "<h3 class=\"mtna-wf-title-item\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\">{{ item.value }}</h3>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-title-item .mtna-wf-title-item{padding-right:24px}mtna-wf-title-item .mtna-wf-title-item{font-size:1rem;font-weight:400;letter-spacing:1px;line-height:32px;text-transform:uppercase}\n"], directives: [{ type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfTitleItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTitleItemComponent, selector: "mtna-wf-title-item", usesInheritance: true, ngImport: i0__namespace, template: "<h3 class=\"mtna-wf-title-item\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\">{{ item.value }}</h3>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-title-item .mtna-wf-title-item{padding-right:24px}mtna-wf-title-item .mtna-wf-title-item{font-size:1rem;font-weight:400;letter-spacing:1px;line-height:32px;text-transform:uppercase}\n"], directives: [{ type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6420,12 +6479,12 @@
       return MtnaWfTitleItemModule;
   }());
   MtnaWfTitleItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfTitleItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, declarations: [MtnaWfTitleItemComponent], imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule], exports: [MtnaWfTitleItemComponent] });
-  MtnaWfTitleItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, imports: [[i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule]] });
+  MtnaWfTitleItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, declarations: [MtnaWfTitleItemComponent], imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule], exports: [MtnaWfTitleItemComponent] });
+  MtnaWfTitleItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, imports: [[i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule],
+                      imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule],
                       declarations: [MtnaWfTitleItemComponent],
                       exports: [MtnaWfTitleItemComponent],
                   }]
@@ -6439,7 +6498,7 @@
       return MtnaWfUnorderedListItemComponent;
   }(MtnaWfBaseFormItem));
   MtnaWfUnorderedListItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfUnorderedListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemComponent, selector: "mtna-wf-unordered-list-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<ul [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <li *ngFor=\"let item of item.value\" [innerHTML]=\"item | mtnaWfSanitizeHtml\"></li>\n</ul>\n", styles: ["mtna-wf-unordered-list-item>ul{list-style:disc outside;padding-left:1rem}mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-unordered-list-item>ul{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfUnorderedListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemComponent, selector: "mtna-wf-unordered-list-item", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<ul [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <li *ngFor=\"let item of item.value\" [innerHTML]=\"item | mtnaWfSanitizeHtml\"></li>\n</ul>\n", styles: ["mtna-wf-unordered-list-item>ul{list-style:disc outside;padding-left:1rem}mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-unordered-list-item>ul{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6457,12 +6516,12 @@
       return MtnaWfUnorderedListItemModule;
   }());
   MtnaWfUnorderedListItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfUnorderedListItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, declarations: [MtnaWfUnorderedListItemComponent], imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfUnorderedListItemComponent] });
-  MtnaWfUnorderedListItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, imports: [[i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
+  MtnaWfUnorderedListItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, declarations: [MtnaWfUnorderedListItemComponent], imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule], exports: [MtnaWfUnorderedListItemComponent] });
+  MtnaWfUnorderedListItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, imports: [[i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
+                      imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
                       declarations: [MtnaWfUnorderedListItemComponent],
                       exports: [MtnaWfUnorderedListItemComponent],
                   }]
@@ -6605,7 +6664,7 @@
       return MtnaWfYearQuarterComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfYearQuarterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MTNA_WF_DEFAULT_YEAR_RANGE, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfYearQuarterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", host: { properties: { "class.mtna-wf-year-quarter-item": "this.yearQuarterItemClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div\n  *ngIf=\"control\"\n  class=\"year-quarter-container\"\n  fxLayout=\"row\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-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-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}\n"], components: [{ type: i1__namespace$4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfYearQuarterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", host: { properties: { "class.mtna-wf-year-quarter-item": "this.yearQuarterItemClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div\n  *ngIf=\"control\"\n  class=\"year-quarter-container\"\n  fxLayout=\"row\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-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-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6635,24 +6694,24 @@
   MtnaWfYearQuarterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfYearQuarterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, declarations: [MtnaWfYearQuarterComponent], imports: [i3$1.CommonModule,
           flexLayout.FlexLayoutModule,
-          i1$6.MatFormFieldModule,
+          i1$7.MatFormFieldModule,
           i2.MatSelectModule,
           i6.FormsModule,
           MtnaWfGetFormControlErrorPipeModule,
           MtnaWfGetAvailableQuartersPipeModule,
           MtnaWfDateQuarterPipeModule,
-          i4.MtnaHighlightModule,
+          i1$1.MtnaHighlightModule,
           i6.ReactiveFormsModule], exports: [MtnaWfYearQuarterComponent] });
   MtnaWfYearQuarterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, imports: [[
               i3$1.CommonModule,
               flexLayout.FlexLayoutModule,
-              i1$6.MatFormFieldModule,
+              i1$7.MatFormFieldModule,
               i2.MatSelectModule,
               i6.FormsModule,
               MtnaWfGetFormControlErrorPipeModule,
               MtnaWfGetAvailableQuartersPipeModule,
               MtnaWfDateQuarterPipeModule,
-              i4.MtnaHighlightModule,
+              i1$1.MtnaHighlightModule,
               i6.ReactiveFormsModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, decorators: [{
@@ -6661,13 +6720,13 @@
                       imports: [
                           i3$1.CommonModule,
                           flexLayout.FlexLayoutModule,
-                          i1$6.MatFormFieldModule,
+                          i1$7.MatFormFieldModule,
                           i2.MatSelectModule,
                           i6.FormsModule,
                           MtnaWfGetFormControlErrorPipeModule,
                           MtnaWfGetAvailableQuartersPipeModule,
                           MtnaWfDateQuarterPipeModule,
-                          i4.MtnaHighlightModule,
+                          i1$1.MtnaHighlightModule,
                           i6.ReactiveFormsModule,
                       ],
                       declarations: [MtnaWfYearQuarterComponent],
@@ -6698,7 +6757,7 @@
       return MtnaWfYearQuarterRangeComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfYearQuarterRangeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfYearQuarterRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterRangeComponent, selector: "mtna-wf-year-quarter-range-item", host: { properties: { "class.mtna-wf-year-quarter-range-item": "this.yearQuarterRangeClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div\n  *ngIf=\"control\"\n  class=\"range-item-container\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mtna-wf-year-quarter-item\n    [item]=\"_startItem\"\n    [control]=\"control.controls['start'] | mtnaWfCoerceFormControl\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-year-quarter-item>\n  <span fxFlex=\"14px\">to</span>\n  <mtna-wf-year-quarter-item\n    [item]=\"_endItem\"\n    [control]=\"control.controls['end'] | mtnaWfCoerceFormControl\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-year-quarter-item>\n</div>\n", styles: ["mtna-wf-year-quarter-range-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-range-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item" }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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: { "mtnaWfCoerceFormControl": MtnaWfCoerceFormControlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfYearQuarterRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterRangeComponent, selector: "mtna-wf-year-quarter-range-item", host: { properties: { "class.mtna-wf-year-quarter-range-item": "this.yearQuarterRangeClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n\n<div\n  *ngIf=\"control\"\n  class=\"range-item-container\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mtna-wf-year-quarter-item\n    [item]=\"_startItem\"\n    [control]=\"control.controls['start'] | mtnaWfCoerceFormControl\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-year-quarter-item>\n  <span fxFlex=\"14px\">to</span>\n  <mtna-wf-year-quarter-item\n    [item]=\"_endItem\"\n    [control]=\"control.controls['end'] | mtnaWfCoerceFormControl\"\n    [readonly]=\"readonly\"\n  ></mtna-wf-year-quarter-item>\n</div>\n", styles: ["mtna-wf-year-quarter-range-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-range-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-range-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item" }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace$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: { "mtnaWfCoerceFormControl": MtnaWfCoerceFormControlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -6719,127 +6778,102 @@
       return MtnaWfYearQuarterRangeModule;
   }());
   MtnaWfYearQuarterRangeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfYearQuarterRangeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, declarations: [MtnaWfYearQuarterRangeComponent], imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i4.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule], exports: [MtnaWfYearQuarterRangeComponent] });
-  MtnaWfYearQuarterRangeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, imports: [[i3$1.CommonModule, MtnaWfYearQuarterModule, i4.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule]] });
+  MtnaWfYearQuarterRangeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, declarations: [MtnaWfYearQuarterRangeComponent], imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i1$1.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule], exports: [MtnaWfYearQuarterRangeComponent] });
+  MtnaWfYearQuarterRangeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, imports: [[i3$1.CommonModule, MtnaWfYearQuarterModule, i1$1.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i4.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule],
+                      imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i1$1.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule],
                       declarations: [MtnaWfYearQuarterRangeComponent],
                       exports: [MtnaWfYearQuarterRangeComponent],
                   }]
           }] });
 
-  var MtnaWfProgressiveFormSectionComponent = /** @class */ (function (_super) {
-      __extends(MtnaWfProgressiveFormSectionComponent, _super);
-      function MtnaWfProgressiveFormSectionComponent(cdr) {
-          return _super.call(this, cdr) || this;
-      }
-      return MtnaWfProgressiveFormSectionComponent;
-  }(MtnaWfBaseSectionItem));
-  MtnaWfProgressiveFormSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfProgressiveFormSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfProgressiveFormSectionComponent, selector: "mtna-wf-progressive-form-section", usesInheritance: true, ngImport: i0__namespace, template: "<mtna-wf-step-card [step]=\"step\" [subtitle]=\"item.descriptiveText\" [mtnaHighlight]=\"indicatorStatus === 'ACTIVE'\">\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        [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-progressive-form-section mat-divider.mat-divider-horizontal.progressive-form-section-actions-divider{position:relative;left:unset;padding-bottom:8px}mtna-wf-progressive-form-section .progressive-form-section-actions-wrapper .mat-raised-button{margin:0}\n"], components: [{ type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: ["color", "step", "subtitle"], outputs: ["focused"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i4__namespace.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfGetObjectType": MtnaWfGetObjectTypePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'mtna-wf-progressive-form-section',
-                      templateUrl: './progressive-form-section.component.html',
-                      styleUrls: ['./progressive-form-section.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                      encapsulation: i0.ViewEncapsulation.None,
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
-
   var MTNA_WF_ITEM_INJECTED_COMPONENTS = [
       // Boolean Item Component
       {
-          key: 'us.mtna.web.form.item.impl.BooleanItem',
+          key: webFormTs.BOOLEAN_ITEM_ID,
           component: MtnaWfBooleanComponent,
       },
       // Checkbox Item Component
       {
-          key: 'us.mtna.web.form.item.impl.CheckboxItem',
+          key: webFormTs.CHECKBOX_ITEM_ID,
           component: MtnaWfCheckboxComponent,
       },
       // Date Item Component
       {
-          key: 'us.mtna.web.form.item.impl.DateItem',
+          key: webFormTs.DATE_ITEM_ID,
           component: MtnaWfDateComponent,
       },
       // Date Range Item Component
       {
-          key: 'us.mtna.web.form.item.impl.date.OffsetDateRangeItem',
+          key: webFormTs.OFFSET_DATE_RANGE_ITEM_ID,
           component: MtnaWfDateRangeComponent,
       },
       // Dropdown Item Component
       {
-          key: 'us.mtna.web.form.item.impl.DropdownItem',
+          key: webFormTs.DROPDOWN_ITEM_ID,
           component: MtnaWfDropdownComponent,
       },
       // File Upload Item Component
       {
-          key: 'us.mtna.web.form.item.impl.FileUploadItem',
+          key: webFormTs.FILE_UPLOAD_ITEM_ID,
           component: MtnaWfFileUploadComponent,
       },
       // Form Item Group Component
       {
-          key: 'us.mtna.web.form.item.impl.FormItemGroupImpl',
+          key: webFormTs.FORM_ITEM_GROUP_IMPL_ID,
           component: MtnaWfFormGroupComponent,
       },
       // Form Section Component
       {
-          key: 'us.mtna.web.form.impl.SectionImpl',
+          key: webFormTs.SECTION_ID,
           component: MtnaWfFormSectionComponent,
       },
-      // Progressive Form Section Component
-      {
-          key: 'us.mtna.web.form.impl.ProgressiveFormSectionImpl',
-          component: MtnaWfProgressiveFormSectionComponent,
-      },
       // I18n Input Item Components
       {
-          key: 'us.mtna.web.form.item.impl.InternationalizedParagraphAnswerItem',
+          key: webFormTs.I18N_PARAGRAPH_ANSWER_ITEM_ID,
           component: MtnaWfI18nInputComponent,
       },
       {
-          key: 'us.mtna.web.form.item.impl.InternationalizedShortAnswerItem',
+          key: webFormTs.I18N_SHORT_ANSWER_ITEM_ID,
           component: MtnaWfI18nInputComponent,
       },
       // Input Item Components
       {
-          key: 'us.mtna.web.form.item.impl.DecimalAnswerItem',
+          key: webFormTs.DECIMAL_ANSWER_ITEM_ID,
           component: MtnaWfInputComponent,
       },
       {
-          key: 'us.mtna.web.form.item.impl.ParagraphAnswerItem',
+          key: webFormTs.PARAGRAPH_ANSWER_ITEM_ID,
           component: MtnaWfInputComponent,
       },
       {
-          key: 'us.mtna.web.form.item.impl.ShortAnswerItem',
+          key: webFormTs.SHORT_ANSWER_ITEM_ID,
           component: MtnaWfInputComponent,
       },
       {
-          key: 'us.mtna.web.form.item.impl.WholeNumberAnswerItem',
+          key: webFormTs.WHOLE_NUMBER_ANSWER_ITEM_ID,
           component: MtnaWfInputComponent,
       },
       // Mutliple Choice Item Component
       {
-          key: 'us.mtna.web.form.item.impl.MultipleChoiceItem',
+          key: webFormTs.MULTIPLE_CHOICE_ITEM_ID,
           component: MtnaWfMultipleChoiceComponent,
       },
       // Orderd List Item Component
       {
-          key: 'us.mtna.web.form.item.impl.NumberedListItem',
+          key: webFormTs.NUMBERED_LIST_ITEM_ID,
           component: MtnaWfOrderedListItemComponent,
       },
       // Repeatable Item Container Component
       {
-          key: 'us.mtna.web.form.item.RepeatableItem',
+          key: webFormTs.REPEATABLE_ITEM_ID,
           component: MtnaWfRepeatableItemContainerComponent,
       },
       // Resource Search Item Component
       {
-          key: 'us.mtna.web.form.item.impl.search.ResourceSearchItem',
+          key: webFormTs.RESOURCE_SEARCH_ITEM_ID,
           component: MtnaWfResourceSearchComponent,
       },
       // Table Item Component - NOTE: NOT USED
@@ -6849,17 +6883,17 @@
       // },
       // Text Item Component
       {
-          key: 'us.mtna.web.form.item.impl.TextItem',
+          key: webFormTs.TEXT_ITEM_ID,
           component: MtnaWfTextItemComponent,
       },
       // Title Item Component
       {
-          key: 'us.mtna.web.form.item.impl.TitleItem',
+          key: webFormTs.TITLE_ITEM_ID,
           component: MtnaWfTitleItemComponent,
       },
       // Unordered List Item Component
       {
-          key: 'us.mtna.web.form.item.impl.BulletedListItem',
+          key: webFormTs.BULLETED_LIST_ITEM_ID,
           component: MtnaWfUnorderedListItemComponent,
       },
       // Year Quarter Item Component
@@ -6869,7 +6903,7 @@
       },
       // Year Quarter Range Item Component
       {
-          key: 'us.mtna.web.form.item.impl.date.YearQuarterRangeItem',
+          key: webFormTs.YEAR_QUARTER_RANGE_ITEM_ID,
           component: MtnaWfYearQuarterRangeComponent,
       },
   ];
@@ -6883,7 +6917,7 @@
           return MTNA_WF_ITEM_INJECTED_COMPONENTS;
       };
       return MtnaWfItemComponentProvider;
-  }(i4.InjectedComponentProvider));
+  }(i1$1.InjectedComponentProvider));
 
   /* eslint-disable @angular-eslint/no-outputs-metadata-property */
   var MtnaWfProgressiveFormComponent = /** @class */ (function (_super) {
@@ -7152,8 +7186,8 @@
       };
       return MtnaWfProgressiveFormComponent;
   }(MtnaWfBaseFormComponent));
-  MtnaWfProgressiveFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormComponent, deps: [{ token: MtnaWfManagerService }, { token: MtnaWfNgFormService }, { token: MtnaWfUIService }, { token: i0__namespace.ChangeDetectorRef }, { token: i4__namespace.MtnaScrollService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfProgressiveFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfProgressiveFormComponent, selector: "mtna-wf-progressive-form", inputs: { loading: "loading" }, outputs: { status: "status", focusedSection: "focusedSection", mtnaFormChange: "mtnaFormChange", nextStepSelected: "nextStepSelected", previousStepSelected: "previousStepSelected", showSelectedStepId: "showSelectedStepId" }, usesInheritance: true, ngImport: i0__namespace, template: "<div fxLayout=\"row\" class=\"mtna-wf-progressive-form__container\">\n  <mtna-wf-stepper\n    *ngIf=\"stepArray$ | async as steps\"\n    fxFlex=\"200px\"\n    [steps]=\"steps\"\n    (selected)=\"showSelectedStep($event)\"\n  ></mtna-wf-stepper>\n  <div fxFlex class=\"mtna-wf-progressive-form__form-container\">\n    <form *ngIf=\"ngForm\" [formGroup]=\"ngForm\" [formDisabled]=\"readonly\">\n      <ng-container *ngFor=\"let item of mtnaForm?.items\">\n        <ng-container *ngIf=\"activeStepId$ | async as activeStepId\">\n          <mtna-wf-item\n            *ngIf=\"item.instanceId === activeStepId\"\n            [item]=\"item\"\n            [control]=\"ngForm.controls[item.instanceId]\"\n            [readonly]=\"readonly\"\n            [parentIds]=\"componentIds\"\n            [step]=\"_steps?.[item.instanceId]\"\n            (focusedSection)=\"focusedSection.emit($event)\"\n          ></mtna-wf-item>\n        </ng-container>\n      </ng-container>\n    </form>\n    <div *ngIf=\"!loading\" class=\"mtna-wf-progressive-form__stepper-actions\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"26px\">\n      <button *ngIf=\"showPreviousButton\" mat-stroked-button color=\"primary\" (click)=\"showDirectionalStep('previous')\" i18n>\n        Previous Step\n      </button>\n      <ng-container *ngIf=\"!lastStepActive; else parentActions\">\n        <button mat-raised-button color=\"primary\" (click)=\"showDirectionalStep('next')\" i18n>Next Step</button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #parentActions>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["mtna-wf-progressive-form{display:flex;flex:1}mtna-wf-progressive-form .mtna-wf-progressive-form__container{width:100%}mtna-wf-progressive-form mtna-wf-progressive-form-section mtna-wf-step-card{margin:24px}mtna-wf-progressive-form .mtna-wf-progressive-form__stepper-actions{margin:0 24px 24px}mtna-wf-progressive-form .mtna-wf-progressive-form__stepper-actions .mtna-wf-progressive-form__next-button{margin-left:auto}\n"], components: [{ type: MtnaWfFormStepperComponent, selector: "mtna-wf-stepper", inputs: ["color", "incompleteIcon", "steps"], outputs: ["selected"] }, { type: MtnaWfFormDisablerComponent, selector: "[formDisabled]", inputs: ["formDisabled"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }, { type: i3__namespace$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"] }], directives: [{ type: i3__namespace$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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfProgressiveFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormComponent, deps: [{ token: MtnaWfManagerService }, { token: MtnaWfNgFormService }, { token: MtnaWfUIService }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.MtnaScrollService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  MtnaWfProgressiveFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfProgressiveFormComponent, selector: "mtna-wf-progressive-form", inputs: { loading: "loading" }, outputs: { status: "status", focusedSection: "focusedSection", mtnaFormChange: "mtnaFormChange", nextStepSelected: "nextStepSelected", previousStepSelected: "previousStepSelected", showSelectedStepId: "showSelectedStepId" }, usesInheritance: true, ngImport: i0__namespace, template: "<div fxLayout=\"row\" class=\"mtna-wf-progressive-form__container\">\n  <mtna-wf-stepper\n    *ngIf=\"stepArray$ | async as steps\"\n    fxFlex=\"200px\"\n    [steps]=\"steps\"\n    (selected)=\"showSelectedStep($event)\"\n  ></mtna-wf-stepper>\n  <div fxFlex class=\"mtna-wf-progressive-form__form-container\">\n    <form *ngIf=\"ngForm\" [formGroup]=\"ngForm\" [formDisabled]=\"readonly\">\n      <ng-container *ngFor=\"let item of mtnaForm?.items | mtnaWfFilterHiddenItems\">\n        <ng-container *ngIf=\"activeStepId$ | async as activeStepId\">\n          <mtna-wf-item\n            *ngIf=\"item.instanceId === activeStepId\"\n            [item]=\"item\"\n            [control]=\"ngForm.controls[item.instanceId]\"\n            [readonly]=\"readonly\"\n            [parentIds]=\"componentIds\"\n            [step]=\"_steps?.[item.instanceId]\"\n            (focusedSection)=\"focusedSection.emit($event)\"\n          ></mtna-wf-item>\n        </ng-container>\n      </ng-container>\n    </form>\n    <div *ngIf=\"!loading\" class=\"mtna-wf-progressive-form__stepper-actions\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"26px\">\n      <button *ngIf=\"showPreviousButton\" mat-stroked-button color=\"primary\" (click)=\"showDirectionalStep('previous')\" i18n>\n        Previous Step\n      </button>\n      <ng-container *ngIf=\"!lastStepActive; else parentActions\">\n        <button mat-raised-button color=\"primary\" (click)=\"showDirectionalStep('next')\" i18n>Next Step</button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #parentActions>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["mtna-wf-progressive-form{display:flex;flex:1}mtna-wf-progressive-form .mtna-wf-progressive-form__container{width:100%}mtna-wf-progressive-form mtna-wf-section mtna-wf-step-card{margin:24px}mtna-wf-progressive-form .mtna-wf-progressive-form__stepper-actions{margin:0 24px 24px}mtna-wf-progressive-form .mtna-wf-progressive-form__stepper-actions .mtna-wf-progressive-form__next-button{margin-left:auto}\n"], components: [{ type: MtnaWfFormStepperComponent, selector: "mtna-wf-stepper", inputs: ["color", "incompleteIcon", "steps"], outputs: ["selected"] }, { type: MtnaWfFormDisablerComponent, selector: "[formDisabled]", inputs: ["formDisabled"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }, { type: i3__namespace$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"] }], directives: [{ type: i3__namespace$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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$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"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$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__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "async": i3__namespace.AsyncPipe, "mtnaWfFilterHiddenItems": MtnaWfFilterHiddenItemsPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -7164,7 +7198,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       outputs: ['status', 'focusedSection', 'mtnaFormChange'],
                   }]
-          }], ctorParameters: function () { return [{ type: MtnaWfManagerService }, { type: MtnaWfNgFormService }, { type: MtnaWfUIService }, { type: i0__namespace.ChangeDetectorRef }, { type: i4__namespace.MtnaScrollService }]; }, propDecorators: { loading: [{
+          }], ctorParameters: function () { return [{ type: MtnaWfManagerService }, { type: MtnaWfNgFormService }, { type: MtnaWfUIService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.MtnaScrollService }]; }, propDecorators: { loading: [{
                   type: i0.Input
               }], nextStepSelected: [{
                   type: i0.Output
@@ -7174,58 +7208,13 @@
                   type: i0.Output
               }] } });
 
-  var MtnaWfProgressiveFormSectionModule = /** @class */ (function () {
-      function MtnaWfProgressiveFormSectionModule() {
-      }
-      return MtnaWfProgressiveFormSectionModule;
-  }());
-  MtnaWfProgressiveFormSectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfProgressiveFormSectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, declarations: [MtnaWfProgressiveFormSectionComponent], imports: [i3$1.CommonModule,
-          flexLayout.FlexLayoutModule,
-          MtnaWfStepCardModule,
-          i4.MtnaHighlightModule,
-          i2$2.MatDividerModule,
-          MtnaWfGetObjectTypePipeModule,
-          MtnaWfFormItemModule,
-          i3$2.MatButtonModule,
-          i5.MatIconModule], exports: [MtnaWfProgressiveFormSectionComponent] });
-  MtnaWfProgressiveFormSectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, imports: [[
-              i3$1.CommonModule,
-              flexLayout.FlexLayoutModule,
-              MtnaWfStepCardModule,
-              i4.MtnaHighlightModule,
-              i2$2.MatDividerModule,
-              MtnaWfGetObjectTypePipeModule,
-              MtnaWfFormItemModule,
-              i3$2.MatButtonModule,
-              i5.MatIconModule,
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [
-                          i3$1.CommonModule,
-                          flexLayout.FlexLayoutModule,
-                          MtnaWfStepCardModule,
-                          i4.MtnaHighlightModule,
-                          i2$2.MatDividerModule,
-                          MtnaWfGetObjectTypePipeModule,
-                          MtnaWfFormItemModule,
-                          i3$2.MatButtonModule,
-                          i5.MatIconModule,
-                      ],
-                      declarations: [MtnaWfProgressiveFormSectionComponent],
-                      exports: [MtnaWfProgressiveFormSectionComponent],
-                  }]
-          }] });
-
   var MtnaWfProgressiveFormModule = /** @class */ (function () {
       function MtnaWfProgressiveFormModule() {
       }
       return MtnaWfProgressiveFormModule;
   }());
   MtnaWfProgressiveFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfProgressiveFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, declarations: [MtnaWfProgressiveFormComponent], imports: [i4$1.A11yModule,
+  MtnaWfProgressiveFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, declarations: [MtnaWfProgressiveFormComponent], imports: [i4.A11yModule,
           i3$1.CommonModule,
           flexLayout.FlexLayoutModule,
           i6.FormsModule,
@@ -7233,13 +7222,14 @@
           i5.MatIconModule,
           MtnaWfFormDisablerModule,
           MtnaWfFormItemModule,
-          MtnaWfProgressiveFormSectionModule,
           i6.ReactiveFormsModule,
+          MtnaWfFilterHiddenItemsPipeModule,
           MtnaWfFormStepperModule,
           GetProgressiveFormItemPipeModule,
-          GetActiveFormStepItemPipeModule], exports: [MtnaWfProgressiveFormComponent] });
+          GetActiveFormStepItemPipeModule,
+          MtnaWfFilterHiddenItemsPipeModule], exports: [MtnaWfProgressiveFormComponent] });
   MtnaWfProgressiveFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, imports: [[
-              i4$1.A11yModule,
+              i4.A11yModule,
               i3$1.CommonModule,
               flexLayout.FlexLayoutModule,
               i6.FormsModule,
@@ -7247,17 +7237,18 @@
               i5.MatIconModule,
               MtnaWfFormDisablerModule,
               MtnaWfFormItemModule,
-              MtnaWfProgressiveFormSectionModule,
               i6.ReactiveFormsModule,
+              MtnaWfFilterHiddenItemsPipeModule,
               MtnaWfFormStepperModule,
               GetProgressiveFormItemPipeModule,
               GetActiveFormStepItemPipeModule,
+              MtnaWfFilterHiddenItemsPipeModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       imports: [
-                          i4$1.A11yModule,
+                          i4.A11yModule,
                           i3$1.CommonModule,
                           flexLayout.FlexLayoutModule,
                           i6.FormsModule,
@@ -7265,11 +7256,12 @@
                           i5.MatIconModule,
                           MtnaWfFormDisablerModule,
                           MtnaWfFormItemModule,
-                          MtnaWfProgressiveFormSectionModule,
                           i6.ReactiveFormsModule,
+                          MtnaWfFilterHiddenItemsPipeModule,
                           MtnaWfFormStepperModule,
                           GetProgressiveFormItemPipeModule,
                           GetActiveFormStepItemPipeModule,
+                          MtnaWfFilterHiddenItemsPipeModule,
                       ],
                       declarations: [MtnaWfProgressiveFormComponent],
                       exports: [MtnaWfProgressiveFormComponent],
@@ -7337,6 +7329,8 @@
   exports.MtnaWfDropdownModule = MtnaWfDropdownModule;
   exports.MtnaWfFileUploadComponent = MtnaWfFileUploadComponent;
   exports.MtnaWfFileUploadModule = MtnaWfFileUploadModule;
+  exports.MtnaWfFilterHiddenItemsPipe = MtnaWfFilterHiddenItemsPipe;
+  exports.MtnaWfFilterHiddenItemsPipeModule = MtnaWfFilterHiddenItemsPipeModule;
   exports.MtnaWfFormComponent = MtnaWfFormComponent;
   exports.MtnaWfFormDisablerComponent = MtnaWfFormDisablerComponent;
   exports.MtnaWfFormDisablerModule = MtnaWfFormDisablerModule;
@@ -7387,8 +7381,6 @@
   exports.MtnaWfOrderedListItemModule = MtnaWfOrderedListItemModule;
   exports.MtnaWfProgressiveFormComponent = MtnaWfProgressiveFormComponent;
   exports.MtnaWfProgressiveFormModule = MtnaWfProgressiveFormModule;
-  exports.MtnaWfProgressiveFormSectionComponent = MtnaWfProgressiveFormSectionComponent;
-  exports.MtnaWfProgressiveFormSectionModule = MtnaWfProgressiveFormSectionModule;
   exports.MtnaWfRepeatableItemComponent = MtnaWfRepeatableItemComponent;
   exports.MtnaWfRepeatableItemContainerComponent = MtnaWfRepeatableItemContainerComponent;
   exports.MtnaWfRepeatableItemContainerModule = MtnaWfRepeatableItemContainerModule;
@@ -7414,8 +7406,6 @@
   exports.MtnaWfYearQuarterModule = MtnaWfYearQuarterModule;
   exports.MtnaWfYearQuarterRangeComponent = MtnaWfYearQuarterRangeComponent;
   exports.MtnaWfYearQuarterRangeModule = MtnaWfYearQuarterRangeModule;
-  exports.PROGRESSIVE_FORM_ID = PROGRESSIVE_FORM_ID;
-  exports.PROGRESSIVE_FORM_SECTION_ID = PROGRESSIVE_FORM_SECTION_ID;
   exports.WEB_FORM_CUSTOM_ERRORS = WEB_FORM_CUSTOM_ERRORS;
   exports.everyStepStatus = everyStepStatus;
   exports.findFormControl = findFormControl;
@@ -7429,8 +7419,6 @@
   exports.isFormControl = isFormControl;
   exports.isFormGroup = isFormGroup;
   exports.isFormStepGroup = isFormStepGroup;
-  exports.isProgressiveForm = isProgressiveForm;
-  exports.isProgressiveFormSection = isProgressiveFormSection;
   exports.updateStepStatus = updateStepStatus;
   exports.validationResultValidator = validationResultValidator;