@mtna/web-form-angular 1.0.6-SNAPSHOT.2 → 1.0.6-SNAPSHOT.3

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

@@ -1278,7 +1278,7 @@
   function isTemplateItemDesign(design) {
       switch (design.type) {
           case webFormTs.BOOLEAN_ITEM_TEMPLATE_ID:
-          // case BULLETED_LIST_ITEM_TEMPLATE_ID:
+          case webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID:
           case webFormTs.CHECKBOX_GRID_TEMPLATE_ID:
           case webFormTs.CHECKBOX_ITEM_TEMPLATE_ID:
           case webFormTs.DATE_ITEM_TEMPLATE_ID:
@@ -1291,7 +1291,7 @@
           case webFormTs.LINEAR_SCALE_ITEM_TEMPLATE_ID:
           case webFormTs.MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID:
           case webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID:
-          // case NUMBERED_LIST_ITEM_TEMPLATE_ID:
+          case webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID:
           case webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID:
           case webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
           case webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID:
@@ -1311,7 +1311,7 @@
   }
   function isTemplateItem(something) {
       return (webFormTs.instanceOfBooleanItemTemplate(something) ||
-          // instanceOfBulletedListItemTemplate(something) ||
+          webFormTs.instanceOfBulletedListItemTemplate(something) ||
           webFormTs.instanceOfCheckboxGridTemplate(something) ||
           webFormTs.instanceOfCheckboxItemTemplate(something) ||
           webFormTs.instanceOfDateItemTemplate(something) ||
@@ -1324,7 +1324,7 @@
           webFormTs.instanceOfLinearScaleItemTemplate(something) ||
           webFormTs.instanceOfMultipleChoiceGridItemTemplate(something) ||
           webFormTs.instanceOfMultipleChoiceItemTemplate(something) ||
-          // instanceOfNumberedListItemTemplate(something) ||
+          webFormTs.instanceOfNumberedListItemTemplate(something) ||
           webFormTs.instanceOfOffsetDateRangeTemplate(something) ||
           webFormTs.instanceOfParagraphAnswerItemTemplate(something) ||
           webFormTs.instanceOfRepeatableItemTemplate(something) ||
@@ -2551,7 +2551,6 @@
       };
       BulletedListItemTemplateMapper.prototype.getSectionItemBulletedList = function (item) {
           var properties = [];
-          // TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
           properties.push(designerTs.getI18nListDesignProperty(i18n_values, i18n_valuesInstructions, prop_item_values, i18n_listValue, i18n_newListValue, item.values));
           return { display: i18n_bulletedListConfiguration, properties: properties };
       };
@@ -2793,7 +2792,6 @@
       };
       NumberedListItemTemplateMapper.prototype.getSectionItemNumberedList = function (item) {
           var properties = [];
-          // TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
           properties.push(designerTs.getI18nListDesignProperty(i18n_items, i18n_templateItemsInstructions, prop_item_items, i18n_item, i18n_newItem, item.items));
           return { display: i18n_numberedListConfiguration, properties: properties };
       };
@@ -6026,7 +6024,7 @@
       function MtnaWfApiService(apiConfig, http) {
           this.apiConfig = apiConfig;
           this.http = http;
-          this.API_URL = this.apiConfig.baseUrl + "/api";
+          this.API_URL = "" + this.apiConfig.baseUrl;
           this.FORM_URL = this.API_URL + "/form";
           this.TEMPLATE_URL = this.API_URL + "/template";
           this.NEW_TEMPLATE_URL = this.TEMPLATE_URL + "/new";
@@ -7607,6 +7605,9 @@
           enumerable: false,
           configurable: true
       });
+      MtnaWfStepCardComponent.prototype.handleMouseEnter = function (event) {
+          this.handleFocusChange('mouse');
+      };
       Object.defineProperty(MtnaWfStepCardComponent.prototype, "step", {
           // @Input() step: FormStep | null | undefined;
           get: function () {
@@ -7626,7 +7627,7 @@
       return MtnaWfStepCardComponent;
   }(_StepCardMixinBase));
   MtnaWfStepCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfStepCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfStepCardComponent, selector: "mtna-wf-step-card", inputs: { color: "color", step: "step", subtitle: "subtitle" }, outputs: { focused: "focused" }, host: { properties: { "class.active": "this.active" } }, usesInheritance: true, ngImport: i0__namespace, template: "<mat-card cdkMonitorSubtreeFocus (cdkFocusChange)=\"handleFocusChange($event)\">\n  <mat-card-header>\n    <mtna-status-circle mat-card-avatar [circleNumber]=\"step?.num\" [optional]=\"step?.optional\" [status]=\"step?.status\"></mtna-status-circle>\n    <mat-card-title>{{ step?.label }}</mat-card-title>\n    <mat-card-subtitle [innerHTML]=\"subtitle | mtnaWfSanitizeHtml\"></mat-card-subtitle>\n    <p *ngIf=\"step?.optional\" class=\"optional mat-caption\" i18n>Optional</p>\n  </mat-card-header>\n\n  <mat-divider [inset]=\"true\"></mat-divider>\n\n  <mat-card-content>\n    <ng-content select=\"[cardContent]\"></ng-content>\n  </mat-card-content>\n\n  <mat-card-actions>\n    <ng-content select=\"[cardActions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: ["mtna-wf-step-card{display:block;position:relative}mtna-wf-step-card.active:before{transform-origin:top;transform:scaleY(1)}mtna-wf-step-card:before{content:\"\";display:block;position:absolute;top:0;left:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1;border-top-left-radius:2px;border-bottom-left-radius:2px}mtna-wf-step-card mat-card-header{position:relative}mtna-wf-step-card mat-card-header mat-card-title{line-height:24px;margin-right:100px}mtna-wf-step-card mat-card-header mtna-status-circle[mat-card-avatar]{width:24px;height:24px}mtna-wf-step-card mat-card-header>.optional:not(.mtna-status-circle){position:absolute;right:16px;top:0;margin:0;line-height:24px}mtna-wf-step-card mat-card-actions{padding:0;margin:0}mtna-wf-step-card mat-card-content{margin-top:16px}mtna-wf-step-card mat-card-content [cardcontent]>:first-child{margin-top:0}\n"], components: [{ type: i1__namespace$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 });
+  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: { listeners: { "mouseenter": "handleMouseEnter($event)" }, properties: { "class.active": "this.active" } }, usesInheritance: true, ngImport: i0__namespace, template: "<mat-card cdkMonitorSubtreeFocus (cdkFocusChange)=\"handleFocusChange($event)\">\n  <mat-card-header>\n    <mtna-status-circle mat-card-avatar [circleNumber]=\"step?.num\" [optional]=\"step?.optional\" [status]=\"step?.status\"></mtna-status-circle>\n    <mat-card-title>{{ step?.label }}</mat-card-title>\n    <mat-card-subtitle [innerHTML]=\"subtitle | mtnaWfSanitizeHtml\"></mat-card-subtitle>\n    <p *ngIf=\"step?.optional\" class=\"optional mat-caption\" i18n>Optional</p>\n  </mat-card-header>\n\n  <mat-divider [inset]=\"true\"></mat-divider>\n\n  <mat-card-content>\n    <ng-content select=\"[cardContent]\"></ng-content>\n  </mat-card-content>\n\n  <mat-card-actions>\n    <ng-content select=\"[cardActions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: ["mtna-wf-step-card{display:block;position:relative}mtna-wf-step-card.active:before{transform-origin:top;transform:scaleY(1)}mtna-wf-step-card:before{content:\"\";display:block;position:absolute;top:0;left:0;bottom:0;width:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:bottom;transform:scaleY(0);z-index:1;border-top-left-radius:2px;border-bottom-left-radius:2px}mtna-wf-step-card mat-card-header{position:relative}mtna-wf-step-card mat-card-header mat-card-title{line-height:24px;margin-right:100px}mtna-wf-step-card mat-card-header mtna-status-circle[mat-card-avatar]{width:24px;height:24px}mtna-wf-step-card mat-card-header>.optional:not(.mtna-status-circle){position:absolute;right:16px;top:0;margin:0;line-height:24px}mtna-wf-step-card mat-card-actions{padding:0;margin:0}mtna-wf-step-card mat-card-content{margin-top:16px}mtna-wf-step-card mat-card-content [cardcontent]>:first-child{margin-top:0}\n"], components: [{ type: i1__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1__namespace$4.MatCardHeader, selector: "mat-card-header" }, { type: i1__namespace$1.MtnaStatusCircleComponent, selector: "mtna-status-circle", inputs: ["color", "circleNumber", "incompleteIcon", "status", "validIcon", "optional"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4__namespace.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"] }, { type: i1__namespace$4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1__namespace$4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1__namespace$4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1__namespace$4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -7640,6 +7641,9 @@
           }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { active: [{
                   type: i0.HostBinding,
                   args: ['class.active']
+              }], handleMouseEnter: [{
+                  type: i0.HostListener,
+                  args: ['mouseenter', ['$event']]
               }], step: [{
                   type: i0.Input
               }], subtitle: [{
@@ -12173,15 +12177,35 @@
           }] });
   var templateObject_1;
 
+  var MtnaWfUnorderedListItemTemplateComponent = /** @class */ (function (_super) {
+      __extends(MtnaWfUnorderedListItemTemplateComponent, _super);
+      function MtnaWfUnorderedListItemTemplateComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      return MtnaWfUnorderedListItemTemplateComponent;
+  }(MtnaWfBaseTemplateItemComponent));
+  MtnaWfUnorderedListItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  MtnaWfUnorderedListItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemTemplateComponent, selector: "mtna-wf-unordered-list-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n  <ul>\n    <ng-container *ngIf=\"displayLocale | getI18nStringsValueFromLocale : template.values as values\">\n      <li *ngFor=\"let value of values\" [innerHTML]=\"value | mtnaWfSanitizeHtml\"></li>\n    </ng-container>\n  </ul>\n</ng-container>\n", styles: ["mtna-wf-unordered-list-item-template>ul{list-style:disc outside;padding-left:1rem}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "getI18nStringsValueFromLocale": GetI18nStringsValueFromLocalePipe, "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'mtna-wf-unordered-list-item-template',
+                      templateUrl: './unordered-list-item.component.html',
+                      styleUrls: ['./unordered-list-item.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      encapsulation: i0.ViewEncapsulation.None,
+                  }]
+          }] });
+
   var MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS = [
       {
           key: webFormTs.BOOLEAN_ITEM_TEMPLATE_ID,
           component: MtnaWfBooleanItemTemplateComponent,
       },
-      // {
-      //   key: BULLETED_LIST_ITEM_TEMPLATE_ID,
-      //   component: MtnaWfUnorderedListItemTemplateComponent,
-      // },
+      {
+          key: webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID,
+          component: MtnaWfUnorderedListItemTemplateComponent,
+      },
       {
           key: webFormTs.CHECKBOX_ITEM_TEMPLATE_ID,
           component: MtnaWfCheckboxItemTemplateComponent,
@@ -12218,10 +12242,10 @@
           key: webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID,
           component: MtnaWfOffsetDateRangeItemTemplateComponent,
       },
-      // {
-      //   key: NUMBERED_LIST_ITEM_TEMPLATE_ID,
-      //   component: MtnaWfOrderedListItemTemplateComponent,
-      // },
+      {
+          key: webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID,
+          component: MtnaWfOrderedListItemTemplateComponent,
+      },
       {
           key: webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID,
           component: MtnaWfParagraphAnswerItemTemplateComponent,
@@ -12361,26 +12385,6 @@
                   }]
           }] });
 
-  var MtnaWfUnorderedListItemTemplateComponent = /** @class */ (function (_super) {
-      __extends(MtnaWfUnorderedListItemTemplateComponent, _super);
-      function MtnaWfUnorderedListItemTemplateComponent() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      return MtnaWfUnorderedListItemTemplateComponent;
-  }(MtnaWfBaseTemplateItemComponent));
-  MtnaWfUnorderedListItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfUnorderedListItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfUnorderedListItemTemplateComponent, selector: "mtna-wf-unordered-list-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n  <ul>\n    <ng-container *ngIf=\"displayLocale | getI18nStringsValueFromLocale : template.values as values\">\n      <li *ngFor=\"let value of values\" [innerHTML]=\"value | mtnaWfSanitizeHtml\"></li>\n    </ng-container>\n  </ul>\n</ng-container>\n", styles: ["mtna-wf-unordered-list-item-template>ul{list-style:disc outside;padding-left:1rem}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "getI18nStringsValueFromLocale": GetI18nStringsValueFromLocalePipe, "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'mtna-wf-unordered-list-item-template',
-                      templateUrl: './unordered-list-item.component.html',
-                      styleUrls: ['./unordered-list-item.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                      encapsulation: i0.ViewEncapsulation.None,
-                  }]
-          }] });
-
   var MtnaWfUnorderedListItemTemplateModule = /** @class */ (function () {
       function MtnaWfUnorderedListItemTemplateModule() {
       }