@pepperi-addons/ngx-lib 0.3.15-beta.19 → 0.3.15-beta.21

package/esm2015/smart-filters/multi-select-filter/multi-select-filter.component.js

@@ -1,153 +1,191 @@
-import { ViewChild, } from '@angular/core';
-import { Component } from '@angular/core';
-import { BaseFilterComponent } from '../common/model/base-filter-component';
-import { PepSmartFilterOperators, } from '../common/model/operator';
-import { distinctUntilChanged, map, startWith } from 'rxjs/operators';
-import { FormControl } from '@angular/forms';
-import { VirtualScrollerComponent } from 'ngx-virtual-scroller';
-class PepMultiSelectFilterOption {
-    constructor() {
-        this.selected = false;
-    }
-}
-export class PepMultiSelectFilterComponent extends BaseFilterComponent {
-    constructor() {
-        super(...arguments);
-        this.options = [];
-        this.searchControl = new FormControl();
-        //inline props
-        this.selected = '';
-        this.inlineOptions = [];
-        this.MAX_OPTIONS_TO_SHOW = 6.35;
-        this.numberOptionsToShowSearch = 10;
-    }
-    ngOnInit() {
-        super.ngOnInit;
-        if (this.inline) {
-            this.inlineControlInit();
-        }
-        else {
-            this.noneInlineControlInit();
-        }
-    }
-    ngAfterViewInit() {
-        // Calc for the first time.
-        this.calcOptionsHeight(this.options.length);
-    }
-    inlineControlInit() {
-        var _a, _b, _c, _d;
-        //load options from field        
-        this.inlineOptions = ((_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.field.options : [];
-        // Init the selected values from first value.        
-        if (((_d = (_c = this.firstControl) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.length) > 0) {
-            this.selected = this.firstControl.value.join(';');
-        }
-    }
-    noneInlineControlInit() {
-        var _a;
-        if (((_a = this.field.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.options = this.field.options.map((opt) => {
-                return { value: opt.value, count: opt.count, selected: false };
-            });
-        }
-        else {
-            this.searchControl.disable();
-        }
-        // Init the selected values from first value.
-        const firstControl = this.firstControl;
-        if (firstControl.value) {
-            this.initOptionsSelectedValues(firstControl.value);
-        }
-        // Add subscription for the first value change to set the selected options.
-        firstControl.valueChanges
-            .pipe(this.getDestroyer(), distinctUntilChanged())
-            .subscribe((selectedValues) => {
-            this.initOptionsSelectedValues(selectedValues);
-        });
-        // Filter the options by the search control.
-        this.filteredOptions$ = this.searchControl.valueChanges.pipe(this.getDestroyer(), startWith(''), map((option) => typeof option === 'string' ? option : option && option.value), map((value) => (value ? this.filterOptions(value) : this.options)));
-        // Each time the filter change.
-        this.filteredOptions$.subscribe((filterdOptions) => {
-            this.calcOptionsHeight(filterdOptions.length);
-            setTimeout(() => {
-                // 8 is the padding top of the multi-select-options
-                this.virtualScroller.scrollToPosition(-8);
-            }, 125);
-        });
-    }
-    initOptionsSelectedValues(selectedValues) {
-        this.options.forEach((opt) => {
-            const isValueSelected = selectedValues && selectedValues.includes(opt.value);
-            opt.selected = isValueSelected;
-        });
-    }
-    calcOptionsHeight(optionsCount) {
-        if (this.optionsContainer) {
-            const optionsToShow = optionsCount > this.MAX_OPTIONS_TO_SHOW
-                ? this.MAX_OPTIONS_TO_SHOW
-                : optionsCount;
-            // optionsToShow * 2.25 is 1 option height + 1 is the padding top & bottom of the container.
-            const optionsHeight = optionsToShow * 2.25 + 1 + 'rem';
-            this.renderer.setStyle(this.optionsContainer.nativeElement, 'height', optionsHeight);
-        }
-    }
-    filterOptions(value) {
-        const filterValue = value.toLowerCase();
-        return this.options.filter((opt) => opt.value &&
-            opt.value.toLowerCase().includes(filterValue.toLowerCase()));
-    }
-    // Override
-    getDefaultOperator() {
-        return PepSmartFilterOperators.In;
-    }
-    // Override
-    getFilterValue() {
-        if (this.inline) {
-            return {
-                first: this.firstControl.value
-            };
-        }
-        else {
-            const selectedValues = this.options
-                .filter((opt) => opt.selected)
-                .map((opt) => opt.value);
-            const filterValue = {
-                first: selectedValues,
-            };
-            return selectedValues.length > 0 ? filterValue : null;
-        }
-    }
-    // Override
-    initFilter() {
-        this.options.forEach((opt) => (opt.selected = false));
-        this.searchControl.setValue('');
-    }
-    onOptionChange(option, event) {
-        option.selected = event.checked;
-        this.firstControl.setValue(this.options.filter((opt) => opt.selected).map((opt) => opt.value), { emitEvent: false });
-    }
-    onMultiSelectChanged(value) {
-        if (value) {
-            const selected = value.split(';');
-            this.firstControl.setValue(selected);
-        }
-        else {
-            this.firstControl.setValue(null);
-        }
-        if (this.emitOnChange) {
-            this.applyFilter();
-        }
-    }
-}
-PepMultiSelectFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pep-multi-select-filter',
-                template: "<ng-container *ngIf=\"inline\">\n    <pep-select [key]=\"'multi1'\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\n        [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n        (valueChange)=\"onMultiSelectChanged($event)\">\n    </pep-select>\n</ng-container>\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\n        [triggerOn]=\"'keydown'\" shrink=\"never\"></pep-search>\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\n                    <div class=\"title\">\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\n                    </div>\n                </mat-checkbox>\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\n                        translate }}\n                    </span>\n                </ng-container>\n            </virtual-scroller>\n        </div>\n    </div>\n</div>",
-                styles: [".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]
-            },] }
-];
-PepMultiSelectFilterComponent.propDecorators = {
-    optionsContainer: [{ type: ViewChild, args: ['optionsContainer',] }],
-    virtualScroller: [{ type: ViewChild, args: [VirtualScrollerComponent,] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NtYXJ0LWZpbHRlcnMvbXVsdGktc2VsZWN0LWZpbHRlci9tdWx0aS1zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBTUgsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUVILHVCQUF1QixHQUMxQixNQUFNLDBCQUEwQixDQUFDO0FBS2xDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWhFLE1BQU0sMEJBQTBCO0lBQWhDO1FBR0ksYUFBUSxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0NBQUE7QUFPRCxNQUFNLE9BQU8sNkJBQ1QsU0FBUSxtQkFBbUI7SUFOL0I7O1FBUUksWUFBTyxHQUFpQyxFQUFFLENBQUM7UUFFM0Msa0JBQWEsR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLGNBQWM7UUFDZCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2Qsa0JBQWEsR0FBaUIsRUFBRSxDQUFDO1FBS2hCLHdCQUFtQixHQUFHLElBQUksQ0FBQztRQUk1Qyw4QkFBeUIsR0FBRyxFQUFFLENBQUM7SUFpS25DLENBQUM7SUEvSkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLENBQUM7UUFFZixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFD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RyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUNsRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FDdkIsQ0FBQztJQUNOLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksS0FBSyxFQUFFO1lBQ1AsTUFBTSxRQUFRLEdBQWEsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDcEM7UUFFRCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQzs7O1lBckxKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQyxrNURBQW1EOzthQUV0RDs7OytCQVdJLFNBQVMsU0FBQyxrQkFBa0I7OEJBSTVCLFNBQVMsU0FBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUZpbHRlckNvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9tb2RlbC9iYXNlLWZpbHRlci1jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgICBJUGVwU21hcnRGaWx0ZXJPcGVyYXRvcixcbiAgICBQZXBTbWFydEZpbHRlck9wZXJhdG9ycyxcbn0gZnJvbSAnLi4vY29tbW9uL21vZGVsL29wZXJhdG9yJztcbmltcG9ydCB7IElQZXBPcHRpb24gfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBJUGVwU21hcnRGaWx0ZXJEYXRhVmFsdWUgfSBmcm9tICcuLi9jb21tb24vbW9kZWwvZmlsdGVyJztcbmltcG9ydCB7IElQZXBTbWFydEZpbHRlckZpZWxkT3B0aW9uIH0gZnJvbSAnLi4vY29tbW9uL21vZGVsL2ZpZWxkJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsZXJDb21wb25lbnQgfSBmcm9tICduZ3gtdmlydHVhbC1zY3JvbGxlcic7XG5cbmNsYXNzIFBlcE11bHRpU2VsZWN0RmlsdGVyT3B0aW9uIGltcGxlbWVudHMgSVBlcFNtYXJ0RmlsdGVyRmllbGRPcHRpb24ge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgY291bnQ/OiBudW1iZXI7XG4gICAgc2VsZWN0ZWQgPSBmYWxzZTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbXVsdGktc2VsZWN0LWZpbHRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL211bHRpLXNlbGVjdC1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL211bHRpLXNlbGVjdC1maWx0ZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwTXVsdGlTZWxlY3RGaWx0ZXJDb21wb25lbnRcbiAgICBleHRlbmRzIEJhc2VGaWx0ZXJDb21wb25lbnRcbiAgICBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgb3B0aW9uczogUGVwTXVsdGlTZWxlY3RGaWx0ZXJPcHRpb25bXSA9IFtdO1xuICAgIGZpbHRlcmVkT3B0aW9ucyQ6IE9ic2VydmFibGU8YW55PjtcbiAgICBzZWFyY2hDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gICAgLy9pbmxpbmUgcHJvcHNcbiAgICBzZWxlY3RlZCA9ICcnO1xuICAgIGlubGluZU9wdGlvbnM6IElQZXBPcHRpb25bXSA9IFtdO1xuXG4gICAgQFZpZXdDaGlsZCgnb3B0aW9uc0NvbnRhaW5lcicpXG4gICAgb3B0aW9uc0NvbnRhaW5lcjogRWxlbWVudFJlZjtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgTUFYX09QVElPTlNfVE9fU0hPVyA9IDYuMzU7XG4gICAgQFZpZXdDaGlsZChWaXJ0dWFsU2Nyb2xsZXJDb21wb25lbnQpXG4gICAgcHJpdmF0ZSB2aXJ0dWFsU2Nyb2xsZXI6IFZpcnR1YWxTY3JvbGxlckNvbXBvbmVudDtcblxuICAgIG51bWJlck9wdGlvbnNUb1Nob3dTZWFyY2ggPSAxMDtcblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdDtcblxuICAgICAgICBpZiAodGhpcy5pbmxpbmUpIHtcbiAgICAgICAgICAgIHRoaXMuaW5saW5lQ29udHJvbEluaXQoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubm9uZUlubGluZUNvbnRyb2xJbml0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgLy8gQ2FsYyBmb3IgdGhlIGZpcnN0IHRpbWUuXG4gICAgICAgIHRoaXMuY2FsY09wdGlvbnNIZWlnaHQodGhpcy5vcHRpb25zLmxlbmd0aCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbmxpbmVDb250cm9sSW5pdCgpIHtcbiAgICAgICAgLy9sb2FkIG9wdGlvbnMgZnJvbSBmaWVsZCAgICAgICAgXG4gICAgICAgIHRoaXMuaW5saW5lT3B0aW9ucyA9IHRoaXMuZmllbGQ/Lm9wdGlvbnM/Lmxlbmd0aCA+IDAgPyB0aGlzLmZpZWxkLm9wdGlvbnMgYXMgSVBlcE9wdGlvbltdIDogW107XG5cbiAgICAgICAgLy8gSW5pdCB0aGUgc2VsZWN0ZWQgdmFsdWVzIGZyb20gZmlyc3QgdmFsdWUuICAgICAgICBcbiAgICAgICAgaWYgKHRoaXMuZmlyc3RDb250cm9sPy52YWx1ZT8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuZmlyc3RDb250cm9sLnZhbHVlLmpvaW4oJzsnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgbm9uZUlubGluZUNvbnRyb2xJbml0KCkge1xuICAgICAgICBpZiAodGhpcy5maWVsZC5vcHRpb25zPy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMgPSB0aGlzLmZpZWxkLm9wdGlvbnMubWFwKChvcHQpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4geyB2YWx1ZTogb3B0LnZhbHVlLCBjb3VudDogb3B0LmNvdW50LCBzZWxlY3RlZDogZmFsc2UgfTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5zZWFyY2hDb250cm9sLmRpc2FibGUoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEluaXQgdGhlIHNlbGVjdGVkIHZhbHVlcyBmcm9tIGZpcnN0IHZhbHVlLlxuICAgICAgICBjb25zdCBmaXJzdENvbnRyb2wgPSB0aGlzLmZpcnN0Q29udHJvbDtcbiAgICAgICAgaWYgKGZpcnN0Q29udHJvbC52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5pbml0T3B0aW9uc1NlbGVjdGVkVmFsdWVzKGZpcnN0Q29udHJvbC52YWx1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBBZGQgc3Vic2NyaXB0aW9uIGZvciB0aGUgZmlyc3QgdmFsdWUgY2hhbmdlIHRvIHNldCB0aGUgc2VsZWN0ZWQgb3B0aW9ucy5cbiAgICAgICAgZmlyc3RDb250cm9sLnZhbHVlQ2hhbmdlc1xuICAgICAgICAgICAgLnBpcGUodGhpcy5nZXREZXN0cm95ZXIoKSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKHNlbGVjdGVkVmFsdWVzOiBzdHJpbmdbXSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaW5pdE9wdGlvbnNTZWxlY3RlZFZhbHVlcyhzZWxlY3RlZFZhbHVlcyk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAvLyBGaWx0ZXIgdGhlIG9wdGlvbnMgYnkgdGhlIHNlYXJjaCBjb250cm9sLlxuICAgICAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyQgPSB0aGlzLnNlYXJjaENvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICAgICAgICB0aGlzLmdldERlc3Ryb3llcigpLFxuICAgICAgICAgICAgc3RhcnRXaXRoPGFueT4oJycpLFxuICAgICAgICAgICAgbWFwKChvcHRpb24pID0+XG4gICAgICAgICAgICAgICAgdHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycgPyBvcHRpb24gOiBvcHRpb24gJiYgb3B0aW9uLnZhbHVlXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbWFwKCh2YWx1ZSkgPT4gKHZhbHVlID8gdGhpcy5maWx0ZXJPcHRpb25zKHZhbHVlKSA6IHRoaXMub3B0aW9ucykpXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gRWFjaCB0aW1lIHRoZSBmaWx0ZXIgY2hhbmdlLlxuICAgICAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyQuc3Vic2NyaWJlKFxuICAgICAgICAgICAgKGZpbHRlcmRPcHRpb25zOiBQZXBNdWx0aVNlbGVjdEZpbHRlck9wdGlvbltdKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5jYWxjT3B0aW9uc0hlaWdodChmaWx0ZXJkT3B0aW9ucy5sZW5ndGgpO1xuICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyA4IGlzIHRoZSBwYWRkaW5nIHRvcCBvZiB0aGUgbXVsdGktc2VsZWN0LW9wdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgdGhpcy52aXJ0dWFsU2Nyb2xsZXIuc2Nyb2xsVG9Qb3NpdGlvbigtOCk7XG4gICAgICAgICAgICAgICAgfSwgMTI1KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgKTtcblxuICAgIH1cblxuICAgIGluaXRPcHRpb25zU2VsZWN0ZWRWYWx1ZXMoc2VsZWN0ZWRWYWx1ZXM6IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcHQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlzVmFsdWVTZWxlY3RlZCA9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRWYWx1ZXMgJiYgc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXMob3B0LnZhbHVlKTtcbiAgICAgICAgICAgIG9wdC5zZWxlY3RlZCA9IGlzVmFsdWVTZWxlY3RlZDtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjYWxjT3B0aW9uc0hlaWdodChvcHRpb25zQ291bnQ6IG51bWJlcikge1xuICAgICAgICBpZiAodGhpcy5vcHRpb25zQ29udGFpbmVyKSB7XG4gICAgICAgICAgICBjb25zdCBvcHRpb25zVG9TaG93ID1cbiAgICAgICAgICAgICAgICBvcHRpb25zQ291bnQgPiB0aGlzLk1BWF9PUFRJT05TX1RPX1NIT1dcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLk1BWF9PUFRJT05TX1RPX1NIT1dcbiAgICAgICAgICAgICAgICAgICAgOiBvcHRpb25zQ291bnQ7XG4gICAgICAgICAgICAvLyBvcHRpb25zVG9TaG93ICogMi4yNSBpcyAxIG9wdGlvbiBoZWlnaHQgKyAxIGlzIHRoZSBwYWRkaW5nIHRvcCAmIGJvdHRvbSBvZiB0aGUgY29udGFpbmVyLlxuICAgICAgICAgICAgY29uc3Qgb3B0aW9uc0hlaWdodCA9IG9wdGlvbnNUb1Nob3cgKiAyLjI1ICsgMSArICdyZW0nO1xuXG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc0NvbnRhaW5lci5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICdoZWlnaHQnLFxuICAgICAgICAgICAgICAgIG9wdGlvbnNIZWlnaHRcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGZpbHRlck9wdGlvbnModmFsdWU6IHN0cmluZyk6IGFueVtdIHtcbiAgICAgICAgY29uc3QgZmlsdGVyVmFsdWUgPSB2YWx1ZS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICByZXR1cm4gdGhpcy5vcHRpb25zLmZpbHRlcihcbiAgICAgICAgICAgIChvcHQpID0+XG4gICAgICAgICAgICAgICAgb3B0LnZhbHVlICYmXG4gICAgICAgICAgICAgICAgb3B0LnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvLyBPdmVycmlkZVxuICAgIGdldERlZmF1bHRPcGVyYXRvcigpOiBJUGVwU21hcnRGaWx0ZXJPcGVyYXRvciB7XG4gICAgICAgIHJldHVybiBQZXBTbWFydEZpbHRlck9wZXJhdG9ycy5JbjtcbiAgICB9XG5cbiAgICAvLyBPdmVycmlkZVxuICAgIGdldEZpbHRlclZhbHVlKCk6IElQZXBTbWFydEZpbHRlckRhdGFWYWx1ZSB7XG4gICAgICAgIGlmICh0aGlzLmlubGluZSkge1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICBmaXJzdDogdGhpcy5maXJzdENvbnRyb2wudmFsdWVcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZFZhbHVlcyA9IHRoaXMub3B0aW9uc1xuICAgICAgICAgICAgICAgIC5maWx0ZXIoKG9wdCkgPT4gb3B0LnNlbGVjdGVkKVxuICAgICAgICAgICAgICAgIC5tYXAoKG9wdCkgPT4gb3B0LnZhbHVlKTtcbiAgICAgICAgICAgIGNvbnN0IGZpbHRlclZhbHVlID0ge1xuICAgICAgICAgICAgICAgIGZpcnN0OiBzZWxlY3RlZFZhbHVlcyxcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIHJldHVybiBzZWxlY3RlZFZhbHVlcy5sZW5ndGggPiAwID8gZmlsdGVyVmFsdWUgOiBudWxsO1xuICAgICAgICB9XG5cbiAgICB9XG5cbiAgICAvLyBPdmVycmlkZVxuICAgIGluaXRGaWx0ZXIoKSB7XG4gICAgICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcHQpID0+IChvcHQuc2VsZWN0ZWQgPSBmYWxzZSkpO1xuICAgICAgICB0aGlzLnNlYXJjaENvbnRyb2wuc2V0VmFsdWUoJycpO1xuICAgIH1cblxuICAgIG9uT3B0aW9uQ2hhbmdlKFxuICAgICAgICBvcHRpb246IFBlcE11bHRpU2VsZWN0RmlsdGVyT3B0aW9uLFxuICAgICAgICBldmVudDogTWF0Q2hlY2tib3hDaGFuZ2VcbiAgICApIHtcbiAgICAgICAgb3B0aW9uLnNlbGVjdGVkID0gZXZlbnQuY2hlY2tlZDtcbiAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUoXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMuZmlsdGVyKChvcHQpID0+IG9wdC5zZWxlY3RlZCkubWFwKChvcHQpID0+IG9wdC52YWx1ZSksXG4gICAgICAgICAgICB7IGVtaXRFdmVudDogZmFsc2UgfVxuICAgICAgICApO1xuICAgIH1cblxuICAgIG9uTXVsdGlTZWxlY3RDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZDogc3RyaW5nW10gPSB2YWx1ZS5zcGxpdCgnOycpO1xuICAgICAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUoc2VsZWN0ZWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5lbWl0T25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHRoaXMuYXBwbHlGaWx0ZXIoKTtcbiAgICAgICAgfVxuICAgIH1cblxufVxuIl19
+import { ViewChild, } from '@angular/core';
+import { Component } from '@angular/core';
+import { BaseFilterComponent } from '../common/model/base-filter-component';
+import { PepSmartFilterOperators, PepSmartFilterVariableOperators } from '../common/model/operator';
+import { distinctUntilChanged, map, startWith } from 'rxjs/operators';
+import { FormControl } from '@angular/forms';
+import { VirtualScrollerComponent } from 'ngx-virtual-scroller';
+class PepMultiSelectFilterOption {
+    constructor() {
+        this.selected = false;
+    }
+}
+export class PepMultiSelectFilterComponent extends BaseFilterComponent {
+    constructor() {
+        super(...arguments);
+        this.PepSmartFilterVariableOperators = PepSmartFilterVariableOperators;
+        this.options = [];
+        this.chooseTypeOptions = [];
+        this.searchControl = new FormControl();
+        //inline props
+        this.selected = '';
+        this.inlineOptions = [];
+        this.MAX_OPTIONS_TO_SHOW = 6.35;
+        this.numberOptionsToShowSearch = 10;
+    }
+    ngOnInit() {
+        super.ngOnInit;
+        if (this.inline) {
+            this.inlineControlInit();
+            this.setControlsWidth();
+        }
+        else {
+            this.noneInlineControlInit();
+        }
+    }
+    ngAfterViewInit() {
+        // Calc for the first time.
+        this.calcOptionsHeight(this.options.length);
+    }
+    inlineControlInit() {
+        var _a, _b, _c;
+        //load options from field        
+        this.inlineOptions = ((_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.field.options : [];
+        // init the selected values from first value.  
+        if (((_c = this.firstControl) === null || _c === void 0 ? void 0 : _c.value) && Array.isArray(this.firstControl.value)) {
+            this.selected = this.firstControl.value.join(';');
+        }
+    }
+    noneInlineControlInit() {
+        var _a;
+        if (((_a = this.field.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.options = this.field.options.map((opt) => {
+                return { value: opt.value, count: opt.count, selected: false };
+            });
+        }
+        else {
+            this.searchControl.disable();
+        }
+        // Init the selected values from first value.
+        const firstControl = this.firstControl;
+        if (firstControl.value) {
+            this.initOptionsSelectedValues(firstControl.value);
+        }
+        // Add subscription for the first value change to set the selected options.
+        firstControl.valueChanges
+            .pipe(this.getDestroyer(), distinctUntilChanged())
+            .subscribe((selectedValues) => {
+            this.initOptionsSelectedValues(selectedValues);
+        });
+        // Filter the options by the search control.
+        this.filteredOptions$ = this.searchControl.valueChanges.pipe(this.getDestroyer(), startWith(''), map((option) => typeof option === 'string' ? option : option && option.value), map((value) => (value ? this.filterOptions(value) : this.options)));
+        // Each time the filter change.
+        this.filteredOptions$.subscribe((filterdOptions) => {
+            this.calcOptionsHeight(filterdOptions.length);
+            setTimeout(() => {
+                // 8 is the padding top of the multi-select-options
+                this.virtualScroller.scrollToPosition(-8);
+            }, 125);
+        });
+    }
+    initOptionsSelectedValues(selectedValues) {
+        this.options.forEach((opt) => {
+            const isValueSelected = selectedValues && selectedValues.includes(opt.value);
+            opt.selected = isValueSelected;
+        });
+    }
+    calcOptionsHeight(optionsCount) {
+        if (this.optionsContainer) {
+            const optionsToShow = optionsCount > this.MAX_OPTIONS_TO_SHOW
+                ? this.MAX_OPTIONS_TO_SHOW
+                : optionsCount;
+            // optionsToShow * 2.25 is 1 option height + 1 is the padding top & bottom of the container.
+            const optionsHeight = optionsToShow * 2.25 + 1 + 'rem';
+            this.renderer.setStyle(this.optionsContainer.nativeElement, 'height', optionsHeight);
+        }
+    }
+    filterOptions(value) {
+        const filterValue = value.toLowerCase();
+        return this.options.filter((opt) => opt.value &&
+            opt.value.toLowerCase().includes(filterValue.toLowerCase()));
+    }
+    // Override
+    getDefaultOperator() {
+        return PepSmartFilterOperators.In;
+    }
+    // Override
+    getFilterValue() {
+        if (this.inline) {
+            return {
+                first: this.firstControl.value
+            };
+        }
+        else {
+            const selectedValues = this.options
+                .filter((opt) => opt.selected)
+                .map((opt) => opt.value);
+            const filterValue = {
+                first: selectedValues,
+            };
+            return selectedValues.length > 0 ? filterValue : null;
+        }
+    }
+    // Override
+    loadOperatorsOptions() {
+        this.chooseTypeOptions = this.operators.map((operator) => {
+            return {
+                key: operator.id,
+                value: this.translate.instant(`${this.OPERATORS_TRANSLATION_PREFIX}.${operator.name}`),
+            };
+        });
+    }
+    setControlsWidth() {
+        var _a;
+        if ((_a = this.variableFieldOptions) === null || _a === void 0 ? void 0 : _a.length) {
+            this.operatorWidth = '38%';
+            this.valueWidth = '62%';
+        }
+        else {
+            this.valueWidth = '100%';
+        }
+    }
+    onOperatorChanged(value) {
+        const operator = Object.values(this.operators).find((operator) => operator.id === value);
+        this.operator = operator;
+        if (this._parentForm) {
+            this.updateParentForm();
+        }
+        if (this.emitOnChange) {
+            this.applyFilter();
+        }
+    }
+    // Override
+    initFilter() {
+        this.options.forEach((opt) => (opt.selected = false));
+        this.searchControl.setValue('');
+    }
+    onOptionChange(option, event) {
+        option.selected = event.checked;
+        this.firstControl.setValue(this.options.filter((opt) => opt.selected).map((opt) => opt.value), { emitEvent: false });
+    }
+    onMultiSelectChanged(value) {
+        if (value) {
+            const selected = value.split(';');
+            this.firstControl.setValue(selected);
+        }
+        else {
+            this.firstControl.setValue(null);
+        }
+        if (this.emitOnChange) {
+            this.applyFilter();
+        }
+    }
+    onValueChanged(value) {
+        this.firstControl.setValue(value);
+        if (this.emitOnChange) {
+            this.applyFilter();
+        }
+    }
+}
+PepMultiSelectFilterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pep-multi-select-filter',
+                template: "<ng-container *ngIf=\"inline\">\n    <ng-container *ngIf=\"variableFieldOptions?.length\">\n        <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n            <pep-select [fxFlex]=\"operatorWidth\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n                [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n            </pep-select>\n            <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable || \n                operator === PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n                    [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    [options]=\"variableFieldOptions\" (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n            <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable && \n                operator !== PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\"\n                    [value]=\"selected\" [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n                    (valueChange)=\"onMultiSelectChanged($event)\">\n                </pep-select>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!variableFieldOptions || !variableFieldOptions.length\">\n        <pep-select [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\n            [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n            (valueChange)=\"onMultiSelectChanged($event)\">\n        </pep-select>\n    </ng-container>\n</ng-container>\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\n        [triggerOn]=\"'keydown'\" shrink=\"never\"></pep-search>\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\n                    <div class=\"title\">\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\n                    </div>\n                </mat-checkbox>\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\n                        translate }}\n                    </span>\n                </ng-container>\n            </virtual-scroller>\n        </div>\n    </div>\n</div>",
+                styles: [".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]
+            },] }
+];
+PepMultiSelectFilterComponent.propDecorators = {
+    optionsContainer: [{ type: ViewChild, args: ['optionsContainer',] }],
+    virtualScroller: [{ type: ViewChild, args: [VirtualScrollerComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NtYXJ0LWZpbHRlcnMvbXVsdGktc2VsZWN0LWZpbHRlci9tdWx0aS1zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBTUgsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUVILHVCQUF1QixFQUN2QiwrQkFBK0IsRUFDbEMsTUFBTSwwQkFBMEIsQ0FBQztBQUtsQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVoRSxNQUFNLDBCQUEwQjtJQUFoQztRQUdJLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztDQUFBO0FBT0QsTUFBTSxPQUFPLDZCQUNULFNBQVEsbUJBQW1CO0lBTi9COztRQVFJLG9DQUErQixHQUFHLCtCQUErQixDQUFDO1FBRWxFLFlBQU8sR0FBaUMsRUFBRSxDQUFDO1FBRTNDLHNCQUFpQixHQUFzQixFQUFFLENBQUM7UUFDMUMsa0JBQWEsR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLGNBQWM7UUFDZCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2Qsa0JBQWEsR0FBaUIsRUFBRSxDQUFDO1FBT2hCLHdCQUFtQixHQUFHLElBQUksQ0FBQztRQUk1Qyw4QkFBeUIsR0FBRyxFQUFFLENBQUM7SUE4TW5DLENB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LENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUNsRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FDdkIsQ0FBQztJQUNOLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksS0FBSyxFQUFFO1lBQ1AsTUFBTSxRQUFRLEdBQWEsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDcEM7UUFFRCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWxDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDdEI7SUFDTCxDQUFDOzs7WUF2T0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLHFrSEFBbUQ7O2FBRXREOzs7K0JBZ0JJLFNBQVMsU0FBQyxrQkFBa0I7OEJBSTVCLFNBQVMsU0FBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUZpbHRlckNvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9tb2RlbC9iYXNlLWZpbHRlci1jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgICBJUGVwU21hcnRGaWx0ZXJPcGVyYXRvcixcbiAgICBQZXBTbWFydEZpbHRlck9wZXJhdG9ycyxcbiAgICBQZXBTbWFydEZpbHRlclZhcmlhYmxlT3BlcmF0b3JzXG59IGZyb20gJy4uL2NvbW1vbi9tb2RlbC9vcGVyYXRvcic7XG5pbXBvcnQgeyBJUGVwT3B0aW9uIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgSVBlcFNtYXJ0RmlsdGVyRGF0YVZhbHVlIH0gZnJvbSAnLi4vY29tbW9uL21vZGVsL2ZpbHRlcic7XG5pbXBvcnQgeyBJUGVwU21hcnRGaWx0ZXJGaWVsZE9wdGlvbiB9IGZyb20gJy4uL2NvbW1vbi9tb2RlbC9maWVsZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzdGFydFdpdGggfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdENoZWNrYm94Q2hhbmdlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xuaW1wb3J0IHsgVmlydHVhbFNjcm9sbGVyQ29tcG9uZW50IH0gZnJvbSAnbmd4LXZpcnR1YWwtc2Nyb2xsZXInO1xuXG5jbGFzcyBQZXBNdWx0aVNlbGVjdEZpbHRlck9wdGlvbiBpbXBsZW1lbnRzIElQZXBTbWFydEZpbHRlckZpZWxkT3B0aW9uIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIGNvdW50PzogbnVtYmVyO1xuICAgIHNlbGVjdGVkID0gZmFsc2U7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLW11bHRpLXNlbGVjdC1maWx0ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tdWx0aS1zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tdWx0aS1zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBlcE11bHRpU2VsZWN0RmlsdGVyQ29tcG9uZW50XG4gICAgZXh0ZW5kcyBCYXNlRmlsdGVyQ29tcG9uZW50XG4gICAgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICAgIFBlcFNtYXJ0RmlsdGVyVmFyaWFibGVPcGVyYXRvcnMgPSBQZXBTbWFydEZpbHRlclZhcmlhYmxlT3BlcmF0b3JzO1xuXG4gICAgb3B0aW9uczogUGVwTXVsdGlTZWxlY3RGaWx0ZXJPcHRpb25bXSA9IFtdO1xuICAgIGZpbHRlcmVkT3B0aW9ucyQ6IE9ic2VydmFibGU8YW55PjtcbiAgICBjaG9vc2VUeXBlT3B0aW9uczogQXJyYXk8SVBlcE9wdGlvbj4gPSBbXTtcbiAgICBzZWFyY2hDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gICAgLy9pbmxpbmUgcHJvcHNcbiAgICBzZWxlY3RlZCA9ICcnO1xuICAgIGlubGluZU9wdGlvbnM6IElQZXBPcHRpb25bXSA9IFtdO1xuICAgIG9wZXJhdG9yV2lkdGg6IHN0cmluZztcbiAgICB2YWx1ZVdpZHRoOiBzdHJpbmc7XG5cbiAgICBAVmlld0NoaWxkKCdvcHRpb25zQ29udGFpbmVyJylcbiAgICBvcHRpb25zQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBNQVhfT1BUSU9OU19UT19TSE9XID0gNi4zNTtcbiAgICBAVmlld0NoaWxkKFZpcnR1YWxTY3JvbGxlckNvbXBvbmVudClcbiAgICBwcml2YXRlIHZpcnR1YWxTY3JvbGxlcjogVmlydHVhbFNjcm9sbGVyQ29tcG9uZW50O1xuXG4gICAgbnVtYmVyT3B0aW9uc1RvU2hvd1NlYXJjaCA9IDEwO1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0O1xuXG4gICAgICAgIGlmICh0aGlzLmlubGluZSkge1xuICAgICAgICAgICAgdGhpcy5pbmxpbmVDb250cm9sSW5pdCgpO1xuICAgICAgICAgICAgdGhpcy5zZXRDb250cm9sc1dpZHRoKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm5vbmVJbmxpbmVDb250cm9sSW5pdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIENhbGMgZm9yIHRoZSBmaXJzdCB0aW1lLlxuICAgICAgICB0aGlzLmNhbGNPcHRpb25zSGVpZ2h0KHRoaXMub3B0aW9ucy5sZW5ndGgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5saW5lQ29udHJvbEluaXQoKSB7XG4gICAgICAgIC8vbG9hZCBvcHRpb25zIGZyb20gZmllbGQgICAgICAgIFxuICAgICAgICB0aGlzLmlubGluZU9wdGlvbnMgPSB0aGlzLmZpZWxkPy5vcHRpb25zPy5sZW5ndGggPiAwID8gdGhpcy5maWVsZC5vcHRpb25zIGFzIElQZXBPcHRpb25bXSA6IFtdO1xuXG4gICAgICAgIC8vIGluaXQgdGhlIHNlbGVjdGVkIHZhbHVlcyBmcm9tIGZpcnN0IHZhbHVlLiAgXG4gICAgICAgIGlmICh0aGlzLmZpcnN0Q29udHJvbD8udmFsdWUgJiYgQXJyYXkuaXNBcnJheSh0aGlzLmZpcnN0Q29udHJvbC52YWx1ZSkpIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLmZpcnN0Q29udHJvbC52YWx1ZS5qb2luKCc7Jyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIG5vbmVJbmxpbmVDb250cm9sSW5pdCgpIHtcbiAgICAgICAgaWYgKHRoaXMuZmllbGQub3B0aW9ucz8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgdGhpcy5vcHRpb25zID0gdGhpcy5maWVsZC5vcHRpb25zLm1hcCgob3B0KSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHsgdmFsdWU6IG9wdC52YWx1ZSwgY291bnQ6IG9wdC5jb3VudCwgc2VsZWN0ZWQ6IGZhbHNlIH07XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuc2VhcmNoQ29udHJvbC5kaXNhYmxlKCk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBJbml0IHRoZSBzZWxlY3RlZCB2YWx1ZXMgZnJvbSBmaXJzdCB2YWx1ZS5cbiAgICAgICAgY29uc3QgZmlyc3RDb250cm9sID0gdGhpcy5maXJzdENvbnRyb2w7XG4gICAgICAgIGlmIChmaXJzdENvbnRyb2wudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuaW5pdE9wdGlvbnNTZWxlY3RlZFZhbHVlcyhmaXJzdENvbnRyb2wudmFsdWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWRkIHN1YnNjcmlwdGlvbiBmb3IgdGhlIGZpcnN0IHZhbHVlIGNoYW5nZSB0byBzZXQgdGhlIHNlbGVjdGVkIG9wdGlvbnMuXG4gICAgICAgIGZpcnN0Q29udHJvbC52YWx1ZUNoYW5nZXNcbiAgICAgICAgICAgIC5waXBlKHRoaXMuZ2V0RGVzdHJveWVyKCksIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKChzZWxlY3RlZFZhbHVlczogc3RyaW5nW10pID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmluaXRPcHRpb25zU2VsZWN0ZWRWYWx1ZXMoc2VsZWN0ZWRWYWx1ZXMpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgLy8gRmlsdGVyIHRoZSBvcHRpb25zIGJ5IHRoZSBzZWFyY2ggY29udHJvbC5cbiAgICAgICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMkID0gdGhpcy5zZWFyY2hDb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgICAgICAgdGhpcy5nZXREZXN0cm95ZXIoKSxcbiAgICAgICAgICAgIHN0YXJ0V2l0aDxhbnk+KCcnKSxcbiAgICAgICAgICAgIG1hcCgob3B0aW9uKSA9PlxuICAgICAgICAgICAgICAgIHR5cGVvZiBvcHRpb24gPT09ICdzdHJpbmcnID8gb3B0aW9uIDogb3B0aW9uICYmIG9wdGlvbi52YWx1ZVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIG1hcCgodmFsdWUpID0+ICh2YWx1ZSA/IHRoaXMuZmlsdGVyT3B0aW9ucyh2YWx1ZSkgOiB0aGlzLm9wdGlvbnMpKVxuICAgICAgICApO1xuXG4gICAgICAgIC8vIEVhY2ggdGltZSB0aGUgZmlsdGVyIGNoYW5nZS5cbiAgICAgICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMkLnN1YnNjcmliZShcbiAgICAgICAgICAgIChmaWx0ZXJkT3B0aW9uczogUGVwTXVsdGlTZWxlY3RGaWx0ZXJPcHRpb25bXSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuY2FsY09wdGlvbnNIZWlnaHQoZmlsdGVyZE9wdGlvbnMubGVuZ3RoKTtcbiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gOCBpcyB0aGUgcGFkZGluZyB0b3Agb2YgdGhlIG11bHRpLXNlbGVjdC1vcHRpb25zXG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmlydHVhbFNjcm9sbGVyLnNjcm9sbFRvUG9zaXRpb24oLTgpO1xuICAgICAgICAgICAgICAgIH0sIDEyNSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICk7XG5cbiAgICB9XG5cbiAgICBpbml0T3B0aW9uc1NlbGVjdGVkVmFsdWVzKHNlbGVjdGVkVmFsdWVzOiBzdHJpbmdbXSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaCgob3B0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpc1ZhbHVlU2VsZWN0ZWQgPVxuICAgICAgICAgICAgICAgIHNlbGVjdGVkVmFsdWVzICYmIHNlbGVjdGVkVmFsdWVzLmluY2x1ZGVzKG9wdC52YWx1ZSk7XG4gICAgICAgICAgICBvcHQuc2VsZWN0ZWQgPSBpc1ZhbHVlU2VsZWN0ZWQ7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2FsY09wdGlvbnNIZWlnaHQob3B0aW9uc0NvdW50OiBudW1iZXIpIHtcbiAgICAgICAgaWYgKHRoaXMub3B0aW9uc0NvbnRhaW5lcikge1xuICAgICAgICAgICAgY29uc3Qgb3B0aW9uc1RvU2hvdyA9XG4gICAgICAgICAgICAgICAgb3B0aW9uc0NvdW50ID4gdGhpcy5NQVhfT1BUSU9OU19UT19TSE9XXG4gICAgICAgICAgICAgICAgICAgID8gdGhpcy5NQVhfT1BUSU9OU19UT19TSE9XXG4gICAgICAgICAgICAgICAgICAgIDogb3B0aW9uc0NvdW50O1xuICAgICAgICAgICAgLy8gb3B0aW9uc1RvU2hvdyAqIDIuMjUgaXMgMSBvcHRpb24gaGVpZ2h0ICsgMSBpcyB0aGUgcGFkZGluZyB0b3AgJiBib3R0b20gb2YgdGhlIGNvbnRhaW5lci5cbiAgICAgICAgICAgIGNvbnN0IG9wdGlvbnNIZWlnaHQgPSBvcHRpb25zVG9TaG93ICogMi4yNSArIDEgKyAncmVtJztcblxuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNDb250YWluZXIubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGVpZ2h0JyxcbiAgICAgICAgICAgICAgICBvcHRpb25zSGVpZ2h0XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBmaWx0ZXJPcHRpb25zKHZhbHVlOiBzdHJpbmcpOiBhbnlbXSB7XG4gICAgICAgIGNvbnN0IGZpbHRlclZhbHVlID0gdmFsdWUudG9Mb3dlckNhc2UoKTtcbiAgICAgICAgcmV0dXJuIHRoaXMub3B0aW9ucy5maWx0ZXIoXG4gICAgICAgICAgICAob3B0KSA9PlxuICAgICAgICAgICAgICAgIG9wdC52YWx1ZSAmJlxuICAgICAgICAgICAgICAgIG9wdC52YWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlclZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLy8gT3ZlcnJpZGVcbiAgICBnZXREZWZhdWx0T3BlcmF0b3IoKTogSVBlcFNtYXJ0RmlsdGVyT3BlcmF0b3Ige1xuICAgICAgICByZXR1cm4gUGVwU21hcnRGaWx0ZXJPcGVyYXRvcnMuSW47XG4gICAgfVxuXG4gICAgLy8gT3ZlcnJpZGVcbiAgICBnZXRGaWx0ZXJWYWx1ZSgpOiBJUGVwU21hcnRGaWx0ZXJEYXRhVmFsdWUge1xuICAgICAgICBpZiAodGhpcy5pbmxpbmUpIHtcbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgZmlyc3Q6IHRoaXMuZmlyc3RDb250cm9sLnZhbHVlXG4gICAgICAgICAgICB9O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgY29uc3Qgc2VsZWN0ZWRWYWx1ZXMgPSB0aGlzLm9wdGlvbnNcbiAgICAgICAgICAgICAgICAuZmlsdGVyKChvcHQpID0+IG9wdC5zZWxlY3RlZClcbiAgICAgICAgICAgICAgICAubWFwKChvcHQpID0+IG9wdC52YWx1ZSk7XG4gICAgICAgICAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHtcbiAgICAgICAgICAgICAgICBmaXJzdDogc2VsZWN0ZWRWYWx1ZXMsXG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICByZXR1cm4gc2VsZWN0ZWRWYWx1ZXMubGVuZ3RoID4gMCA/IGZpbHRlclZhbHVlIDogbnVsbDtcbiAgICAgICAgfVxuXG4gICAgfVxuXG4gICAgLy8gT3ZlcnJpZGVcbiAgICBsb2FkT3BlcmF0b3JzT3B0aW9ucygpIHtcbiAgICAgICAgdGhpcy5jaG9vc2VUeXBlT3B0aW9ucyA9IHRoaXMub3BlcmF0b3JzLm1hcCgob3BlcmF0b3IpID0+IHtcbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAga2V5OiBvcGVyYXRvci5pZCxcbiAgICAgICAgICAgICAgICB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudChcbiAgICAgICAgICAgICAgICAgICAgYCR7dGhpcy5PUEVSQVRPUlNfVFJBTlNMQVRJT05fUFJFRklYfS4ke29wZXJhdG9yLm5hbWV9YFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBzZXRDb250cm9sc1dpZHRoKCkge1xuICAgICAgICBpZiAodGhpcy52YXJpYWJsZUZpZWxkT3B0aW9ucz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLm9wZXJhdG9yV2lkdGggPSAnMzglJztcbiAgICAgICAgICAgIHRoaXMudmFsdWVXaWR0aCA9ICc2MiUnO1xuXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnZhbHVlV2lkdGggPSAnMTAwJSc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbk9wZXJhdG9yQ2hhbmdlZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IG9wZXJhdG9yID0gT2JqZWN0LnZhbHVlcyh0aGlzLm9wZXJhdG9ycykuZmluZChcbiAgICAgICAgICAgIChvcGVyYXRvcikgPT4gb3BlcmF0b3IuaWQgPT09IHZhbHVlXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMub3BlcmF0b3IgPSBvcGVyYXRvcjtcbiAgICAgICAgaWYgKHRoaXMuX3BhcmVudEZvcm0pIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlUGFyZW50Rm9ybSgpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmVtaXRPbkNoYW5nZSkge1xuICAgICAgICAgICAgdGhpcy5hcHBseUZpbHRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG5cbiAgICAvLyBPdmVycmlkZVxuICAgIGluaXRGaWx0ZXIoKSB7XG4gICAgICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcHQpID0+IChvcHQuc2VsZWN0ZWQgPSBmYWxzZSkpO1xuICAgICAgICB0aGlzLnNlYXJjaENvbnRyb2wuc2V0VmFsdWUoJycpO1xuICAgIH1cblxuICAgIG9uT3B0aW9uQ2hhbmdlKFxuICAgICAgICBvcHRpb246IFBlcE11bHRpU2VsZWN0RmlsdGVyT3B0aW9uLFxuICAgICAgICBldmVudDogTWF0Q2hlY2tib3hDaGFuZ2VcbiAgICApIHtcbiAgICAgICAgb3B0aW9uLnNlbGVjdGVkID0gZXZlbnQuY2hlY2tlZDtcbiAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUoXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMuZmlsdGVyKChvcHQpID0+IG9wdC5zZWxlY3RlZCkubWFwKChvcHQpID0+IG9wdC52YWx1ZSksXG4gICAgICAgICAgICB7IGVtaXRFdmVudDogZmFsc2UgfVxuICAgICAgICApO1xuICAgIH1cblxuICAgIG9uTXVsdGlTZWxlY3RDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZDogc3RyaW5nW10gPSB2YWx1ZS5zcGxpdCgnOycpO1xuICAgICAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUoc2VsZWN0ZWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5maXJzdENvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5lbWl0T25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHRoaXMuYXBwbHlGaWx0ZXIoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uVmFsdWVDaGFuZ2VkKHZhbHVlKSB7XG4gICAgICAgIHRoaXMuZmlyc3RDb250cm9sLnNldFZhbHVlKHZhbHVlKTtcblxuICAgICAgICBpZiAodGhpcy5lbWl0T25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHRoaXMuYXBwbHlGaWx0ZXIoKTtcbiAgICAgICAgfVxuICAgIH1cblxufVxuIl19