@mtna/web-form-angular 1.0.6-SNAPSHOT.1 → 1.0.6-SNAPSHOT.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.
- package/bundles/mtna-web-form-angular.umd.js +78 -64
- package/bundles/mtna-web-form-angular.umd.js.map +1 -1
- package/esm2015/lib/components/form-item-impl/checkbox/checkbox.component.js +7 -7
- package/esm2015/lib/components/item-header/item-header.component.js +2 -2
- package/esm2015/lib/components/step-card/step-card.component.js +9 -3
- package/esm2015/lib/components/template-item-impl/template-item-component-provider/template-item-injected-components.js +12 -10
- package/esm2015/lib/models/design/design-mapper/bulleted-list-item-template-mapper.js +1 -2
- package/esm2015/lib/models/design/design-mapper/numbered-list-item-template-mapper.js +1 -2
- package/esm2015/lib/models/design/design-mapper/option-selector-mapper.js +1 -1
- package/esm2015/lib/pipes/sanitize-html.pipe.js +11 -2
- package/esm2015/lib/services/api.service.js +2 -2
- package/esm2015/lib/utilities/template-design-util.js +6 -6
- package/fesm2015/mtna-web-form-angular.js +58 -45
- package/fesm2015/mtna-web-form-angular.js.map +1 -1
- package/lib/components/step-card/step-card.component.d.ts +1 -0
- package/lib/pipes/sanitize-html.pipe.d.ts +7 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
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('@mtna/core-i18n-angular'), require('@mtna/designer-ts'), require('@mtna/core-ts'), require('@mtna/designer-angular'), require('uuid'), require('@angular/forms'), 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('@angular/material/table'), require('@ngrx/store'), require('@ngrx/effects'), require('@angular/router')) :
|
|
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', '@mtna/core-i18n-angular', '@mtna/designer-ts', '@mtna/core-ts', '@mtna/designer-angular', 'uuid', '@angular/forms', '@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', '@angular/material/table', '@ngrx/store', '@ngrx/effects', '@angular/router'], factory) :
|
|
4
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.i2, global.designerTs, global.coreTs, global.i1, global.uuid, global.ng.forms, global.ng.material.core, global.ng.animations, global.i2$2, global.i1$2, 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$6, 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$9, global.ng.material.progressSpinner, global.ng.material.table, global.i1$b, global.i1$c, global.ng.router));
|
|
5
|
-
})(this, (function (exports, i0, i1$1, coercion, webFormTs, rxjs, i2, designerTs, coreTs, i1, uuid, i6, i3, animations, i2$2, i1$2, i1$3, i2$1, i3$1, i1$4, i3$2, materialMomentAdapter, operators, i1$5, i1$6, i4, flexLayout, i2$3, i3$4,
|
|
5
|
+
})(this, (function (exports, i0, i1$1, coercion, webFormTs, rxjs, i2, designerTs, coreTs, i1, uuid, i6, i3, animations, i2$2, i1$2, i1$3, i2$1, i3$1, i1$4, i3$2, materialMomentAdapter, operators, i1$5, i1$6, i4, flexLayout, i2$3, i3$4, i10, i3$3, i6$1, i1$7, i2$4, i2$5, i1$8, i3$5, i5, i2$6, i1$9, i5$1, i1$a, i1$b, i1$c, i5$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
41
41
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$3);
|
|
42
42
|
var i3__namespace$4 = /*#__PURE__*/_interopNamespace(i3$4);
|
|
43
|
-
var
|
|
43
|
+
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
|
44
44
|
var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$3);
|
|
45
|
-
var i6__namespace$
|
|
45
|
+
var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
|
|
46
46
|
var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$7);
|
|
47
47
|
var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$4);
|
|
48
48
|
var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$5);
|
|
@@ -1278,7 +1278,7 @@
|
|
|
1278
1278
|
function isTemplateItemDesign(design) {
|
|
1279
1279
|
switch (design.type) {
|
|
1280
1280
|
case webFormTs.BOOLEAN_ITEM_TEMPLATE_ID:
|
|
1281
|
-
|
|
1281
|
+
case webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID:
|
|
1282
1282
|
case webFormTs.CHECKBOX_GRID_TEMPLATE_ID:
|
|
1283
1283
|
case webFormTs.CHECKBOX_ITEM_TEMPLATE_ID:
|
|
1284
1284
|
case webFormTs.DATE_ITEM_TEMPLATE_ID:
|
|
@@ -1291,7 +1291,7 @@
|
|
|
1291
1291
|
case webFormTs.LINEAR_SCALE_ITEM_TEMPLATE_ID:
|
|
1292
1292
|
case webFormTs.MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID:
|
|
1293
1293
|
case webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID:
|
|
1294
|
-
|
|
1294
|
+
case webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID:
|
|
1295
1295
|
case webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID:
|
|
1296
1296
|
case webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
|
|
1297
1297
|
case webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID:
|
|
@@ -1311,7 +1311,7 @@
|
|
|
1311
1311
|
}
|
|
1312
1312
|
function isTemplateItem(something) {
|
|
1313
1313
|
return (webFormTs.instanceOfBooleanItemTemplate(something) ||
|
|
1314
|
-
|
|
1314
|
+
webFormTs.instanceOfBulletedListItemTemplate(something) ||
|
|
1315
1315
|
webFormTs.instanceOfCheckboxGridTemplate(something) ||
|
|
1316
1316
|
webFormTs.instanceOfCheckboxItemTemplate(something) ||
|
|
1317
1317
|
webFormTs.instanceOfDateItemTemplate(something) ||
|
|
@@ -1324,7 +1324,7 @@
|
|
|
1324
1324
|
webFormTs.instanceOfLinearScaleItemTemplate(something) ||
|
|
1325
1325
|
webFormTs.instanceOfMultipleChoiceGridItemTemplate(something) ||
|
|
1326
1326
|
webFormTs.instanceOfMultipleChoiceItemTemplate(something) ||
|
|
1327
|
-
|
|
1327
|
+
webFormTs.instanceOfNumberedListItemTemplate(something) ||
|
|
1328
1328
|
webFormTs.instanceOfOffsetDateRangeTemplate(something) ||
|
|
1329
1329
|
webFormTs.instanceOfParagraphAnswerItemTemplate(something) ||
|
|
1330
1330
|
webFormTs.instanceOfRepeatableItemTemplate(something) ||
|
|
@@ -2551,7 +2551,6 @@
|
|
|
2551
2551
|
};
|
|
2552
2552
|
BulletedListItemTemplateMapper.prototype.getSectionItemBulletedList = function (item) {
|
|
2553
2553
|
var properties = [];
|
|
2554
|
-
// TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
|
|
2555
2554
|
properties.push(designerTs.getI18nListDesignProperty(i18n_values, i18n_valuesInstructions, prop_item_values, i18n_listValue, i18n_newListValue, item.values));
|
|
2556
2555
|
return { display: i18n_bulletedListConfiguration, properties: properties };
|
|
2557
2556
|
};
|
|
@@ -2793,7 +2792,6 @@
|
|
|
2793
2792
|
};
|
|
2794
2793
|
NumberedListItemTemplateMapper.prototype.getSectionItemNumberedList = function (item) {
|
|
2795
2794
|
var properties = [];
|
|
2796
|
-
// TODO need to handle for repeated literals, add new type of REPEATED_STRING_I18N(?) and component to handle input
|
|
2797
2795
|
properties.push(designerTs.getI18nListDesignProperty(i18n_items, i18n_templateItemsInstructions, prop_item_items, i18n_item, i18n_newItem, item.items));
|
|
2798
2796
|
return { display: i18n_numberedListConfiguration, properties: properties };
|
|
2799
2797
|
};
|
|
@@ -4572,14 +4570,24 @@
|
|
|
4572
4570
|
type: i0.Output
|
|
4573
4571
|
}] } });
|
|
4574
4572
|
|
|
4573
|
+
/**
|
|
4574
|
+
* Sanitize the HTML string and optionally add a required field indicator.
|
|
4575
|
+
* @param v The HTML string to sanitize.
|
|
4576
|
+
* @param required Whether to append a required field indicator to the HTML string.
|
|
4577
|
+
* @returns A SafeHtml object that can be safely rendered in the template.
|
|
4578
|
+
*/
|
|
4575
4579
|
var MtnaWfSanitizeHtmlPipe = /** @class */ (function () {
|
|
4576
4580
|
function MtnaWfSanitizeHtmlPipe(_sanitizer) {
|
|
4577
4581
|
this._sanitizer = _sanitizer;
|
|
4578
4582
|
}
|
|
4579
|
-
MtnaWfSanitizeHtmlPipe.prototype.transform = function (v) {
|
|
4583
|
+
MtnaWfSanitizeHtmlPipe.prototype.transform = function (v, required) {
|
|
4584
|
+
if (required === void 0) { required = false; }
|
|
4580
4585
|
if (!v) {
|
|
4581
4586
|
return '';
|
|
4582
4587
|
}
|
|
4588
|
+
if (required) {
|
|
4589
|
+
v = v + '<span class="sr-only">This field is required</span>';
|
|
4590
|
+
}
|
|
4583
4591
|
return this._sanitizer.bypassSecurityTrustHtml(v);
|
|
4584
4592
|
};
|
|
4585
4593
|
return MtnaWfSanitizeHtmlPipe;
|
|
@@ -4660,7 +4668,7 @@
|
|
|
4660
4668
|
return MtnaWfItemHeaderComponent;
|
|
4661
4669
|
}());
|
|
4662
4670
|
MtnaWfItemHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4663
|
-
MtnaWfItemHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: { descriptiveText: "descriptiveText", disabled: "disabled", hideRequiredMarker: "hideRequiredMarker", invalid: "invalid", questionText: "questionText", required: "required" }, host: { properties: { "class.mtna-wf-item-header": "this.itemHeaderClass" } }, ngImport: i0__namespace, template: "<h3\n *ngIf=\"!!questionText\"\n class=\"mtna-wf-item-question\"\n [class.invalid]=\"invalid\"\n [innerHTML]=\"questionText + (required && !disabled && !hideRequiredMarker ? _requiredHtml : '') | mtnaWfSanitizeHtml\"\n></h3>\n<p *ngIf=\"!!descriptiveText\" class=\"mtna-wf-item-description\" [innerHTML]=\"descriptiveText | mtnaWfSanitizeHtml\"></p>\n", styles: [".mtna-wf-item-header{display:block;margin-bottom:.5rem}.mtna-wf-item-header .mtna-wf-item-question,.mtna-wf-item-description{margin:0;font-size:.9rem;line-height:1.6}.mtna-wf-item-header .mtna-wf-item-description{opacity:.56}mtna-annotations-indicator+mtna-wf-repeatable-item-container>mtna-wf-item-header,mtna-annotations-indicator+mtna-wf-value-item>mtna-wf-input-item>mtna-wf-item-header{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
4671
|
+
MtnaWfItemHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: { descriptiveText: "descriptiveText", disabled: "disabled", hideRequiredMarker: "hideRequiredMarker", invalid: "invalid", questionText: "questionText", required: "required" }, host: { properties: { "class.mtna-wf-item-header": "this.itemHeaderClass" } }, ngImport: i0__namespace, template: "<h3\n *ngIf=\"!!questionText\"\n class=\"mtna-wf-item-question\"\n [class.invalid]=\"invalid\"\n [innerHTML]=\"questionText + (required && !disabled && !hideRequiredMarker ? _requiredHtml : '') | mtnaWfSanitizeHtml : required\"\n></h3>\n<p *ngIf=\"!!descriptiveText\" class=\"mtna-wf-item-description\" [innerHTML]=\"descriptiveText | mtnaWfSanitizeHtml\"></p>\n", styles: [".mtna-wf-item-header{display:block;margin-bottom:.5rem}.mtna-wf-item-header .mtna-wf-item-question,.mtna-wf-item-description{margin:0;font-size:.9rem;line-height:1.6}.mtna-wf-item-header .mtna-wf-item-description{opacity:.56}mtna-annotations-indicator+mtna-wf-repeatable-item-container>mtna-wf-item-header,mtna-annotations-indicator+mtna-wf-value-item>mtna-wf-input-item>mtna-wf-item-header{padding-right:24px}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "mtnaWfSanitizeHtml": MtnaWfSanitizeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
4664
4672
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfItemHeaderComponent, decorators: [{
|
|
4665
4673
|
type: i0.Component,
|
|
4666
4674
|
args: [{
|
|
@@ -6016,7 +6024,7 @@
|
|
|
6016
6024
|
function MtnaWfApiService(apiConfig, http) {
|
|
6017
6025
|
this.apiConfig = apiConfig;
|
|
6018
6026
|
this.http = http;
|
|
6019
|
-
this.API_URL = this.apiConfig.baseUrl
|
|
6027
|
+
this.API_URL = "" + this.apiConfig.baseUrl;
|
|
6020
6028
|
this.FORM_URL = this.API_URL + "/form";
|
|
6021
6029
|
this.TEMPLATE_URL = this.API_URL + "/template";
|
|
6022
6030
|
this.NEW_TEMPLATE_URL = this.TEMPLATE_URL + "/new";
|
|
@@ -7400,7 +7408,7 @@
|
|
|
7400
7408
|
return MtnaWfFormStepGroupComponent;
|
|
7401
7409
|
}(_FormStepMixinBase));
|
|
7402
7410
|
MtnaWfFormStepGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepGroupComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7403
|
-
MtnaWfFormStepGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepGroupComponent, selector: "mtna-wf-step-group", inputs: { color: "color", collapsed: "collapsed", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last\">\n <mtna-wf-step\n [clickable]=\"step.status !== 'DISABLED' && step.status !== 'PLACEHOLDER'\"\n [color]=\"color\"\n [incompleteIcon]=\"incompleteIcon\"\n [step]=\"step\"\n (click)=\"selected.emit(step)\"\n ></mtna-wf-step>\n <mat-divider *ngIf=\"!last\" [vertical]=\"true\"></mat-divider>\n <p *ngIf=\"collapsed\" class=\"show-more mat-caption\" i18n>and {{ steps.length - 1 }} more...</p>\n</ng-container>\n<button\n mat-icon-button\n class=\"collapse-button\"\n [color]=\"color\"\n (click)=\"collapsed = !collapsed\"\n [matTooltip]=\"collapsed ? _collapsedText : _hideText\"\n>\n <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n</button>\n", styles: ["mtna-wf-step-group{border-style:solid;border-radius:4px;border-width:1px;display:block;margin:4px 4px 16px 8px;padding-bottom:16px;position:relative}mtna-wf-step-group .collapse-button{bottom:-19px;left:calc(50% - 20px);position:absolute;z-index:10}mtna-wf-step-group .collapse-button:after{bottom:8px;content:\"\";height:12px;left:calc(50% - 16px);position:absolute;width:32px;z-index:-1}mtna-wf-step-group mtna-wf-step li{padding-left:8px}mtna-wf-step-group mat-divider.mat-divider{margin-left:20px}mtna-wf-step-group .show-more{margin:0;text-align:center}\n"], components: [{ type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: ["color", "step", "clickable", "incompleteIcon"] }, { type: i2__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: i3__namespace$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type:
|
|
7411
|
+
MtnaWfFormStepGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfFormStepGroupComponent, selector: "mtna-wf-step-group", inputs: { color: "color", collapsed: "collapsed", incompleteIcon: "incompleteIcon", steps: "steps" }, outputs: { selected: "selected" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last\">\n <mtna-wf-step\n [clickable]=\"step.status !== 'DISABLED' && step.status !== 'PLACEHOLDER'\"\n [color]=\"color\"\n [incompleteIcon]=\"incompleteIcon\"\n [step]=\"step\"\n (click)=\"selected.emit(step)\"\n ></mtna-wf-step>\n <mat-divider *ngIf=\"!last\" [vertical]=\"true\"></mat-divider>\n <p *ngIf=\"collapsed\" class=\"show-more mat-caption\" i18n>and {{ steps.length - 1 }} more...</p>\n</ng-container>\n<button\n mat-icon-button\n class=\"collapse-button\"\n [color]=\"color\"\n (click)=\"collapsed = !collapsed\"\n [matTooltip]=\"collapsed ? _collapsedText : _hideText\"\n>\n <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n</button>\n", styles: ["mtna-wf-step-group{border-style:solid;border-radius:4px;border-width:1px;display:block;margin:4px 4px 16px 8px;padding-bottom:16px;position:relative}mtna-wf-step-group .collapse-button{bottom:-19px;left:calc(50% - 20px);position:absolute;z-index:10}mtna-wf-step-group .collapse-button:after{bottom:8px;content:\"\";height:12px;left:calc(50% - 16px);position:absolute;width:32px;z-index:-1}mtna-wf-step-group mtna-wf-step li{padding-left:8px}mtna-wf-step-group mat-divider.mat-divider{margin-left:20px}mtna-wf-step-group .show-more{margin:0;text-align:center}\n"], components: [{ type: MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: ["color", "step", "clickable", "incompleteIcon"] }, { type: i2__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: i3__namespace$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "slice": i3__namespace.SlicePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
7404
7412
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepGroupComponent, decorators: [{
|
|
7405
7413
|
type: i0.Component,
|
|
7406
7414
|
args: [{
|
|
@@ -7497,7 +7505,7 @@
|
|
|
7497
7505
|
return MtnaWfFormStepperComponent;
|
|
7498
7506
|
}(_FormStepperMixinBase));
|
|
7499
7507
|
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 });
|
|
7500
|
-
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: i3__namespace$4.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: i6__namespace$2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3__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 });
|
|
7508
|
+
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: i3__namespace$4.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: i6__namespace$1.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3__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 });
|
|
7501
7509
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormStepperComponent, decorators: [{
|
|
7502
7510
|
type: i0.Component,
|
|
7503
7511
|
args: [{
|
|
@@ -7530,7 +7538,7 @@
|
|
|
7530
7538
|
i1$2.MtnaStatusCircleModule,
|
|
7531
7539
|
i3.MatRippleModule,
|
|
7532
7540
|
i3$2.MatButtonModule,
|
|
7533
|
-
|
|
7541
|
+
i10.MatTooltipModule,
|
|
7534
7542
|
i3$4.MatIconModule,
|
|
7535
7543
|
MtnaWfFormStepGroupPipeModule,
|
|
7536
7544
|
CoerceFormStepGroupPipeModule,
|
|
@@ -7544,7 +7552,7 @@
|
|
|
7544
7552
|
i1$2.MtnaStatusCircleModule,
|
|
7545
7553
|
i3.MatRippleModule,
|
|
7546
7554
|
i3$2.MatButtonModule,
|
|
7547
|
-
|
|
7555
|
+
i10.MatTooltipModule,
|
|
7548
7556
|
i3$4.MatIconModule,
|
|
7549
7557
|
MtnaWfFormStepGroupPipeModule,
|
|
7550
7558
|
CoerceFormStepGroupPipeModule,
|
|
@@ -7562,7 +7570,7 @@
|
|
|
7562
7570
|
i1$2.MtnaStatusCircleModule,
|
|
7563
7571
|
i3.MatRippleModule,
|
|
7564
7572
|
i3$2.MatButtonModule,
|
|
7565
|
-
|
|
7573
|
+
i10.MatTooltipModule,
|
|
7566
7574
|
i3$4.MatIconModule,
|
|
7567
7575
|
MtnaWfFormStepGroupPipeModule,
|
|
7568
7576
|
CoerceFormStepGroupPipeModule,
|
|
@@ -7597,6 +7605,9 @@
|
|
|
7597
7605
|
enumerable: false,
|
|
7598
7606
|
configurable: true
|
|
7599
7607
|
});
|
|
7608
|
+
MtnaWfStepCardComponent.prototype.handleMouseEnter = function (event) {
|
|
7609
|
+
this.handleFocusChange('mouse');
|
|
7610
|
+
};
|
|
7600
7611
|
Object.defineProperty(MtnaWfStepCardComponent.prototype, "step", {
|
|
7601
7612
|
// @Input() step: FormStep | null | undefined;
|
|
7602
7613
|
get: function () {
|
|
@@ -7616,7 +7627,7 @@
|
|
|
7616
7627
|
return MtnaWfStepCardComponent;
|
|
7617
7628
|
}(_StepCardMixinBase));
|
|
7618
7629
|
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 });
|
|
7619
|
-
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 });
|
|
7630
|
+
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 });
|
|
7620
7631
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfStepCardComponent, decorators: [{
|
|
7621
7632
|
type: i0.Component,
|
|
7622
7633
|
args: [{
|
|
@@ -7630,6 +7641,9 @@
|
|
|
7630
7641
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { active: [{
|
|
7631
7642
|
type: i0.HostBinding,
|
|
7632
7643
|
args: ['class.active']
|
|
7644
|
+
}], handleMouseEnter: [{
|
|
7645
|
+
type: i0.HostListener,
|
|
7646
|
+
args: ['mouseenter', ['$event']]
|
|
7633
7647
|
}], step: [{
|
|
7634
7648
|
type: i0.Input
|
|
7635
7649
|
}], subtitle: [{
|
|
@@ -7864,7 +7878,7 @@
|
|
|
7864
7878
|
return MtnaWfCheckboxComponent;
|
|
7865
7879
|
}(MtnaWfBaseParentValueItem));
|
|
7866
7880
|
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 });
|
|
7867
|
-
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
|
|
7881
|
+
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\n<fieldset\n class=\"control-item-content\"\n [class.single-option]=\"item.options.length === 1\"\n [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n <ng-container *ngFor=\"let opt of item.options; let i = index; trackBy: _trackByOptionId\">\n <div *ngIf=\"!!control && !!control.controls && !!control.controls[i]\" fxLayout=\"row\">\n <mat-checkbox\n [disableRipple]=\"readonly\"\n [formControl]=\"$any(control.controls[i])\"\n [color]=\"color\"\n [disabled]=\"readonly\"\n (change)=\"handleChange($event, i)\"\n >{{ opt.option.name }}\n </mat-checkbox>\n <button\n *ngIf=\"opt.acknowledgement && control.controls[i].value\"\n mat-icon-button\n class=\"acknowledge-verification-button\"\n [attr.aria-label]=\"_acknowledgementText\"\n [matTooltip]=\"_acknowledgementText\"\n matTooltipShowDelay=\"800\"\n (click)=\"showAcknowledgement($event, opt.acknowledgement)\"\n (mousedown)=\"stopEventPropagation($event)\"\n (touchstart)=\"stopEventPropagation($event)\"\n >\n <mat-icon>verified</mat-icon>\n </button>\n </div>\n <ng-container *ngIf=\"item.optionItemMap[opt.option.id]\">\n <mtna-wf-item\n *ngIf=\"item.optionItemMap[opt.option.id] as subItem\"\n [isCompact]=\"isCompact\"\n [item]=\"subItem\"\n [control]=\"!!controlWrapper && controlWrapper.controls ? controlWrapper.controls[subItem.instanceId] : undefined\"\n [readonly]=\"readonly\"\n [parentIds]=\"parentIds.concat(opt.option.id)\"\n ></mtna-wf-item>\n </ng-container>\n </ng-container>\n</fieldset>\n<div *ngIf=\"hasItemHeader\" class=\"mtna-wf-error-container checkbox-error\">\n <ng-container *ngIf=\"control?.invalid && (control?.dirty || control?.touched)\">\n <mat-error *ngFor=\"let error of control?.errors | keyvalue\">\n {{ error | mtnaWfGetControlError : item }}\n </mat-error>\n </ng-container>\n</div>\n", styles: ["mtna-wf-checkbox-item{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-checkbox-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-checkbox-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}mtna-wf-checkbox-item .mat-checkbox{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item .acknowledge-verification-button{vertical-align:top;width:18px;height:18px;line-height:18px;margin-left:4px}mtna-wf-checkbox-item .acknowledge-verification-button .mat-icon{width:18px;height:18px;line-height:18px;font-size:18px}mtna-wf-checkbox-item fieldset{border:none;margin:0}mtna-wf-checkbox-item fieldset.control-item-content.single-option{padding:0}mtna-wf-checkbox-item .mat-checkbox+mtna-wf-item{margin-top:0;padding-left:24px}mtna-wf-checkbox-item .mtna-wf-error-container.checkbox-error{margin-top:4px;margin-left:.75em}mtna-wf-checkbox-item.read-only .mat-checkbox{cursor:default}\n"], components: [{ type: i2__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: 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.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"] }, { 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: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
7868
7882
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxComponent, decorators: [{
|
|
7869
7883
|
type: i0.Component,
|
|
7870
7884
|
args: [{
|
|
@@ -7908,7 +7922,7 @@
|
|
|
7908
7922
|
i2$5.MatCheckboxModule,
|
|
7909
7923
|
i3$2.MatButtonModule,
|
|
7910
7924
|
i3$4.MatIconModule,
|
|
7911
|
-
|
|
7925
|
+
i10.MatTooltipModule,
|
|
7912
7926
|
MtnaWfFormItemModule,
|
|
7913
7927
|
i1$2.MtnaHighlightModule,
|
|
7914
7928
|
i6.ReactiveFormsModule,
|
|
@@ -7922,7 +7936,7 @@
|
|
|
7922
7936
|
i2$5.MatCheckboxModule,
|
|
7923
7937
|
i3$2.MatButtonModule,
|
|
7924
7938
|
i3$4.MatIconModule,
|
|
7925
|
-
|
|
7939
|
+
i10.MatTooltipModule,
|
|
7926
7940
|
MtnaWfFormItemModule,
|
|
7927
7941
|
i1$2.MtnaHighlightModule,
|
|
7928
7942
|
i6.ReactiveFormsModule,
|
|
@@ -7940,7 +7954,7 @@
|
|
|
7940
7954
|
i2$5.MatCheckboxModule,
|
|
7941
7955
|
i3$2.MatButtonModule,
|
|
7942
7956
|
i3$4.MatIconModule,
|
|
7943
|
-
|
|
7957
|
+
i10.MatTooltipModule,
|
|
7944
7958
|
MtnaWfFormItemModule,
|
|
7945
7959
|
i1$2.MtnaHighlightModule,
|
|
7946
7960
|
i6.ReactiveFormsModule,
|
|
@@ -8357,7 +8371,7 @@
|
|
|
8357
8371
|
return MtnaWfFormGroupComponent;
|
|
8358
8372
|
}(MtnaWfBaseGroupItem));
|
|
8359
8373
|
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 });
|
|
8360
|
-
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 [isCompact]=\"isCompact\"\n [item]=\"subItem\"\n [control]=\"control.controls[subItem.instanceId]\"\n [parentIds]=\"parentIds\"\n [readonly]=\"readonly\"\n ></mtna-wf-item>\n </div>\n </ng-template>\n\n <!-- When readonly, && all child items should be displayed in a mat-list-->\n <mat-list *ngIf=\"readonly && inList; else fullLayout\" [ngClass]=\"item.layout\">\n <mtna-wf-item\n *ngFor=\"let subItem of item.items | mtnaWfItemsWithValue; let index = index; trackBy: _trackByInstanceId\"\n [class.row-item]=\"item.layout === 'ROW'\"\n [ngClass.lt-md]=\"'width-100'\"\n [item]=\"subItem\"\n [inList]=\"true\"\n [parentIds]=\"parentIds\"\n [readonly]=\"true\"\n ></mtna-wf-item>\n </mat-list>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-group .item-group-container{padding-top:24px}mtna-wf-group .mtna-wf-group-header{margin-top:1rem}mtna-wf-group .mtna-wf-group-description{margin-bottom:1rem}mtna-wf-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-group mtna-wf-multiple-choice-item{display:block}mtna-wf-group .item-group-container>.mtna-wf-group{margin-top:1rem}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item){padding-left:16px}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item).width-100{width:calc(100% - 16px)}mtna-wf-group .item-group-container>mtna-wf-item:first-of-type{margin-top:0}mtna-wf-group .item-group-container.ROW>mtna-wf-item{margin-top:0}mtna-wf-group .item-group-container.ROW>*{display:block}mtna-wf-group .item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-group .item-group-container .width-100{width:100%}mtna-wf-group .item-group-container .width-100.row-item{width:calc(100% - 16px)}mtna-wf-group mtna-wf-item-header+.item-group-container{padding:.35em .75em .625em}mtna-wf-group mtna-wf-item-header+.item-group-container>mtna-wf-item{margin-top:0}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__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: i6__namespace$
|
|
8374
|
+
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 [isCompact]=\"isCompact\"\n [item]=\"subItem\"\n [control]=\"control.controls[subItem.instanceId]\"\n [parentIds]=\"parentIds\"\n [readonly]=\"readonly\"\n ></mtna-wf-item>\n </div>\n </ng-template>\n\n <!-- When readonly, && all child items should be displayed in a mat-list-->\n <mat-list *ngIf=\"readonly && inList; else fullLayout\" [ngClass]=\"item.layout\">\n <mtna-wf-item\n *ngFor=\"let subItem of item.items | mtnaWfItemsWithValue; let index = index; trackBy: _trackByInstanceId\"\n [class.row-item]=\"item.layout === 'ROW'\"\n [ngClass.lt-md]=\"'width-100'\"\n [item]=\"subItem\"\n [inList]=\"true\"\n [parentIds]=\"parentIds\"\n [readonly]=\"true\"\n ></mtna-wf-item>\n </mat-list>\n</ng-container>\n", styles: ["mtna-annotations-indicator+mtna-wf-item-injector+mtna-wf-group .item-group-container{padding-top:24px}mtna-wf-group .mtna-wf-group-header{margin-top:1rem}mtna-wf-group .mtna-wf-group-description{margin-bottom:1rem}mtna-wf-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-group mtna-wf-multiple-choice-item{display:block}mtna-wf-group .item-group-container>.mtna-wf-group{margin-top:1rem}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item){padding-left:16px}mtna-wf-group .item-group-container>mtna-wf-item.mtna-wf-title~mtna-wf-item:not(.mtna-wf-title):not(.row-item).width-100{width:calc(100% - 16px)}mtna-wf-group .item-group-container>mtna-wf-item:first-of-type{margin-top:0}mtna-wf-group .item-group-container.ROW>mtna-wf-item{margin-top:0}mtna-wf-group .item-group-container.ROW>*{display:block}mtna-wf-group .item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-group .item-group-container .width-100{width:100%}mtna-wf-group .item-group-container .width-100.row-item{width:calc(100% - 16px)}mtna-wf-group mtna-wf-item-header+.item-group-container{padding:.35em .75em .625em}mtna-wf-group mtna-wf-item-header+.item-group-container>mtna-wf-item{margin-top:0}\n"], components: [{ type: MtnaWfItemHeaderComponent, selector: "mtna-wf-item-header", inputs: ["descriptiveText", "disabled", "hideRequiredMarker", "invalid", "questionText", "required"] }, { type: MtnaWfFormItemComponent, selector: "mtna-wf-item", inputs: ["color", "control", "header", "isCompact", "inList", "item", "parentIds", "readonly", "step"], outputs: ["focusedSection"] }], directives: [{ type: i3__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: i6__namespace$1.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfItemsWithValue": MtnaWfItemsWithValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
8361
8375
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfFormGroupComponent, decorators: [{
|
|
8362
8376
|
type: i0.Component,
|
|
8363
8377
|
args: [{
|
|
@@ -8786,7 +8800,7 @@
|
|
|
8786
8800
|
return MtnaWfRepeatableItemContainerComponent;
|
|
8787
8801
|
}(MtnaWfBaseParentValueItem));
|
|
8788
8802
|
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 });
|
|
8789
|
-
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:
|
|
8803
|
+
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: [
|
|
8790
8804
|
animations.trigger('repeatItemExpandCollapse', [
|
|
8791
8805
|
animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
|
|
8792
8806
|
animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
|
|
@@ -8827,7 +8841,7 @@
|
|
|
8827
8841
|
i1$2.MtnaHighlightModule,
|
|
8828
8842
|
i3$2.MatButtonModule,
|
|
8829
8843
|
i3$4.MatIconModule,
|
|
8830
|
-
|
|
8844
|
+
i10.MatTooltipModule,
|
|
8831
8845
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
8832
8846
|
MtnaWfCoerceFormItemPipeModule,
|
|
8833
8847
|
i1$7.MatCardModule], exports: [MtnaWfRepeatableItemContainerComponent] });
|
|
@@ -8839,7 +8853,7 @@
|
|
|
8839
8853
|
i1$2.MtnaHighlightModule,
|
|
8840
8854
|
i3$2.MatButtonModule,
|
|
8841
8855
|
i3$4.MatIconModule,
|
|
8842
|
-
|
|
8856
|
+
i10.MatTooltipModule,
|
|
8843
8857
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
8844
8858
|
MtnaWfCoerceFormItemPipeModule,
|
|
8845
8859
|
i1$7.MatCardModule,
|
|
@@ -8855,7 +8869,7 @@
|
|
|
8855
8869
|
i1$2.MtnaHighlightModule,
|
|
8856
8870
|
i3$2.MatButtonModule,
|
|
8857
8871
|
i3$4.MatIconModule,
|
|
8858
|
-
|
|
8872
|
+
i10.MatTooltipModule,
|
|
8859
8873
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
8860
8874
|
MtnaWfCoerceFormItemPipeModule,
|
|
8861
8875
|
i1$7.MatCardModule,
|
|
@@ -10423,7 +10437,7 @@
|
|
|
10423
10437
|
return MtnaWfCheckboxItemTemplateComponent;
|
|
10424
10438
|
}(MtnaWfBaseTemplateOptionGroupItemComponent));
|
|
10425
10439
|
MtnaWfCheckboxItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateComponent, deps: [{ token: i0.LOCALE_ID }, { token: MtnaWfDialogService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10426
|
-
MtnaWfCheckboxItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxItemTemplateComponent, selector: "mtna-wf-checkbox-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<fieldset *ngIf=\"template\" [ngClass]=\"{ 'template-control-item-content': true, 'single-option': template.options.length === 1 }\">\n <ng-container *ngFor=\"let option of template.options; let i = index; trackBy: _trackByOptionId\">\n <div fxLayout=\"row\">\n <mat-checkbox [color]=\"color\" [disabled]=\"template.disabled\">\n {{ option.option.name }}\n </mat-checkbox>\n <button *ngIf=\"option.acknowledgement\" class=\"acknowledgement-btn\" mat-stroked-button (click)=\"handleClick(option)\">\n [acknowledgement]\n </button>\n </div>\n <ng-container *ngIf=\"template.optionTemplateMap[option.option.id] as subTemplate\">\n <mtna-wf-template-item\n [color]=\"color\"\n [displayLocale]=\"displayLocale\"\n [isCompact]=\"isCompact\"\n [template]=\"subTemplate\"\n ></mtna-wf-template-item>\n </ng-container>\n </ng-container>\n</fieldset>\n", styles: ["mtna-wf-checkbox-item-template{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item-template .mat-checkbox{display:block;margin-right:8px}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item-template .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item-template .mat-stroked-button.acknowledgement-btn{line-height:24px;font-weight:normal;padding:0 4px;min-width:132px;height:24px}mtna-wf-checkbox-item-template fieldset{border:none;margin:0}mtna-wf-checkbox-item-template fieldset.template-control-item-content.single-option{padding:0}\n"], components: [{ type: i2__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: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$
|
|
10440
|
+
MtnaWfCheckboxItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfCheckboxItemTemplateComponent, selector: "mtna-wf-checkbox-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<fieldset *ngIf=\"template\" [ngClass]=\"{ 'template-control-item-content': true, 'single-option': template.options.length === 1 }\">\n <ng-container *ngFor=\"let option of template.options; let i = index; trackBy: _trackByOptionId\">\n <div fxLayout=\"row\">\n <mat-checkbox [color]=\"color\" [disabled]=\"template.disabled\">\n {{ option.option.name }}\n </mat-checkbox>\n <button *ngIf=\"option.acknowledgement\" class=\"acknowledgement-btn\" mat-stroked-button (click)=\"handleClick(option)\">\n [acknowledgement]\n </button>\n </div>\n <ng-container *ngIf=\"template.optionTemplateMap[option.option.id] as subTemplate\">\n <mtna-wf-template-item\n [color]=\"color\"\n [displayLocale]=\"displayLocale\"\n [isCompact]=\"isCompact\"\n [template]=\"subTemplate\"\n ></mtna-wf-template-item>\n </ng-container>\n </ng-container>\n</fieldset>\n", styles: ["mtna-wf-checkbox-item-template{display:flex;flex-direction:column;position:relative}mtna-wf-checkbox-item-template .mat-checkbox{display:block;margin-right:8px}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout{display:block}mtna-wf-checkbox-item-template .mat-checkbox>.mat-checkbox-layout>.mat-checkbox-label{white-space:normal}mtna-wf-checkbox-item-template .mat-checkbox .mat-checkbox-inner-container{bottom:1px}mtna-wf-checkbox-item-template .mat-stroked-button.acknowledgement-btn{line-height:24px;font-weight:normal;padding:0 4px;min-width:132px;height:24px}mtna-wf-checkbox-item-template fieldset{border:none;margin:0}mtna-wf-checkbox-item-template fieldset.template-control-item-content.single-option{padding:0}\n"], components: [{ type: i2__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: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$1.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
10427
10441
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateComponent, decorators: [{
|
|
10428
10442
|
type: i0.Component,
|
|
10429
10443
|
args: [{
|
|
@@ -10446,12 +10460,12 @@
|
|
|
10446
10460
|
return MtnaWfCheckboxItemTemplateModule;
|
|
10447
10461
|
}());
|
|
10448
10462
|
MtnaWfCheckboxItemTemplateModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
10449
|
-
MtnaWfCheckboxItemTemplateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, declarations: [MtnaWfCheckboxItemTemplateComponent], imports: [i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule,
|
|
10450
|
-
MtnaWfCheckboxItemTemplateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, imports: [[i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule,
|
|
10463
|
+
MtnaWfCheckboxItemTemplateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, declarations: [MtnaWfCheckboxItemTemplateComponent], imports: [i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule, i10.MatTooltipModule, MtnaWfTemplateItemModule], exports: [MtnaWfCheckboxItemTemplateComponent] });
|
|
10464
|
+
MtnaWfCheckboxItemTemplateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, imports: [[i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule, i10.MatTooltipModule, MtnaWfTemplateItemModule]] });
|
|
10451
10465
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfCheckboxItemTemplateModule, decorators: [{
|
|
10452
10466
|
type: i0.NgModule,
|
|
10453
10467
|
args: [{
|
|
10454
|
-
imports: [i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule,
|
|
10468
|
+
imports: [i3$1.CommonModule, flexLayout.FlexLayoutModule, i2$5.MatCheckboxModule, i3$2.MatButtonModule, i3$4.MatIconModule, i10.MatTooltipModule, MtnaWfTemplateItemModule],
|
|
10455
10469
|
declarations: [MtnaWfCheckboxItemTemplateComponent],
|
|
10456
10470
|
exports: [MtnaWfCheckboxItemTemplateComponent],
|
|
10457
10471
|
}]
|
|
@@ -11300,7 +11314,7 @@
|
|
|
11300
11314
|
return MtnaWfRepeatableItemTemplateContainerComponent;
|
|
11301
11315
|
}(MtnaWfBaseTemplateItemWithListComponent));
|
|
11302
11316
|
MtnaWfRepeatableItemTemplateContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemTemplateContainerComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
11303
|
-
MtnaWfRepeatableItemTemplateContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemTemplateContainerComponent, selector: "mtna-wf-repeatable-item-template-container", usesInheritance: true, ngImport: i0__namespace, template: "<section>\n <mtna-wf-repeatable-item-template @repeatItemExpandCollapse>\n <ng-container *ngIf=\"template && template.item\">\n <mat-card>\n <button mat-icon-button class=\"item-remove-button\" color=\"warn\" matTooltip=\"Remove Item\" i18n-matTooltip>\n <mat-icon>remove_circle</mat-icon>\n </button>\n <mtna-wf-template-item [isCompact]=\"isCompact\" [template]=\"template.item\"></mtna-wf-template-item>\n </mat-card>\n </ng-container>\n </mtna-wf-repeatable-item-template>\n</section>\n<button mat-raised-button class=\"new-item-button\" color=\"primary\">\n {{ template?.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-template-container{display:block}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template>mtna-wf-template-item:first-child{margin-top:0}mtna-wf-repeatable-item-template-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-template-container>section{padding-left:.75em}mtna-wf-repeatable-item-template-container>section,mtna-wf-repeatable-item-template-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfRepeatableItemTemplateComponent, selector: "mtna-wf-repeatable-item-template" }, { type: i1__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { 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: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type:
|
|
11317
|
+
MtnaWfRepeatableItemTemplateContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfRepeatableItemTemplateContainerComponent, selector: "mtna-wf-repeatable-item-template-container", usesInheritance: true, ngImport: i0__namespace, template: "<section>\n <mtna-wf-repeatable-item-template @repeatItemExpandCollapse>\n <ng-container *ngIf=\"template && template.item\">\n <mat-card>\n <button mat-icon-button class=\"item-remove-button\" color=\"warn\" matTooltip=\"Remove Item\" i18n-matTooltip>\n <mat-icon>remove_circle</mat-icon>\n </button>\n <mtna-wf-template-item [isCompact]=\"isCompact\" [template]=\"template.item\"></mtna-wf-template-item>\n </mat-card>\n </ng-container>\n </mtna-wf-repeatable-item-template>\n</section>\n<button mat-raised-button class=\"new-item-button\" color=\"primary\">\n {{ template?.additionalText || _addText | uppercase }}\n</button>\n", styles: ["mtna-wf-repeatable-item-template-container{display:block}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template{position:relative;padding:16px;display:inline-block;margin:8px;max-width:100%}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template .item-remove-button{position:absolute;top:-22px;left:-22px}mtna-wf-repeatable-item-template-container>section>mtna-wf-repeatable-item-template>mtna-wf-template-item:first-child{margin-top:0}mtna-wf-repeatable-item-template-container .new-item-button{margin-left:.75em}mtna-wf-repeatable-item-template-container>section{padding-left:.75em}mtna-wf-repeatable-item-template-container>section,mtna-wf-repeatable-item-template-container .new-item-button{margin-top:16px}\n"], components: [{ type: MtnaWfRepeatableItemTemplateComponent, selector: "mtna-wf-repeatable-item-template" }, { type: i1__namespace$4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { 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: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "uppercase": i3__namespace.UpperCasePipe }, animations: [
|
|
11304
11318
|
animations.trigger('repeatItemExpandCollapse', [
|
|
11305
11319
|
animations.state('in', animations.style({ height: '*', margin: '*', opacity: 1 })),
|
|
11306
11320
|
animations.state('void', animations.style({ height: 0, margin: 0, opacity: 0, visibility: 'hidden' })),
|
|
@@ -11339,7 +11353,7 @@
|
|
|
11339
11353
|
MtnaWfTemplateItemModule,
|
|
11340
11354
|
i3$2.MatButtonModule,
|
|
11341
11355
|
i3$4.MatIconModule,
|
|
11342
|
-
|
|
11356
|
+
i10.MatTooltipModule,
|
|
11343
11357
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
11344
11358
|
i1$7.MatCardModule], exports: [MtnaWfRepeatableItemTemplateContainerComponent] });
|
|
11345
11359
|
MtnaWfRepeatableItemTemplateContainerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfRepeatableItemTemplateContainerModule, imports: [[
|
|
@@ -11348,7 +11362,7 @@
|
|
|
11348
11362
|
MtnaWfTemplateItemModule,
|
|
11349
11363
|
i3$2.MatButtonModule,
|
|
11350
11364
|
i3$4.MatIconModule,
|
|
11351
|
-
|
|
11365
|
+
i10.MatTooltipModule,
|
|
11352
11366
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
11353
11367
|
i1$7.MatCardModule,
|
|
11354
11368
|
]] });
|
|
@@ -11361,7 +11375,7 @@
|
|
|
11361
11375
|
MtnaWfTemplateItemModule,
|
|
11362
11376
|
i3$2.MatButtonModule,
|
|
11363
11377
|
i3$4.MatIconModule,
|
|
11364
|
-
|
|
11378
|
+
i10.MatTooltipModule,
|
|
11365
11379
|
i1$2.MtnaTrackByPropertyPipeModule,
|
|
11366
11380
|
i1$7.MatCardModule,
|
|
11367
11381
|
],
|
|
@@ -12056,7 +12070,7 @@
|
|
|
12056
12070
|
return MtnaWfTemplateItemGroupComponent;
|
|
12057
12071
|
}(MtnaWfBaseTemplateItemComponent));
|
|
12058
12072
|
MtnaWfTemplateItemGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateItemGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
12059
|
-
MtnaWfTemplateItemGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemGroupComponent, selector: "mtna-wf-template-item-group", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n <mat-list *ngIf=\"inList; else fullLayout\" [ngClass]=\"template.layout\">\n <mtna-wf-template-item\n *ngFor=\"let subItem of template.items; let index = index; trackBy: _trackByInstanceId\"\n [class.row-item]=\"template.layout === 'ROW'\"\n [ngClass.lt-md]=\"'width-100'\"\n [template]=\"subItem\"\n [inList]=\"true\"\n ></mtna-wf-template-item>\n </mat-list>\n\n <ng-template #fullLayout>\n <div class=\"template-item-group-container\" [ngClass]=\"template.layout\">\n <mtna-wf-template-item\n *ngFor=\"let subItem of template.items; trackBy: _trackByInstanceId\"\n [class.row-item]=\"template.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n [ngClass.lt-md]=\"'width-100'\"\n [color]=\"color\"\n [displayLocale]=\"displayLocale\"\n [template]=\"subItem\"\n ></mtna-wf-template-item>\n </div>\n </ng-template>\n</ng-container>\n", styles: ["mtna-wf-template-item-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-template-item-group mtna-wf-multiple-choice-template-item{display:block}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item-group{margin-top:1rem}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template){padding-left:16px}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template).width-100{width:calc(100% - 16px)}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template):first-of-type{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>mtna-wf-template-item{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>*{display:block}mtna-wf-template-item-group .template-item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-template-item-group .template-item-group-container .width-100{width:100%}mtna-wf-template-item-group .template-item-group-container .width-100.row-item{width:calc(100% - 16px)}\n"], components: [{ type: i2__namespace$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$
|
|
12073
|
+
MtnaWfTemplateItemGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemGroupComponent, selector: "mtna-wf-template-item-group", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n <mat-list *ngIf=\"inList; else fullLayout\" [ngClass]=\"template.layout\">\n <mtna-wf-template-item\n *ngFor=\"let subItem of template.items; let index = index; trackBy: _trackByInstanceId\"\n [class.row-item]=\"template.layout === 'ROW'\"\n [ngClass.lt-md]=\"'width-100'\"\n [template]=\"subItem\"\n [inList]=\"true\"\n ></mtna-wf-template-item>\n </mat-list>\n\n <ng-template #fullLayout>\n <div class=\"template-item-group-container\" [ngClass]=\"template.layout\">\n <mtna-wf-template-item\n *ngFor=\"let subItem of template.items; trackBy: _trackByInstanceId\"\n [class.row-item]=\"template.layout === 'ROW' && !fullWidth[subItem.itemId]\"\n [ngClass.lt-md]=\"'width-100'\"\n [color]=\"color\"\n [displayLocale]=\"displayLocale\"\n [template]=\"subItem\"\n ></mtna-wf-template-item>\n </div>\n </ng-template>\n</ng-container>\n", styles: ["mtna-wf-template-item-group mat-list mat-list-item [mat-line]{letter-spacing:.5px}mtna-wf-template-item-group mtna-wf-multiple-choice-template-item{display:block}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item-group{margin-top:1rem}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template){padding-left:16px}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template).width-100{width:calc(100% - 16px)}mtna-wf-template-item-group .template-item-group-container>mtna-wf-template-item:has(mtna-wf-title-item-template)~:not(mtna-wf-template-item > mtna-wf-title-item-template):first-of-type{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>mtna-wf-template-item{margin-top:0}mtna-wf-template-item-group .template-item-group-container.ROW>*{display:block}mtna-wf-template-item-group .template-item-group-container .row-item{width:calc(50% - 16px);display:inline-block;margin:0 8px}mtna-wf-template-item-group .template-item-group-container .width-100{width:100%}mtna-wf-template-item-group .template-item-group-container .width-100.row-item{width:calc(100% - 16px)}\n"], components: [{ type: i2__namespace$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$1.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
12060
12074
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateItemGroupComponent, decorators: [{
|
|
12061
12075
|
type: i0.Component,
|
|
12062
12076
|
args: [{
|
|
@@ -12163,15 +12177,35 @@
|
|
|
12163
12177
|
}] });
|
|
12164
12178
|
var templateObject_1;
|
|
12165
12179
|
|
|
12180
|
+
var MtnaWfUnorderedListItemTemplateComponent = /** @class */ (function (_super) {
|
|
12181
|
+
__extends(MtnaWfUnorderedListItemTemplateComponent, _super);
|
|
12182
|
+
function MtnaWfUnorderedListItemTemplateComponent() {
|
|
12183
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
12184
|
+
}
|
|
12185
|
+
return MtnaWfUnorderedListItemTemplateComponent;
|
|
12186
|
+
}(MtnaWfBaseTemplateItemComponent));
|
|
12187
|
+
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 });
|
|
12188
|
+
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 });
|
|
12189
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
|
|
12190
|
+
type: i0.Component,
|
|
12191
|
+
args: [{
|
|
12192
|
+
selector: 'mtna-wf-unordered-list-item-template',
|
|
12193
|
+
templateUrl: './unordered-list-item.component.html',
|
|
12194
|
+
styleUrls: ['./unordered-list-item.component.scss'],
|
|
12195
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12196
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
12197
|
+
}]
|
|
12198
|
+
}] });
|
|
12199
|
+
|
|
12166
12200
|
var MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS = [
|
|
12167
12201
|
{
|
|
12168
12202
|
key: webFormTs.BOOLEAN_ITEM_TEMPLATE_ID,
|
|
12169
12203
|
component: MtnaWfBooleanItemTemplateComponent,
|
|
12170
12204
|
},
|
|
12171
|
-
|
|
12172
|
-
|
|
12173
|
-
|
|
12174
|
-
|
|
12205
|
+
{
|
|
12206
|
+
key: webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID,
|
|
12207
|
+
component: MtnaWfUnorderedListItemTemplateComponent,
|
|
12208
|
+
},
|
|
12175
12209
|
{
|
|
12176
12210
|
key: webFormTs.CHECKBOX_ITEM_TEMPLATE_ID,
|
|
12177
12211
|
component: MtnaWfCheckboxItemTemplateComponent,
|
|
@@ -12208,10 +12242,10 @@
|
|
|
12208
12242
|
key: webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID,
|
|
12209
12243
|
component: MtnaWfOffsetDateRangeItemTemplateComponent,
|
|
12210
12244
|
},
|
|
12211
|
-
|
|
12212
|
-
|
|
12213
|
-
|
|
12214
|
-
|
|
12245
|
+
{
|
|
12246
|
+
key: webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID,
|
|
12247
|
+
component: MtnaWfOrderedListItemTemplateComponent,
|
|
12248
|
+
},
|
|
12215
12249
|
{
|
|
12216
12250
|
key: webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID,
|
|
12217
12251
|
component: MtnaWfParagraphAnswerItemTemplateComponent,
|
|
@@ -12351,26 +12385,6 @@
|
|
|
12351
12385
|
}]
|
|
12352
12386
|
}] });
|
|
12353
12387
|
|
|
12354
|
-
var MtnaWfUnorderedListItemTemplateComponent = /** @class */ (function (_super) {
|
|
12355
|
-
__extends(MtnaWfUnorderedListItemTemplateComponent, _super);
|
|
12356
|
-
function MtnaWfUnorderedListItemTemplateComponent() {
|
|
12357
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
12358
|
-
}
|
|
12359
|
-
return MtnaWfUnorderedListItemTemplateComponent;
|
|
12360
|
-
}(MtnaWfBaseTemplateItemComponent));
|
|
12361
|
-
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 });
|
|
12362
|
-
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 });
|
|
12363
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfUnorderedListItemTemplateComponent, decorators: [{
|
|
12364
|
-
type: i0.Component,
|
|
12365
|
-
args: [{
|
|
12366
|
-
selector: 'mtna-wf-unordered-list-item-template',
|
|
12367
|
-
templateUrl: './unordered-list-item.component.html',
|
|
12368
|
-
styleUrls: ['./unordered-list-item.component.scss'],
|
|
12369
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12370
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
12371
|
-
}]
|
|
12372
|
-
}] });
|
|
12373
|
-
|
|
12374
12388
|
var MtnaWfUnorderedListItemTemplateModule = /** @class */ (function () {
|
|
12375
12389
|
function MtnaWfUnorderedListItemTemplateModule() {
|
|
12376
12390
|
}
|