@mtna/web-form-angular 1.0.6-SNAPSHOT.7 → 1.0.6-SNAPSHOT.9

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

@@ -4440,6 +4440,9 @@
           },
           set: function (value) {
               this._item = value;
+              if (this.wfItemComponent) {
+                  this.reset();
+              }
           },
           enumerable: false,
           configurable: true
@@ -4474,6 +4477,20 @@
           enumerable: false,
           configurable: true
       });
+      MtnaWfItemInjector.prototype.reset = function () {
+          var _a, _b, _c;
+          if (coreTs.isPresent(this.focusedSectionSubscription)) {
+              (_a = this.focusedSectionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+              this.focusedSectionSubscription = undefined;
+          }
+          if (coreTs.isPresent(this.toggleFormItemsSubscription)) {
+              (_b = this.toggleFormItemsSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+              this.toggleFormItemsSubscription = undefined;
+          }
+          (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.destroy();
+          this.wfItemComponent = undefined;
+          this.ngOnInit();
+      };
       MtnaWfItemInjector.prototype.ngOnInit = function () {
           if (this.item) {
               _super.prototype.ngOnInit.call(this);
@@ -4481,6 +4498,7 @@
       };
       MtnaWfItemInjector.prototype.configureComponent = function (componentRef) {
           var _this = this;
+          this.componentRef = componentRef;
           this.wfItemComponent = componentRef.instance;
           this.wfItemComponent.header = this.header;
           this._indicatorStatus.subscribe(function (status) {
@@ -4499,7 +4517,7 @@
                   if (this.wfItemComponent instanceof MtnaWfBaseParentValueItem) {
                       this.wfItemComponent.parentIds = this.parentIds;
                       // added output to remove ui service from base components
-                      this.wfItemComponent.toggleFormItems.subscribe(function (data) {
+                      this.toggleFormItemsSubscription = this.wfItemComponent.toggleFormItems.subscribe(function (data) {
                           _this.toggleFormItems.emit(data);
                       });
                       if (this.wfItemComponent instanceof MtnaWfBaseSingleSelectionParentValueItem) {
@@ -4512,7 +4530,7 @@
               this.wfItemComponent.parentIds = this.parentIds;
               if (this.wfItemComponent instanceof MtnaWfBaseSectionItem) {
                   this.wfItemComponent.step = this.step;
-                  this.wfItemComponent.focused.subscribe(function (step) {
+                  this.focusedSectionSubscription = this.wfItemComponent.focused.subscribe(function (step) {
                       _this.focusedSection.emit(step);
                   });
               }
@@ -5089,45 +5107,6 @@
                   }]
           }] });
 
-  var MtnaWfCoerceFormItemPipe = /** @class */ (function () {
-      function MtnaWfCoerceFormItemPipe() {
-      }
-      MtnaWfCoerceFormItemPipe.prototype.transform = function (item) {
-          var formItem = undefined;
-          if (this.instanceOfFormItem(item)) {
-              formItem = item;
-          }
-          return formItem;
-      };
-      MtnaWfCoerceFormItemPipe.prototype.instanceOfFormItem = function (something) {
-          return coreTs.isType(something, 'instanceId', 'itemId', 'name', 'required', 'templateId');
-      };
-      return MtnaWfCoerceFormItemPipe;
-  }());
-  MtnaWfCoerceFormItemPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  MtnaWfCoerceFormItemPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipe, name: "coerceFormItem" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipe, decorators: [{
-              type: i0.Pipe,
-              args: [{
-                      name: 'coerceFormItem',
-                  }]
-          }] });
-  var MtnaWfCoerceFormItemPipeModule = /** @class */ (function () {
-      function MtnaWfCoerceFormItemPipeModule() {
-      }
-      return MtnaWfCoerceFormItemPipeModule;
-  }());
-  MtnaWfCoerceFormItemPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  MtnaWfCoerceFormItemPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipeModule, declarations: [MtnaWfCoerceFormItemPipe], exports: [MtnaWfCoerceFormItemPipe] });
-  MtnaWfCoerceFormItemPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipeModule });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCoerceFormItemPipeModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [MtnaWfCoerceFormItemPipe],
-                      exports: [MtnaWfCoerceFormItemPipe],
-                  }]
-          }] });
-
   var CoerceFormStepGroupPipe = /** @class */ (function () {
       function CoerceFormStepGroupPipe() {
       }
@@ -8808,7 +8787,7 @@
       return MtnaWfRepeatableItemContainerComponent;
   }(MtnaWfBaseParentValueItem));
   MtnaWfRepeatableItemContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MtnaWfManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfRepeatableItemContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0__namespace, template: "<mtna-wf-item-header\n  *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n  [descriptiveText]=\"item.descriptiveText\"\n  [disabled]=\"control?.disabled || false\"\n  [questionText]=\"item.questionText\"\n  [required]=\"item.required\"\n></mtna-wf-item-header>\n<section [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <mat-card *ngIf=\"item.items.length > 0\">\n    <mtna-wf-repeatable-item\n      @repeatItemExpandCollapse\n      *ngFor=\"let subitem of item.items; let first = first; trackBy: 'instanceId' | mtnaTrackByProperty\"\n    >\n      <ng-container *ngIf=\"subitem | coerceFormItem as coercedSubItem\">\n        <button\n          *ngIf=\"!readonly && item.items.length > item.minOccurrences\"\n          mat-icon-button\n          class=\"item-remove-button\"\n          color=\"warn\"\n          (click)=\"removeItem(coercedSubItem)\"\n          matTooltip=\"Remove Item\"\n          i18n-matTooltip\n        >\n          <mat-icon>remove_circle</mat-icon>\n        </button>\n        <mtna-wf-item\n          [isCompact]=\"isCompact\"\n          [item]=\"coercedSubItem\"\n          [control]=\"!!control && !!control.controls ? control.controls[coercedSubItem.instanceId] : undefined\"\n          [readonly]=\"readonly\"\n          [parentIds]=\"parentIds\"\n        ></mtna-wf-item>\n      </ng-container>\n    </mtna-wf-repeatable-item>\n  </mat-card>\n</section>\n<button *ngIf=\"!readonly\" mat-raised-button (click)=\"addItem()\" class=\"new-item-button\" color=\"primary\">\n  {{ item.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-container{display:block}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item>mtna-wf-item:first-child{margin-top:0}mtna-wf-repeatable-item-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-container>section{padding-left:.75em}mtna-wf-repeatable-item-container>section,mtna-wf-repeatable-item-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: i1__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { 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: i3__namespace$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__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: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i1__namespace$1.MtnaTrackByPropertyPipe, "coerceFormItem": MtnaWfCoerceFormItemPipe, "uppercase": i3__namespace.UpperCasePipe }, animations: [
+  MtnaWfRepeatableItemContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemContainerComponent, selector: "mtna-wf-repeatable-item-container", usesInheritance: true, ngImport: i0__namespace, template: "<mtna-wf-item-header\n  *ngIf=\"!!item.questionText || !!item.descriptiveText\"\n  [descriptiveText]=\"item.descriptiveText\"\n  [disabled]=\"control?.disabled || false\"\n  [questionText]=\"item.questionText\"\n  [required]=\"item.required\"\n></mtna-wf-item-header>\n<section [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !item.questionText && !item.descriptiveText\">\n  <mat-card *ngIf=\"item.items.length > 0\">\n    <mtna-wf-repeatable-item\n      @repeatItemExpandCollapse\n      *ngFor=\"let subitem of item.items; let first = first; trackBy: 'instanceId' | mtnaTrackByProperty\"\n    >\n      <button\n        *ngIf=\"!readonly && item.items.length > item.minOccurrences\"\n        mat-icon-button\n        class=\"item-remove-button\"\n        color=\"warn\"\n        (click)=\"removeItem(subitem)\"\n        matTooltip=\"Remove Item\"\n        i18n-matTooltip\n      >\n        <mat-icon>remove_circle</mat-icon>\n      </button>\n      <mtna-wf-item\n        [isCompact]=\"isCompact\"\n        [item]=\"subitem\"\n        [control]=\"!!control && !!control.controls ? control.controls[subitem.instanceId] : undefined\"\n        [readonly]=\"readonly\"\n        [parentIds]=\"parentIds\"\n      ></mtna-wf-item>\n    </mtna-wf-repeatable-item>\n  </mat-card>\n</section>\n<button *ngIf=\"!readonly\" mat-raised-button (click)=\"addItem()\" class=\"new-item-button\" color=\"primary\">\n  {{ item.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-container{display:block}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-container>section>mtna-wf-repeatable-item>mtna-wf-item:first-child{margin-top:0}mtna-wf-repeatable-item-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-container>section{padding-left:.75em}mtna-wf-repeatable-item-container>section,mtna-wf-repeatable-item-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: i1__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { 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: i3__namespace$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__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: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "mtnaTrackByProperty": i1__namespace$1.MtnaTrackByPropertyPipe, "uppercase": i3__namespace.UpperCasePipe }, animations: [
           animations.trigger('repeatItemExpandCollapse', [
               animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
               animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
@@ -8851,7 +8830,6 @@
           i3$4.MatIconModule,
           i10.MatTooltipModule,
           i1$2.MtnaTrackByPropertyPipeModule,
-          MtnaWfCoerceFormItemPipeModule,
           i1$7.MatCardModule], exports: [MtnaWfRepeatableItemContainerComponent] });
   MtnaWfRepeatableItemContainerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, imports: [[
               i3$1.CommonModule,
@@ -8863,7 +8841,6 @@
               i3$4.MatIconModule,
               i10.MatTooltipModule,
               i1$2.MtnaTrackByPropertyPipeModule,
-              MtnaWfCoerceFormItemPipeModule,
               i1$7.MatCardModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemContainerModule, decorators: [{
@@ -8879,7 +8856,6 @@
                           i3$4.MatIconModule,
                           i10.MatTooltipModule,
                           i1$2.MtnaTrackByPropertyPipeModule,
-                          MtnaWfCoerceFormItemPipeModule,
                           i1$7.MatCardModule,
                       ],
                       declarations: [MtnaWfRepeatableItemContainerComponent],
@@ -12534,8 +12510,6 @@
   exports.MtnaWfCoerceFormControlPipeModule = MtnaWfCoerceFormControlPipeModule;
   exports.MtnaWfCoerceFormGroupPipe = MtnaWfCoerceFormGroupPipe;
   exports.MtnaWfCoerceFormGroupPipeModule = MtnaWfCoerceFormGroupPipeModule;
-  exports.MtnaWfCoerceFormItemPipe = MtnaWfCoerceFormItemPipe;
-  exports.MtnaWfCoerceFormItemPipeModule = MtnaWfCoerceFormItemPipeModule;
   exports.MtnaWfDateComponent = MtnaWfDateComponent;
   exports.MtnaWfDateItemTemplateComponent = MtnaWfDateItemTemplateComponent;
   exports.MtnaWfDateItemTemplateModule = MtnaWfDateItemTemplateModule;