@gloww/gloww 0.9.0-beta.9 → 14.0.0-beta.1

package/esm2020/lib/Components/auto-complete/auto-complete.component.mjs

@@ -0,0 +1,152 @@
+import { catchError, debounceTime, distinctUntilChanged, filter, map, switchMap, tap } from 'rxjs/operators';
+import { Component, Input, Inject, forwardRef, ViewEncapsulation } from '@angular/core';
+import { UntypedFormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { of } from 'rxjs';
+import { TranslateDefaultParser } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/core";
+import * as i6 from "@angular/material/autocomplete";
+import * as i7 from "../../Pipes/safe-html.pipe";
+export class AutoCompleteComponent {
+    constructor(glowwService, formBuilder, ref) {
+        this.formBuilder = formBuilder;
+        this.ref = ref;
+        this._value = null;
+        this.objectName = null;
+        this.searchField = null;
+        this.returnField = null;
+        this.displayField = null;
+        this.displayExpr = null;
+        this.displayFct = null;
+        this.placeHolder = null;
+        this.data = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.items = [];
+        this.parser = new TranslateDefaultParser();
+        this.options = []; //Observable<unknown>;
+        this.propagateChange = (_) => { };
+        this.glowwService = glowwService;
+        this.resultCtrl = new UntypedFormControl();
+        this.form = this.formBuilder.group({
+            __result: this.resultCtrl
+        });
+    }
+    ngAfterViewInit() {
+    }
+    ngOnInit() {
+        //debugger;
+        this.searchRequest = this.glowwService[`search${this.objectName}`];
+        this.resultCtrl.valueChanges.pipe(filter(res => res != null && res.length > 2), distinctUntilChanged(), debounceTime(250), tap(() => { this.error = ""; this.options = []; }), switchMap(searchStr => {
+            let searchObj = {};
+            if (this.data) {
+                Object.keys(this.data).forEach(k => {
+                    searchObj[k] = this.data[k];
+                });
+            }
+            searchObj[this.searchField] = searchStr;
+            return this.searchRequest.call(this.glowwService, searchObj).pipe(map(res => res), catchError(err => {
+                this.error = err.message;
+                this.ref.markForCheck();
+                return of([]);
+            }));
+        })).subscribe({
+            next: (data) => {
+                this.options = data;
+                this.ref.markForCheck();
+            },
+            error: (error) => { this.error = error; }
+        });
+    }
+    writeValue(val) {
+        val && this.form.setValue({ __result: val }, { emitEvent: false });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this.form.valueChanges.subscribe(data => {
+            if (this.returnField) {
+                this.onChange(this.form.value.__result[this.returnField]);
+            }
+            else {
+                this.onChange(this.form.value.__result);
+            }
+        });
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        const status = isDisabled ? 'disable' : 'enable';
+        //TODO
+    }
+    displayObj(item) {
+        if (!item)
+            return null;
+        console.log("displayOf");
+        if (this.displayField) {
+            return item[this.displayField];
+        }
+        else if (this.displayExpr) {
+            return this.parser.interpolate(this.displayExpr.replace(/\\\{/g, "{").replace(/\\\}/g, "}"), item);
+            //return '?1' + this.parser.interpolate("{{Name}}", { Name: "test" }) + '?2' + this.parser.interpolate("{{Name}}", item)+'?3'+this.parser.interpolate(this.displayExpr.replace(/\\\{/g,"{").replace(/\\\}/g,"}"), item) +'?4'+ item;
+        }
+        else if (this.displayFct) {
+            return this.displayFct(item);
+        }
+    }
+}
+AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: 'glowwService' }, { token: i1.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AutoCompleteComponent, selector: "gloww-auto-complete", inputs: { _value: ["value", "_value"], objectName: "objectName", searchField: "searchField", returnField: "returnField", displayField: "displayField", displayExpr: "displayExpr", displayFct: "displayFct", placeHolder: "placeHolder", data: "data", searchRequest: "searchRequest" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: forwardRef(() => AutoCompleteComponent)
+        }
+    ], ngImport: i0, template: "<div [formGroup]=\"form\" style=\"width:100%\" class=\"mainDiv\">\r\n    <div style=\"color:red\">{{error}}</div>\r\n    <mat-form-field style=\"width:100%\" class=\"autocff\">\r\n        <input type=\"text\" matInput formControlName=\"__result\" [matAutocomplete]=\"auto\" [placeholder]=\"placeHolder\">\r\n    </mat-form-field>\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayObj.bind(this)\">\r\n        <mat-option *ngFor=\"let option of options\" [value]=\"option\" [innerHTML]=\"displayObj(option) | safeHtml\">\r\n        </mat-option>\r\n    </mat-autocomplete>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i7.SafeHtmlPipe, name: "safeHtml" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AutoCompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-auto-complete', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => AutoCompleteComponent)
+                        }
+                    ], template: "<div [formGroup]=\"form\" style=\"width:100%\" class=\"mainDiv\">\r\n    <div style=\"color:red\">{{error}}</div>\r\n    <mat-form-field style=\"width:100%\" class=\"autocff\">\r\n        <input type=\"text\" matInput formControlName=\"__result\" [matAutocomplete]=\"auto\" [placeholder]=\"placeHolder\">\r\n    </mat-form-field>\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayObj.bind(this)\">\r\n        <mat-option *ngFor=\"let option of options\" [value]=\"option\" [innerHTML]=\"displayObj(option) | safeHtml\">\r\n        </mat-option>\r\n    </mat-autocomplete>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['glowwService']
+                }] }, { type: i1.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], objectName: [{
+                type: Input,
+                args: ['objectName']
+            }], searchField: [{
+                type: Input,
+                args: ['searchField']
+            }], returnField: [{
+                type: Input,
+                args: ['returnField']
+            }], displayField: [{
+                type: Input,
+                args: ['displayField']
+            }], displayExpr: [{
+                type: Input,
+                args: ['displayExpr']
+            }], displayFct: [{
+                type: Input,
+                args: ['displayFct']
+            }], placeHolder: [{
+                type: Input,
+                args: ['placeHolder']
+            }], data: [{
+                type: Input,
+                args: ['data']
+            }], searchRequest: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1jb21wbGV0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nbG93dy9zcmMvbGliL0NvbXBvbmVudHMvYXV0by1jb21wbGV0ZS9hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsb3d3L3NyYy9saWIvQ29tcG9uZW50cy9hdXRvLWNvbXBsZXRlL2F1dG8tY29tcGxldGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0csT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWlCLE1BQU0sRUFBcUIsVUFBVSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xJLE9BQU8sRUFBNEMsa0JBQWtCLEVBQW9CLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkksT0FBTyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7O0FBZTdELE1BQU0sT0FBTyxxQkFBcUI7SUFzQmhDLFlBQW9DLFlBQWlCLEVBQVUsV0FBK0IsRUFBVSxHQUFzQjtRQUEvRCxnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXJCOUcsV0FBTSxHQUFRLElBQUksQ0FBQztRQUNkLGVBQVUsR0FBUSxJQUFJLENBQUM7UUFDdEIsZ0JBQVcsR0FBUSxJQUFJLENBQUM7UUFDeEIsZ0JBQVcsR0FBUSxJQUFJLENBQUM7UUFDdkIsaUJBQVksR0FBUSxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FB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LFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYTtnQkFDTCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBTUosYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNhdGNoRXJyb3IsIGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpbHRlciwgbWFwLCBzd2l0Y2hNYXAsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBBZnRlclZpZXdJbml0LCBJbmplY3QsIENoYW5nZURldGVjdG9yUmVmLCBmb3J3YXJkUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgVW50eXBlZEZvcm1CdWlsZGVyLCBVbnR5cGVkRm9ybUNvbnRyb2wsIFVudHlwZWRGb3JtR3JvdXAsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVEZWZhdWx0UGFyc2VyIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dsb3d3LWF1dG8tY29tcGxldGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBdXRvQ29tcGxldGVDb21wb25lbnQpXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXV0b0NvbXBsZXRlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQElucHV0KCd2YWx1ZScpIF92YWx1ZTogYW55ID0gbnVsbDtcclxuICBASW5wdXQoJ29iamVjdE5hbWUnKSBvYmplY3ROYW1lOiBhbnkgPSBudWxsO1xyXG4gIEBJbnB1dCgnc2VhcmNoRmllbGQnKSBzZWFyY2hGaWVsZDogYW55ID0gbnVsbDtcclxuICBASW5wdXQoJ3JldHVybkZpZWxkJykgcmV0dXJuRmllbGQ6IGFueSA9IG51bGw7XHJcbiAgQElucHV0KCdkaXNwbGF5RmllbGQnKSBkaXNwbGF5RmllbGQ6IGFueSA9IG51bGw7XHJcbiAgQElucHV0KCdkaXNwbGF5RXhwcicpIGRpc3BsYXlFeHByOiBhbnkgPSBudWxsO1xyXG4gIEBJbnB1dCgnZGlzcGxheUZjdCcpIGRpc3BsYXlGY3Q6IGFueSA9IG51bGw7XHJcbiAgQElucHV0KCdwbGFjZUhvbGRlcicpIHBsYWNlSG9sZGVyOiBhbnkgPSBudWxsO1xyXG4gIEBJbnB1dCgnZGF0YScpIGRhdGE6IGFueSA9IG51bGw7XHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHsgfTtcclxuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHsgfTtcclxuICBwdWJsaWMgaXRlbXM6IGFueVtdID0gW107XHJcbiAgcHVibGljIGVycm9yOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpIHNlYXJjaFJlcXVlc3Q6IChvYmo/OiBhbnkpID0+IE9ic2VydmFibGU8W10+O1xyXG5cclxuICBwdWJsaWMgZm9ybTogVW50eXBlZEZvcm1Hcm91cDtcclxuICBnbG93d1NlcnZpY2U6IGFueTtcclxuICByZXN1bHRDdHJsOiBVbnR5cGVkRm9ybUNvbnRyb2w7XHJcbiAgcHVibGljIHBhcnNlciA9IG5ldyBUcmFuc2xhdGVEZWZhdWx0UGFyc2VyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoJ2dsb3d3U2VydmljZScpIGdsb3d3U2VydmljZTogYW55LCBwcml2YXRlIGZvcm1CdWlsZGVyOiBVbnR5cGVkRm9ybUJ1aWxkZXIsIHByaXZhdGUgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgdGhpcy5nbG93d1NlcnZpY2UgPSBnbG93d1NlcnZpY2U7XHJcbiAgICB0aGlzLnJlc3VsdEN0cmwgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCk7XHJcbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcclxuICAgICAgX19yZXN1bHQ6IHRoaXMucmVzdWx0Q3RybFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbiAgcHVibGljIG9wdGlvbnM6IGFueVtdID0gW107Ly9PYnNlcnZhYmxlPHVua25vd24+O1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy9kZWJ1Z2dlcjtcclxuICAgIHRoaXMuc2VhcmNoUmVxdWVzdCA9IHRoaXMuZ2xvd3dTZXJ2aWNlW2BzZWFyY2gke3RoaXMub2JqZWN0TmFtZX1gXTtcclxuICAgIHRoaXMucmVzdWx0Q3RybC52YWx1ZUNoYW5nZXMucGlwZShcclxuICAgICAgZmlsdGVyKHJlcyA9PiByZXMgIT0gbnVsbCAmJiByZXMubGVuZ3RoID4gMiksXHJcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXHJcbiAgICAgIGRlYm91bmNlVGltZSgyNTApLFxyXG4gICAgICB0YXAoKCkgPT4geyB0aGlzLmVycm9yID0gXCJcIjsgdGhpcy5vcHRpb25zID0gW107IH0pLFxyXG4gICAgICBzd2l0Y2hNYXAoc2VhcmNoU3RyID0+IHtcclxuICAgICAgICBsZXQgc2VhcmNoT2JqID0ge307XHJcbiAgICAgICAgaWYgKHRoaXMuZGF0YSkge1xyXG4gICAgICAgICAgT2JqZWN0LmtleXModGhpcy5kYXRhKS5mb3JFYWNoKGsgPT4ge1xyXG4gICAgICAgICAgICBzZWFyY2hPYmpba10gPSB0aGlzLmRhdGFba107XHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgc2VhcmNoT2JqW3RoaXMuc2VhcmNoRmllbGRdID0gc2VhcmNoU3RyO1xyXG4gICAgICAgIHJldHVybiB0aGlzLnNlYXJjaFJlcXVlc3QuY2FsbCh0aGlzLmdsb3d3U2VydmljZSwgc2VhcmNoT2JqKS5waXBlKFxyXG4gICAgICAgICAgbWFwKHJlcyA9PiByZXMpLFxyXG4gICAgICAgICAgY2F0Y2hFcnJvcihlcnIgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmVycm9yID0gZXJyLm1lc3NhZ2U7XHJcbiAgICAgICAgICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgICAgICAgICByZXR1cm4gb2YoW10pXHJcbiAgICAgICAgICB9KVxyXG4gICAgICAgIClcclxuICAgICAgfSlcclxuICAgICkuc3Vic2NyaWJlKFxyXG4gICAgICB7XHJcbiAgICAgICAgbmV4dDogKGRhdGE6IGFueVtdKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLm9wdGlvbnMgPSBkYXRhO1xyXG4gICAgICAgICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgICAgfSxcclxuICAgICAgICBlcnJvcjogKGVycm9yKSA9PiB7IHRoaXMuZXJyb3IgPSBlcnJvciB9XHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgfVxyXG5cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWw6IGFueSk6IHZvaWQge1xyXG4gICAgdmFsICYmIHRoaXMuZm9ybS5zZXRWYWx1ZSh7IF9fcmVzdWx0OiB2YWwgfSwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgICB0aGlzLmZvcm0udmFsdWVDaGFuZ2VzLnN1YnNjcmliZShkYXRhID0+IHtcclxuICAgICAgaWYgKHRoaXMucmV0dXJuRmllbGQpIHtcclxuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuZm9ybS52YWx1ZS5fX3Jlc3VsdFt0aGlzLnJldHVybkZpZWxkXSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLmZvcm0udmFsdWUuX19yZXN1bHQpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIGNvbnN0IHN0YXR1cyA9IGlzRGlzYWJsZWQgPyAnZGlzYWJsZScgOiAnZW5hYmxlJztcclxuICAgIC8vVE9ET1xyXG4gIH1cclxuXHJcbiAgZGlzcGxheU9iaihpdGVtKSB7XHJcbiAgICBpZiAoIWl0ZW0pIHJldHVybiBudWxsO1xyXG4gICAgY29uc29sZS5sb2coXCJkaXNwbGF5T2ZcIik7XHJcbiAgICBpZiAodGhpcy5kaXNwbGF5RmllbGQpIHtcclxuICAgICAgcmV0dXJuIGl0ZW1bdGhpcy5kaXNwbGF5RmllbGRdO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmRpc3BsYXlFeHByKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLnBhcnNlci5pbnRlcnBvbGF0ZSh0aGlzLmRpc3BsYXlFeHByLnJlcGxhY2UoL1xcXFxcXHsvZywgXCJ7XCIpLnJlcGxhY2UoL1xcXFxcXH0vZywgXCJ9XCIpLCBpdGVtKTtcclxuICAgICAgLy9yZXR1cm4gJz8xJyArIHRoaXMucGFyc2VyLmludGVycG9sYXRlKFwie3tOYW1lfX1cIiwgeyBOYW1lOiBcInRlc3RcIiB9KSArICc/MicgKyB0aGlzLnBhcnNlci5pbnRlcnBvbGF0ZShcInt7TmFtZX19XCIsIGl0ZW0pKyc/MycrdGhpcy5wYXJzZXIuaW50ZXJwb2xhdGUodGhpcy5kaXNwbGF5RXhwci5yZXBsYWNlKC9cXFxcXFx7L2csXCJ7XCIpLnJlcGxhY2UoL1xcXFxcXH0vZyxcIn1cIiksIGl0ZW0pICsnPzQnKyBpdGVtO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmRpc3BsYXlGY3QpIHtcclxuICAgICAgcmV0dXJuIHRoaXMuZGlzcGxheUZjdChpdGVtKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbiIsIjxkaXYgW2Zvcm1Hcm91cF09XCJmb3JtXCIgc3R5bGU9XCJ3aWR0aDoxMDAlXCIgY2xhc3M9XCJtYWluRGl2XCI+XHJcbiAgICA8ZGl2IHN0eWxlPVwiY29sb3I6cmVkXCI+e3tlcnJvcn19PC9kaXY+XHJcbiAgICA8bWF0LWZvcm0tZmllbGQgc3R5bGU9XCJ3aWR0aDoxMDAlXCIgY2xhc3M9XCJhdXRvY2ZmXCI+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwiX19yZXN1bHRcIiBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIiBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIj5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8bWF0LWF1dG9jb21wbGV0ZSAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiIFtkaXNwbGF5V2l0aF09XCJkaXNwbGF5T2JqLmJpbmQodGhpcylcIj5cclxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uXCIgW2lubmVySFRNTF09XCJkaXNwbGF5T2JqKG9wdGlvbikgfCBzYWZlSHRtbFwiPlxyXG4gICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cclxuPC9kaXY+Il19

package/esm2020/lib/Components/code-editor/code-editor.component.mjs

@@ -1,13 +1,51 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CodemirrorComponent } from '@ctrl/ngx-codemirror';
+import prettier from 'node_modules/prettier/esm/standalone.mjs';
+import parserTypescript from 'node_modules/prettier/esm/parser-typescript.mjs';
+import parserBabel from 'node_modules/prettier/esm/parser-babel.mjs';
 import * as i0 from "@angular/core";
-import * as i1 from "@ctrl/ngx-codemirror";
-import * as i2 from "@angular/forms";
+import * as i1 from "./../../Services/snippets.service";
+import * as i2 from "../../Services/gloww.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/select";
+import * as i8 from "@angular/material/core";
+import * as i9 from "@ctrl/ngx-codemirror";
+import * as i10 from "@angular/flex-layout/flex";
 export class CodeEditorComponent {
-    constructor() {
+    constructor(snippetsService, glowwService) {
+        this.snippetsService = snippetsService;
+        this.glowwService = glowwService;
         this._value = null;
+        this.display = null;
+        this.mode = "text/typescript";
+        this.formatterOptions = { useTabs: true, printWidth: 160 };
         this.onChange = () => { };
         this.onTouched = () => { };
+        this.resizable = true;
+        this.doc = null;
+        this.extraKeys = {
+            "Alt-K": function (cm) { alert('Alt-K'); cm.blockComment(cm.doc.getCursor('from'), cm.doc.getCursor('to')); /*cm.toggleComment();*/ },
+            "Shift-Alt-K": "toggleComment",
+            "Alt-N": this.autoFormatSelection.bind(this)
+        };
+    }
+    ngAfterViewInit() {
+        console.log(this.codeMirrorComponent);
+        console.log(this.codeMirrorComponent.codeMirror);
+        this.doc = this.codeMirrorComponent.codeMirror?.getDoc();
+        console.log(this.doc);
+        if (this.snippetsPath) {
+            this.snippetsService.getSnippets(this.snippetsPath.replace("/assets/", this.glowwService.baseHref + "/assets/")).subscribe((snippets) => {
+                if (!this.snippets) {
+                    this.snippets = [];
+                }
+                snippets.forEach((snippet) => this.snippets.push(snippet));
+            });
+        }
     }
     get value() {
         return this._value;
@@ -18,7 +56,7 @@ export class CodeEditorComponent {
         this.onTouched();
     }
     writeValue(obj) {
-        if (typeof (obj) === 'object') {
+        if (typeof (obj) === 'object' && obj != null) {
             this.value = JSON.stringify(obj);
         }
         else {
@@ -34,26 +72,84 @@ export class CodeEditorComponent {
     setDisabledState(isDisabled) {
         //throw new Error('Method not implemented.');
     }
+    insert() {
+        this.doc = this.codeMirrorComponent.codeMirror?.getDoc();
+        var cursor = this.doc.getCursor();
+        if (this.currentSnippet.code) {
+            this.doc.replaceRange(this.currentSnippet.code, cursor);
+        }
+        if (this.currentSnippet.externfile) {
+            this.snippetsService.getSnippetCode(this.currentSnippet.externfile).subscribe((code) => this.doc.replaceRange(code, cursor));
+        }
+    }
+    getSelectedRange(doc) {
+        return { from: doc.getCursor('from'), to: doc.getCursor('to') };
+    }
+    getFormatter() {
+        if (this.formatter)
+            return this.formatter;
+        if (this.mode.match(/typescript/)) {
+            return "typescript";
+        }
+        return null;
+    }
+    autoFormatSelection(cm) {
+        try {
+            const formatter = this.getFormatter();
+            if (!formatter) {
+                alert("no formatter defined for this code");
+                return;
+            }
+            let options = { ...this.formatterOptions };
+            options.parser = formatter;
+            options.plugins = [parserTypescript, parserBabel];
+            cm.doc.setValue(prettier.format(cm.doc.getValue(), options));
+        }
+        catch (ex) {
+            alert(`Unable to format this code, check Syntax`);
+        }
+    }
 }
-CodeEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CodeEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: CodeEditorComponent, selector: "gloww-code-editor", inputs: { _value: ["value", "_value"] }, providers: [
+CodeEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i1.SnippetsService }, { token: i2.GlowwService }], target: i0.ɵɵFactoryTarget.Component });
+CodeEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: CodeEditorComponent, selector: "gloww-code-editor", inputs: { _value: ["value", "_value"], display: "display", mode: "mode", formatter: "formatter", formatterOptions: "formatterOptions", snippets: "snippets", snippetsPath: "snippetsPath" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             multi: true,
             useExisting: CodeEditorComponent
         }
-    ], ngImport: i0, template: "<ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: 'text/typescript', fixedGutter:false}\">\r\n</ngx-codemirror>\r\n", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"], components: [{ type: i1.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CodeEditorComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "codeMirrorComponent", first: true, predicate: CodemirrorComponent, descendants: true }], ngImport: i0, template: "<div fxLayout=\"column\" fxFill fxLayoutAlign=\"strech\" class=\"mainDiv\">\r\n    <mat-label>{{display}}</mat-label>\r\n    <div *ngIf=\"snippets?.length\" fxLayout=\"row\">\r\n        <mat-select [(ngModel)]=\"currentSnippet\" fxFlex>\r\n            <mat-option *ngFor=\"let snippet of snippets\" [value]=\"snippet\">{{snippet.name}}</mat-option>\r\n        </mat-select>\r\n        <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"insert()\">Insert</button>\r\n    </div>\r\n\r\n    <ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: mode, fixedGutter:false, extraKeys: extraKeys}\" style=\"width:100%\">\r\n    </ngx-codemirror>\r\n</div>", styles: [".CodeMirror{resize:both;padding:0;margin:0}.sameSize{padding:0;margin:0;border:1px solid}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.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"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i9.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop"] }, { kind: "directive", type: i10.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"] }, { kind: "directive", type: i10.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"] }, { kind: "directive", type: i10.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i10.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"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: CodeEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gloww-code-editor', providers: [
+            args: [{ selector: 'gloww-code-editor', encapsulation: ViewEncapsulation.None, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
                             useExisting: CodeEditorComponent
                         }
-                    ], template: "<ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: 'text/typescript', fixedGutter:false}\">\r\n</ngx-codemirror>\r\n", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { _value: [{
+                    ], template: "<div fxLayout=\"column\" fxFill fxLayoutAlign=\"strech\" class=\"mainDiv\">\r\n    <mat-label>{{display}}</mat-label>\r\n    <div *ngIf=\"snippets?.length\" fxLayout=\"row\">\r\n        <mat-select [(ngModel)]=\"currentSnippet\" fxFlex>\r\n            <mat-option *ngFor=\"let snippet of snippets\" [value]=\"snippet\">{{snippet.name}}</mat-option>\r\n        </mat-select>\r\n        <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"insert()\">Insert</button>\r\n    </div>\r\n\r\n    <ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: mode, fixedGutter:false, extraKeys: extraKeys}\" style=\"width:100%\">\r\n    </ngx-codemirror>\r\n</div>", styles: [".CodeMirror{resize:both;padding:0;margin:0}.sameSize{padding:0;margin:0;border:1px solid}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SnippetsService }, { type: i2.GlowwService }]; }, propDecorators: { _value: [{
                 type: Input,
                 args: ['value']
+            }], display: [{
+                type: Input,
+                args: ['display']
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], formatter: [{
+                type: Input,
+                args: ['formatter']
+            }], formatterOptions: [{
+                type: Input,
+                args: ['formatterOptions']
+            }], snippets: [{
+                type: Input,
+                args: ['snippets']
+            }], snippetsPath: [{
+                type: Input,
+                args: ['snippetsPath']
+            }], codeMirrorComponent: [{
+                type: ViewChild,
+                args: [CodemirrorComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1lZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2xvd3cvc3JjL2xpYi9Db21wb25lbnRzL2NvZGUtZWRpdG9yL2NvZGUtZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsb3d3L3NyYy9saWIvQ29tcG9uZW50cy9jb2RlLWVkaXRvci9jb2RlLWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFjekUsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QjtRQUpnQixXQUFNLEdBQVEsSUFBSSxDQUFDO1FBQ25DLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDMUIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUVYLENBQUM7SUFHakIsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxHQUFHO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUNELFVBQVUsQ0FBQyxHQUFRO1FBQ2pCLElBQUksT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLFFBQVEsRUFBRTtZQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDbEM7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUNELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLDZDQUE2QztJQUMvQyxDQUFDOztnSEFoQ1UsbUJBQW1CO29HQUFuQixtQkFBbUIscUZBUm5CO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLEtBQUssRUFBRSxJQUFJO1lBQ1gsV0FBVyxFQUFFLG1CQUFtQjtTQUNqQztLQUNGLDBCQ2JILHVOQUVBOzJGRGFhLG1CQUFtQjtrQkFaL0IsU0FBUzsrQkFDRSxtQkFBbUIsYUFHbEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxxQkFBcUI7eUJBQ2pDO3FCQUNGOzBFQUdlLE1BQU07c0JBQXJCLEtBQUs7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dsb3d3LWNvZGUtZWRpdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29kZS1lZGl0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvZGUtZWRpdG9yLmNvbXBvbmVudC5jc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICB1c2VFeGlzdGluZzogQ29kZUVkaXRvckNvbXBvbmVudFxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvZGVFZGl0b3JDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCd2YWx1ZScpIF92YWx1ZTogYW55ID0gbnVsbDtcclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4geyB9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4geyB9O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuXHJcbiAgZ2V0IHZhbHVlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuXHJcbiAgc2V0IHZhbHVlKHZhbCkge1xyXG4gICAgdGhpcy5fdmFsdWUgPSB2YWw7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbCk7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xyXG4gIH1cclxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodHlwZW9mIChvYmopID09PSAnb2JqZWN0Jykge1xyXG4gICAgICB0aGlzLnZhbHVlID0gSlNPTi5zdHJpbmdpZnkob2JqKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgICB9XHJcbiAgfVxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAvL3Rocm93IG5ldyBFcnJvcignTWV0aG9kIG5vdCBpbXBsZW1lbnRlZC4nKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxuZ3gtY29kZW1pcnJvciBbKG5nTW9kZWwpXT1cInZhbHVlXCIgW29wdGlvbnNdPVwie2xpbmVOdW1iZXJzOiB0cnVlLHRoZW1lOiAnZWNsaXBzZScsIGluZGVudFdpdGhUYWJzOnRydWUsaW5kZW50VW5pdDogNCxtYXRjaEJyYWNrZXRzOiB0cnVlLCBtb2RlOiAndGV4dC90eXBlc2NyaXB0JywgZml4ZWRHdXR0ZXI6ZmFsc2V9XCI+XHJcbjwvbmd4LWNvZGVtaXJyb3I+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS1lZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2xvd3cvc3JjL2xpYi9Db21wb25lbnRzL2NvZGUtZWRpdG9yL2NvZGUtZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsb3d3L3NyYy9saWIvQ29tcG9uZW50cy9jb2RlLWVkaXRvci9jb2RlLWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUczRCxPQUFPLFFBQVEsTUFBTSwwQ0FBMEMsQ0FBQztBQUNoRSxPQUFPLGdCQUFnQixNQUFNLGlEQUFpRCxDQUFBO0FBQzlFLE9BQU8sV0FBVyxNQUFNLDRDQUE0QyxDQUFBOzs7Ozs7Ozs7Ozs7QUFlcEUsTUFBTSxPQUFPLG1CQUFtQjtJQXNCOUIsWUFBb0IsZUFBZ0MsRUFBVSxZQUEwQjtRQUFwRSxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQXJCeEUsV0FBTSxHQUFRLElBQUksQ0FBQztRQUNqQixZQUFPLEdBQVcsSUFBSSxDQUFDO1FBQzFCLFNBQUksR0FBUSxpQkFBaUIsQ0FBQztRQUVsQixxQkFBZ0IsR0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBS3ZGLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDMUIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMz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QixFQUFFLFdBQVcsQ0FBQyxDQUFBO1lBRWpELEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQzlEO1FBQUMsT0FBTyxFQUFFLEVBQUU7WUFDWCxLQUFLLENBQUMsMENBQTBDLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7O2dIQXZHVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix5T0FSbkI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsS0FBSyxFQUFFLElBQUk7WUFDWCxXQUFXLEVBQUUsbUJBQW1CO1NBQ2pDO0tBQ0YsK0VBVVUsbUJBQW1CLGdEQy9CaEMsMnZCQVdNOzJGRFlPLG1CQUFtQjtrQkFiL0IsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLHFCQUFxQjt5QkFDakM7cUJBQ0Y7aUlBR2UsTUFBTTtzQkFBckIsS0FBSzt1QkFBQyxPQUFPO2dCQUNJLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ08sU0FBUztzQkFBNUIsS0FBSzt1QkFBQyxXQUFXO2dCQUNTLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ04sUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNNLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFDVyxtQkFBbUI7c0JBQWxELFNBQVM7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU25pcHBldCwgU25pcHBldHNTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi9TZXJ2aWNlcy9zbmlwcGV0cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQ29kZW1pcnJvckNvbXBvbmVudCB9IGZyb20gJ0BjdHJsL25neC1jb2RlbWlycm9yJztcclxuaW1wb3J0IHsgUmVzaXplZEV2ZW50IH0gZnJvbSAnYW5ndWxhci1yZXNpemUtZXZlbnQnO1xyXG5pbXBvcnQgeyBHbG93d1NlcnZpY2UgfSBmcm9tICcuLi8uLi9TZXJ2aWNlcy9nbG93dy5zZXJ2aWNlJztcclxuaW1wb3J0IHByZXR0aWVyIGZyb20gJ25vZGVfbW9kdWxlcy9wcmV0dGllci9lc20vc3RhbmRhbG9uZS5tanMnO1xyXG5pbXBvcnQgcGFyc2VyVHlwZXNjcmlwdCBmcm9tICdub2RlX21vZHVsZXMvcHJldHRpZXIvZXNtL3BhcnNlci10eXBlc2NyaXB0Lm1qcydcclxuaW1wb3J0IHBhcnNlckJhYmVsIGZyb20gJ25vZGVfbW9kdWxlcy9wcmV0dGllci9lc20vcGFyc2VyLWJhYmVsLm1qcydcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZ2xvd3ctY29kZS1lZGl0b3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2RlLWVkaXRvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29kZS1lZGl0b3IuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBDb2RlRWRpdG9yQ29tcG9uZW50XHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29kZUVkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoJ3ZhbHVlJykgX3ZhbHVlOiBhbnkgPSBudWxsO1xyXG4gIEBJbnB1dCgnZGlzcGxheScpIGRpc3BsYXk6IHN0cmluZyA9IG51bGw7XHJcbiAgQElucHV0KCdtb2RlJykgbW9kZTogYW55ID0gXCJ0ZXh0L3R5cGVzY3JpcHRcIjtcclxuICBASW5wdXQoJ2Zvcm1hdHRlcicpIGZvcm1hdHRlcj86IHN0cmluZztcclxuICBASW5wdXQoJ2Zvcm1hdHRlck9wdGlvbnMnKSBmb3JtYXR0ZXJPcHRpb25zPzogYW55ID0geyB1c2VUYWJzOiB0cnVlLCBwcmludFdpZHRoOiAxNjAgfTtcclxuICBASW5wdXQoJ3NuaXBwZXRzJykgc25pcHBldHM/OiBTbmlwcGV0W107XHJcbiAgQElucHV0KCdzbmlwcGV0c1BhdGgnKSBzbmlwcGV0c1BhdGg/OiBzdHJpbmc7XHJcbiAgQFZpZXdDaGlsZChDb2RlbWlycm9yQ29tcG9uZW50KSBjb2RlTWlycm9yQ29tcG9uZW50OiBDb2RlbWlycm9yQ29tcG9uZW50O1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4geyB9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4geyB9O1xyXG4gIHJlc2l6YWJsZSA9IHRydWU7XHJcblxyXG4gIGN1cnJlbnRTbmlwcGV0PzogU25pcHBldDtcclxuICBkb2M6IGFueSA9IG51bGw7XHJcbiAgZXh0cmFLZXlzID0ge1xyXG4gICAgXCJBbHQtS1wiOiBmdW5jdGlvbihjbSkgeyBhbGVydCgnQWx0LUsnKTsgY20uYmxvY2tDb21tZW50KGNtLmRvYy5nZXRDdXJzb3IoJ2Zyb20nKSwgY20uZG9jLmdldEN1cnNvcigndG8nKSk7LypjbS50b2dnbGVDb21tZW50KCk7Ki8gfSxcclxuICAgIFwiU2hpZnQtQWx0LUtcIjogXCJ0b2dnbGVDb21tZW50XCIsXHJcbiAgICBcIkFsdC1OXCI6IHRoaXMuYXV0b0Zvcm1hdFNlbGVjdGlvbi5iaW5kKHRoaXMpXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzbmlwcGV0c1NlcnZpY2U6IFNuaXBwZXRzU2VydmljZSwgcHJpdmF0ZSBnbG93d1NlcnZpY2U6IEdsb3d3U2VydmljZSkge1xyXG5cclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2codGhpcy5jb2RlTWlycm9yQ29tcG9uZW50KTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuY29kZU1pcnJvckNvbXBvbmVudC5jb2RlTWlycm9yKTtcclxuICAgIHRoaXMuZG9jID0gdGhpcy5jb2RlTWlycm9yQ29tcG9uZW50LmNvZGVNaXJyb3I/LmdldERvYygpO1xyXG4gICAgY29uc29sZS5sb2codGhpcy5kb2MpO1xyXG4gICAgaWYgKHRoaXMuc25pcHBldHNQYXRoKSB7XHJcbiAgICAgIHRoaXMuc25pcHBldHNTZXJ2aWNlLmdldFNuaXBwZXRzKHRoaXMuc25pcHBldHNQYXRoLnJlcGxhY2UoXCIvYXNzZXRzL1wiLCB0aGlzLmdsb3d3U2VydmljZS5iYXNlSHJlZiArIFwiL2Fzc2V0cy9cIikpLnN1YnNjcmliZSgoc25pcHBldHMpID0+IHtcclxuICAgICAgICBpZiAoIXRoaXMuc25pcHBldHMpIHtcclxuICAgICAgICAgIHRoaXMuc25pcHBldHMgPSBbXTtcclxuICAgICAgICB9XHJcbiAgICAgICAgc25pcHBldHMuZm9yRWFjaCgoc25pcHBldCkgPT4gdGhpcy5zbmlwcGV0cy5wdXNoKHNuaXBwZXQpKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuXHJcbiAgZ2V0IHZhbHVlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuXHJcbiAgc2V0IHZhbHVlKHZhbCkge1xyXG4gICAgdGhpcy5fdmFsdWUgPSB2YWw7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbCk7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xyXG4gIH1cclxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodHlwZW9mIChvYmopID09PSAnb2JqZWN0JyAmJiBvYmogIT0gbnVsbCkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gSlNPTi5zdHJpbmdpZnkob2JqKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgICB9XHJcbiAgfVxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAvL3Rocm93IG5ldyBFcnJvcignTWV0aG9kIG5vdCBpbXBsZW1lbnRlZC4nKTtcclxuICB9XHJcbiAgaW5zZXJ0KCkge1xyXG4gICAgdGhpcy5kb2MgPSB0aGlzLmNvZGVNaXJyb3JDb21wb25lbnQuY29kZU1pcnJvcj8uZ2V0RG9jKCk7XHJcbiAgICB2YXIgY3Vyc29yID0gdGhpcy5kb2MuZ2V0Q3Vyc29yKCk7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50U25pcHBldC5jb2RlKSB7XHJcbiAgICAgIHRoaXMuZG9jLnJlcGxhY2VSYW5nZSh0aGlzLmN1cnJlbnRTbmlwcGV0LmNvZGUsIGN1cnNvcik7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5jdXJyZW50U25pcHBldC5leHRlcm5maWxlKSB7XHJcbiAgICAgIHRoaXMuc25pcHBldHNTZXJ2aWNlLmdldFNuaXBwZXRDb2RlKHRoaXMuY3VycmVudFNuaXBwZXQuZXh0ZXJuZmlsZSkuc3Vic2NyaWJlKChjb2RlKSA9PiB0aGlzLmRvYy5yZXBsYWNlUmFuZ2UoY29kZSwgY3Vyc29yKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXRTZWxlY3RlZFJhbmdlKGRvYykge1xyXG4gICAgcmV0dXJuIHsgZnJvbTogZG9jLmdldEN1cnNvcignZnJvbScpLCB0bzogZG9jLmdldEN1cnNvcigndG8nKSB9O1xyXG4gIH1cclxuXHJcbiAgZ2V0Rm9ybWF0dGVyKCk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5mb3JtYXR0ZXIpIHJldHVybiB0aGlzLmZvcm1hdHRlcjtcclxuICAgIGlmICh0aGlzLm1vZGUubWF0Y2goL3R5cGVzY3JpcHQvKSkgeyByZXR1cm4gXCJ0eXBlc2NyaXB0XCI7IH1cclxuICAgIHJldHVybiBudWxsO1xyXG4gIH1cclxuXHJcblxyXG4gIGF1dG9Gb3JtYXRTZWxlY3Rpb24oY20pIHtcclxuICAgIHRyeSB7XHJcbiAgICAgIGNvbnN0IGZvcm1hdHRlciA9IHRoaXMuZ2V0Rm9ybWF0dGVyKCk7XHJcbiAgICAgIGlmICghZm9ybWF0dGVyKSB7XHJcbiAgICAgICAgYWxlcnQoXCJubyBmb3JtYXR0ZXIgZGVmaW5lZCBmb3IgdGhpcyBjb2RlXCIpO1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICBsZXQgb3B0aW9uczogYW55ID0geyAuLi50aGlzLmZvcm1hdHRlck9wdGlvbnMgfTtcclxuICAgICAgb3B0aW9ucy5wYXJzZXIgPSBmb3JtYXR0ZXI7XHJcbiAgICAgIG9wdGlvbnMucGx1Z2lucyA9IFtwYXJzZXJUeXBlc2NyaXB0LCBwYXJzZXJCYWJlbF1cclxuXHJcbiAgICAgIGNtLmRvYy5zZXRWYWx1ZShwcmV0dGllci5mb3JtYXQoY20uZG9jLmdldFZhbHVlKCksIG9wdGlvbnMpKTtcclxuICAgIH0gY2F0Y2ggKGV4KSB7XHJcbiAgICAgIGFsZXJ0KGBVbmFibGUgdG8gZm9ybWF0IHRoaXMgY29kZSwgY2hlY2sgU3ludGF4YCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeEZpbGwgZnhMYXlvdXRBbGlnbj1cInN0cmVjaFwiIGNsYXNzPVwibWFpbkRpdlwiPlxyXG4gICAgPG1hdC1sYWJlbD57e2Rpc3BsYXl9fTwvbWF0LWxhYmVsPlxyXG4gICAgPGRpdiAqbmdJZj1cInNuaXBwZXRzPy5sZW5ndGhcIiBmeExheW91dD1cInJvd1wiPlxyXG4gICAgICAgIDxtYXQtc2VsZWN0IFsobmdNb2RlbCldPVwiY3VycmVudFNuaXBwZXRcIiBmeEZsZXg+XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBzbmlwcGV0IG9mIHNuaXBwZXRzXCIgW3ZhbHVlXT1cInNuaXBwZXRcIj57e3NuaXBwZXQubmFtZX19PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImluc2VydCgpXCI+SW5zZXJ0PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bmd4LWNvZGVtaXJyb3IgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFtvcHRpb25zXT1cIntsaW5lTnVtYmVyczogdHJ1ZSx0aGVtZTogJ2VjbGlwc2UnLCBpbmRlbnRXaXRoVGFiczp0cnVlLGluZGVudFVuaXQ6IDQsbWF0Y2hCcmFja2V0czogdHJ1ZSwgbW9kZTogbW9kZSwgZml4ZWRHdXR0ZXI6ZmFsc2UsIGV4dHJhS2V5czogZXh0cmFLZXlzfVwiIHN0eWxlPVwid2lkdGg6MTAwJVwiPlxyXG4gICAgPC9uZ3gtY29kZW1pcnJvcj5cclxuPC9kaXY+Il19

package/esm2020/lib/Components/confirmation/confirmation.component.mjs

@@ -2,8 +2,8 @@ import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/common";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
 import * as i4 from "../../Pipes/safe-html.pipe";
 export class ConfirmationComponent {
     constructor(dialogRef, data) {
@@ -23,11 +23,11 @@ export class ConfirmationComponent {
         this.dialogRef.close(false);
     }
 }
-ConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: ConfirmationComponent, selector: "glw-confirmation", ngImport: i0, template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "safeHtml": i4.SafeHtmlPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ConfirmationComponent, decorators: [{
+ConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: ConfirmationComponent, selector: "glw-confirmation", ngImport: i0, template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", 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"] }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'glw-confirmation', template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""] }]
+            args: [{ selector: 'glw-confirmation', template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: ConfirmationModel, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2020/lib/Components/datetime/datetime.component.mjs

@@ -0,0 +1,84 @@
+import { Component, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as moment from 'moment';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular-material-components/datetime-picker";
+export class DatetimeComponent {
+    constructor() {
+        this._value = null;
+        this.display = null;
+        this.placeHolder = null;
+        this.mode = 'date';
+        this.showSpinners = true;
+        this.showSeconds = false;
+        this.disableMinute = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        let dt = this._value;
+        if (typeof (this._value) === 'string') {
+            dt = moment(this._value).toISOString();
+        }
+        this.onChange(dt);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        //throw new Error('Method not implemented.');
+    }
+}
+DatetimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DatetimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatetimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DatetimeComponent, selector: "gloww-datetime", inputs: { _value: ["value", "_value"], display: "display", placeHolder: "placeHolder", mode: "mode", showSpinners: "showSpinners", showSeconds: "showSeconds", disableMinute: "disableMinute" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: DatetimeComponent
+        }
+    ], ngImport: i0, template: "<div style=\"width:100%\">\r\n    <mat-form-field *ngIf=\"mode==='date'\">\r\n        <mat-label>{{display}}</mat-label>\r\n        <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\r\n        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n        <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field *ngIf=\"mode==='datetime'\">\r\n        <mat-label>{{display}}</mat-label>\r\n        <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\r\n        <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\r\n        <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"true\" [disableMinute]=\"disableMinute\">\r\n        </ngx-mat-datetime-picker>\r\n    </mat-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["calendarHeaderComponent", "startAt", "startView", "defaultColor", "color", "touchUi", "hideTime", "disabled", "panelClass", "dateClass", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i6.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DatetimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-datetime', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: DatetimeComponent
+                        }
+                    ], template: "<div style=\"width:100%\">\r\n    <mat-form-field *ngIf=\"mode==='date'\">\r\n        <mat-label>{{display}}</mat-label>\r\n        <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\r\n        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n        <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field *ngIf=\"mode==='datetime'\">\r\n        <mat-label>{{display}}</mat-label>\r\n        <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\r\n        <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\r\n        <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"true\" [disableMinute]=\"disableMinute\">\r\n        </ngx-mat-datetime-picker>\r\n    </mat-form-field>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], display: [{
+                type: Input,
+                args: ['display']
+            }], placeHolder: [{
+                type: Input,
+                args: ['placeHolder']
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], showSpinners: [{
+                type: Input
+            }], showSeconds: [{
+                type: Input
+            }], disableMinute: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2xvd3cvc3JjL2xpYi9Db21wb25lbnRzL2RhdGV0aW1lL2RhdGV0aW1lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dsb3d3L3NyYy9saWIvQ29tcG9uZW50cy9kYXRldGltZS9kYXRldGltZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxLQUFLLE1BQU0sTUFBTSxRQUFRLENBQUM7Ozs7Ozs7O0FBY2pDLE1BQU0sT0FBTyxpQkFBaUI7SUFZNUI7UUFYZ0IsV0FBTSxHQUFRLElBQUksQ0FBQztRQUNqQixZQUFPLEdBQVEsSUFBSSxDQUFDO1FBQ2hCLGdCQUFXLEdBQVEsSUFBSSxDQUFDO1FBQy9CLFNBQUksR0FBVyxNQUFNLENBQUM7UUFDNUIsaUJBQVksR0FBWSxJQUFJLENBQUM7UUFDN0IsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFFeEMsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMxQixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBRVgsQ0FBQztJQUdqQixJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEdBQUc7UUFDWCxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztRQUNsQixJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3JCLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxRQUFRLEVBQUU7WUFDckMsRUFBRSxHQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQzNEO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUNELFVBQVUsQ0FBQyxHQUFRO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyw2Q0FBNkM7SUFDL0MsQ0FBQzs7OEdBeENVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDBPQVJqQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixLQUFLLEVBQUUsSUFBSTtZQUNYLFdBQVcsRUFBRSxpQkFBaUI7U0FDL0I7S0FDRiwwQkNkSCxnN0JBZ0JBOzJGREFhLGlCQUFpQjtrQkFaN0IsU0FBUzsrQkFDRSxnQkFBZ0IsYUFHZjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLG1CQUFtQjt5QkFDL0I7cUJBQ0Y7MEVBR2UsTUFBTTtzQkFBckIsS0FBSzt1QkFBQyxPQUFPO2dCQUNJLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDTSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0wsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNKLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0ICogYXMgbW9tZW50IGZyb20gJ21vbWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dsb3d3LWRhdGV0aW1lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZXRpbWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGV0aW1lLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgICAgdXNlRXhpc3Rpbmc6IERhdGV0aW1lQ29tcG9uZW50XHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZXRpbWVDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCd2YWx1ZScpIF92YWx1ZTogYW55ID0gbnVsbDtcclxuICBASW5wdXQoJ2Rpc3BsYXknKSBkaXNwbGF5OiBhbnkgPSBudWxsO1xyXG4gIEBJbnB1dCgncGxhY2VIb2xkZXInKSBwbGFjZUhvbGRlcjogYW55ID0gbnVsbDtcclxuICBASW5wdXQoJ21vZGUnKSBtb2RlOiBzdHJpbmcgPSAnZGF0ZSc7XHJcbiAgQElucHV0KCkgc2hvd1NwaW5uZXJzOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzaG93U2Vjb25kczogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVNaW51dGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHsgfTtcclxuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHsgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcblxyXG4gIGdldCB2YWx1ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcblxyXG4gIHNldCB2YWx1ZSh2YWwpIHtcclxuICAgIHRoaXMuX3ZhbHVlID0gdmFsO1xyXG4gICAgbGV0IGR0ID0gdGhpcy5fdmFsdWU7XHJcbiAgICBpZiAodHlwZW9mICh0aGlzLl92YWx1ZSkgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIGR0ID0gKG1vbWVudCh0aGlzLl92YWx1ZSkgYXMgbW9tZW50Lk1vbWVudCkudG9JU09TdHJpbmcoKTtcclxuICAgIH1cclxuICAgIHRoaXMub25DaGFuZ2UoZHQpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IG9iajtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAvL3Rocm93IG5ldyBFcnJvcignTWV0aG9kIG5vdCBpbXBsZW1lbnRlZC4nKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBzdHlsZT1cIndpZHRoOjEwMCVcIj5cclxuICAgIDxtYXQtZm9ybS1maWVsZCAqbmdJZj1cIm1vZGU9PT0nZGF0ZSdcIj5cclxuICAgICAgICA8bWF0LWxhYmVsPnt7ZGlzcGxheX19PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZUhvbGRlclwiIFsobmdNb2RlbCldPVwidmFsdWVcIj5cclxuICAgICAgICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFN1ZmZpeCBbZm9yXT1cInBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxyXG4gICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuICAgIDxtYXQtZm9ybS1maWVsZCAqbmdJZj1cIm1vZGU9PT0nZGF0ZXRpbWUnXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD57e2Rpc3BsYXl9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbbmd4TWF0RGF0ZXRpbWVQaWNrZXJdPVwicGlja2VyRFRcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIiBbKG5nTW9kZWwpXT1cInZhbHVlXCI+XHJcbiAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCIkYW55KHBpY2tlckRUKVwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxyXG4gICAgICAgIDxuZ3gtbWF0LWRhdGV0aW1lLXBpY2tlciAjcGlja2VyRFQgW3Nob3dTcGlubmVyc109XCJzaG93U3Bpbm5lcnNcIiBbc2hvd1NlY29uZHNdPVwic2hvd1NlY29uZHNcIiBbdG91Y2hVaV09XCJ0cnVlXCIgW2Rpc2FibGVNaW51dGVdPVwiZGlzYWJsZU1pbnV0ZVwiPlxyXG4gICAgICAgIDwvbmd4LW1hdC1kYXRldGltZS1waWNrZXI+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG48L2Rpdj5cclxuIl19