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

package/esm2015/lib/form-item-controls/input.component.js

@@ -1,149 +0,0 @@
-import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
-import { BaseFormItemControl } from './base-form-item-control.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/form-field";
-import * as i2 from "@angular/material/list";
-import * as i3 from "@angular/common";
-import * as i4 from "@mtna/core-angular";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/forms";
-import * as i7 from "@angular/material/core";
-import * as i8 from "../core/pipes/get-auto-complete.pipe";
-import * as i9 from "../core/pipes/get-form-control-error.pipe";
-export class MtnaWfInputComponent extends BaseFormItemControl {
-    constructor(elementRef) {
-        super();
-        this.elementRef = elementRef;
-        this.isParagraph = this._hasHostAttributes('mtnaWfParagraphItem');
-        this.isNumberInput = this._hasHostAttributes('mtnaWfDecimalItem', 'mtnaWfWholeNumberItem');
-    }
-    _hasHostAttributes(...attributes) {
-        return attributes.some((attr) => this.elementRef.nativeElement.hasAttribute(attr));
-    }
-}
-MtnaWfInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfInputComponent, selector: "mtna-wf-input-item[mtnaWfDecimalItem],\n             mtna-wf-input-item[mtnaWfParagraphItem],\n             mtna-wf-input-item[mtnaWfShortAnswerItem],\n             mtna-wf-input-item[mtnaWfWholeNumberItem],", usesInheritance: true, ngImport: i0, template: `
-    <ng-container *ngTemplateOutlet="header; context: { $implicit: true }"></ng-container>
-    <mat-form-field
-      *ngIf="!readonly && !!control; else readOnly"
-      appearance="outline"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mat-label>{{ item.label }}</mat-label>
-      <textarea
-        *ngIf="isParagraph; else shortInput"
-        matInput
-        [formControl]="control"
-        [required]="item.required"
-        [attr.autocomplete]="item.label || item.name | getAutoComplete"
-        cdkTextareaAutoSize
-        cdkAutosizeMinRows="3"
-        cdkAutosizeMaxRows="5"
-      ></textarea>
-
-      <ng-template #shortInput>
-        <input matInput [formControl]="control!" [autocomplete]="item.label || item.name | getAutoComplete" [required]="item.required" />
-      </ng-template>
-
-      <mat-error *ngFor="let error of control.errors | keyvalue | slice : 0 : 1">
-        {{ error | mtnaWfGetControlError : item }}
-      </mat-error>
-    </mat-form-field>
-
-    <!-- READONLY -->
-    <ng-template #readOnly>
-      <ng-container *ngTemplateOutlet="inList ? listItem : fullList"></ng-container>
-    </ng-template>
-
-    <ng-template #fullList>
-      <mat-list>
-        <ng-container *ngTemplateOutlet="listItem"></ng-container>
-      </mat-list>
-    </ng-template>
-
-    <ng-template #listItem>
-      <mat-list-item class="wrappable-list-item">
-        <!-- <mat-icon *ngIf="item.label || item.header as label" matListIcon>{{ label | getListIcon }}</mat-icon> -->
-        <h4 *ngIf="!item.questionText && (item.label || item.name) as label" mat-line>{{ label }}</h4>
-        <p mat-line class="wrap-line">{{ item.value || 'No Information Provided' }}</p>
-      </mat-list-item>
-    </ng-template>
-  `, isInline: true, styles: [".mtna-wf-control-item .mat-form-field{width:100%}.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n", "\n      mtna-wf-input-item .mat-list-base .mat-list-item,\n      mtna-wf-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar {\n        height: auto;\n        padding: 12px 0;\n      }\n      mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line,\n      mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar {\n        padding: 18.5px 0;\n      }\n      mtna-wf-input-item .mat-list-base .mat-list-item .mat-line {\n        white-space: normal;\n        overflow: unset;\n        text-overflow: unset;\n      }\n    "], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "getAutoComplete": i8.GetAutoCompletePipe, "slice": i3.SlicePipe, "keyvalue": i3.KeyValuePipe, "mtnaWfGetControlError": i9.MtnaGetFormControlErrorPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `mtna-wf-input-item[mtnaWfDecimalItem],
-             mtna-wf-input-item[mtnaWfParagraphItem],
-             mtna-wf-input-item[mtnaWfShortAnswerItem],
-             mtna-wf-input-item[mtnaWfWholeNumberItem],`,
-                    template: `
-    <ng-container *ngTemplateOutlet="header; context: { $implicit: true }"></ng-container>
-    <mat-form-field
-      *ngIf="!readonly && !!control; else readOnly"
-      appearance="outline"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mat-label>{{ item.label }}</mat-label>
-      <textarea
-        *ngIf="isParagraph; else shortInput"
-        matInput
-        [formControl]="control"
-        [required]="item.required"
-        [attr.autocomplete]="item.label || item.name | getAutoComplete"
-        cdkTextareaAutoSize
-        cdkAutosizeMinRows="3"
-        cdkAutosizeMaxRows="5"
-      ></textarea>
-
-      <ng-template #shortInput>
-        <input matInput [formControl]="control!" [autocomplete]="item.label || item.name | getAutoComplete" [required]="item.required" />
-      </ng-template>
-
-      <mat-error *ngFor="let error of control.errors | keyvalue | slice : 0 : 1">
-        {{ error | mtnaWfGetControlError : item }}
-      </mat-error>
-    </mat-form-field>
-
-    <!-- READONLY -->
-    <ng-template #readOnly>
-      <ng-container *ngTemplateOutlet="inList ? listItem : fullList"></ng-container>
-    </ng-template>
-
-    <ng-template #fullList>
-      <mat-list>
-        <ng-container *ngTemplateOutlet="listItem"></ng-container>
-      </mat-list>
-    </ng-template>
-
-    <ng-template #listItem>
-      <mat-list-item class="wrappable-list-item">
-        <!-- <mat-icon *ngIf="item.label || item.header as label" matListIcon>{{ label | getListIcon }}</mat-icon> -->
-        <h4 *ngIf="!item.questionText && (item.label || item.name) as label" mat-line>{{ label }}</h4>
-        <p mat-line class="wrap-line">{{ item.value || 'No Information Provided' }}</p>
-      </mat-list-item>
-    </ng-template>
-  `,
-                    styleUrls: [`form-control.scss`],
-                    styles: [
-                        `
-      mtna-wf-input-item .mat-list-base .mat-list-item,
-      mtna-wf-input-item .mat-list-base .mat-list-item.mat-list-item-with-avatar {
-        height: auto;
-        padding: 12px 0;
-      }
-      mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line,
-      mtna-wf-input-item .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar {
-        padding: 18.5px 0;
-      }
-      mtna-wf-input-item .mat-list-base .mat-list-item .mat-line {
-        white-space: normal;
-        overflow: unset;
-        text-overflow: unset;
-      }
-    `,
-                    ],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2ViLWZvcm0tYW5ndWxhci9zcmMvbGliL2Zvcm0taXRlbS1jb250cm9scy9pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUtsRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7Ozs7QUE0RXpFLE1BQU0sT0FBTyxvQkFFWCxTQUFRLG1CQUFtQztJQUkzQyxZQUFzQixVQUFzQjtRQUMxQyxLQUFLLEVBQUUsQ0FBQztRQURZLGVBQVUsR0FBVixVQUFVLENBQVk7UUFIbkMsZ0JBQVcsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUM3RCxrQkFBYSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO0lBSS9GLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxHQUFHLFVBQW9CO1FBQ2hELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUE2QixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7O2tIQVpVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLDhRQXJFckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4Q1Q7NEZBdUJVLG9CQUFvQjtrQkExRWhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7d0RBRzRDO29CQUN0RCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4Q1Q7b0JBQ0QsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ2hDLE1BQU0sRUFBRTt3QkFDTjs7Ozs7Ozs7Ozs7Ozs7O0tBZUM7cUJBQ0Y7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRGVjaW1hbEFuc3dlckl0ZW0sIFBhcmFncmFwaEFuc3dlckl0ZW0sIFNob3J0QW5zd2VySXRlbSwgV2hvbGVOdW1iZXJBbnN3ZXJJdGVtIH0gZnJvbSAnQG10bmEvd2ViLWZvcm0tdHMnO1xuXG5pbXBvcnQgeyBCYXNlRm9ybUl0ZW1Db250cm9sIH0gZnJvbSAnLi9iYXNlLWZvcm0taXRlbS1jb250cm9sLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogYG10bmEtd2YtaW5wdXQtaXRlbVttdG5hV2ZEZWNpbWFsSXRlbV0sXG4gICAgICAgICAgICAgbXRuYS13Zi1pbnB1dC1pdGVtW210bmFXZlBhcmFncmFwaEl0ZW1dLFxuICAgICAgICAgICAgIG10bmEtd2YtaW5wdXQtaXRlbVttdG5hV2ZTaG9ydEFuc3dlckl0ZW1dLFxuICAgICAgICAgICAgIG10bmEtd2YtaW5wdXQtaXRlbVttdG5hV2ZXaG9sZU51bWJlckl0ZW1dLGAsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlcjsgY29udGV4dDogeyAkaW1wbGljaXQ6IHRydWUgfVwiPjwvbmctY29udGFpbmVyPlxuICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgKm5nSWY9XCIhcmVhZG9ubHkgJiYgISFjb250cm9sOyBlbHNlIHJlYWRPbmx5XCJcbiAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcbiAgICAgIFttdG5hSGlnaGxpZ2h0XT1cImluZGljYXRvclN0YXR1cyA9PT0gJ0FDVElWRScgJiYgIWhhc0l0ZW1IZWFkZXJcIlxuICAgID5cbiAgICAgIDxtYXQtbGFiZWw+e3sgaXRlbS5sYWJlbCB9fTwvbWF0LWxhYmVsPlxuICAgICAgPHRleHRhcmVhXG4gICAgICAgICpuZ0lmPVwiaXNQYXJhZ3JhcGg7IGVsc2Ugc2hvcnRJbnB1dFwiXG4gICAgICAgIG1hdElucHV0XG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cIml0ZW0ucmVxdWlyZWRcIlxuICAgICAgICBbYXR0ci5hdXRvY29tcGxldGVdPVwiaXRlbS5sYWJlbCB8fCBpdGVtLm5hbWUgfCBnZXRBdXRvQ29tcGxldGVcIlxuICAgICAgICBjZGtUZXh0YXJlYUF1dG9TaXplXG4gICAgICAgIGNka0F1dG9zaXplTWluUm93cz1cIjNcIlxuICAgICAgICBjZGtBdXRvc2l6ZU1heFJvd3M9XCI1XCJcbiAgICAgID48L3RleHRhcmVhPlxuXG4gICAgICA8bmctdGVtcGxhdGUgI3Nob3J0SW5wdXQ+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbZm9ybUNvbnRyb2xdPVwiY29udHJvbCFcIiBbYXV0b2NvbXBsZXRlXT1cIml0ZW0ubGFiZWwgfHwgaXRlbS5uYW1lIHwgZ2V0QXV0b0NvbXBsZXRlXCIgW3JlcXVpcmVkXT1cIml0ZW0ucmVxdWlyZWRcIiAvPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgPG1hdC1lcnJvciAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgY29udHJvbC5lcnJvcnMgfCBrZXl2YWx1ZSB8IHNsaWNlIDogMCA6IDFcIj5cbiAgICAgICAge3sgZXJyb3IgfCBtdG5hV2ZHZXRDb250cm9sRXJyb3IgOiBpdGVtIH19XG4gICAgICA8L21hdC1lcnJvcj5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuXG4gICAgPCEtLSBSRUFET05MWSAtLT5cbiAgICA8bmctdGVtcGxhdGUgI3JlYWRPbmx5PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImluTGlzdCA/IGxpc3RJdGVtIDogZnVsbExpc3RcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNmdWxsTGlzdD5cbiAgICAgIDxtYXQtbGlzdD5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxpc3RJdGVtXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L21hdC1saXN0PlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgI2xpc3RJdGVtPlxuICAgICAgPG1hdC1saXN0LWl0ZW0gY2xhc3M9XCJ3cmFwcGFibGUtbGlzdC1pdGVtXCI+XG4gICAgICAgIDwhLS0gPG1hdC1pY29uICpuZ0lmPVwiaXRlbS5sYWJlbCB8fCBpdGVtLmhlYWRlciBhcyBsYWJlbFwiIG1hdExpc3RJY29uPnt7IGxhYmVsIHwgZ2V0TGlzdEljb24gfX08L21hdC1pY29uPiAtLT5cbiAgICAgICAgPGg0ICpuZ0lmPVwiIWl0ZW0ucXVlc3Rpb25UZXh0ICYmIChpdGVtLmxhYmVsIHx8IGl0ZW0ubmFtZSkgYXMgbGFiZWxcIiBtYXQtbGluZT57eyBsYWJlbCB9fTwvaDQ+XG4gICAgICAgIDxwIG1hdC1saW5lIGNsYXNzPVwid3JhcC1saW5lXCI+e3sgaXRlbS52YWx1ZSB8fCAnTm8gSW5mb3JtYXRpb24gUHJvdmlkZWQnIH19PC9wPlxuICAgICAgPC9tYXQtbGlzdC1pdGVtPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsczogW2Bmb3JtLWNvbnRyb2wuc2Nzc2BdLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICBtdG5hLXdmLWlucHV0LWl0ZW0gLm1hdC1saXN0LWJhc2UgLm1hdC1saXN0LWl0ZW0sXG4gICAgICBtdG5hLXdmLWlucHV0LWl0ZW0gLm1hdC1saXN0LWJhc2UgLm1hdC1saXN0LWl0ZW0ubWF0LWxpc3QtaXRlbS13aXRoLWF2YXRhciB7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgcGFkZGluZzogMTJweCAwO1xuICAgICAgfVxuICAgICAgbXRuYS13Zi1pbnB1dC1pdGVtIC5tYXQtbGlzdC1iYXNlIC5tYXQtbGlzdC1pdGVtLm1hdC0yLWxpbmUsXG4gICAgICBtdG5hLXdmLWlucHV0LWl0ZW0gLm1hdC1saXN0LWJhc2UgLm1hdC1saXN0LWl0ZW0ubWF0LTItbGluZS5tYXQtbGlzdC1pdGVtLXdpdGgtYXZhdGFyIHtcbiAgICAgICAgcGFkZGluZzogMTguNXB4IDA7XG4gICAgICB9XG4gICAgICBtdG5hLXdmLWlucHV0LWl0ZW0gLm1hdC1saXN0LWJhc2UgLm1hdC1saXN0LWl0ZW0gLm1hdC1saW5lIHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgb3ZlcmZsb3c6IHVuc2V0O1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiB1bnNldDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTXRuYVdmSW5wdXRDb21wb25lbnQ8XG4gIEkgZXh0ZW5kcyBEZWNpbWFsQW5zd2VySXRlbSB8IFBhcmFncmFwaEFuc3dlckl0ZW0gfCBTaG9ydEFuc3dlckl0ZW0gfCBXaG9sZU51bWJlckFuc3dlckl0ZW1cbj4gZXh0ZW5kcyBCYXNlRm9ybUl0ZW1Db250cm9sPEksIEZvcm1Db250cm9sPiB7XG4gIHJlYWRvbmx5IGlzUGFyYWdyYXBoID0gdGhpcy5faGFzSG9zdEF0dHJpYnV0ZXMoJ210bmFXZlBhcmFncmFwaEl0ZW0nKTtcbiAgcmVhZG9ubHkgaXNOdW1iZXJJbnB1dCA9IHRoaXMuX2hhc0hvc3RBdHRyaWJ1dGVzKCdtdG5hV2ZEZWNpbWFsSXRlbScsICdtdG5hV2ZXaG9sZU51bWJlckl0ZW0nKTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwcml2YXRlIF9oYXNIb3N0QXR0cmlidXRlcyguLi5hdHRyaWJ1dGVzOiBzdHJpbmdbXSkge1xuICAgIHJldHVybiBhdHRyaWJ1dGVzLnNvbWUoKGF0dHIpID0+ICh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuaGFzQXR0cmlidXRlKGF0dHIpKTtcbiAgfVxufVxuIl19

package/esm2015/lib/form-item-controls/year-quarter-range.component.js

@@ -1,75 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
-import { BaseFormItemControl } from './base-form-item-control.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "./year-quarter.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/flex-layout/flex";
-import * as i4 from "@mtna/core-angular";
-export class MtnaWfYearQuarterRangeComponent extends BaseFormItemControl {
-    constructor() {
-        super(...arguments);
-        this.yearQuarterRangeClass = true;
-    }
-}
-MtnaWfYearQuarterRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfYearQuarterRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MtnaWfYearQuarterRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterRangeComponent, selector: "mtna-wf-year-quarter-range-item", host: { properties: { "class.mtna-wf-year-quarter-range-item": "this.yearQuarterRangeClass" } }, usesInheritance: true, ngImport: i0, template: `
-    <ng-container *ngTemplateOutlet="header"></ng-container>
-
-    <div
-      *ngIf="control"
-      class="range-item-container"
-      fxLayout="row"
-      fxLayoutAlign="start center"
-      fxLayoutGap="8px"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mtna-wf-year-quarter-item
-        [control]="control.controls['start']"
-        [readonly]="readonly"
-        [rangeLimits]="item.rangeLimits"
-      ></mtna-wf-year-quarter-item>
-      <span fxFlex="14px">to</span>
-      <mtna-wf-year-quarter-item
-        [control]="control.controls['end']"
-        [readonly]="readonly"
-        [rangeLimits]="item.rangeLimits"
-      ></mtna-wf-year-quarter-item>
-    </div>
-  `, isInline: true, styles: [".mtna-wf-control-item .mat-form-field{width:100%}.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: i1.MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", inputs: ["rangeLimits"] }], directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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.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.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfYearQuarterRangeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mtna-wf-year-quarter-range-item',
-                    template: `
-    <ng-container *ngTemplateOutlet="header"></ng-container>
-
-    <div
-      *ngIf="control"
-      class="range-item-container"
-      fxLayout="row"
-      fxLayoutAlign="start center"
-      fxLayoutGap="8px"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mtna-wf-year-quarter-item
-        [control]="control.controls['start']"
-        [readonly]="readonly"
-        [rangeLimits]="item.rangeLimits"
-      ></mtna-wf-year-quarter-item>
-      <span fxFlex="14px">to</span>
-      <mtna-wf-year-quarter-item
-        [control]="control.controls['end']"
-        [readonly]="readonly"
-        [rangeLimits]="item.rangeLimits"
-      ></mtna-wf-year-quarter-item>
-    </div>
-  `,
-                    styleUrls: [`form-control.scss`],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { yearQuarterRangeClass: [{
-                type: HostBinding,
-                args: ['class.mtna-wf-year-quarter-range-item']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieWVhci1xdWFydGVyLXJhbmdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dlYi1mb3JtLWFuZ3VsYXIvc3JjL2xpYi9mb3JtLWl0ZW0tY29udHJvbHMveWVhci1xdWFydGVyLXJhbmdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUtuRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7O0FBZ0N6RSxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsbUJBQW9EO0lBOUJ6Rzs7UUErQndELDBCQUFxQixHQUFHLElBQUksQ0FBQztLQUNwRjs7NkhBRlksK0JBQStCO2lIQUEvQiwrQkFBK0IsK0xBNUJoQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQ7NEZBS1UsK0JBQStCO2tCQTlCM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUNBQWlDO29CQUMzQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO29CQUNELFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNoQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUV1RCxxQkFBcUI7c0JBQTFFLFdBQVc7dUJBQUMsdUNBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IFllYXJRdWFydGVyUmFuZ2VJdGVtIH0gZnJvbSAnQG10bmEvd2ViLWZvcm0tdHMnO1xuXG5pbXBvcnQgeyBCYXNlRm9ybUl0ZW1Db250cm9sIH0gZnJvbSAnLi9iYXNlLWZvcm0taXRlbS1jb250cm9sLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210bmEtd2YteWVhci1xdWFydGVyLXJhbmdlLWl0ZW0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJcIj48L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiY29udHJvbFwiXG4gICAgICBjbGFzcz1cInJhbmdlLWl0ZW0tY29udGFpbmVyXCJcbiAgICAgIGZ4TGF5b3V0PVwicm93XCJcbiAgICAgIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIlxuICAgICAgZnhMYXlvdXRHYXA9XCI4cHhcIlxuICAgICAgW210bmFIaWdobGlnaHRdPVwiaW5kaWNhdG9yU3RhdHVzID09PSAnQUNUSVZFJyAmJiAhaGFzSXRlbUhlYWRlclwiXG4gICAgPlxuICAgICAgPG10bmEtd2YteWVhci1xdWFydGVyLWl0ZW1cbiAgICAgICAgW2NvbnRyb2xdPVwiY29udHJvbC5jb250cm9sc1snc3RhcnQnXVwiXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFtyYW5nZUxpbWl0c109XCJpdGVtLnJhbmdlTGltaXRzXCJcbiAgICAgID48L210bmEtd2YteWVhci1xdWFydGVyLWl0ZW0+XG4gICAgICA8c3BhbiBmeEZsZXg9XCIxNHB4XCI+dG88L3NwYW4+XG4gICAgICA8bXRuYS13Zi15ZWFyLXF1YXJ0ZXItaXRlbVxuICAgICAgICBbY29udHJvbF09XCJjb250cm9sLmNvbnRyb2xzWydlbmQnXVwiXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFtyYW5nZUxpbWl0c109XCJpdGVtLnJhbmdlTGltaXRzXCJcbiAgICAgID48L210bmEtd2YteWVhci1xdWFydGVyLWl0ZW0+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogW2Bmb3JtLWNvbnRyb2wuc2Nzc2BdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTXRuYVdmWWVhclF1YXJ0ZXJSYW5nZUNvbXBvbmVudCBleHRlbmRzIEJhc2VGb3JtSXRlbUNvbnRyb2w8WWVhclF1YXJ0ZXJSYW5nZUl0ZW0sIEZvcm1Hcm91cD4ge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm10bmEtd2YteWVhci1xdWFydGVyLXJhbmdlLWl0ZW0nKSB5ZWFyUXVhcnRlclJhbmdlQ2xhc3MgPSB0cnVlO1xufVxuIl19

package/esm2015/lib/form-item-controls/year-quarter.component.js

@@ -1,228 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostBinding, Inject, InjectionToken, Input, Optional, ViewEncapsulation, } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { isPresent } from '@mtna/core-ts';
-import { merge, Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { BaseFormItemControl } from './base-form-item-control.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/form-field";
-import * as i2 from "@angular/material/select";
-import * as i3 from "@angular/material/core";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/flex-layout/flex";
-import * as i6 from "@mtna/core-angular";
-import * as i7 from "@angular/forms";
-import * as i8 from "../core/pipes/get-form-control-error.pipe";
-import * as i9 from "../core/pipes/get-available-quarters.pipe";
-import * as i10 from "../core/pipes/date-quarter.pipe";
-export const MTNA_WF_DEFAULT_YEAR_RANGE = new InjectionToken('mtna.wf.default.year.range');
-export class MtnaWfYearQuarterComponent extends BaseFormItemControl {
-    constructor(defaultYearRange) {
-        super();
-        this.yearQuarterItemClass = true;
-        this._quarterControl = new FormControl();
-        this._yearControl = new FormControl();
-        this._yearSelection = new Array();
-        this.destroyObs = new Subject();
-        /**
-         * Sets the quarter value to `null` if the year & quarter is out of bounds of the range limits.
-         * Otherwise, returns original value
-         *
-         * @param value `[number, number]` The selected [year, quarter] value
-         * @returns `[number, number]` The original [year, quarter] value OR [year, null]
-         */
-        this.withinRangeLimits = ([year, quarter]) => {
-            var _a, _b;
-            const beyondUpperLimit = 
-            // year matches end year range limit
-            year === ((_a = this.rangeLimits) === null || _a === void 0 ? void 0 : _a.end.year) &&
-                // quarter limit was provided
-                isPresent(this.rangeLimits.end.quarter) &&
-                // selected quarter is beyond quarter limit
-                quarter > this.rangeLimits.end.quarter;
-            const beyondLowerLimit = 
-            // year matches start year range limit
-            year === ((_b = this.rangeLimits) === null || _b === void 0 ? void 0 : _b.start.year) &&
-                // quarter limit was provided
-                isPresent(this.rangeLimits.start.quarter) &&
-                // selected quarter is beyond quarter limit
-                quarter < this.rangeLimits.start.quarter;
-            if (beyondLowerLimit || beyondUpperLimit) {
-                this._quarterControl.setValue(null, { emitEvent: false });
-                return [year, null];
-            }
-            return [year, quarter];
-        };
-        this.defaultYearRange = defaultYearRange || { numFutureYears: 25, numPastYears: 25 };
-    }
-    ngAfterViewInit() {
-        if (!this.readonly) {
-            // Observe Year & Quarter value changes && set them on the item's control
-            merge(this._yearControl.valueChanges, this._quarterControl.valueChanges)
-                .pipe(takeUntil(this.destroyObs))
-                .subscribe(() => {
-                var _a, _b, _c, _d;
-                if (!((_a = this.control) === null || _a === void 0 ? void 0 : _a.dirty) && (this._yearControl.dirty || this._quarterControl.dirty)) {
-                    (_b = this.control) === null || _b === void 0 ? void 0 : _b.markAsDirty();
-                    (_c = this.control) === null || _c === void 0 ? void 0 : _c.markAsTouched();
-                }
-                if (isPresent(this._yearControl.value)) {
-                    const [year, quarter] = this.withinRangeLimits([this._yearControl.value, this._quarterControl.value]);
-                    (_d = this.control) === null || _d === void 0 ? void 0 : _d.setValue({ year, quarter });
-                }
-            });
-            // FIXME not sure we need this until we starting making this control
-            // required/unrequired at the right time. Even then, this is super inneficient
-            /*
-            // Listen to this control for disabling local controls
-            this.control.statusChanges
-              .pipe(
-                startWith(this.control.status),
-                takeUntil(this.destroyObs)
-              )
-              .subscribe(status => {
-                console.warn('statusChanges', status, this.control);
-                // if this control is enabled, enable local controls if disabled
-                if (this.control.enabled) {
-                  if (this._quarterControl.disabled || this._yearControl.disabled) {
-                    console.warn('[YearQuarterItem] enable the things');
-                    // this._quarterControl.enable();
-                    // this._yearControl.enable();
-                  }
-                  // else this control is disabled, so disable local controls if enabled
-                } else if (this._quarterControl.enabled || this._yearControl.enabled) {
-                  console.warn('[YearQuarterItem] disable the things');
-                  // this._yearControl.disable();
-                  // this._quarterControl.disable();
-                }
-              });
-              */
-        }
-    }
-    ngOnDestroy() {
-        this.destroyObs.next();
-        this.destroyObs.complete();
-    }
-    ngOnInit() {
-        var _a, _b, _c;
-        // Set any initial value onto the Year & Quarter controls
-        this._yearControl.setValue(((_a = this.control) === null || _a === void 0 ? void 0 : _a.value) ? this.control.value.year : null);
-        this._quarterControl.setValue(((_b = this.control) === null || _b === void 0 ? void 0 : _b.value) ? this.control.value.quarter : null);
-        // Create range limits if none exist
-        if (!this.rangeLimits) {
-            const thisYear = new Date().getFullYear();
-            this.rangeLimits = {
-                start: {
-                    year: thisYear - this.defaultYearRange.numPastYears,
-                    quarter: null,
-                },
-                end: {
-                    year: thisYear + this.defaultYearRange.numFutureYears,
-                    quarter: null,
-                },
-            };
-        }
-        // Populate the year selection
-        for (let i = this.rangeLimits.start.year || 0; i <= (this.rangeLimits.end.year || 0); i++) {
-            this._yearSelection.push(i);
-        }
-        if (this.readonly) {
-            (_c = this.control) === null || _c === void 0 ? void 0 : _c.disable();
-            this._quarterControl.disable();
-            this._yearControl.disable();
-        }
-    }
-}
-MtnaWfYearQuarterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfYearQuarterComponent, deps: [{ token: MTNA_WF_DEFAULT_YEAR_RANGE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfYearQuarterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", inputs: { rangeLimits: "rangeLimits" }, host: { properties: { "class.mtna-wf-year-quarter-item": "this.yearQuarterItemClass" } }, usesInheritance: true, ngImport: i0, template: `
-    <ng-container *ngTemplateOutlet="header"></ng-container>
-    <div
-      *ngIf="control"
-      class="year-quarter-container"
-      fxLayout="row"
-      fxLayoutGap="8px"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mat-form-field>
-        <mat-select [formControl]="_yearControl" aria-label="year selection">
-          <mat-option *ngFor="let year of _yearSelection" [value]="year">{{ year }}</mat-option>
-        </mat-select>
-        <mat-error *ngFor="let error of control.errors | keyvalue">
-          {{ error | mtnaWfGetControlError : item }}
-        </mat-error>
-      </mat-form-field>
-
-      <mat-form-field>
-        <mat-select [formControl]="_quarterControl" aria-label="quarter selection">
-          <mat-option>None</mat-option>
-          <mat-option *ngFor="let quarter of _yearControl.value | mtnaWfGetQuarters : rangeLimits" [value]="quarter">{{
-            $any(quarter) | mtnaWfDateQuarter : 'short'
-          }}</mat-option>
-        </mat-select>
-        <mat-error *ngFor="let error of control.errors | keyvalue">
-          {{ error | mtnaWfGetControlError : item }}
-        </mat-error>
-      </mat-form-field>
-    </div>
-  `, isInline: true, styles: [".mtna-wf-control-item .mat-form-field{width:100%}.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}\n", "\n      .mtna-wf-year-quarter-item .year-quarter-container > .mat-form-field {\n        max-width: 75px;\n      }\n      .mtna-wf-year-quarter-item .year-quarter-container > .mat-form-field:first-of-type {\n        margin-right: 8px;\n      }\n    "], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i6.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i4.KeyValuePipe, "mtnaWfGetControlError": i8.MtnaGetFormControlErrorPipe, "mtnaWfGetQuarters": i9.MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": i10.DateQuarterPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfYearQuarterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mtna-wf-year-quarter-item',
-                    template: `
-    <ng-container *ngTemplateOutlet="header"></ng-container>
-    <div
-      *ngIf="control"
-      class="year-quarter-container"
-      fxLayout="row"
-      fxLayoutGap="8px"
-      [mtnaHighlight]="indicatorStatus === 'ACTIVE' && !hasItemHeader"
-    >
-      <mat-form-field>
-        <mat-select [formControl]="_yearControl" aria-label="year selection">
-          <mat-option *ngFor="let year of _yearSelection" [value]="year">{{ year }}</mat-option>
-        </mat-select>
-        <mat-error *ngFor="let error of control.errors | keyvalue">
-          {{ error | mtnaWfGetControlError : item }}
-        </mat-error>
-      </mat-form-field>
-
-      <mat-form-field>
-        <mat-select [formControl]="_quarterControl" aria-label="quarter selection">
-          <mat-option>None</mat-option>
-          <mat-option *ngFor="let quarter of _yearControl.value | mtnaWfGetQuarters : rangeLimits" [value]="quarter">{{
-            $any(quarter) | mtnaWfDateQuarter : 'short'
-          }}</mat-option>
-        </mat-select>
-        <mat-error *ngFor="let error of control.errors | keyvalue">
-          {{ error | mtnaWfGetControlError : item }}
-        </mat-error>
-      </mat-form-field>
-    </div>
-  `,
-                    styleUrls: [`form-control.scss`],
-                    styles: [
-                        `
-      .mtna-wf-year-quarter-item .year-quarter-container > .mat-form-field {
-        max-width: 75px;
-      }
-      .mtna-wf-year-quarter-item .year-quarter-container > .mat-form-field:first-of-type {
-        margin-right: 8px;
-      }
-    `,
-                    ],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MTNA_WF_DEFAULT_YEAR_RANGE]
-                }] }]; }, propDecorators: { yearQuarterItemClass: [{
-                type: HostBinding,
-                args: ['class.mtna-wf-year-quarter-item']
-            }], rangeLimits: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieWVhci1xdWFydGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dlYi1mb3JtLWFuZ3VsYXIvc3JjL2xpYi9mb3JtLWl0ZW0tY29udHJvbHMveWVhci1xdWFydGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLGNBQWMsRUFDZCxLQUFLLEVBR0wsUUFBUSxFQUNSLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7Ozs7Ozs7OztBQUV6RSxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBRyxJQUFJLGNBQWMsQ0FBeUIsNEJBQTRCLENBQUMsQ0FBQztBQXNEbkgsTUFBTSxPQUFPLDBCQUEyQixTQUFRLG1CQUF5QztJQVd2RixZQUE0RCxnQkFBeUM7UUFDbkcsS0FBSyxFQUFFLENBQUM7UUFYc0MseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBRzVFLG9CQUFlLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUNwQyxpQkFBWSxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7UUFDakMsbUJBQWMsR0FBRyxJQUFJLEtBQUssRUFBVSxDQUFDO1FBRTdCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBMkZ6Qzs7Ozs7O1dBTUc7UUFDSyxzQkFBaUIsR0FBeUQs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QUksQ0FBQyxPQUFPLDBDQUFFLE9BQU8sRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7O3dIQWpHVSwwQkFBMEIsa0JBV0wsMEJBQTBCOzRHQVgvQywwQkFBMEIsME5BN0MzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJUOzRGQWVVLDBCQUEwQjtrQkEvQ3RDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4QlQ7b0JBQ0QsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ2hDLE1BQU0sRUFBRTt3QkFDTjs7Ozs7OztLQU9DO3FCQUNGO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OzBCQVljLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsMEJBQTBCOzRDQVZWLG9CQUFvQjtzQkFBbkUsV0FBVzt1QkFBQyxpQ0FBaUM7Z0JBQ3JDLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5qZWN0LFxuICBJbmplY3Rpb25Ub2tlbixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPcHRpb25hbCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IGlzUHJlc2VudCB9IGZyb20gJ0BtdG5hL2NvcmUtdHMnO1xuaW1wb3J0IHsgRGF0ZVJhbmdlLCBZZWFyUXVhcnRlciwgWWVhclF1YXJ0ZXJSYW5nZUl0ZW0gfSBmcm9tICdAbXRuYS93ZWItZm9ybS10cyc7XG5cbmltcG9ydCB7IG1lcmdlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEJhc2VGb3JtSXRlbUNvbnRyb2wgfSBmcm9tICcuL2Jhc2UtZm9ybS1pdGVtLWNvbnRyb2wuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IE1UTkFfV0ZfREVGQVVMVF9ZRUFSX1JBTkdFID0gbmV3IEluamVjdGlvblRva2VuPE10bmFXZkRlZmF1bHRZZWFyUmFuZ2U+KCdtdG5hLndmLmRlZmF1bHQueWVhci5yYW5nZScpO1xuXG5leHBvcnQgaW50ZXJmYWNlIE10bmFXZkRlZmF1bHRZZWFyUmFuZ2Uge1xuICBudW1QYXN0WWVhcnM6IG51bWJlcjtcbiAgbnVtRnV0dXJlWWVhcnM6IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbXRuYS13Zi15ZWFyLXF1YXJ0ZXItaXRlbScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiY29udHJvbFwiXG4gICAgICBjbGFzcz1cInllYXItcXVhcnRlci1jb250YWluZXJcIlxuICAgICAgZnhMYXlvdXQ9XCJyb3dcIlxuICAgICAgZnhMYXlvdXRHYXA9XCI4cHhcIlxuICAgICAgW210bmFIaWdobGlnaHRdPVwiaW5kaWNhdG9yU3RhdHVzID09PSAnQUNUSVZFJyAmJiAhaGFzSXRlbUhlYWRlclwiXG4gICAgPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8bWF0LXNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiX3llYXJDb250cm9sXCIgYXJpYS1sYWJlbD1cInllYXIgc2VsZWN0aW9uXCI+XG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHllYXIgb2YgX3llYXJTZWxlY3Rpb25cIiBbdmFsdWVdPVwieWVhclwiPnt7IHllYXIgfX08L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgPG1hdC1lcnJvciAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgY29udHJvbC5lcnJvcnMgfCBrZXl2YWx1ZVwiPlxuICAgICAgICAgIHt7IGVycm9yIHwgbXRuYVdmR2V0Q29udHJvbEVycm9yIDogaXRlbSB9fVxuICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG5cbiAgICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPG1hdC1zZWxlY3QgW2Zvcm1Db250cm9sXT1cIl9xdWFydGVyQ29udHJvbFwiIGFyaWEtbGFiZWw9XCJxdWFydGVyIHNlbGVjdGlvblwiPlxuICAgICAgICAgIDxtYXQtb3B0aW9uPk5vbmU8L21hdC1vcHRpb24+XG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHF1YXJ0ZXIgb2YgX3llYXJDb250cm9sLnZhbHVlIHwgbXRuYVdmR2V0UXVhcnRlcnMgOiByYW5nZUxpbWl0c1wiIFt2YWx1ZV09XCJxdWFydGVyXCI+e3tcbiAgICAgICAgICAgICRhbnkocXVhcnRlcikgfCBtdG5hV2ZEYXRlUXVhcnRlciA6ICdzaG9ydCdcbiAgICAgICAgICB9fTwvbWF0LW9wdGlvbj5cbiAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICA8bWF0LWVycm9yICpuZ0Zvcj1cImxldCBlcnJvciBvZiBjb250cm9sLmVycm9ycyB8IGtleXZhbHVlXCI+XG4gICAgICAgICAge3sgZXJyb3IgfCBtdG5hV2ZHZXRDb250cm9sRXJyb3IgOiBpdGVtIH19XG4gICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbYGZvcm0tY29udHJvbC5zY3NzYF0sXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5tdG5hLXdmLXllYXItcXVhcnRlci1pdGVtIC55ZWFyLXF1YXJ0ZXItY29udGFpbmVyID4gLm1hdC1mb3JtLWZpZWxkIHtcbiAgICAgICAgbWF4LXdpZHRoOiA3NXB4O1xuICAgICAgfVxuICAgICAgLm10bmEtd2YteWVhci1xdWFydGVyLWl0ZW0gLnllYXItcXVhcnRlci1jb250YWluZXIgPiAubWF0LWZvcm0tZmllbGQ6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBNdG5hV2ZZZWFyUXVhcnRlckNvbXBvbmVudCBleHRlbmRzIEJhc2VGb3JtSXRlbUNvbnRyb2w8WWVhclF1YXJ0ZXJSYW5nZUl0ZW0+IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBPbkluaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm10bmEtd2YteWVhci1xdWFydGVyLWl0ZW0nKSB5ZWFyUXVhcnRlckl0ZW1DbGFzcyA9IHRydWU7XG4gIEBJbnB1dCgpIHJhbmdlTGltaXRzOiBEYXRlUmFuZ2U8WWVhclF1YXJ0ZXI+IHwgbnVsbCB8IHVuZGVmaW5lZDtcblxuICBfcXVhcnRlckNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgX3llYXJDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIF95ZWFyU2VsZWN0aW9uID0gbmV3IEFycmF5PG51bWJlcj4oKTtcblxuICBwcml2YXRlIGRlc3Ryb3lPYnMgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICBwcml2YXRlIGRlZmF1bHRZZWFyUmFuZ2U6IE10bmFXZkRlZmF1bHRZZWFyUmFuZ2U7XG5cbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChNVE5BX1dGX0RFRkFVTFRfWUVBUl9SQU5HRSkgZGVmYXVsdFllYXJSYW5nZT86IE10bmFXZkRlZmF1bHRZZWFyUmFuZ2UpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuZGVmYXVsdFllYXJSYW5nZSA9IGRlZmF1bHRZZWFyUmFuZ2UgfHwgeyBudW1GdXR1cmVZZWFyczogMjUsIG51bVBhc3RZZWFyczogMjUgfTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAoIXRoaXMucmVhZG9ubHkpIHtcbiAgICAgIC8vIE9ic2VydmUgWWVhciAmIFF1YXJ0ZXIgdmFsdWUgY2hhbmdlcyAmJiBzZXQgdGhlbSBvbiB0aGUgaXRlbSdzIGNvbnRyb2xcbiAgICAgIG1lcmdlKHRoaXMuX3llYXJDb250cm9sLnZhbHVlQ2hhbmdlcywgdGhpcy5fcXVhcnRlckNvbnRyb2wudmFsdWVDaGFuZ2VzKVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95T2JzKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgaWYgKCF0aGlzLmNvbnRyb2w/LmRpcnR5ICYmICh0aGlzLl95ZWFyQ29udHJvbC5kaXJ0eSB8fCB0aGlzLl9xdWFydGVyQ29udHJvbC5kaXJ0eSkpIHtcbiAgICAgICAgICAgIHRoaXMuY29udHJvbD8ubWFya0FzRGlydHkoKTtcbiAgICAgICAgICAgIHRoaXMuY29udHJvbD8ubWFya0FzVG91Y2hlZCgpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBpZiAoaXNQcmVzZW50KHRoaXMuX3llYXJDb250cm9sLnZhbHVlKSkge1xuICAgICAgICAgICAgY29uc3QgW3llYXIsIHF1YXJ0ZXJdID0gdGhpcy53aXRoaW5SYW5nZUxpbWl0cyhbdGhpcy5feWVhckNvbnRyb2wudmFsdWUsIHRoaXMuX3F1YXJ0ZXJDb250cm9sLnZhbHVlXSk7XG4gICAgICAgICAgICB0aGlzLmNvbnRyb2w/LnNldFZhbHVlKHsgeWVhciwgcXVhcnRlciB9KTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuXG4gICAgICAvLyBGSVhNRSBub3Qgc3VyZSB3ZSBuZWVkIHRoaXMgdW50aWwgd2Ugc3RhcnRpbmcgbWFraW5nIHRoaXMgY29udHJvbFxuICAgICAgLy8gcmVxdWlyZWQvdW5yZXF1aXJlZCBhdCB0aGUgcmlnaHQgdGltZS4gRXZlbiB0aGVuLCB0aGlzIGlzIHN1cGVyIGlubmVmaWNpZW50XG5cbiAgICAgIC8qXG4gICAgICAvLyBMaXN0ZW4gdG8gdGhpcyBjb250cm9sIGZvciBkaXNhYmxpbmcgbG9jYWwgY29udHJvbHNcbiAgICAgIHRoaXMuY29udHJvbC5zdGF0dXNDaGFuZ2VzXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgIHN0YXJ0V2l0aCh0aGlzLmNvbnRyb2wuc3RhdHVzKSxcbiAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95T2JzKVxuICAgICAgICApXG4gICAgICAgIC5zdWJzY3JpYmUoc3RhdHVzID0+IHtcbiAgICAgICAgICBjb25zb2xlLndhcm4oJ3N0YXR1c0NoYW5nZXMnLCBzdGF0dXMsIHRoaXMuY29udHJvbCk7XG4gICAgICAgICAgLy8gaWYgdGhpcyBjb250cm9sIGlzIGVuYWJsZWQsIGVuYWJsZSBsb2NhbCBjb250cm9scyBpZiBkaXNhYmxlZFxuICAgICAgICAgIGlmICh0aGlzLmNvbnRyb2wuZW5hYmxlZCkge1xuICAgICAgICAgICAgaWYgKHRoaXMuX3F1YXJ0ZXJDb250cm9sLmRpc2FibGVkIHx8IHRoaXMuX3llYXJDb250cm9sLmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGNvbnNvbGUud2FybignW1llYXJRdWFydGVySXRlbV0gZW5hYmxlIHRoZSB0aGluZ3MnKTtcbiAgICAgICAgICAgICAgLy8gdGhpcy5fcXVhcnRlckNvbnRyb2wuZW5hYmxlKCk7XG4gICAgICAgICAgICAgIC8vIHRoaXMuX3llYXJDb250cm9sLmVuYWJsZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gZWxzZSB0aGlzIGNvbnRyb2wgaXMgZGlzYWJsZWQsIHNvIGRpc2FibGUgbG9jYWwgY29udHJvbHMgaWYgZW5hYmxlZFxuICAgICAgICAgIH0gZWxzZSBpZiAodGhpcy5fcXVhcnRlckNvbnRyb2wuZW5hYmxlZCB8fCB0aGlzLl95ZWFyQ29udHJvbC5lbmFibGVkKSB7XG4gICAgICAgICAgICBjb25zb2xlLndhcm4oJ1tZZWFyUXVhcnRlckl0ZW1dIGRpc2FibGUgdGhlIHRoaW5ncycpO1xuICAgICAgICAgICAgLy8gdGhpcy5feWVhckNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgICAgICAgLy8gdGhpcy5fcXVhcnRlckNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgICovXG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95T2JzLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3lPYnMuY29tcGxldGUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIFNldCBhbnkgaW5pdGlhbCB2YWx1ZSBvbnRvIHRoZSBZZWFyICYgUXVhcnRlciBjb250cm9sc1xuICAgIHRoaXMuX3llYXJDb250cm9sLnNldFZhbHVlKHRoaXMuY29udHJvbD8udmFsdWUgPyB0aGlzLmNvbnRyb2wudmFsdWUueWVhciA6IG51bGwpO1xuICAgIHRoaXMuX3F1YXJ0ZXJDb250cm9sLnNldFZhbHVlKHRoaXMuY29udHJvbD8udmFsdWUgPyB0aGlzLmNvbnRyb2wudmFsdWUucXVhcnRlciA6IG51bGwpO1xuXG4gICAgLy8gQ3JlYXRlIHJhbmdlIGxpbWl0cyBpZiBub25lIGV4aXN0XG4gICAgaWYgKCF0aGlzLnJhbmdlTGltaXRzKSB7XG4gICAgICBjb25zdCB0aGlzWWVhciA9IG5ldyBEYXRlKCkuZ2V0RnVsbFllYXIoKTtcbiAgICAgIHRoaXMucmFuZ2VMaW1pdHMgPSB7XG4gICAgICAgIHN0YXJ0OiB7XG4gICAgICAgICAgeWVhcjogdGhpc1llYXIgLSB0aGlzLmRlZmF1bHRZZWFyUmFuZ2UubnVtUGFzdFllYXJzLFxuICAgICAgICAgIHF1YXJ0ZXI6IG51bGwsXG4gICAgICAgIH0sXG4gICAgICAgIGVuZDoge1xuICAgICAgICAgIHllYXI6IHRoaXNZZWFyICsgdGhpcy5kZWZhdWx0WWVhclJhbmdlLm51bUZ1dHVyZVllYXJzLFxuICAgICAgICAgIHF1YXJ0ZXI6IG51bGwsXG4gICAgICAgIH0sXG4gICAgICB9O1xuICAgIH1cblxuICAgIC8vIFBvcHVsYXRlIHRoZSB5ZWFyIHNlbGVjdGlvblxuICAgIGZvciAobGV0IGkgPSB0aGlzLnJhbmdlTGltaXRzLnN0YXJ0LnllYXIgfHwgMDsgaSA8PSAodGhpcy5yYW5nZUxpbWl0cy5lbmQueWVhciB8fCAwKTsgaSsrKSB7XG4gICAgICB0aGlzLl95ZWFyU2VsZWN0aW9uLnB1c2goaSk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucmVhZG9ubHkpIHtcbiAgICAgIHRoaXMuY29udHJvbD8uZGlzYWJsZSgpO1xuICAgICAgdGhpcy5fcXVhcnRlckNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgdGhpcy5feWVhckNvbnRyb2wuZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBxdWFydGVyIHZhbHVlIHRvIGBudWxsYCBpZiB0aGUgeWVhciAmIHF1YXJ0ZXIgaXMgb3V0IG9mIGJvdW5kcyBvZiB0aGUgcmFuZ2UgbGltaXRzLlxuICAgKiBPdGhlcndpc2UsIHJldHVybnMgb3JpZ2luYWwgdmFsdWVcbiAgICpcbiAgICogQHBhcmFtIHZhbHVlIGBbbnVtYmVyLCBudW1iZXJdYCBUaGUgc2VsZWN0ZWQgW3llYXIsIHF1YXJ0ZXJdIHZhbHVlXG4gICAqIEByZXR1cm5zIGBbbnVtYmVyLCBudW1iZXJdYCBUaGUgb3JpZ2luYWwgW3llYXIsIHF1YXJ0ZXJdIHZhbHVlIE9SIFt5ZWFyLCBudWxsXVxuICAgKi9cbiAgcHJpdmF0ZSB3aXRoaW5SYW5nZUxpbWl0czogKHZhbHVlOiBbbnVtYmVyLCBudW1iZXJdKSA9PiBbbnVtYmVyLCBudW1iZXIgfCBudWxsXSA9IChbeWVhciwgcXVhcnRlcl0pID0+IHtcbiAgICBjb25zdCBiZXlvbmRVcHBlckxpbWl0ID1cbiAgICAgIC8vIHllYXIgbWF0Y2hlcyBlbmQgeWVhciByYW5nZSBsaW1pdFxuICAgICAgeWVhciA9PT0gdGhpcy5yYW5nZUxpbWl0cz8uZW5kLnllYXIgJiZcbiAgICAgIC8vIHF1YXJ0ZXIgbGltaXQgd2FzIHByb3ZpZGVkXG4gICAgICBpc1ByZXNlbnQodGhpcy5yYW5nZUxpbWl0cy5lbmQucXVhcnRlcikgJiZcbiAgICAgIC8vIHNlbGVjdGVkIHF1YXJ0ZXIgaXMgYmV5b25kIHF1YXJ0ZXIgbGltaXRcbiAgICAgIHF1YXJ0ZXIgPiB0aGlzLnJhbmdlTGltaXRzLmVuZC5xdWFydGVyO1xuXG4gICAgY29uc3QgYmV5b25kTG93ZXJMaW1pdCA9XG4gICAgICAvLyB5ZWFyIG1hdGNoZXMgc3RhcnQgeWVhciByYW5nZSBsaW1pdFxuICAgICAgeWVhciA9PT0gdGhpcy5yYW5nZUxpbWl0cz8uc3RhcnQueWVhciAmJlxuICAgICAgLy8gcXVhcnRlciBsaW1pdCB3YXMgcHJvdmlkZWRcbiAgICAgIGlzUHJlc2VudCh0aGlzLnJhbmdlTGltaXRzLnN0YXJ0LnF1YXJ0ZXIpICYmXG4gICAgICAvLyBzZWxlY3RlZCBxdWFydGVyIGlzIGJleW9uZCBxdWFydGVyIGxpbWl0XG4gICAgICBxdWFydGVyIDwgdGhpcy5yYW5nZUxpbWl0cy5zdGFydC5xdWFydGVyO1xuXG4gICAgaWYgKGJleW9uZExvd2VyTGltaXQgfHwgYmV5b25kVXBwZXJMaW1pdCkge1xuICAgICAgdGhpcy5fcXVhcnRlckNvbnRyb2wuc2V0VmFsdWUobnVsbCwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgcmV0dXJuIFt5ZWFyLCBudWxsXTtcbiAgICB9XG5cbiAgICByZXR1cm4gW3llYXIsIHF1YXJ0ZXJdO1xuICB9O1xufVxuIl19

package/esm2015/lib/form-stepper/form-step-group.component.js

@@ -1,95 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { mixinColor } from '@angular/material/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./form-step.component";
-import * as i2 from "@angular/material/divider";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/material/tooltip";
-/* eslint-disable @angular-eslint/no-inputs-metadata-property */
-const _FormStepMixinBase = mixinColor(class {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}, 'primary');
-export class MtnaWfFormStepGroupComponent extends _FormStepMixinBase {
-    constructor(elementRef) {
-        super(elementRef);
-        /** Whether all but the first step is hidden*/
-        this.collapsed = false;
-        this._steps = [];
-        this.selected = new EventEmitter();
-    }
-    /** Steps to be displayed */
-    get steps() {
-        return this._steps;
-    }
-    set steps(steps) {
-        this._steps = steps;
-    }
-}
-MtnaWfFormStepGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MtnaWfFormStepGroupComponent.ɵcmp = i0.ɵɵ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, template: `
-    <ng-container *ngFor="let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last">
-      <mtna-wf-step
-        [clickable]="step.status !== 'DISABLED'"
-        [color]="color"
-        [incompleteIcon]="incompleteIcon"
-        [step]="step"
-        (click)="selected.emit(step)"
-      ></mtna-wf-step>
-      <mat-divider *ngIf="!last" [vertical]="true"></mat-divider>
-      <p *ngIf="collapsed" class="show-more mat-caption">and {{ steps.length - 1 }} more...</p>
-    </ng-container>
-    <button
-      mat-icon-button
-      class="collapse-button"
-      [color]="color"
-      (click)="collapsed = !collapsed"
-      [matTooltip]="collapsed ? 'View All' : 'Hide'"
-    >
-      <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>
-    </button>
-  `, isInline: true, 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: i1.MtnaWfFormStepComponent, selector: "mtna-wf-step", inputs: ["color", "step", "clickable", "incompleteIcon"] }, { type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "slice": i5.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MtnaWfFormStepGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mtna-wf-step-group',
-                    template: `
-    <ng-container *ngFor="let step of steps | slice : 0 : (collapsed ? 1 : steps.length); let last = last">
-      <mtna-wf-step
-        [clickable]="step.status !== 'DISABLED'"
-        [color]="color"
-        [incompleteIcon]="incompleteIcon"
-        [step]="step"
-        (click)="selected.emit(step)"
-      ></mtna-wf-step>
-      <mat-divider *ngIf="!last" [vertical]="true"></mat-divider>
-      <p *ngIf="collapsed" class="show-more mat-caption">and {{ steps.length - 1 }} more...</p>
-    </ng-container>
-    <button
-      mat-icon-button
-      class="collapse-button"
-      [color]="color"
-      (click)="collapsed = !collapsed"
-      [matTooltip]="collapsed ? 'View All' : 'Hide'"
-    >
-      <mat-icon>{{ collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>
-    </button>
-  `,
-                    styleUrls: ['form-step-group.component.scss'],
-                    inputs: ['color'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { collapsed: [{
-                type: Input
-            }], incompleteIcon: [{
-                type: Input
-            }], steps: [{
-                type: Input
-            }], selected: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zdGVwLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dlYi1mb3JtLWFuZ3VsYXIvc3JjL2xpYi9mb3JtLXN0ZXBwZXIvZm9ybS1zdGVwLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ILE9BQU8sRUFBWSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7QUFJOUQsZ0VBQWdFO0FBQ2hFLE1BQU0sa0JBQWtCLEdBQUcsVUFBVSxDQUNuQztJQUNFLFlBQW1CLFdBQXVCO1FBQXZCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO0lBQUcsQ0FBQztDQUMvQyxFQUNELFNBQVMsQ0FDVixDQUFDO0FBK0JGLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxrQkFBa0I7SUFnQmxFLFlBQVksVUFBc0I7UUFDaEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBaEJwQiw4Q0FBOEM7UUFDckMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQVVuQixXQUFNLEdBQWUsRUFBRSxDQUFDO1FBRXRCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO0lBSWxELENBQUM7SUFkRCw0QkFBNEI7SUFDNUIsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFpQjtRQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDOzswSEFYVSw0QkFBNEI7OEdBQTVCLDRCQUE0QiwwTkEzQjdCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7NEZBTVUsNEJBQTRCO2tCQTdCeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDtvQkFDRCxTQUFTLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQztvQkFDN0MsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDO29CQUNqQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO2lHQUdVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUs7Z0JBU0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhbkNvbG9yLCBtaXhpbkNvbG9yIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5cbmltcG9ydCB7IEZvcm1TdGVwIH0gZnJvbSAnLi9tb2RlbHMvaW5kZXgnO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5ICovXG5jb25zdCBfRm9ybVN0ZXBNaXhpbkJhc2UgPSBtaXhpbkNvbG9yKFxuICBjbGFzcyB7XG4gICAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuICB9LFxuICAncHJpbWFyeSdcbik7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210bmEtd2Ytc3RlcC1ncm91cCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwcyB8IHNsaWNlIDogMCA6IChjb2xsYXBzZWQgPyAxIDogc3RlcHMubGVuZ3RoKTsgbGV0IGxhc3QgPSBsYXN0XCI+XG4gICAgICA8bXRuYS13Zi1zdGVwXG4gICAgICAgIFtjbGlja2FibGVdPVwic3RlcC5zdGF0dXMgIT09ICdESVNBQkxFRCdcIlxuICAgICAgICBbY29sb3JdPVwiY29sb3JcIlxuICAgICAgICBbaW5jb21wbGV0ZUljb25dPVwiaW5jb21wbGV0ZUljb25cIlxuICAgICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgICAgKGNsaWNrKT1cInNlbGVjdGVkLmVtaXQoc3RlcClcIlxuICAgICAgPjwvbXRuYS13Zi1zdGVwPlxuICAgICAgPG1hdC1kaXZpZGVyICpuZ0lmPVwiIWxhc3RcIiBbdmVydGljYWxdPVwidHJ1ZVwiPjwvbWF0LWRpdmlkZXI+XG4gICAgICA8cCAqbmdJZj1cImNvbGxhcHNlZFwiIGNsYXNzPVwic2hvdy1tb3JlIG1hdC1jYXB0aW9uXCI+YW5kIHt7IHN0ZXBzLmxlbmd0aCAtIDEgfX0gbW9yZS4uLjwvcD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8YnV0dG9uXG4gICAgICBtYXQtaWNvbi1idXR0b25cbiAgICAgIGNsYXNzPVwiY29sbGFwc2UtYnV0dG9uXCJcbiAgICAgIFtjb2xvcl09XCJjb2xvclwiXG4gICAgICAoY2xpY2spPVwiY29sbGFwc2VkID0gIWNvbGxhcHNlZFwiXG4gICAgICBbbWF0VG9vbHRpcF09XCJjb2xsYXBzZWQgPyAnVmlldyBBbGwnIDogJ0hpZGUnXCJcbiAgICA+XG4gICAgICA8bWF0LWljb24+e3sgY29sbGFwc2VkID8gJ2V4cGFuZF9tb3JlJyA6ICdleHBhbmRfbGVzcycgfX08L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICBgLFxuICBzdHlsZVVybHM6IFsnZm9ybS1zdGVwLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydjb2xvciddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgTXRuYVdmRm9ybVN0ZXBHcm91cENvbXBvbmVudCBleHRlbmRzIF9Gb3JtU3RlcE1peGluQmFzZSBpbXBsZW1lbnRzIENhbkNvbG9yIHtcbiAgLyoqIFdoZXRoZXIgYWxsIGJ1dCB0aGUgZmlyc3Qgc3RlcCBpcyBoaWRkZW4qL1xuICBASW5wdXQoKSBjb2xsYXBzZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgaW5jb21wbGV0ZUljb246IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIC8qKiBTdGVwcyB0byBiZSBkaXNwbGF5ZWQgKi9cbiAgQElucHV0KClcbiAgZ2V0IHN0ZXBzKCkge1xuICAgIHJldHVybiB0aGlzLl9zdGVwcztcbiAgfVxuICBzZXQgc3RlcHMoc3RlcHM6IEZvcm1TdGVwW10pIHtcbiAgICB0aGlzLl9zdGVwcyA9IHN0ZXBzO1xuICB9XG4gIHByaXZhdGUgX3N0ZXBzOiBGb3JtU3RlcFtdID0gW107XG5cbiAgQE91dHB1dCgpIHNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxGb3JtU3RlcD4oKTtcblxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZik7XG4gIH1cbn1cbiJdfQ==