@mtna/web-form-angular 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/bundles/mtna-web-form-angular.umd.js +372 -384
  2. package/bundles/mtna-web-form-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/form/form.component.js +3 -2
  4. package/esm2015/lib/components/form/form.module.js +5 -1
  5. package/esm2015/lib/components/form-item-component-provider/form-item-injected-components.js +24 -29
  6. package/esm2015/lib/components/form-item-impl/date-range/date-range.component.js +2 -2
  7. package/esm2015/lib/components/form-item-impl/dropdown/dropdown.component.js +2 -2
  8. package/esm2015/lib/components/form-item-impl/form-section/form-section.component.js +4 -3
  9. package/esm2015/lib/components/form-item-impl/multiple-choice/multiple-choice.component.js +2 -2
  10. package/esm2015/lib/components/form-stepper/form-stepper/form-stepper.component.js +2 -2
  11. package/esm2015/lib/components/form-stepper/form-stepper.module.js +3 -3
  12. package/esm2015/lib/components/progressive-form/index.js +1 -2
  13. package/esm2015/lib/components/progressive-form/progressive-form/progressive-form.component.js +3 -2
  14. package/esm2015/lib/components/progressive-form/progressive-form/progressive-form.module.js +9 -7
  15. package/esm2015/lib/models/form-stepper/form-step.model.js +1 -1
  16. package/esm2015/lib/models/index.js +1 -2
  17. package/esm2015/lib/pipes/child-step-active.pipe.js +3 -3
  18. package/esm2015/lib/pipes/coerce-form-step-group.pipe.js +1 -1
  19. package/esm2015/lib/pipes/coerce-form-step.pipe.js +2 -2
  20. package/esm2015/lib/pipes/filter-hidden-items.pipe.js +51 -0
  21. package/esm2015/lib/pipes/index.js +2 -1
  22. package/esm2015/lib/services/form-manager.service.js +2 -3
  23. package/esm2015/lib/services/ui.service.js +7 -3
  24. package/esm2015/lib/utilities/generate-form-steps.js +4 -4
  25. package/esm2015/lib/utilities/serializer-util.js +3 -6
  26. package/esm2015/lib/utilities/update-step-status.js +1 -1
  27. package/fesm2015/mtna-web-form-angular.js +212 -230
  28. package/fesm2015/mtna-web-form-angular.js.map +1 -1
  29. package/lib/components/form/form.module.d.ts +4 -3
  30. package/lib/components/form-item-impl/dropdown/_dropdown-theme.scss +8 -8
  31. package/lib/components/form-stepper/form-stepper/_form-stepper-theme.scss +1 -2
  32. package/lib/components/progressive-form/index.d.ts +0 -1
  33. package/lib/components/progressive-form/progressive-form/progressive-form.component.d.ts +2 -2
  34. package/lib/components/progressive-form/progressive-form/progressive-form.module.d.ts +2 -2
  35. package/lib/models/index.d.ts +0 -1
  36. package/lib/pipes/filter-hidden-items.pipe.d.ts +23 -0
  37. package/lib/pipes/index.d.ts +1 -0
  38. package/lib/services/form-manager.service.d.ts +2 -2
  39. package/lib/utilities/generate-form-steps.d.ts +2 -2
  40. package/lib/utilities/update-step-status.d.ts +2 -2
  41. package/package.json +1 -1
  42. package/esm2015/lib/components/progressive-form/progressive-form-section/index.js +0 -3
  43. package/esm2015/lib/components/progressive-form/progressive-form-section/progressive-form-section.component.js +0 -27
  44. package/esm2015/lib/components/progressive-form/progressive-form-section/progressive-form-section.module.js +0 -54
  45. package/esm2015/lib/models/progressive-form/index.js +0 -4
  46. package/esm2015/lib/models/progressive-form/outline-step.model.js +0 -2
  47. package/esm2015/lib/models/progressive-form/progressive-form-section.model.js +0 -6
  48. package/esm2015/lib/models/progressive-form/progressive-form.model.js +0 -6
  49. package/lib/components/progressive-form/progressive-form-section/index.d.ts +0 -2
  50. package/lib/components/progressive-form/progressive-form-section/progressive-form-section.component.d.ts +0 -9
  51. package/lib/components/progressive-form/progressive-form-section/progressive-form-section.module.d.ts +0 -16
  52. package/lib/models/progressive-form/index.d.ts +0 -3
  53. package/lib/models/progressive-form/outline-step.model.d.ts +0 -7
  54. package/lib/models/progressive-form/progressive-form-section.model.d.ts +0 -4
  55. package/lib/models/progressive-form/progressive-form.model.d.ts +0 -7
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
2
  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')) :
3
3
  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) :
4
- (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));
5
- })(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';
4
+ (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));
5
+ })(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';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -27,30 +27,30 @@
27
27
  var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
28
28
  var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3);
29
29
  var i2__namespace = /*#__PURE__*/_interopNamespace(i2$1);
30
- var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
31
- var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$1);
30
+ var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
31
+ var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$2);
32
32
  var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2);
33
33
  var i3__namespace = /*#__PURE__*/_interopNamespace(i3$1);
34
- var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
35
- var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$2);
36
34
  var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
37
- var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$4);
38
- var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
35
+ var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$2);
36
+ var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
37
+ var i1__namespace$8 = /*#__PURE__*/_interopNamespace(i1$5);
38
+ var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
39
39
  var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$2);
40
40
  var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
41
41
  var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
42
42
  var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$3);
43
43
  var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
44
- var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$5);
44
+ var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$6);
45
45
  var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$3);
46
46
  var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$4);
47
- var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$6);
47
+ var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$7);
48
48
  var i3__namespace$4 = /*#__PURE__*/_interopNamespace(i3$4);
49
49
  var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
50
- var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
51
- var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$7);
50
+ var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
51
+ var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$8);
52
52
  var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
53
- var i1__namespace$8 = /*#__PURE__*/_interopNamespace(i1$8);
53
+ var i1__namespace$9 = /*#__PURE__*/_interopNamespace(i1$9);
54
54
 
55
55
  /******************************************************************************
56
56
  Copyright (c) Microsoft Corporation.
@@ -529,91 +529,6 @@
529
529
  __disposeResources: __disposeResources,
530
530
  };
531
531
 
532
- var BaseFormStep = /** @class */ (function () {
533
- function BaseFormStep(instanceId) {
534
- this.instanceId = instanceId;
535
- }
536
- return BaseFormStep;
537
- }());
538
-
539
- var FormStepGroup = /** @class */ (function (_super) {
540
- __extends(FormStepGroup, _super);
541
- function FormStepGroup(steps, instanceId, collapsed, label, num) {
542
- if (collapsed === void 0) { collapsed = false; }
543
- var _this = _super.call(this, instanceId) || this;
544
- _this.steps = steps;
545
- _this.collapsed = collapsed;
546
- _this.label = label;
547
- _this.num = num;
548
- _this.className = 'FormStepGroup';
549
- return _this;
550
- }
551
- return FormStepGroup;
552
- }(BaseFormStep));
553
- function isFormStepGroup(something) {
554
- return coreTs.isType(something, 'steps') && Array.isArray(something.steps);
555
- }
556
- function instanceOfFormStepGroup(something) {
557
- return coreTs.isType(something, 'className') && something.className === 'FormStepGroup';
558
- }
559
-
560
- var FormStep = /** @class */ (function (_super) {
561
- __extends(FormStep, _super);
562
- function FormStep(num, label, instanceId, optional) {
563
- if (optional === void 0) { optional = false; }
564
- var _this = _super.call(this, instanceId) || this;
565
- _this.num = num;
566
- _this.label = label;
567
- _this.optional = optional;
568
- _this.className = 'FormStep';
569
- _this.active = false;
570
- _this.status = 'INVALID';
571
- _this.disabled = false;
572
- return _this;
573
- }
574
- return FormStep;
575
- }(BaseFormStep));
576
- function instanceOfFormStep(something) {
577
- return coreTs.isType(something, 'className') && something.className === 'FormStep';
578
- }
579
-
580
- var PROGRESSIVE_FORM_ID = 'us.mtna.web.form.impl.ProgressiveFormImpl';
581
- function isProgressiveForm(something) {
582
- return coreTs.isType(something, 'itemId') && something.itemId === PROGRESSIVE_FORM_ID;
583
- }
584
-
585
- var PROGRESSIVE_FORM_SECTION_ID = 'us.mtna.web.form.impl.ProgressiveFormSectionImpl';
586
- function isProgressiveFormSection(something) {
587
- return coreTs.isType(something, 'itemId') && something.itemId === PROGRESSIVE_FORM_SECTION_ID;
588
- }
589
-
590
- var MTNA_WF_API_TOKEN = new i0.InjectionToken('mtnaWfApiConfig');
591
-
592
- /**
593
- * Dialog data for a {@link MtnaWfFormItemDialogComponent}
594
- */
595
- var MtnaWfFormItemDialogData = /** @class */ (function () {
596
- /**
597
- * @param formItems The form items to render in the dialog
598
- * @param title optional dialog title
599
- */
600
- function MtnaWfFormItemDialogData(formItems, title) {
601
- this.formItems = formItems;
602
- this.title = title;
603
- }
604
- return MtnaWfFormItemDialogData;
605
- }());
606
-
607
- var MTNA_WF_ITEM_WHITELIST = new i0.InjectionToken('mtna-wf-item-whitelist', {
608
- providedIn: 'root',
609
- factory: MTNA_WF_ITEM_WHITELIST_FACTORY,
610
- });
611
- function MTNA_WF_ITEM_WHITELIST_FACTORY() {
612
- return {
613
- itemTypes: [],
614
- };
615
- }
616
-
617
532
  var MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME = 'formItemValidationResult';
618
533
  /**
619
534
  * Valitator function that will check the root level {@link FormValidationResult} on
@@ -854,10 +769,9 @@
854
769
  function determineSerializeFunctionToUse(formItem, managerService, customFormItemConditional, customControlGenerator) {
855
770
  if (customFormItemConditional === void 0) { customFormItemConditional = function () { return false; }; }
856
771
  if (webFormTs.isForm(formItem) ||
857
- isProgressiveForm(formItem) ||
772
+ webFormTs.isProgressiveForm(formItem) ||
858
773
  webFormTs.isRepeatableItem(formItem) ||
859
774
  webFormTs.isSection(formItem) ||
860
- isProgressiveFormSection(formItem) ||
861
775
  webFormTs.isFormItemGroupImpl(formItem)) {
862
776
  return serializeFormItems(formItem, managerService, customFormItemConditional, customControlGenerator);
863
777
  }
@@ -949,7 +863,7 @@
949
863
  */
950
864
  function determineInsertFunctionToUse(formItem, ngFormValue, disabledState, customFormItemConditional, customFormItemBuilder, parent) {
951
865
  if (customFormItemConditional === void 0) { customFormItemConditional = function () { return false; }; }
952
- if (webFormTs.isSection(formItem) || isProgressiveFormSection(formItem) || webFormTs.isFormItemGroupImpl(formItem) || webFormTs.isRepeatableItem(formItem)) {
866
+ if (webFormTs.isSection(formItem) || webFormTs.isFormItemGroupImpl(formItem) || webFormTs.isRepeatableItem(formItem)) {
953
867
  var items = insertFormItemValues(formItem, ngFormValue, disabledState, customFormItemConditional, customFormItemBuilder);
954
868
  return Object.assign(Object.assign({}, formItem), { items: items, disabled: _isDisabled(formItem, disabledState) });
955
869
  }
@@ -1194,6 +1108,81 @@
1194
1108
  return null;
1195
1109
  }
1196
1110
 
1111
+ var BaseFormStep = /** @class */ (function () {
1112
+ function BaseFormStep(instanceId) {
1113
+ this.instanceId = instanceId;
1114
+ }
1115
+ return BaseFormStep;
1116
+ }());
1117
+
1118
+ var FormStepGroup = /** @class */ (function (_super) {
1119
+ __extends(FormStepGroup, _super);
1120
+ function FormStepGroup(steps, instanceId, collapsed, label, num) {
1121
+ if (collapsed === void 0) { collapsed = false; }
1122
+ var _this = _super.call(this, instanceId) || this;
1123
+ _this.steps = steps;
1124
+ _this.collapsed = collapsed;
1125
+ _this.label = label;
1126
+ _this.num = num;
1127
+ _this.className = 'FormStepGroup';
1128
+ return _this;
1129
+ }
1130
+ return FormStepGroup;
1131
+ }(BaseFormStep));
1132
+ function isFormStepGroup(something) {
1133
+ return coreTs.isType(something, 'steps') && Array.isArray(something.steps);
1134
+ }
1135
+ function instanceOfFormStepGroup(something) {
1136
+ return coreTs.isType(something, 'className') && something.className === 'FormStepGroup';
1137
+ }
1138
+
1139
+ var FormStep = /** @class */ (function (_super) {
1140
+ __extends(FormStep, _super);
1141
+ function FormStep(num, label, instanceId, optional) {
1142
+ if (optional === void 0) { optional = false; }
1143
+ var _this = _super.call(this, instanceId) || this;
1144
+ _this.num = num;
1145
+ _this.label = label;
1146
+ _this.optional = optional;
1147
+ _this.className = 'FormStep';
1148
+ _this.active = false;
1149
+ _this.status = 'INVALID';
1150
+ _this.disabled = false;
1151
+ return _this;
1152
+ }
1153
+ return FormStep;
1154
+ }(BaseFormStep));
1155
+ function instanceOfFormStep(something) {
1156
+ return coreTs.isType(something, 'className') && something.className === 'FormStep';
1157
+ }
1158
+
1159
+ var MTNA_WF_API_TOKEN = new i0.InjectionToken('mtnaWfApiConfig');
1160
+
1161
+ /**
1162
+ * Dialog data for a {@link MtnaWfFormItemDialogComponent}
1163
+ */
1164
+ var MtnaWfFormItemDialogData = /** @class */ (function () {
1165
+ /**
1166
+ * @param formItems The form items to render in the dialog
1167
+ * @param title optional dialog title
1168
+ */
1169
+ function MtnaWfFormItemDialogData(formItems, title) {
1170
+ this.formItems = formItems;
1171
+ this.title = title;
1172
+ }
1173
+ return MtnaWfFormItemDialogData;
1174
+ }());
1175
+
1176
+ var MTNA_WF_ITEM_WHITELIST = new i0.InjectionToken('mtna-wf-item-whitelist', {
1177
+ providedIn: 'root',
1178
+ factory: MTNA_WF_ITEM_WHITELIST_FACTORY,
1179
+ });
1180
+ function MTNA_WF_ITEM_WHITELIST_FACTORY() {
1181
+ return {
1182
+ itemTypes: [],
1183
+ };
1184
+ }
1185
+
1197
1186
  /**
1198
1187
  * Flattens formStepGroup.steps and combines all steps into single array
1199
1188
  * @param steps Array<FormStep | FormStepGroup>
@@ -1252,7 +1241,7 @@
1252
1241
  if (allSteps) {
1253
1242
  newArray.push(new FormStep(count + 1, item.name || 'No Title', item.instanceId, !item.required));
1254
1243
  }
1255
- else if (webFormTs.isSection(item) || isProgressiveFormSection(item)) {
1244
+ else if (webFormTs.isSection(item)) {
1256
1245
  // If the item is a Section, add a step
1257
1246
  newArray.push(new FormStep(count + 1, item.title.value || 'No Title', item.instanceId, !item.required));
1258
1247
  }
@@ -1260,7 +1249,7 @@
1260
1249
  // If the item is a DataCubeItem, add a step and add a group step for the sub-sections
1261
1250
  newArray.push(new FormStep(count + 1, item.title.value || '', item.instanceId, !item.required));
1262
1251
  var subSectionSteps = item.items
1263
- .filter(webFormTs.isSection || isProgressiveFormSection)
1252
+ .filter(webFormTs.isSection)
1264
1253
  .map(function (item, index) { return new FormStep("" + (count + 1) + coreTs.toLetters(index + 1), item.title.value || '', item.instanceId, !item.required); });
1265
1254
  newArray.push(new FormStepGroup(subSectionSteps, item.instanceId, false, item.name, count + 1));
1266
1255
  }
@@ -1354,11 +1343,13 @@
1354
1343
  var DEFAULT_ERROR_MESSAGES = {
1355
1344
  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."]))),
1356
1345
  max: function (item) { return !coreTs.isPresent(item) || !coreTs.isPresent(item === null || item === void 0 ? void 0 : item.maxValue)
1357
- ? $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); },
1346
+ ? $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)
1347
+ ? $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); },
1358
1348
  maxlength: $localize(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["This field has exceeded the allowed maximum."], ["This field has exceeded the allowed maximum."]))),
1359
1349
  maxSelected: null,
1360
1350
  min: function (item) { return !coreTs.isPresent(item) || !coreTs.isPresent(item === null || item === void 0 ? void 0 : item.minValue)
1361
- ? $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) : ''; },
1351
+ ? $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)
1352
+ ? $localize(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject([" - Max Value: ", ""], [" - Max Value: ", ""])), item.maxValue) : ''; },
1362
1353
  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."]))),
1363
1354
  minSelected: null,
1364
1355
  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 @@
1712
1703
  } });
1713
1704
  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;
1714
1705
 
1715
- var _BaseFormItemComponent = i4.mixinDestroyNotifier(/** @class */ (function () {
1706
+ var _BaseFormItemComponent = i1$1.mixinDestroyNotifier(/** @class */ (function () {
1716
1707
  function class_1() {
1717
1708
  }
1718
1709
  return class_1;
@@ -2022,7 +2013,7 @@
2022
2013
  MtnaWfBaseSingleSelectionParentValueItem.prototype.selectionChange = function (change) {
2023
2014
  // event fires when an option's nested item, e.g. FileUploadItem, changes value.
2024
2015
  // This event is not a MatRadioChange, so we need to ignore it.
2025
- if (change instanceof i1$1.MatRadioChange || change instanceof i2.MatSelectChange) {
2016
+ if (change instanceof i1$2.MatRadioChange || change instanceof i2.MatSelectChange) {
2026
2017
  // Newly selected option
2027
2018
  var option = this.item.options.find(function (o) { return o.option.id === change.value; });
2028
2019
  if (!!this.selectedOption && this.selectedOption.option.id !== change.value) {
@@ -2214,8 +2205,8 @@
2214
2205
  }
2215
2206
  };
2216
2207
  return MtnaWfItemInjector;
2217
- }(i4.MtnaComponentInjector));
2218
- 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 });
2208
+ }(i1$1.MtnaComponentInjector));
2209
+ 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 });
2219
2210
  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 });
2220
2211
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemInjector, decorators: [{
2221
2212
  type: i0.Component,
@@ -2224,9 +2215,9 @@
2224
2215
  template: "",
2225
2216
  }]
2226
2217
  }], ctorParameters: function () {
2227
- return [{ type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i4__namespace.InjectionService, decorators: [{
2218
+ return [{ type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i1__namespace$1.InjectionService, decorators: [{
2228
2219
  type: i0.Inject,
2229
- args: [i4.INJECTION_SERVICE]
2220
+ args: [i1$1.INJECTION_SERVICE]
2230
2221
  }] }];
2231
2222
  }, propDecorators: { color: [{
2232
2223
  type: i0.Input
@@ -2264,14 +2255,14 @@
2264
2255
  };
2265
2256
  return MtnaWfSanitizeHtmlPipe;
2266
2257
  }());
2267
- 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 });
2258
+ 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 });
2268
2259
  MtnaWfSanitizeHtmlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, name: "mtnaWfSanitizeHtml" });
2269
2260
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfSanitizeHtmlPipe, decorators: [{
2270
2261
  type: i0.Pipe,
2271
2262
  args: [{
2272
2263
  name: 'mtnaWfSanitizeHtml',
2273
2264
  }]
2274
- }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; } });
2265
+ }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
2275
2266
  var MtnaWfSanitizeHtmlPipeModule = /** @class */ (function () {
2276
2267
  function MtnaWfSanitizeHtmlPipeModule() {
2277
2268
  }
@@ -2572,7 +2563,7 @@
2572
2563
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChildStepActivePipe, decorators: [{
2573
2564
  type: i0.Pipe,
2574
2565
  args: [{
2575
- name: 'childStepActive'
2566
+ name: 'childStepActive',
2576
2567
  }]
2577
2568
  }] });
2578
2569
  var ChildStepActivePipeModule = /** @class */ (function () {
@@ -2587,7 +2578,7 @@
2587
2578
  type: i0.NgModule,
2588
2579
  args: [{
2589
2580
  declarations: [ChildStepActivePipe],
2590
- exports: [ChildStepActivePipe]
2581
+ exports: [ChildStepActivePipe],
2591
2582
  }]
2592
2583
  }] });
2593
2584
 
@@ -2834,7 +2825,7 @@
2834
2825
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoerceFormStepPipe, decorators: [{
2835
2826
  type: i0.Pipe,
2836
2827
  args: [{
2837
- name: 'coerceFormStep'
2828
+ name: 'coerceFormStep',
2838
2829
  }]
2839
2830
  }] });
2840
2831
  var CoerceFormStepPipeModule = /** @class */ (function () {
@@ -2914,6 +2905,70 @@
2914
2905
  }] });
2915
2906
  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;
2916
2907
 
2908
+ /**
2909
+ * There are certain form items that are hidden from the UI because they carry static values
2910
+ * that are populated from the server. These items should not show up in the form but if they
2911
+ * go through the injector there will be an empty mtna-wf-item placed into the form which can
2912
+ * affect styling. This pipe will seek to identify form items that have no key registered in
2913
+ * the injected component providers and log them and remove them from the list of items.
2914
+ */
2915
+ var MtnaWfFilterHiddenItemsPipe = /** @class */ (function () {
2916
+ function MtnaWfFilterHiddenItemsPipe(injectionService) {
2917
+ this.injectionService = injectionService;
2918
+ }
2919
+ MtnaWfFilterHiddenItemsPipe.prototype.transform = function (items) {
2920
+ var e_1, _a;
2921
+ var filteredItems = [];
2922
+ if (items) {
2923
+ try {
2924
+ for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
2925
+ var item = items_1_1.value;
2926
+ if (this.injectionService.getInjectedComponent(item.itemId)) {
2927
+ filteredItems.push(item);
2928
+ }
2929
+ }
2930
+ }
2931
+ catch (e_1_1) { e_1 = { error: e_1_1 }; }
2932
+ finally {
2933
+ try {
2934
+ if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
2935
+ }
2936
+ finally { if (e_1) throw e_1.error; }
2937
+ }
2938
+ }
2939
+ return filteredItems;
2940
+ };
2941
+ return MtnaWfFilterHiddenItemsPipe;
2942
+ }());
2943
+ 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 });
2944
+ MtnaWfFilterHiddenItemsPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipe, name: "mtnaWfFilterHiddenItems" });
2945
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipe, decorators: [{
2946
+ type: i0.Pipe,
2947
+ args: [{
2948
+ name: 'mtnaWfFilterHiddenItems',
2949
+ }]
2950
+ }], ctorParameters: function () {
2951
+ return [{ type: i1__namespace$1.InjectionService, decorators: [{
2952
+ type: i0.Inject,
2953
+ args: [i1$1.INJECTION_SERVICE]
2954
+ }] }];
2955
+ } });
2956
+ var MtnaWfFilterHiddenItemsPipeModule = /** @class */ (function () {
2957
+ function MtnaWfFilterHiddenItemsPipeModule() {
2958
+ }
2959
+ return MtnaWfFilterHiddenItemsPipeModule;
2960
+ }());
2961
+ MtnaWfFilterHiddenItemsPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2962
+ MtnaWfFilterHiddenItemsPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, declarations: [MtnaWfFilterHiddenItemsPipe], exports: [MtnaWfFilterHiddenItemsPipe] });
2963
+ MtnaWfFilterHiddenItemsPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule });
2964
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFilterHiddenItemsPipeModule, decorators: [{
2965
+ type: i0.NgModule,
2966
+ args: [{
2967
+ declarations: [MtnaWfFilterHiddenItemsPipe],
2968
+ exports: [MtnaWfFilterHiddenItemsPipe],
2969
+ }]
2970
+ }] });
2971
+
2917
2972
  /**
2918
2973
  * Pipe to determine if a FormStep is a FormStepGroup or a single step.
2919
2974
  */
@@ -3495,7 +3550,7 @@
3495
3550
  };
3496
3551
  return MtnaWfApiService;
3497
3552
  }());
3498
- 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 });
3553
+ 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 });
3499
3554
  MtnaWfApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, providedIn: 'root' });
3500
3555
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfApiService, decorators: [{
3501
3556
  type: i0.Injectable,
@@ -3504,7 +3559,7 @@
3504
3559
  return [{ type: undefined, decorators: [{
3505
3560
  type: i0.Inject,
3506
3561
  args: [MTNA_WF_API_TOKEN]
3507
- }] }, { type: i1__namespace$2.HttpClient }];
3562
+ }] }, { type: i1__namespace$3.HttpClient }];
3508
3563
  } });
3509
3564
 
3510
3565
  /**
@@ -3966,7 +4021,7 @@
3966
4021
  return item;
3967
4022
  }
3968
4023
  }
3969
- if (webFormTs.isForm(item) || webFormTs.isSection(item) || isProgressiveFormSection(item) || webFormTs.isFormItemGroupImpl(item) || webFormTs.isRepeatableItem(item)) {
4024
+ if (webFormTs.isForm(item) || webFormTs.isSection(item) || webFormTs.isFormItemGroupImpl(item) || webFormTs.isRepeatableItem(item)) {
3970
4025
  var items = __spreadArray([], __read(item.items));
3971
4026
  var indexToModify = item.items.findIndex(function (i) { return i.instanceId === change.parentIds[0]; });
3972
4027
  var itemToModify = item.items[indexToModify];
@@ -4320,14 +4375,14 @@
4320
4375
  return model.uri === ((_a = result.getFieldByName('uri')) === null || _a === void 0 ? void 0 : _a.value);
4321
4376
  };
4322
4377
  return MtnaWfResourceSearchSelectionService;
4323
- }(i1$4.MtnaSearchSelectionService));
4378
+ }(i1$5.MtnaSearchSelectionService));
4324
4379
  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 });
4325
4380
  MtnaWfResourceSearchSelectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchSelectionService });
4326
4381
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchSelectionService, decorators: [{
4327
4382
  type: i0.Injectable
4328
4383
  }] });
4329
4384
 
4330
- var _BaseFormComponent = i4.mixinDestroyNotifier(/** @class */ (function () {
4385
+ var _BaseFormComponent = i1$1.mixinDestroyNotifier(/** @class */ (function () {
4331
4386
  function class_1() {
4332
4387
  }
4333
4388
  return class_1;
@@ -4638,7 +4693,7 @@
4638
4693
  return MtnaWfFormComponent;
4639
4694
  }(MtnaWfBaseFormComponent));
4640
4695
  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 });
4641
- 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 });
4696
+ 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 });
4642
4697
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormComponent, decorators: [{
4643
4698
  type: i0.Component,
4644
4699
  args: [{
@@ -4723,7 +4778,7 @@
4723
4778
  return MtnaWfFormStepComponent;
4724
4779
  }(_FormStepMixinBase$1));
4725
4780
  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 });
4726
- 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 });
4781
+ 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 });
4727
4782
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepComponent, decorators: [{
4728
4783
  type: i0.Component,
4729
4784
  args: [{
@@ -4878,7 +4933,7 @@
4878
4933
  return MtnaWfFormStepperComponent;
4879
4934
  }(_FormStepperMixinBase));
4880
4935
  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 });
4881
- 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 });
4936
+ 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 });
4882
4937
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperComponent, decorators: [{
4883
4938
  type: i0.Component,
4884
4939
  args: [{
@@ -4908,7 +4963,7 @@
4908
4963
  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,
4909
4964
  flexLayout.FlexLayoutModule,
4910
4965
  i2$2.MatDividerModule,
4911
- i4.MtnaStatusCircleModule,
4966
+ i1$1.MtnaStatusCircleModule,
4912
4967
  i3.MatRippleModule,
4913
4968
  i3$2.MatButtonModule,
4914
4969
  i6$1.MatTooltipModule,
@@ -4922,7 +4977,7 @@
4922
4977
  i3$1.CommonModule,
4923
4978
  flexLayout.FlexLayoutModule,
4924
4979
  i2$2.MatDividerModule,
4925
- i4.MtnaStatusCircleModule,
4980
+ i1$1.MtnaStatusCircleModule,
4926
4981
  i3.MatRippleModule,
4927
4982
  i3$2.MatButtonModule,
4928
4983
  i6$1.MatTooltipModule,
@@ -4931,7 +4986,7 @@
4931
4986
  CoerceFormStepGroupPipeModule,
4932
4987
  CoerceFormStepPipeModule,
4933
4988
  ChildStepActivePipeModule,
4934
- GetStepAriaLabelModule
4989
+ GetStepAriaLabelModule,
4935
4990
  ]] });
4936
4991
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperModule, decorators: [{
4937
4992
  type: i0.NgModule,
@@ -4940,7 +4995,7 @@
4940
4995
  i3$1.CommonModule,
4941
4996
  flexLayout.FlexLayoutModule,
4942
4997
  i2$2.MatDividerModule,
4943
- i4.MtnaStatusCircleModule,
4998
+ i1$1.MtnaStatusCircleModule,
4944
4999
  i3.MatRippleModule,
4945
5000
  i3$2.MatButtonModule,
4946
5001
  i6$1.MatTooltipModule,
@@ -4949,7 +5004,7 @@
4949
5004
  CoerceFormStepGroupPipeModule,
4950
5005
  CoerceFormStepPipeModule,
4951
5006
  ChildStepActivePipeModule,
4952
- GetStepAriaLabelModule
5007
+ GetStepAriaLabelModule,
4953
5008
  ],
4954
5009
  declarations: [MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepperComponent],
4955
5010
  exports: [MtnaWfFormStepComponent, MtnaWfFormStepGroupComponent, MtnaWfFormStepperComponent],
@@ -4998,7 +5053,7 @@
4998
5053
  return MtnaWfStepCardComponent;
4999
5054
  }(_StepCardMixinBase));
5000
5055
  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 });
5001
- 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 });
5056
+ 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 });
5002
5057
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, decorators: [{
5003
5058
  type: i0.Component,
5004
5059
  args: [{
@@ -5026,18 +5081,18 @@
5026
5081
  return MtnaWfStepCardModule;
5027
5082
  }());
5028
5083
  MtnaWfStepCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5029
- MtnaWfStepCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, declarations: [MtnaWfStepCardComponent], imports: [i4$1.A11yModule,
5084
+ MtnaWfStepCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, declarations: [MtnaWfStepCardComponent], imports: [i4.A11yModule,
5030
5085
  i3$1.CommonModule,
5031
- i1$5.MatCardModule,
5032
- i4.MtnaStatusCircleModule,
5086
+ i1$6.MatCardModule,
5087
+ i1$1.MtnaStatusCircleModule,
5033
5088
  MtnaWfSanitizeHtmlPipeModule,
5034
5089
  i2$2.MatDividerModule,
5035
5090
  MtnaWfFormItemModule], exports: [MtnaWfStepCardComponent] });
5036
5091
  MtnaWfStepCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardModule, imports: [[
5037
- i4$1.A11yModule,
5092
+ i4.A11yModule,
5038
5093
  i3$1.CommonModule,
5039
- i1$5.MatCardModule,
5040
- i4.MtnaStatusCircleModule,
5094
+ i1$6.MatCardModule,
5095
+ i1$1.MtnaStatusCircleModule,
5041
5096
  MtnaWfSanitizeHtmlPipeModule,
5042
5097
  i2$2.MatDividerModule,
5043
5098
  MtnaWfFormItemModule,
@@ -5046,10 +5101,10 @@
5046
5101
  type: i0.NgModule,
5047
5102
  args: [{
5048
5103
  imports: [
5049
- i4$1.A11yModule,
5104
+ i4.A11yModule,
5050
5105
  i3$1.CommonModule,
5051
- i1$5.MatCardModule,
5052
- i4.MtnaStatusCircleModule,
5106
+ i1$6.MatCardModule,
5107
+ i1$1.MtnaStatusCircleModule,
5053
5108
  MtnaWfSanitizeHtmlPipeModule,
5054
5109
  i2$2.MatDividerModule,
5055
5110
  MtnaWfFormItemModule,
@@ -5065,7 +5120,7 @@
5065
5120
  return MtnaFormModule;
5066
5121
  }());
5067
5122
  MtnaFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5068
- MtnaFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, declarations: [MtnaWfFormComponent], imports: [i4$1.A11yModule,
5123
+ MtnaFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaFormModule, declarations: [MtnaWfFormComponent], imports: [i4.A11yModule,
5069
5124
  i3$1.CommonModule,
5070
5125
  flexLayout.FlexLayoutModule,
5071
5126
  i6.FormsModule,
@@ -5073,10 +5128,11 @@
5073
5128
  i6.ReactiveFormsModule,
5074
5129
  MtnaWfFormDisablerModule,
5075
5130
  materialMomentAdapter.MatMomentDateModule,
5131
+ MtnaWfFilterHiddenItemsPipeModule,
5076
5132
  MtnaWfFormStepperModule,
5077
5133
  MtnaWfStepCardModule], exports: [MtnaWfFormComponent] });
5078
5134
  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: [[
5079
- i4$1.A11yModule,
5135
+ i4.A11yModule,
5080
5136
  i3$1.CommonModule,
5081
5137
  flexLayout.FlexLayoutModule,
5082
5138
  i6.FormsModule,
@@ -5084,6 +5140,7 @@
5084
5140
  i6.ReactiveFormsModule,
5085
5141
  MtnaWfFormDisablerModule,
5086
5142
  materialMomentAdapter.MatMomentDateModule,
5143
+ MtnaWfFilterHiddenItemsPipeModule,
5087
5144
  MtnaWfFormStepperModule,
5088
5145
  MtnaWfStepCardModule,
5089
5146
  ]] });
@@ -5091,7 +5148,7 @@
5091
5148
  type: i0.NgModule,
5092
5149
  args: [{
5093
5150
  imports: [
5094
- i4$1.A11yModule,
5151
+ i4.A11yModule,
5095
5152
  i3$1.CommonModule,
5096
5153
  flexLayout.FlexLayoutModule,
5097
5154
  i6.FormsModule,
@@ -5099,6 +5156,7 @@
5099
5156
  i6.ReactiveFormsModule,
5100
5157
  MtnaWfFormDisablerModule,
5101
5158
  materialMomentAdapter.MatMomentDateModule,
5159
+ MtnaWfFilterHiddenItemsPipeModule,
5102
5160
  MtnaWfFormStepperModule,
5103
5161
  MtnaWfStepCardModule,
5104
5162
  ],
@@ -5124,7 +5182,7 @@
5124
5182
  return MtnaWfBooleanComponent;
5125
5183
  }(MtnaWfBaseParentValueItem));
5126
5184
  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 });
5127
- 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 });
5185
+ 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 });
5128
5186
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanComponent, decorators: [{
5129
5187
  type: i0.Component,
5130
5188
  args: [{
@@ -5148,7 +5206,7 @@
5148
5206
  i6.FormsModule,
5149
5207
  i6.ReactiveFormsModule,
5150
5208
  MtnaWfAcknowledgeDialogModule,
5151
- i4.MtnaHighlightModule], exports: [MtnaWfBooleanComponent] });
5209
+ i1$1.MtnaHighlightModule], exports: [MtnaWfBooleanComponent] });
5152
5210
  MtnaWfBooleanModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanModule, imports: [[
5153
5211
  i3$1.CommonModule,
5154
5212
  i2$3.MatSlideToggleModule,
@@ -5156,7 +5214,7 @@
5156
5214
  i6.FormsModule,
5157
5215
  i6.ReactiveFormsModule,
5158
5216
  MtnaWfAcknowledgeDialogModule,
5159
- i4.MtnaHighlightModule,
5217
+ i1$1.MtnaHighlightModule,
5160
5218
  ]] });
5161
5219
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfBooleanModule, decorators: [{
5162
5220
  type: i0.NgModule,
@@ -5168,7 +5226,7 @@
5168
5226
  i6.FormsModule,
5169
5227
  i6.ReactiveFormsModule,
5170
5228
  MtnaWfAcknowledgeDialogModule,
5171
- i4.MtnaHighlightModule,
5229
+ i1$1.MtnaHighlightModule,
5172
5230
  ],
5173
5231
  declarations: [MtnaWfBooleanComponent],
5174
5232
  exports: [MtnaWfBooleanComponent],
@@ -5243,7 +5301,7 @@
5243
5301
  return MtnaWfCheckboxComponent;
5244
5302
  }(MtnaWfBaseParentValueItem));
5245
5303
  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 });
5246
- 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 });
5304
+ 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 });
5247
5305
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxComponent, decorators: [{
5248
5306
  type: i0.Component,
5249
5307
  args: [{
@@ -5283,13 +5341,13 @@
5283
5341
  MtnaWfGetFormControlErrorPipeModule,
5284
5342
  flexLayout.FlexLayoutModule,
5285
5343
  i6.FormsModule,
5286
- i1$6.MatFormFieldModule,
5344
+ i1$7.MatFormFieldModule,
5287
5345
  i2$4.MatCheckboxModule,
5288
5346
  i3$2.MatButtonModule,
5289
5347
  i5.MatIconModule,
5290
5348
  i6$1.MatTooltipModule,
5291
5349
  MtnaWfFormItemModule,
5292
- i4.MtnaHighlightModule,
5350
+ i1$1.MtnaHighlightModule,
5293
5351
  i6.ReactiveFormsModule,
5294
5352
  MtnaWfFormItemDialogModule], exports: [MtnaWfCheckboxComponent] });
5295
5353
  MtnaWfCheckboxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxModule, imports: [[
@@ -5297,13 +5355,13 @@
5297
5355
  MtnaWfGetFormControlErrorPipeModule,
5298
5356
  flexLayout.FlexLayoutModule,
5299
5357
  i6.FormsModule,
5300
- i1$6.MatFormFieldModule,
5358
+ i1$7.MatFormFieldModule,
5301
5359
  i2$4.MatCheckboxModule,
5302
5360
  i3$2.MatButtonModule,
5303
5361
  i5.MatIconModule,
5304
5362
  i6$1.MatTooltipModule,
5305
5363
  MtnaWfFormItemModule,
5306
- i4.MtnaHighlightModule,
5364
+ i1$1.MtnaHighlightModule,
5307
5365
  i6.ReactiveFormsModule,
5308
5366
  MtnaWfFormItemDialogModule,
5309
5367
  ]] });
@@ -5315,13 +5373,13 @@
5315
5373
  MtnaWfGetFormControlErrorPipeModule,
5316
5374
  flexLayout.FlexLayoutModule,
5317
5375
  i6.FormsModule,
5318
- i1$6.MatFormFieldModule,
5376
+ i1$7.MatFormFieldModule,
5319
5377
  i2$4.MatCheckboxModule,
5320
5378
  i3$2.MatButtonModule,
5321
5379
  i5.MatIconModule,
5322
5380
  i6$1.MatTooltipModule,
5323
5381
  MtnaWfFormItemModule,
5324
- i4.MtnaHighlightModule,
5382
+ i1$1.MtnaHighlightModule,
5325
5383
  i6.ReactiveFormsModule,
5326
5384
  MtnaWfFormItemDialogModule,
5327
5385
  ],
@@ -5394,8 +5452,8 @@
5394
5452
  return MtnaWfDateComponent;
5395
5453
  }(MtnaWfBaseValueItem));
5396
5454
  MtnaWfDateComponent.dateFormItemComponentInstances = 0;
5397
- 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 });
5398
- 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 });
5455
+ 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 });
5456
+ 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 });
5399
5457
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateComponent, decorators: [{
5400
5458
  type: i0.Component,
5401
5459
  args: [{
@@ -5405,7 +5463,7 @@
5405
5463
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
5406
5464
  encapsulation: i0.ViewEncapsulation.None,
5407
5465
  }]
5408
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i4__namespace.MtnaLogger }]; }, propDecorators: { dateItemClass: [{
5466
+ }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.MtnaLogger }]; }, propDecorators: { dateItemClass: [{
5409
5467
  type: i0.HostBinding,
5410
5468
  args: ['class.mtna-wf-date-item']
5411
5469
  }], rangeLimits: [{
@@ -5424,21 +5482,21 @@
5424
5482
  MtnaWfDateModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5425
5483
  MtnaWfDateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, declarations: [MtnaWfDateComponent], imports: [i3$1.CommonModule,
5426
5484
  i6.FormsModule,
5427
- i1$6.MatFormFieldModule,
5485
+ i1$7.MatFormFieldModule,
5428
5486
  i5$1.MatInputModule,
5429
5487
  i3$4.MatDatepickerModule,
5430
5488
  materialMomentAdapter.MatMomentDateModule,
5431
- i4.MtnaHighlightModule,
5489
+ i1$1.MtnaHighlightModule,
5432
5490
  i6.ReactiveFormsModule,
5433
5491
  MtnaWfGetFormControlErrorPipeModule], exports: [MtnaWfDateComponent] });
5434
5492
  MtnaWfDateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, imports: [[
5435
5493
  i3$1.CommonModule,
5436
5494
  i6.FormsModule,
5437
- i1$6.MatFormFieldModule,
5495
+ i1$7.MatFormFieldModule,
5438
5496
  i5$1.MatInputModule,
5439
5497
  i3$4.MatDatepickerModule,
5440
5498
  materialMomentAdapter.MatMomentDateModule,
5441
- i4.MtnaHighlightModule,
5499
+ i1$1.MtnaHighlightModule,
5442
5500
  i6.ReactiveFormsModule,
5443
5501
  MtnaWfGetFormControlErrorPipeModule,
5444
5502
  ]] });
@@ -5448,11 +5506,11 @@
5448
5506
  imports: [
5449
5507
  i3$1.CommonModule,
5450
5508
  i6.FormsModule,
5451
- i1$6.MatFormFieldModule,
5509
+ i1$7.MatFormFieldModule,
5452
5510
  i5$1.MatInputModule,
5453
5511
  i3$4.MatDatepickerModule,
5454
5512
  materialMomentAdapter.MatMomentDateModule,
5455
- i4.MtnaHighlightModule,
5513
+ i1$1.MtnaHighlightModule,
5456
5514
  i6.ReactiveFormsModule,
5457
5515
  MtnaWfGetFormControlErrorPipeModule,
5458
5516
  ],
@@ -5484,7 +5542,7 @@
5484
5542
  return MtnaWfDateRangeComponent;
5485
5543
  }(MtnaWfBaseValueItem));
5486
5544
  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 });
5487
- 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 });
5545
+ 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 });
5488
5546
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeComponent, decorators: [{
5489
5547
  type: i0.Component,
5490
5548
  args: [{
@@ -5503,7 +5561,7 @@
5503
5561
  }());
5504
5562
  MtnaWfDateRangeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5505
5563
  MtnaWfDateRangeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, declarations: [MtnaWfDateRangeComponent], imports: [i3$1.CommonModule,
5506
- i4.MtnaHighlightModule,
5564
+ i1$1.MtnaHighlightModule,
5507
5565
  MtnaWfDateModule,
5508
5566
  flexLayout.FlexLayoutModule,
5509
5567
  i6.FormsModule,
@@ -5511,7 +5569,7 @@
5511
5569
  MtnaWfCoerceFormControlPipeModule], exports: [MtnaWfDateRangeComponent] });
5512
5570
  MtnaWfDateRangeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateRangeModule, imports: [[
5513
5571
  i3$1.CommonModule,
5514
- i4.MtnaHighlightModule,
5572
+ i1$1.MtnaHighlightModule,
5515
5573
  MtnaWfDateModule,
5516
5574
  flexLayout.FlexLayoutModule,
5517
5575
  i6.FormsModule,
@@ -5523,7 +5581,7 @@
5523
5581
  args: [{
5524
5582
  imports: [
5525
5583
  i3$1.CommonModule,
5526
- i4.MtnaHighlightModule,
5584
+ i1$1.MtnaHighlightModule,
5527
5585
  MtnaWfDateModule,
5528
5586
  flexLayout.FlexLayoutModule,
5529
5587
  i6.FormsModule,
@@ -5543,7 +5601,7 @@
5543
5601
  return MtnaWfDropdownComponent;
5544
5602
  }(MtnaWfBaseSingleSelectionParentValueItem));
5545
5603
  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 });
5546
- 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 });
5604
+ 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 });
5547
5605
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownComponent, decorators: [{
5548
5606
  type: i0.Component,
5549
5607
  args: [{
@@ -5563,10 +5621,10 @@
5563
5621
  MtnaWfDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5564
5622
  MtnaWfDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, declarations: [MtnaWfDropdownComponent], imports: [i3$1.CommonModule,
5565
5623
  i6.FormsModule,
5566
- i1$6.MatFormFieldModule,
5624
+ i1$7.MatFormFieldModule,
5567
5625
  i2.MatSelectModule,
5568
- i4.MtnaHighlightModule,
5569
- i4$2.MatListModule,
5626
+ i1$1.MtnaHighlightModule,
5627
+ i4$1.MatListModule,
5570
5628
  i5.MatIconModule,
5571
5629
  MtnaWfGetFormControlErrorPipeModule,
5572
5630
  MtnaWfGetSelectedOptionNamePipeModule,
@@ -5575,10 +5633,10 @@
5575
5633
  MtnaWfDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDropdownModule, imports: [[
5576
5634
  i3$1.CommonModule,
5577
5635
  i6.FormsModule,
5578
- i1$6.MatFormFieldModule,
5636
+ i1$7.MatFormFieldModule,
5579
5637
  i2.MatSelectModule,
5580
- i4.MtnaHighlightModule,
5581
- i4$2.MatListModule,
5638
+ i1$1.MtnaHighlightModule,
5639
+ i4$1.MatListModule,
5582
5640
  i5.MatIconModule,
5583
5641
  MtnaWfGetFormControlErrorPipeModule,
5584
5642
  MtnaWfGetSelectedOptionNamePipeModule,
@@ -5591,10 +5649,10 @@
5591
5649
  imports: [
5592
5650
  i3$1.CommonModule,
5593
5651
  i6.FormsModule,
5594
- i1$6.MatFormFieldModule,
5652
+ i1$7.MatFormFieldModule,
5595
5653
  i2.MatSelectModule,
5596
- i4.MtnaHighlightModule,
5597
- i4$2.MatListModule,
5654
+ i1$1.MtnaHighlightModule,
5655
+ i4$1.MatListModule,
5598
5656
  i5.MatIconModule,
5599
5657
  MtnaWfGetFormControlErrorPipeModule,
5600
5658
  MtnaWfGetSelectedOptionNamePipeModule,
@@ -5646,8 +5704,8 @@
5646
5704
  };
5647
5705
  return MtnaWfFileUploadComponent;
5648
5706
  }(MtnaWfBaseFormItemControl));
5649
- 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 });
5650
- 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 } });
5707
+ 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 });
5708
+ 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 } });
5651
5709
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadComponent, decorators: [{
5652
5710
  type: i0.Component,
5653
5711
  args: [{
@@ -5655,7 +5713,7 @@
5655
5713
  templateUrl: './file-upload.component.html',
5656
5714
  styleUrls: ['./file-upload.component.scss'],
5657
5715
  }]
5658
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$5.FileService }]; } });
5716
+ }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$6.FileService }]; } });
5659
5717
  var templateObject_1$4;
5660
5718
 
5661
5719
  var MtnaWfFileUploadModule = /** @class */ (function () {
@@ -5665,21 +5723,21 @@
5665
5723
  }());
5666
5724
  MtnaWfFileUploadModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5667
5725
  MtnaWfFileUploadModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, declarations: [MtnaWfFileUploadComponent], imports: [i3$1.CommonModule,
5668
- i4.MtnaHighlightModule,
5726
+ i1$1.MtnaHighlightModule,
5669
5727
  i3$2.MatButtonModule,
5670
5728
  i5.MatIconModule,
5671
- i1$7.MtnaFileDownloadModule,
5672
- i1$7.MtnaFileUploadModule,
5673
- i4$2.MatListModule,
5729
+ i1$8.MtnaFileDownloadModule,
5730
+ i1$8.MtnaFileUploadModule,
5731
+ i4$1.MatListModule,
5674
5732
  i5$2.MatProgressSpinnerModule], exports: [MtnaWfFileUploadComponent] });
5675
5733
  MtnaWfFileUploadModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, imports: [[
5676
5734
  i3$1.CommonModule,
5677
- i4.MtnaHighlightModule,
5735
+ i1$1.MtnaHighlightModule,
5678
5736
  i3$2.MatButtonModule,
5679
5737
  i5.MatIconModule,
5680
- i1$7.MtnaFileDownloadModule,
5681
- i1$7.MtnaFileUploadModule,
5682
- i4$2.MatListModule,
5738
+ i1$8.MtnaFileDownloadModule,
5739
+ i1$8.MtnaFileUploadModule,
5740
+ i4$1.MatListModule,
5683
5741
  i5$2.MatProgressSpinnerModule,
5684
5742
  ]] });
5685
5743
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFileUploadModule, decorators: [{
@@ -5687,12 +5745,12 @@
5687
5745
  args: [{
5688
5746
  imports: [
5689
5747
  i3$1.CommonModule,
5690
- i4.MtnaHighlightModule,
5748
+ i1$1.MtnaHighlightModule,
5691
5749
  i3$2.MatButtonModule,
5692
5750
  i5.MatIconModule,
5693
- i1$7.MtnaFileDownloadModule,
5694
- i1$7.MtnaFileUploadModule,
5695
- i4$2.MatListModule,
5751
+ i1$8.MtnaFileDownloadModule,
5752
+ i1$8.MtnaFileUploadModule,
5753
+ i4$1.MatListModule,
5696
5754
  i5$2.MatProgressSpinnerModule,
5697
5755
  ],
5698
5756
  declarations: [MtnaWfFileUploadComponent],
@@ -5735,7 +5793,7 @@
5735
5793
  return MtnaWfFormGroupComponent;
5736
5794
  }(MtnaWfBaseGroupItem));
5737
5795
  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 });
5738
- 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 });
5796
+ 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 });
5739
5797
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupComponent, decorators: [{
5740
5798
  type: i0.Component,
5741
5799
  args: [{
@@ -5755,7 +5813,7 @@
5755
5813
  MtnaWfFormGroupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5756
5814
  MtnaWfFormGroupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, declarations: [MtnaWfFormGroupComponent], imports: [i3$1.CommonModule,
5757
5815
  MtnaWfItemHeaderModule,
5758
- i4.MtnaHighlightModule,
5816
+ i1$1.MtnaHighlightModule,
5759
5817
  MtnaWfFormItemModule,
5760
5818
  i6.FormsModule,
5761
5819
  i6.ReactiveFormsModule,
@@ -5764,7 +5822,7 @@
5764
5822
  MtnaWfFormGroupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupModule, imports: [[
5765
5823
  i3$1.CommonModule,
5766
5824
  MtnaWfItemHeaderModule,
5767
- i4.MtnaHighlightModule,
5825
+ i1$1.MtnaHighlightModule,
5768
5826
  MtnaWfFormItemModule,
5769
5827
  i6.FormsModule,
5770
5828
  i6.ReactiveFormsModule,
@@ -5777,7 +5835,7 @@
5777
5835
  imports: [
5778
5836
  i3$1.CommonModule,
5779
5837
  MtnaWfItemHeaderModule,
5780
- i4.MtnaHighlightModule,
5838
+ i1$1.MtnaHighlightModule,
5781
5839
  MtnaWfFormItemModule,
5782
5840
  i6.FormsModule,
5783
5841
  i6.ReactiveFormsModule,
@@ -5797,7 +5855,7 @@
5797
5855
  return MtnaWfFormSectionComponent;
5798
5856
  }(MtnaWfBaseSectionItem));
5799
5857
  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 });
5800
- 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 });
5858
+ 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 });
5801
5859
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionComponent, decorators: [{
5802
5860
  type: i0.Component,
5803
5861
  args: [{
@@ -5805,6 +5863,7 @@
5805
5863
  templateUrl: './form-section.component.html',
5806
5864
  styleUrls: ['./form-section.component.scss'],
5807
5865
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
5866
+ encapsulation: i0.ViewEncapsulation.None,
5808
5867
  }]
5809
5868
  }] });
5810
5869
 
@@ -5814,12 +5873,12 @@
5814
5873
  return MtnaWfFormSectionModule;
5815
5874
  }());
5816
5875
  MtnaWfFormSectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5817
- 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] });
5818
- 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]] });
5876
+ 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] });
5877
+ 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]] });
5819
5878
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormSectionModule, decorators: [{
5820
5879
  type: i0.NgModule,
5821
5880
  args: [{
5822
- imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i4.MtnaHighlightModule],
5881
+ imports: [i3$1.CommonModule, MtnaWfStepCardModule, i2$2.MatDividerModule, MtnaWfFormItemModule, MtnaWfGetObjectTypePipeModule, i1$1.MtnaHighlightModule],
5823
5882
  declarations: [MtnaWfFormSectionComponent],
5824
5883
  exports: [MtnaWfFormSectionComponent],
5825
5884
  }]
@@ -5862,7 +5921,7 @@
5862
5921
  return MtnaWfI18nInputComponent;
5863
5922
  }(MtnaWfBaseValueItem));
5864
5923
  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 });
5865
- 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 });
5924
+ 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 });
5866
5925
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputComponent, decorators: [{
5867
5926
  type: i0.Component,
5868
5927
  args: [{
@@ -5883,21 +5942,21 @@
5883
5942
  MtnaWfI18nInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5884
5943
  MtnaWfI18nInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, declarations: [MtnaWfI18nInputComponent], imports: [i3$1.CommonModule,
5885
5944
  i6.FormsModule,
5886
- i1$6.MatFormFieldModule,
5945
+ i1$7.MatFormFieldModule,
5887
5946
  i5$1.MatInputModule,
5888
- i4.MtnaHighlightModule,
5947
+ i1$1.MtnaHighlightModule,
5889
5948
  MtnaWfGetAutoCompletePipeModule,
5890
- i4$2.MatListModule,
5949
+ i4$1.MatListModule,
5891
5950
  i6.ReactiveFormsModule,
5892
5951
  MtnaWfGetFormControlErrorPipeModule], exports: [MtnaWfI18nInputComponent] });
5893
5952
  MtnaWfI18nInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfI18nInputModule, imports: [[
5894
5953
  i3$1.CommonModule,
5895
5954
  i6.FormsModule,
5896
- i1$6.MatFormFieldModule,
5955
+ i1$7.MatFormFieldModule,
5897
5956
  i5$1.MatInputModule,
5898
- i4.MtnaHighlightModule,
5957
+ i1$1.MtnaHighlightModule,
5899
5958
  MtnaWfGetAutoCompletePipeModule,
5900
- i4$2.MatListModule,
5959
+ i4$1.MatListModule,
5901
5960
  i6.ReactiveFormsModule,
5902
5961
  MtnaWfGetFormControlErrorPipeModule,
5903
5962
  ]] });
@@ -5907,11 +5966,11 @@
5907
5966
  imports: [
5908
5967
  i3$1.CommonModule,
5909
5968
  i6.FormsModule,
5910
- i1$6.MatFormFieldModule,
5969
+ i1$7.MatFormFieldModule,
5911
5970
  i5$1.MatInputModule,
5912
- i4.MtnaHighlightModule,
5971
+ i1$1.MtnaHighlightModule,
5913
5972
  MtnaWfGetAutoCompletePipeModule,
5914
- i4$2.MatListModule,
5973
+ i4$1.MatListModule,
5915
5974
  i6.ReactiveFormsModule,
5916
5975
  MtnaWfGetFormControlErrorPipeModule,
5917
5976
  ],
@@ -5948,7 +6007,7 @@
5948
6007
  return MtnaWfInputComponent;
5949
6008
  }(MtnaWfBaseValueItem));
5950
6009
  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 });
5951
- 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 });
6010
+ 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 });
5952
6011
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputComponent, decorators: [{
5953
6012
  type: i0.Component,
5954
6013
  args: [{
@@ -5968,22 +6027,22 @@
5968
6027
  }());
5969
6028
  MtnaWfInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
5970
6029
  MtnaWfInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, declarations: [MtnaWfInputComponent], imports: [i3$1.CommonModule,
5971
- i1$6.MatFormFieldModule,
6030
+ i1$7.MatFormFieldModule,
5972
6031
  i6.FormsModule,
5973
- i4$2.MatListModule,
6032
+ i4$1.MatListModule,
5974
6033
  MtnaWfGetAutoCompletePipeModule,
5975
6034
  MtnaWfGetFormControlErrorPipeModule,
5976
- i4.MtnaHighlightModule,
6035
+ i1$1.MtnaHighlightModule,
5977
6036
  i6.ReactiveFormsModule,
5978
6037
  i5$1.MatInputModule], exports: [MtnaWfInputComponent] });
5979
6038
  MtnaWfInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfInputModule, imports: [[
5980
6039
  i3$1.CommonModule,
5981
- i1$6.MatFormFieldModule,
6040
+ i1$7.MatFormFieldModule,
5982
6041
  i6.FormsModule,
5983
- i4$2.MatListModule,
6042
+ i4$1.MatListModule,
5984
6043
  MtnaWfGetAutoCompletePipeModule,
5985
6044
  MtnaWfGetFormControlErrorPipeModule,
5986
- i4.MtnaHighlightModule,
6045
+ i1$1.MtnaHighlightModule,
5987
6046
  i6.ReactiveFormsModule,
5988
6047
  i5$1.MatInputModule,
5989
6048
  ]] });
@@ -5992,12 +6051,12 @@
5992
6051
  args: [{
5993
6052
  imports: [
5994
6053
  i3$1.CommonModule,
5995
- i1$6.MatFormFieldModule,
6054
+ i1$7.MatFormFieldModule,
5996
6055
  i6.FormsModule,
5997
- i4$2.MatListModule,
6056
+ i4$1.MatListModule,
5998
6057
  MtnaWfGetAutoCompletePipeModule,
5999
6058
  MtnaWfGetFormControlErrorPipeModule,
6000
- i4.MtnaHighlightModule,
6059
+ i1$1.MtnaHighlightModule,
6001
6060
  i6.ReactiveFormsModule,
6002
6061
  i5$1.MatInputModule,
6003
6062
  ],
@@ -6014,7 +6073,7 @@
6014
6073
  return MtnaWfMultipleChoiceComponent;
6015
6074
  }(MtnaWfBaseSingleSelectionParentValueItem));
6016
6075
  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 });
6017
- 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 });
6076
+ 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 });
6018
6077
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceComponent, decorators: [{
6019
6078
  type: i0.Component,
6020
6079
  args: [{
@@ -6034,21 +6093,21 @@
6034
6093
  MtnaWfMultipleChoiceModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6035
6094
  MtnaWfMultipleChoiceModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, declarations: [MtnaWfMultipleChoiceComponent], imports: [i3$1.CommonModule,
6036
6095
  i6.FormsModule,
6037
- i1$1.MatRadioModule,
6096
+ i1$2.MatRadioModule,
6038
6097
  MtnaWfFormItemModule,
6039
6098
  MtnaWfGetFormControlErrorPipeModule,
6040
6099
  i6.ReactiveFormsModule,
6041
- i1$6.MatFormFieldModule,
6042
- i4.MtnaHighlightModule], exports: [MtnaWfMultipleChoiceComponent] });
6100
+ i1$7.MatFormFieldModule,
6101
+ i1$1.MtnaHighlightModule], exports: [MtnaWfMultipleChoiceComponent] });
6043
6102
  MtnaWfMultipleChoiceModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, imports: [[
6044
6103
  i3$1.CommonModule,
6045
6104
  i6.FormsModule,
6046
- i1$1.MatRadioModule,
6105
+ i1$2.MatRadioModule,
6047
6106
  MtnaWfFormItemModule,
6048
6107
  MtnaWfGetFormControlErrorPipeModule,
6049
6108
  i6.ReactiveFormsModule,
6050
- i1$6.MatFormFieldModule,
6051
- i4.MtnaHighlightModule,
6109
+ i1$7.MatFormFieldModule,
6110
+ i1$1.MtnaHighlightModule,
6052
6111
  ]] });
6053
6112
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfMultipleChoiceModule, decorators: [{
6054
6113
  type: i0.NgModule,
@@ -6056,12 +6115,12 @@
6056
6115
  imports: [
6057
6116
  i3$1.CommonModule,
6058
6117
  i6.FormsModule,
6059
- i1$1.MatRadioModule,
6118
+ i1$2.MatRadioModule,
6060
6119
  MtnaWfFormItemModule,
6061
6120
  MtnaWfGetFormControlErrorPipeModule,
6062
6121
  i6.ReactiveFormsModule,
6063
- i1$6.MatFormFieldModule,
6064
- i4.MtnaHighlightModule,
6122
+ i1$7.MatFormFieldModule,
6123
+ i1$1.MtnaHighlightModule,
6065
6124
  ],
6066
6125
  declarations: [MtnaWfMultipleChoiceComponent],
6067
6126
  exports: [MtnaWfMultipleChoiceComponent],
@@ -6076,7 +6135,7 @@
6076
6135
  return MtnaWfOrderedListItemComponent;
6077
6136
  }(MtnaWfBaseFormItem));
6078
6137
  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 });
6079
- 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 });
6138
+ 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 });
6080
6139
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemComponent, decorators: [{
6081
6140
  type: i0.Component,
6082
6141
  args: [{
@@ -6094,12 +6153,12 @@
6094
6153
  return MtnaWfOrderedListItemModule;
6095
6154
  }());
6096
6155
  MtnaWfOrderedListItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6097
- 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] });
6098
- 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]] });
6156
+ 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] });
6157
+ 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]] });
6099
6158
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfOrderedListItemModule, decorators: [{
6100
6159
  type: i0.NgModule,
6101
6160
  args: [{
6102
- imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6161
+ imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6103
6162
  declarations: [MtnaWfOrderedListItemComponent],
6104
6163
  exports: [MtnaWfOrderedListItemComponent],
6105
6164
  }]
@@ -6160,12 +6219,12 @@
6160
6219
  return MtnaWfRepeatableItemContainerComponent;
6161
6220
  }(MtnaWfBaseParentValueItem));
6162
6221
  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 });
6163
- 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: [
6222
+ 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: [
6164
6223
  animations.trigger('repeatItemExpandCollapse', [
6165
6224
  animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
6166
6225
  animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
6167
- animations.transition(':enter', [animations.animate(i4.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
6168
- animations.transition(':leave', animations.animate(i4.COMPLEX_STANDARD)),
6226
+ animations.transition(':enter', [animations.animate(i1$1.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
6227
+ animations.transition(':leave', animations.animate(i1$1.COMPLEX_STANDARD)),
6169
6228
  ]),
6170
6229
  ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
6171
6230
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerComponent, decorators: [{
@@ -6178,8 +6237,8 @@
6178
6237
  animations.trigger('repeatItemExpandCollapse', [
6179
6238
  animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
6180
6239
  animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
6181
- animations.transition(':enter', [animations.animate(i4.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
6182
- animations.transition(':leave', animations.animate(i4.COMPLEX_STANDARD)),
6240
+ animations.transition(':enter', [animations.animate(i1$1.COMPLEX_STANDARD, animations.style({ height: '*', margin: '*', opacity: 1 }))]),
6241
+ animations.transition(':leave', animations.animate(i1$1.COMPLEX_STANDARD)),
6183
6242
  ]),
6184
6243
  ],
6185
6244
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -6198,22 +6257,22 @@
6198
6257
  MtnaWfItemHeaderModule,
6199
6258
  MtnaWfRepeatableItemModule,
6200
6259
  MtnaWfFormItemModule,
6201
- i4.MtnaHighlightModule,
6260
+ i1$1.MtnaHighlightModule,
6202
6261
  i3$2.MatButtonModule,
6203
6262
  i5.MatIconModule,
6204
6263
  i6$1.MatTooltipModule,
6205
- i4.MtnaTrackByPropertyPipeModule,
6264
+ i1$1.MtnaTrackByPropertyPipeModule,
6206
6265
  MtnaWfCoerceFormItemPipeModule], exports: [MtnaWfRepeatableItemContainerComponent] });
6207
6266
  MtnaWfRepeatableItemContainerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, imports: [[
6208
6267
  i3$1.CommonModule,
6209
6268
  MtnaWfItemHeaderModule,
6210
6269
  MtnaWfRepeatableItemModule,
6211
6270
  MtnaWfFormItemModule,
6212
- i4.MtnaHighlightModule,
6271
+ i1$1.MtnaHighlightModule,
6213
6272
  i3$2.MatButtonModule,
6214
6273
  i5.MatIconModule,
6215
6274
  i6$1.MatTooltipModule,
6216
- i4.MtnaTrackByPropertyPipeModule,
6275
+ i1$1.MtnaTrackByPropertyPipeModule,
6217
6276
  MtnaWfCoerceFormItemPipeModule,
6218
6277
  ]] });
6219
6278
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, decorators: [{
@@ -6224,11 +6283,11 @@
6224
6283
  MtnaWfItemHeaderModule,
6225
6284
  MtnaWfRepeatableItemModule,
6226
6285
  MtnaWfFormItemModule,
6227
- i4.MtnaHighlightModule,
6286
+ i1$1.MtnaHighlightModule,
6228
6287
  i3$2.MatButtonModule,
6229
6288
  i5.MatIconModule,
6230
6289
  i6$1.MatTooltipModule,
6231
- i4.MtnaTrackByPropertyPipeModule,
6290
+ i1$1.MtnaTrackByPropertyPipeModule,
6232
6291
  MtnaWfCoerceFormItemPipeModule,
6233
6292
  ],
6234
6293
  declarations: [MtnaWfRepeatableItemContainerComponent],
@@ -6250,8 +6309,8 @@
6250
6309
  MtnaWfResourceSearchComponent.prototype.openDialog = function () {
6251
6310
  var _this = this;
6252
6311
  this.dialog
6253
- .open(i1$4.MtnaSearchDialogComponent, {
6254
- 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, {
6312
+ .open(i1$5.MtnaSearchDialogComponent, {
6313
+ 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, {
6255
6314
  color: 'primary',
6256
6315
  disableSubResults: true,
6257
6316
  resizableColumns: true,
@@ -6283,7 +6342,7 @@
6283
6342
  };
6284
6343
  return MtnaWfResourceSearchComponent;
6285
6344
  }(MtnaWfBaseValueItem));
6286
- 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 });
6345
+ 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 });
6287
6346
  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 });
6288
6347
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfResourceSearchComponent, decorators: [{
6289
6348
  type: i0.Component,
@@ -6294,7 +6353,7 @@
6294
6353
  encapsulation: i0.ViewEncapsulation.None,
6295
6354
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
6296
6355
  }]
6297
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$7.MtnaInMemorySearchFacade }, { type: i1__namespace.MatDialog }]; } });
6356
+ }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$8.MtnaInMemorySearchFacade }, { type: i1__namespace.MatDialog }]; } });
6298
6357
  var templateObject_1;
6299
6358
 
6300
6359
  var MtnaWfResourceSearchModule = /** @class */ (function () {
@@ -6328,7 +6387,7 @@
6328
6387
  return MtnaWfTableFormItemComponent;
6329
6388
  }(MtnaWfBaseParentValueItem));
6330
6389
  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 });
6331
- 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 });
6390
+ 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 });
6332
6391
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemComponent, decorators: [{
6333
6392
  type: i0.Component,
6334
6393
  args: [{
@@ -6346,12 +6405,12 @@
6346
6405
  return MtnaWfTableFormItemModule;
6347
6406
  }());
6348
6407
  MtnaWfTableFormItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6349
- 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] });
6350
- 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]] });
6408
+ 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] });
6409
+ 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]] });
6351
6410
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTableFormItemModule, decorators: [{
6352
6411
  type: i0.NgModule,
6353
6412
  args: [{
6354
- imports: [i3$1.CommonModule, i1$8.MatTableModule, MtnaWfFormItemModule],
6413
+ imports: [i3$1.CommonModule, i1$9.MatTableModule, MtnaWfFormItemModule],
6355
6414
  declarations: [MtnaWfTableFormItemComponent],
6356
6415
  exports: [MtnaWfTableFormItemComponent],
6357
6416
  }]
@@ -6365,7 +6424,7 @@
6365
6424
  return MtnaWfTextItemComponent;
6366
6425
  }(MtnaWfBaseFormItem));
6367
6426
  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 });
6368
- 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 });
6427
+ 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 });
6369
6428
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemComponent, decorators: [{
6370
6429
  type: i0.Component,
6371
6430
  args: [{
@@ -6383,12 +6442,12 @@
6383
6442
  return MtnaWfTextItemModule;
6384
6443
  }());
6385
6444
  MtnaWfTextItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6386
- 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] });
6387
- 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]] });
6445
+ 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] });
6446
+ 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]] });
6388
6447
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTextItemModule, decorators: [{
6389
6448
  type: i0.NgModule,
6390
6449
  args: [{
6391
- imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6450
+ imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6392
6451
  declarations: [MtnaWfTextItemComponent],
6393
6452
  exports: [MtnaWfTextItemComponent],
6394
6453
  }]
@@ -6402,7 +6461,7 @@
6402
6461
  return MtnaWfTitleItemComponent;
6403
6462
  }(MtnaWfBaseFormItem));
6404
6463
  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 });
6405
- 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 });
6464
+ 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 });
6406
6465
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemComponent, decorators: [{
6407
6466
  type: i0.Component,
6408
6467
  args: [{
@@ -6420,12 +6479,12 @@
6420
6479
  return MtnaWfTitleItemModule;
6421
6480
  }());
6422
6481
  MtnaWfTitleItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6423
- 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] });
6424
- 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]] });
6482
+ 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] });
6483
+ 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]] });
6425
6484
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTitleItemModule, decorators: [{
6426
6485
  type: i0.NgModule,
6427
6486
  args: [{
6428
- imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule],
6487
+ imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfGetObjectTypePipeModule],
6429
6488
  declarations: [MtnaWfTitleItemComponent],
6430
6489
  exports: [MtnaWfTitleItemComponent],
6431
6490
  }]
@@ -6439,7 +6498,7 @@
6439
6498
  return MtnaWfUnorderedListItemComponent;
6440
6499
  }(MtnaWfBaseFormItem));
6441
6500
  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 });
6442
- 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 });
6501
+ 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 });
6443
6502
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemComponent, decorators: [{
6444
6503
  type: i0.Component,
6445
6504
  args: [{
@@ -6457,12 +6516,12 @@
6457
6516
  return MtnaWfUnorderedListItemModule;
6458
6517
  }());
6459
6518
  MtnaWfUnorderedListItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6460
- 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] });
6461
- 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]] });
6519
+ 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] });
6520
+ 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]] });
6462
6521
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemModule, decorators: [{
6463
6522
  type: i0.NgModule,
6464
6523
  args: [{
6465
- imports: [i3$1.CommonModule, i4.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6524
+ imports: [i3$1.CommonModule, i1$1.MtnaHighlightModule, MtnaWfSanitizeHtmlPipeModule],
6466
6525
  declarations: [MtnaWfUnorderedListItemComponent],
6467
6526
  exports: [MtnaWfUnorderedListItemComponent],
6468
6527
  }]
@@ -6605,7 +6664,7 @@
6605
6664
  return MtnaWfYearQuarterComponent;
6606
6665
  }(MtnaWfBaseValueItem));
6607
6666
  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 });
6608
- 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 });
6667
+ 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 });
6609
6668
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterComponent, decorators: [{
6610
6669
  type: i0.Component,
6611
6670
  args: [{
@@ -6635,24 +6694,24 @@
6635
6694
  MtnaWfYearQuarterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6636
6695
  MtnaWfYearQuarterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, declarations: [MtnaWfYearQuarterComponent], imports: [i3$1.CommonModule,
6637
6696
  flexLayout.FlexLayoutModule,
6638
- i1$6.MatFormFieldModule,
6697
+ i1$7.MatFormFieldModule,
6639
6698
  i2.MatSelectModule,
6640
6699
  i6.FormsModule,
6641
6700
  MtnaWfGetFormControlErrorPipeModule,
6642
6701
  MtnaWfGetAvailableQuartersPipeModule,
6643
6702
  MtnaWfDateQuarterPipeModule,
6644
- i4.MtnaHighlightModule,
6703
+ i1$1.MtnaHighlightModule,
6645
6704
  i6.ReactiveFormsModule], exports: [MtnaWfYearQuarterComponent] });
6646
6705
  MtnaWfYearQuarterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, imports: [[
6647
6706
  i3$1.CommonModule,
6648
6707
  flexLayout.FlexLayoutModule,
6649
- i1$6.MatFormFieldModule,
6708
+ i1$7.MatFormFieldModule,
6650
6709
  i2.MatSelectModule,
6651
6710
  i6.FormsModule,
6652
6711
  MtnaWfGetFormControlErrorPipeModule,
6653
6712
  MtnaWfGetAvailableQuartersPipeModule,
6654
6713
  MtnaWfDateQuarterPipeModule,
6655
- i4.MtnaHighlightModule,
6714
+ i1$1.MtnaHighlightModule,
6656
6715
  i6.ReactiveFormsModule,
6657
6716
  ]] });
6658
6717
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterModule, decorators: [{
@@ -6661,13 +6720,13 @@
6661
6720
  imports: [
6662
6721
  i3$1.CommonModule,
6663
6722
  flexLayout.FlexLayoutModule,
6664
- i1$6.MatFormFieldModule,
6723
+ i1$7.MatFormFieldModule,
6665
6724
  i2.MatSelectModule,
6666
6725
  i6.FormsModule,
6667
6726
  MtnaWfGetFormControlErrorPipeModule,
6668
6727
  MtnaWfGetAvailableQuartersPipeModule,
6669
6728
  MtnaWfDateQuarterPipeModule,
6670
- i4.MtnaHighlightModule,
6729
+ i1$1.MtnaHighlightModule,
6671
6730
  i6.ReactiveFormsModule,
6672
6731
  ],
6673
6732
  declarations: [MtnaWfYearQuarterComponent],
@@ -6698,7 +6757,7 @@
6698
6757
  return MtnaWfYearQuarterRangeComponent;
6699
6758
  }(MtnaWfBaseValueItem));
6700
6759
  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 });
6701
- 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 });
6760
+ 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 });
6702
6761
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeComponent, decorators: [{
6703
6762
  type: i0.Component,
6704
6763
  args: [{
@@ -6719,127 +6778,102 @@
6719
6778
  return MtnaWfYearQuarterRangeModule;
6720
6779
  }());
6721
6780
  MtnaWfYearQuarterRangeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
6722
- 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] });
6723
- 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]] });
6781
+ 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] });
6782
+ 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]] });
6724
6783
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeModule, decorators: [{
6725
6784
  type: i0.NgModule,
6726
6785
  args: [{
6727
- imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i4.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule],
6786
+ imports: [i3$1.CommonModule, MtnaWfYearQuarterModule, i1$1.MtnaHighlightModule, flexLayout.FlexLayoutModule, MtnaWfCoerceFormControlPipeModule],
6728
6787
  declarations: [MtnaWfYearQuarterRangeComponent],
6729
6788
  exports: [MtnaWfYearQuarterRangeComponent],
6730
6789
  }]
6731
6790
  }] });
6732
6791
 
6733
- var MtnaWfProgressiveFormSectionComponent = /** @class */ (function (_super) {
6734
- __extends(MtnaWfProgressiveFormSectionComponent, _super);
6735
- function MtnaWfProgressiveFormSectionComponent(cdr) {
6736
- return _super.call(this, cdr) || this;
6737
- }
6738
- return MtnaWfProgressiveFormSectionComponent;
6739
- }(MtnaWfBaseSectionItem));
6740
- 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 });
6741
- 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 });
6742
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionComponent, decorators: [{
6743
- type: i0.Component,
6744
- args: [{
6745
- selector: 'mtna-wf-progressive-form-section',
6746
- templateUrl: './progressive-form-section.component.html',
6747
- styleUrls: ['./progressive-form-section.component.scss'],
6748
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
6749
- encapsulation: i0.ViewEncapsulation.None,
6750
- }]
6751
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
6752
-
6753
6792
  var MTNA_WF_ITEM_INJECTED_COMPONENTS = [
6754
6793
  // Boolean Item Component
6755
6794
  {
6756
- key: 'us.mtna.web.form.item.impl.BooleanItem',
6795
+ key: webFormTs.BOOLEAN_ITEM_ID,
6757
6796
  component: MtnaWfBooleanComponent,
6758
6797
  },
6759
6798
  // Checkbox Item Component
6760
6799
  {
6761
- key: 'us.mtna.web.form.item.impl.CheckboxItem',
6800
+ key: webFormTs.CHECKBOX_ITEM_ID,
6762
6801
  component: MtnaWfCheckboxComponent,
6763
6802
  },
6764
6803
  // Date Item Component
6765
6804
  {
6766
- key: 'us.mtna.web.form.item.impl.DateItem',
6805
+ key: webFormTs.DATE_ITEM_ID,
6767
6806
  component: MtnaWfDateComponent,
6768
6807
  },
6769
6808
  // Date Range Item Component
6770
6809
  {
6771
- key: 'us.mtna.web.form.item.impl.date.OffsetDateRangeItem',
6810
+ key: webFormTs.OFFSET_DATE_RANGE_ITEM_ID,
6772
6811
  component: MtnaWfDateRangeComponent,
6773
6812
  },
6774
6813
  // Dropdown Item Component
6775
6814
  {
6776
- key: 'us.mtna.web.form.item.impl.DropdownItem',
6815
+ key: webFormTs.DROPDOWN_ITEM_ID,
6777
6816
  component: MtnaWfDropdownComponent,
6778
6817
  },
6779
6818
  // File Upload Item Component
6780
6819
  {
6781
- key: 'us.mtna.web.form.item.impl.FileUploadItem',
6820
+ key: webFormTs.FILE_UPLOAD_ITEM_ID,
6782
6821
  component: MtnaWfFileUploadComponent,
6783
6822
  },
6784
6823
  // Form Item Group Component
6785
6824
  {
6786
- key: 'us.mtna.web.form.item.impl.FormItemGroupImpl',
6825
+ key: webFormTs.FORM_ITEM_GROUP_IMPL_ID,
6787
6826
  component: MtnaWfFormGroupComponent,
6788
6827
  },
6789
6828
  // Form Section Component
6790
6829
  {
6791
- key: 'us.mtna.web.form.impl.SectionImpl',
6830
+ key: webFormTs.SECTION_ID,
6792
6831
  component: MtnaWfFormSectionComponent,
6793
6832
  },
6794
- // Progressive Form Section Component
6795
- {
6796
- key: 'us.mtna.web.form.impl.ProgressiveFormSectionImpl',
6797
- component: MtnaWfProgressiveFormSectionComponent,
6798
- },
6799
6833
  // I18n Input Item Components
6800
6834
  {
6801
- key: 'us.mtna.web.form.item.impl.InternationalizedParagraphAnswerItem',
6835
+ key: webFormTs.I18N_PARAGRAPH_ANSWER_ITEM_ID,
6802
6836
  component: MtnaWfI18nInputComponent,
6803
6837
  },
6804
6838
  {
6805
- key: 'us.mtna.web.form.item.impl.InternationalizedShortAnswerItem',
6839
+ key: webFormTs.I18N_SHORT_ANSWER_ITEM_ID,
6806
6840
  component: MtnaWfI18nInputComponent,
6807
6841
  },
6808
6842
  // Input Item Components
6809
6843
  {
6810
- key: 'us.mtna.web.form.item.impl.DecimalAnswerItem',
6844
+ key: webFormTs.DECIMAL_ANSWER_ITEM_ID,
6811
6845
  component: MtnaWfInputComponent,
6812
6846
  },
6813
6847
  {
6814
- key: 'us.mtna.web.form.item.impl.ParagraphAnswerItem',
6848
+ key: webFormTs.PARAGRAPH_ANSWER_ITEM_ID,
6815
6849
  component: MtnaWfInputComponent,
6816
6850
  },
6817
6851
  {
6818
- key: 'us.mtna.web.form.item.impl.ShortAnswerItem',
6852
+ key: webFormTs.SHORT_ANSWER_ITEM_ID,
6819
6853
  component: MtnaWfInputComponent,
6820
6854
  },
6821
6855
  {
6822
- key: 'us.mtna.web.form.item.impl.WholeNumberAnswerItem',
6856
+ key: webFormTs.WHOLE_NUMBER_ANSWER_ITEM_ID,
6823
6857
  component: MtnaWfInputComponent,
6824
6858
  },
6825
6859
  // Mutliple Choice Item Component
6826
6860
  {
6827
- key: 'us.mtna.web.form.item.impl.MultipleChoiceItem',
6861
+ key: webFormTs.MULTIPLE_CHOICE_ITEM_ID,
6828
6862
  component: MtnaWfMultipleChoiceComponent,
6829
6863
  },
6830
6864
  // Orderd List Item Component
6831
6865
  {
6832
- key: 'us.mtna.web.form.item.impl.NumberedListItem',
6866
+ key: webFormTs.NUMBERED_LIST_ITEM_ID,
6833
6867
  component: MtnaWfOrderedListItemComponent,
6834
6868
  },
6835
6869
  // Repeatable Item Container Component
6836
6870
  {
6837
- key: 'us.mtna.web.form.item.RepeatableItem',
6871
+ key: webFormTs.REPEATABLE_ITEM_ID,
6838
6872
  component: MtnaWfRepeatableItemContainerComponent,
6839
6873
  },
6840
6874
  // Resource Search Item Component
6841
6875
  {
6842
- key: 'us.mtna.web.form.item.impl.search.ResourceSearchItem',
6876
+ key: webFormTs.RESOURCE_SEARCH_ITEM_ID,
6843
6877
  component: MtnaWfResourceSearchComponent,
6844
6878
  },
6845
6879
  // Table Item Component - NOTE: NOT USED
@@ -6849,17 +6883,17 @@
6849
6883
  // },
6850
6884
  // Text Item Component
6851
6885
  {
6852
- key: 'us.mtna.web.form.item.impl.TextItem',
6886
+ key: webFormTs.TEXT_ITEM_ID,
6853
6887
  component: MtnaWfTextItemComponent,
6854
6888
  },
6855
6889
  // Title Item Component
6856
6890
  {
6857
- key: 'us.mtna.web.form.item.impl.TitleItem',
6891
+ key: webFormTs.TITLE_ITEM_ID,
6858
6892
  component: MtnaWfTitleItemComponent,
6859
6893
  },
6860
6894
  // Unordered List Item Component
6861
6895
  {
6862
- key: 'us.mtna.web.form.item.impl.BulletedListItem',
6896
+ key: webFormTs.BULLETED_LIST_ITEM_ID,
6863
6897
  component: MtnaWfUnorderedListItemComponent,
6864
6898
  },
6865
6899
  // Year Quarter Item Component
@@ -6869,7 +6903,7 @@
6869
6903
  },
6870
6904
  // Year Quarter Range Item Component
6871
6905
  {
6872
- key: 'us.mtna.web.form.item.impl.date.YearQuarterRangeItem',
6906
+ key: webFormTs.YEAR_QUARTER_RANGE_ITEM_ID,
6873
6907
  component: MtnaWfYearQuarterRangeComponent,
6874
6908
  },
6875
6909
  ];
@@ -6883,7 +6917,7 @@
6883
6917
  return MTNA_WF_ITEM_INJECTED_COMPONENTS;
6884
6918
  };
6885
6919
  return MtnaWfItemComponentProvider;
6886
- }(i4.InjectedComponentProvider));
6920
+ }(i1$1.InjectedComponentProvider));
6887
6921
 
6888
6922
  /* eslint-disable @angular-eslint/no-outputs-metadata-property */
6889
6923
  var MtnaWfProgressiveFormComponent = /** @class */ (function (_super) {
@@ -7152,8 +7186,8 @@
7152
7186
  };
7153
7187
  return MtnaWfProgressiveFormComponent;
7154
7188
  }(MtnaWfBaseFormComponent));
7155
- 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 });
7156
- 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 });
7189
+ 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 });
7190
+ 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 });
7157
7191
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormComponent, decorators: [{
7158
7192
  type: i0.Component,
7159
7193
  args: [{
@@ -7164,7 +7198,7 @@
7164
7198
  encapsulation: i0.ViewEncapsulation.None,
7165
7199
  outputs: ['status', 'focusedSection', 'mtnaFormChange'],
7166
7200
  }]
7167
- }], ctorParameters: function () { return [{ type: MtnaWfManagerService }, { type: MtnaWfNgFormService }, { type: MtnaWfUIService }, { type: i0__namespace.ChangeDetectorRef }, { type: i4__namespace.MtnaScrollService }]; }, propDecorators: { loading: [{
7201
+ }], ctorParameters: function () { return [{ type: MtnaWfManagerService }, { type: MtnaWfNgFormService }, { type: MtnaWfUIService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.MtnaScrollService }]; }, propDecorators: { loading: [{
7168
7202
  type: i0.Input
7169
7203
  }], nextStepSelected: [{
7170
7204
  type: i0.Output
@@ -7174,58 +7208,13 @@
7174
7208
  type: i0.Output
7175
7209
  }] } });
7176
7210
 
7177
- var MtnaWfProgressiveFormSectionModule = /** @class */ (function () {
7178
- function MtnaWfProgressiveFormSectionModule() {
7179
- }
7180
- return MtnaWfProgressiveFormSectionModule;
7181
- }());
7182
- MtnaWfProgressiveFormSectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
7183
- MtnaWfProgressiveFormSectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, declarations: [MtnaWfProgressiveFormSectionComponent], imports: [i3$1.CommonModule,
7184
- flexLayout.FlexLayoutModule,
7185
- MtnaWfStepCardModule,
7186
- i4.MtnaHighlightModule,
7187
- i2$2.MatDividerModule,
7188
- MtnaWfGetObjectTypePipeModule,
7189
- MtnaWfFormItemModule,
7190
- i3$2.MatButtonModule,
7191
- i5.MatIconModule], exports: [MtnaWfProgressiveFormSectionComponent] });
7192
- MtnaWfProgressiveFormSectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, imports: [[
7193
- i3$1.CommonModule,
7194
- flexLayout.FlexLayoutModule,
7195
- MtnaWfStepCardModule,
7196
- i4.MtnaHighlightModule,
7197
- i2$2.MatDividerModule,
7198
- MtnaWfGetObjectTypePipeModule,
7199
- MtnaWfFormItemModule,
7200
- i3$2.MatButtonModule,
7201
- i5.MatIconModule,
7202
- ]] });
7203
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormSectionModule, decorators: [{
7204
- type: i0.NgModule,
7205
- args: [{
7206
- imports: [
7207
- i3$1.CommonModule,
7208
- flexLayout.FlexLayoutModule,
7209
- MtnaWfStepCardModule,
7210
- i4.MtnaHighlightModule,
7211
- i2$2.MatDividerModule,
7212
- MtnaWfGetObjectTypePipeModule,
7213
- MtnaWfFormItemModule,
7214
- i3$2.MatButtonModule,
7215
- i5.MatIconModule,
7216
- ],
7217
- declarations: [MtnaWfProgressiveFormSectionComponent],
7218
- exports: [MtnaWfProgressiveFormSectionComponent],
7219
- }]
7220
- }] });
7221
-
7222
7211
  var MtnaWfProgressiveFormModule = /** @class */ (function () {
7223
7212
  function MtnaWfProgressiveFormModule() {
7224
7213
  }
7225
7214
  return MtnaWfProgressiveFormModule;
7226
7215
  }());
7227
7216
  MtnaWfProgressiveFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
7228
- MtnaWfProgressiveFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, declarations: [MtnaWfProgressiveFormComponent], imports: [i4$1.A11yModule,
7217
+ MtnaWfProgressiveFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, declarations: [MtnaWfProgressiveFormComponent], imports: [i4.A11yModule,
7229
7218
  i3$1.CommonModule,
7230
7219
  flexLayout.FlexLayoutModule,
7231
7220
  i6.FormsModule,
@@ -7233,13 +7222,14 @@
7233
7222
  i5.MatIconModule,
7234
7223
  MtnaWfFormDisablerModule,
7235
7224
  MtnaWfFormItemModule,
7236
- MtnaWfProgressiveFormSectionModule,
7237
7225
  i6.ReactiveFormsModule,
7226
+ MtnaWfFilterHiddenItemsPipeModule,
7238
7227
  MtnaWfFormStepperModule,
7239
7228
  GetProgressiveFormItemPipeModule,
7240
- GetActiveFormStepItemPipeModule], exports: [MtnaWfProgressiveFormComponent] });
7229
+ GetActiveFormStepItemPipeModule,
7230
+ MtnaWfFilterHiddenItemsPipeModule], exports: [MtnaWfProgressiveFormComponent] });
7241
7231
  MtnaWfProgressiveFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, imports: [[
7242
- i4$1.A11yModule,
7232
+ i4.A11yModule,
7243
7233
  i3$1.CommonModule,
7244
7234
  flexLayout.FlexLayoutModule,
7245
7235
  i6.FormsModule,
@@ -7247,17 +7237,18 @@
7247
7237
  i5.MatIconModule,
7248
7238
  MtnaWfFormDisablerModule,
7249
7239
  MtnaWfFormItemModule,
7250
- MtnaWfProgressiveFormSectionModule,
7251
7240
  i6.ReactiveFormsModule,
7241
+ MtnaWfFilterHiddenItemsPipeModule,
7252
7242
  MtnaWfFormStepperModule,
7253
7243
  GetProgressiveFormItemPipeModule,
7254
7244
  GetActiveFormStepItemPipeModule,
7245
+ MtnaWfFilterHiddenItemsPipeModule,
7255
7246
  ]] });
7256
7247
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfProgressiveFormModule, decorators: [{
7257
7248
  type: i0.NgModule,
7258
7249
  args: [{
7259
7250
  imports: [
7260
- i4$1.A11yModule,
7251
+ i4.A11yModule,
7261
7252
  i3$1.CommonModule,
7262
7253
  flexLayout.FlexLayoutModule,
7263
7254
  i6.FormsModule,
@@ -7265,11 +7256,12 @@
7265
7256
  i5.MatIconModule,
7266
7257
  MtnaWfFormDisablerModule,
7267
7258
  MtnaWfFormItemModule,
7268
- MtnaWfProgressiveFormSectionModule,
7269
7259
  i6.ReactiveFormsModule,
7260
+ MtnaWfFilterHiddenItemsPipeModule,
7270
7261
  MtnaWfFormStepperModule,
7271
7262
  GetProgressiveFormItemPipeModule,
7272
7263
  GetActiveFormStepItemPipeModule,
7264
+ MtnaWfFilterHiddenItemsPipeModule,
7273
7265
  ],
7274
7266
  declarations: [MtnaWfProgressiveFormComponent],
7275
7267
  exports: [MtnaWfProgressiveFormComponent],
@@ -7337,6 +7329,8 @@
7337
7329
  exports.MtnaWfDropdownModule = MtnaWfDropdownModule;
7338
7330
  exports.MtnaWfFileUploadComponent = MtnaWfFileUploadComponent;
7339
7331
  exports.MtnaWfFileUploadModule = MtnaWfFileUploadModule;
7332
+ exports.MtnaWfFilterHiddenItemsPipe = MtnaWfFilterHiddenItemsPipe;
7333
+ exports.MtnaWfFilterHiddenItemsPipeModule = MtnaWfFilterHiddenItemsPipeModule;
7340
7334
  exports.MtnaWfFormComponent = MtnaWfFormComponent;
7341
7335
  exports.MtnaWfFormDisablerComponent = MtnaWfFormDisablerComponent;
7342
7336
  exports.MtnaWfFormDisablerModule = MtnaWfFormDisablerModule;
@@ -7387,8 +7381,6 @@
7387
7381
  exports.MtnaWfOrderedListItemModule = MtnaWfOrderedListItemModule;
7388
7382
  exports.MtnaWfProgressiveFormComponent = MtnaWfProgressiveFormComponent;
7389
7383
  exports.MtnaWfProgressiveFormModule = MtnaWfProgressiveFormModule;
7390
- exports.MtnaWfProgressiveFormSectionComponent = MtnaWfProgressiveFormSectionComponent;
7391
- exports.MtnaWfProgressiveFormSectionModule = MtnaWfProgressiveFormSectionModule;
7392
7384
  exports.MtnaWfRepeatableItemComponent = MtnaWfRepeatableItemComponent;
7393
7385
  exports.MtnaWfRepeatableItemContainerComponent = MtnaWfRepeatableItemContainerComponent;
7394
7386
  exports.MtnaWfRepeatableItemContainerModule = MtnaWfRepeatableItemContainerModule;
@@ -7414,8 +7406,6 @@
7414
7406
  exports.MtnaWfYearQuarterModule = MtnaWfYearQuarterModule;
7415
7407
  exports.MtnaWfYearQuarterRangeComponent = MtnaWfYearQuarterRangeComponent;
7416
7408
  exports.MtnaWfYearQuarterRangeModule = MtnaWfYearQuarterRangeModule;
7417
- exports.PROGRESSIVE_FORM_ID = PROGRESSIVE_FORM_ID;
7418
- exports.PROGRESSIVE_FORM_SECTION_ID = PROGRESSIVE_FORM_SECTION_ID;
7419
7409
  exports.WEB_FORM_CUSTOM_ERRORS = WEB_FORM_CUSTOM_ERRORS;
7420
7410
  exports.everyStepStatus = everyStepStatus;
7421
7411
  exports.findFormControl = findFormControl;
@@ -7429,8 +7419,6 @@
7429
7419
  exports.isFormControl = isFormControl;
7430
7420
  exports.isFormGroup = isFormGroup;
7431
7421
  exports.isFormStepGroup = isFormStepGroup;
7432
- exports.isProgressiveForm = isProgressiveForm;
7433
- exports.isProgressiveFormSection = isProgressiveFormSection;
7434
7422
  exports.updateStepStatus = updateStepStatus;
7435
7423
  exports.validationResultValidator = validationResultValidator;
7436
7424