monkey-style-guide 2.0.158 → 2.0.160

package/esm2020/lib/components/select/select-filter.component.mjs

@@ -1,197 +1,197 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- **************************/
-import { Component, ViewEncapsulation, Input, forwardRef, HostListener, ContentChildren, Output, EventEmitter, ViewChild, } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MonkeyOptionComponent } from '../option';
-import { MonkeyUtils } from '../../core/utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../icon/icon.component";
-import * as i2 from "@angular/common";
-export class MonkeySelectFilterComponent {
-    constructor(cdRef) {
-        this.cdRef = cdRef;
-        this.onChange = new EventEmitter();
-        this.onModelChange = (value) => { };
-        this.onModelTouched = (value) => { };
-        this._opened = false;
-        this._id = `mecx-select-filter-${MonkeyUtils.getRandomString(10)}`;
-        this._disabled = false;
-    }
-    onHandleSelected() {
-        const { _opened, _selected } = this;
-        this.options.forEach((op) => {
-            op.selected = _selected;
-        });
-        if (_opened) {
-            let scrollValue = 0;
-            if (_selected) {
-                const { _id } = this._selected;
-                scrollValue = document.getElementById(_id).offsetTop;
-            }
-            this.selectOptions.nativeElement.scrollTo(0, scrollValue);
-            this.selectOptions.nativeElement.focus();
-            this.cdRef.detectChanges();
-        }
-    }
-    validateOptions() {
-        if (!this.options)
-            return;
-        this.options.forEach((op) => {
-            op.onSelectOption = this.onSelectOption.bind(this);
-            op.type = 'select';
-            op.selected = null;
-            if (`${op.value}`.toLowerCase() === `${this.handledValue}`.toLowerCase()) {
-                this._selected = op;
-                op.selected = op;
-            }
-        });
-    }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-    }
-    set value(value) {
-        if (value !== undefined && this.handledValue !== value) {
-            this.handledValue = value;
-            this.onModelChange(value);
-            this.onModelTouched(value);
-        }
-        this.validateOptions();
-    }
-    get value() {
-        return this.handledValue;
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    onChangeValue(event, value) {
-        event?.preventDefault();
-        event?.stopPropagation();
-        this.writeValue(value);
-        this.onChange.next(value);
-    }
-    clickout() {
-        this._opened = false;
-    }
-    open() {
-        if (!this._opened) {
-            setTimeout(() => {
-                this._opened = true;
-                this.onHandleSelected();
-            }, 50);
-        }
-    }
-    ngOnInit() {
-        setTimeout(() => {
-            this.validateOptions();
-        }, 0);
-    }
-    onSelectOption(select) {
-        this._selected = select;
-        const { value } = select;
-        this._opened = false;
-        this.onChangeValue(null, value);
-        this.onHandleSelected();
-    }
-}
-MonkeySelectFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeySelectFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeySelectFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeySelectFilterComponent, selector: "monkey-select-filter", inputs: { placeholder: "placeholder", icon: "icon", type: "type", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "document:click": "clickout()" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => MonkeySelectFilterComponent),
-            multi: true,
-        },
-    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent }], viewQueries: [{ propertyName: "selectOptions", first: true, predicate: ["selectOptions"], descendants: true, static: true }], ngImport: i0, template: `
-    <mecx-select-filter
-      class="trigger"
-      [ngClass]="{
-        open: _opened,
-        none: type === 'none',
-        border: type === 'border'
-      }"
-      (click)="open()"
-    >
-      <mecx-select__trigger>
-        <span>
-          {{ _selected?.label || placeholder }}
-        </span>
-        <monkey-icon
-          [icon]="!_opened ? 'arrow-down-16' : 'arrow-up-16'"
-          [color]="'#4B4A53'"
-        ></monkey-icon>
-      </mecx-select__trigger>
-    </mecx-select-filter>
-    <mecx-select-inside [ngClass]="{ open: _opened }">
-      <mecx-select-options #selectOptions>
-        <ng-content> </ng-content>
-      </mecx-select-options>
-    </mecx-select-inside>
-  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeySelectFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monkey-select-filter',
-                    template: `
-    <mecx-select-filter
-      class="trigger"
-      [ngClass]="{
-        open: _opened,
-        none: type === 'none',
-        border: type === 'border'
-      }"
-      (click)="open()"
-    >
-      <mecx-select__trigger>
-        <span>
-          {{ _selected?.label || placeholder }}
-        </span>
-        <monkey-icon
-          [icon]="!_opened ? 'arrow-down-16' : 'arrow-up-16'"
-          [color]="'#4B4A53'"
-        ></monkey-icon>
-      </mecx-select__trigger>
-    </mecx-select-filter>
-    <mecx-select-inside [ngClass]="{ open: _opened }">
-      <mecx-select-options #selectOptions>
-        <ng-content> </ng-content>
-      </mecx-select-options>
-    </mecx-select-inside>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => MonkeySelectFilterComponent),
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { placeholder: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }], selectOptions: [{
-                type: ViewChild,
-                args: ['selectOptions', { static: true }]
-            }], options: [{
-                type: ContentChildren,
-                args: [MonkeyOptionComponent]
-            }], value: [{
-                type: Input
-            }], clickout: [{
-                type: HostListener,
-                args: ['document:click']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs0QkFJNEI7QUFDNUIsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsS0FBSyxFQUNMLFVBQVUsRUFDVixZQUFZLEVBRVosZUFBZSxFQUNmLE1BQU0sRUFDTixZQUFZLEVBQ1osU0FBUyxHQUlWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBdUMvQyxNQUFNLE9BQU8sMkJBQTJCO0lBb0J0QyxZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQWhCbEMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFNckMsa0JBQWEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ25DLG1CQUFjLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUtyQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFFBQUcsR0FBVyxzQkFBc0IsV0FBVyxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3RFLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFFYSxDQUFDO0lBRXhDLGdCQUFnQjtRQUN0QixNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLElBQUksQ0FBQztRQUNwQyxJQUFJLENBQUMsT0FBTyxDQUFD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OzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRjt3R0FFVSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFHUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFPcEMsT0FBTztzQkFEZCxlQUFlO3VCQUFDLHFCQUFxQjtnQkFxRGxDLEtBQUs7c0JBRFIsS0FBSztnQkEwQk4sUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxyXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXHJcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxyXG4gKiBNSVQgTGljZW5jZVxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIElucHV0LFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBWaWV3Q2hpbGQsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTW9ua2V5T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vb3B0aW9uJztcclxuaW1wb3J0IHsgTW9ua2V5VXRpbHMgfSBmcm9tICcuLi8uLi9jb3JlL3V0aWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbW9ua2V5LXNlbGVjdC1maWx0ZXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bWVjeC1zZWxlY3QtZmlsdGVyXHJcbiAgICAgIGNsYXNzPVwidHJpZ2dlclwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICBvcGVuOiBfb3BlbmVkLFxyXG4gICAgICAgIG5vbmU6IHR5cGUgPT09ICdub25lJyxcclxuICAgICAgICBib3JkZXI6IHR5cGUgPT09ICdib3JkZXInXHJcbiAgICAgIH1cIlxyXG4gICAgICAoY2xpY2spPVwib3BlbigpXCJcclxuICAgID5cclxuICAgICAgPG1lY3gtc2VsZWN0X190cmlnZ2VyPlxyXG4gICAgICAgIDxzcGFuPlxyXG4gICAgICAgICAge3sgX3NlbGVjdGVkPy5sYWJlbCB8fCBwbGFjZWhvbGRlciB9fVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8bW9ua2V5LWljb25cclxuICAgICAgICAgIFtpY29uXT1cIiFfb3BlbmVkID8gJ2Fycm93LWRvd24tMTYnIDogJ2Fycm93LXVwLTE2J1wiXHJcbiAgICAgICAgICBbY29sb3JdPVwiJyM0QjRBNTMnXCJcclxuICAgICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAgPC9tZWN4LXNlbGVjdF9fdHJpZ2dlcj5cclxuICAgIDwvbWVjeC1zZWxlY3QtZmlsdGVyPlxyXG4gICAgPG1lY3gtc2VsZWN0LWluc2lkZSBbbmdDbGFzc109XCJ7IG9wZW46IF9vcGVuZWQgfVwiPlxyXG4gICAgICA8bWVjeC1zZWxlY3Qtb3B0aW9ucyAjc2VsZWN0T3B0aW9ucz5cclxuICAgICAgICA8bmctY29udGVudD4gPC9uZy1jb250ZW50PlxyXG4gICAgICA8L21lY3gtc2VsZWN0LW9wdGlvbnM+XHJcbiAgICA8L21lY3gtc2VsZWN0LWluc2lkZT5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBNb25rZXlTZWxlY3RGaWx0ZXJDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1vbmtleVNlbGVjdEZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcclxuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnc2VsZWN0T3B0aW9ucycsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgc2VsZWN0T3B0aW9uczogRWxlbWVudFJlZjtcclxuXHJcbiAgcHJpdmF0ZSBoYW5kbGVkVmFsdWU6IGFueTtcclxuICBwcml2YXRlIG9uTW9kZWxDaGFuZ2UgPSAodmFsdWU6IGFueSkgPT4ge307XHJcbiAgcHJpdmF0ZSBvbk1vZGVsVG91Y2hlZCA9ICh2YWx1ZTogYW55KSA9PiB7fTtcclxuICBAQ29udGVudENoaWxkcmVuKE1vbmtleU9wdGlvbkNvbXBvbmVudClcclxuICBwcml2YXRlIG9wdGlvbnMhOiBRdWVyeUxpc3Q8TW9ua2V5T3B0aW9uQ29tcG9uZW50PjtcclxuXHJcbiAgcHVibGljIF9zZWxlY3RlZDogTW9ua2V5T3B0aW9uQ29tcG9uZW50O1xyXG4gIHB1YmxpYyBfb3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHVibGljIF9pZDogc3RyaW5nID0gYG1lY3gtc2VsZWN0LWZpbHRlci0ke01vbmtleVV0aWxzLmdldFJhbmRvbVN0cmluZygxMCl9YDtcclxuICBwdWJsaWMgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBwcml2YXRlIG9uSGFuZGxlU2VsZWN0ZWQoKSB7XHJcbiAgICBjb25zdCB7IF9vcGVuZWQsIF9zZWxlY3RlZCB9ID0gdGhpcztcclxuICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcCkgPT4ge1xyXG4gICAgICBvcC5zZWxlY3RlZCA9IF9zZWxlY3RlZDtcclxuICAgIH0pO1xyXG4gICAgaWYgKF9vcGVuZWQpIHtcclxuICAgICAgbGV0IHNjcm9sbFZhbHVlID0gMDtcclxuICAgICAgaWYgKF9zZWxlY3RlZCkge1xyXG4gICAgICAgIGNvbnN0IHsgX2lkIH0gPSB0aGlzLl9zZWxlY3RlZDtcclxuICAgICAgICBzY3JvbGxWYWx1ZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKF9pZCkub2Zmc2V0VG9wO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuc2VsZWN0T3B0aW9ucy5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKDAsIHNjcm9sbFZhbHVlKTtcclxuICAgICAgdGhpcy5zZWxlY3RPcHRpb25zLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHZhbGlkYXRlT3B0aW9ucygpIHtcclxuICAgIGlmICghdGhpcy5vcHRpb25zKSByZXR1cm47XHJcbiAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaCgob3ApID0+IHtcclxuICAgICAgb3Aub25TZWxlY3RPcHRpb24gPSB0aGlzLm9uU2VsZWN0T3B0aW9uLmJpbmQodGhpcyk7XHJcbiAgICAgIG9wLnR5cGUgPSAnc2VsZWN0JztcclxuICAgICAgb3Auc2VsZWN0ZWQgPSBudWxsO1xyXG4gICAgICBpZiAoYCR7b3AudmFsdWV9YC50b0xvd2VyQ2FzZSgpID09PSBgJHt0aGlzLmhhbmRsZWRWYWx1ZX1gLnRvTG93ZXJDYXNlKCkpIHtcclxuICAgICAgICB0aGlzLl9zZWxlY3RlZCA9IG9wO1xyXG4gICAgICAgIG9wLnNlbGVjdGVkID0gb3A7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uTW9kZWxDaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Nb2RlbFRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IHZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkICYmIHRoaXMuaGFuZGxlZFZhbHVlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLmhhbmRsZWRWYWx1ZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLm9uTW9kZWxDaGFuZ2UodmFsdWUpO1xyXG4gICAgICB0aGlzLm9uTW9kZWxUb3VjaGVkKHZhbHVlKTtcclxuICAgIH1cclxuICAgIHRoaXMudmFsaWRhdGVPcHRpb25zKCk7XHJcbiAgfVxyXG5cclxuICBnZXQgdmFsdWUoKTogYW55IHtcclxuICAgIHJldHVybiB0aGlzLmhhbmRsZWRWYWx1ZTtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2VWYWx1ZShldmVudDogYW55LCB2YWx1ZTogYW55KSB7XHJcbiAgICBldmVudD8ucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50Py5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMud3JpdGVWYWx1ZSh2YWx1ZSk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLm5leHQodmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snKVxyXG4gIGNsaWNrb3V0KCkge1xyXG4gICAgdGhpcy5fb3BlbmVkID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBvcGVuKCkge1xyXG4gICAgaWYgKCF0aGlzLl9vcGVuZWQpIHtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5fb3BlbmVkID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLm9uSGFuZGxlU2VsZWN0ZWQoKTtcclxuICAgICAgfSwgNTApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy52YWxpZGF0ZU9wdGlvbnMoKTtcclxuICAgIH0sIDApO1xyXG4gIH1cclxuXHJcbiAgb25TZWxlY3RPcHRpb24oc2VsZWN0OiBNb25rZXlPcHRpb25Db21wb25lbnQpIHtcclxuICAgIHRoaXMuX3NlbGVjdGVkID0gc2VsZWN0O1xyXG4gICAgY29uc3QgeyB2YWx1ZSB9ID0gc2VsZWN0O1xyXG4gICAgdGhpcy5fb3BlbmVkID0gZmFsc2U7XHJcbiAgICB0aGlzLm9uQ2hhbmdlVmFsdWUobnVsbCwgdmFsdWUpO1xyXG4gICAgdGhpcy5vbkhhbmRsZVNlbGVjdGVkKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ **************************/
+import { Component, ViewEncapsulation, Input, forwardRef, HostListener, ContentChildren, Output, EventEmitter, ViewChild, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { MonkeyOptionComponent } from '../option';
+import { MonkeyUtils } from '../../core/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../icon/icon.component";
+import * as i2 from "@angular/common";
+export class MonkeySelectFilterComponent {
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        this.onChange = new EventEmitter();
+        this.onModelChange = (value) => { };
+        this.onModelTouched = (value) => { };
+        this._opened = false;
+        this._id = `mecx-select-filter-${MonkeyUtils.getRandomString(10)}`;
+        this._disabled = false;
+    }
+    onHandleSelected() {
+        const { _opened, _selected } = this;
+        this.options.forEach((op) => {
+            op.selected = _selected;
+        });
+        if (_opened) {
+            let scrollValue = 0;
+            if (_selected) {
+                const { _id } = this._selected;
+                scrollValue = document.getElementById(_id).offsetTop;
+            }
+            this.selectOptions.nativeElement.scrollTo(0, scrollValue);
+            this.selectOptions.nativeElement.focus();
+            this.cdRef.detectChanges();
+        }
+    }
+    validateOptions() {
+        if (!this.options)
+            return;
+        this.options.forEach((op) => {
+            op.onSelectOption = this.onSelectOption.bind(this);
+            op.type = 'select';
+            op.selected = null;
+            if (`${op.value}`.toLowerCase() === `${this.handledValue}`.toLowerCase()) {
+                this._selected = op;
+                op.selected = op;
+            }
+        });
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onModelTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+    }
+    set value(value) {
+        if (value !== undefined && this.handledValue !== value) {
+            this.handledValue = value;
+            this.onModelChange(value);
+            this.onModelTouched(value);
+        }
+        this.validateOptions();
+    }
+    get value() {
+        return this.handledValue;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    onChangeValue(event, value) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.writeValue(value);
+        this.onChange.next(value);
+    }
+    clickout() {
+        this._opened = false;
+    }
+    open() {
+        if (!this._opened) {
+            setTimeout(() => {
+                this._opened = true;
+                this.onHandleSelected();
+            }, 50);
+        }
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.validateOptions();
+        }, 0);
+    }
+    onSelectOption(select) {
+        this._selected = select;
+        const { value } = select;
+        this._opened = false;
+        this.onChangeValue(null, value);
+        this.onHandleSelected();
+    }
+}
+MonkeySelectFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeySelectFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MonkeySelectFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeySelectFilterComponent, selector: "monkey-select-filter", inputs: { placeholder: "placeholder", icon: "icon", type: "type", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "document:click": "clickout()" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => MonkeySelectFilterComponent),
+            multi: true,
+        },
+    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent }], viewQueries: [{ propertyName: "selectOptions", first: true, predicate: ["selectOptions"], descendants: true, static: true }], ngImport: i0, template: `
+    <mecx-select-filter
+      class="trigger"
+      [ngClass]="{
+        open: _opened,
+        none: type === 'none',
+        border: type === 'border'
+      }"
+      (click)="open()"
+    >
+      <mecx-select__trigger>
+        <span>
+          {{ _selected?.label || placeholder }}
+        </span>
+        <monkey-icon
+          [icon]="!_opened ? 'arrow-down-16' : 'arrow-up-16'"
+          [color]="'#4B4A53'"
+        ></monkey-icon>
+      </mecx-select__trigger>
+    </mecx-select-filter>
+    <mecx-select-inside [ngClass]="{ open: _opened }">
+      <mecx-select-options #selectOptions>
+        <ng-content> </ng-content>
+      </mecx-select-options>
+    </mecx-select-inside>
+  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeySelectFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-select-filter',
+                    template: `
+    <mecx-select-filter
+      class="trigger"
+      [ngClass]="{
+        open: _opened,
+        none: type === 'none',
+        border: type === 'border'
+      }"
+      (click)="open()"
+    >
+      <mecx-select__trigger>
+        <span>
+          {{ _selected?.label || placeholder }}
+        </span>
+        <monkey-icon
+          [icon]="!_opened ? 'arrow-down-16' : 'arrow-up-16'"
+          [color]="'#4B4A53'"
+        ></monkey-icon>
+      </mecx-select__trigger>
+    </mecx-select-filter>
+    <mecx-select-inside [ngClass]="{ open: _opened }">
+      <mecx-select-options #selectOptions>
+        <ng-content> </ng-content>
+      </mecx-select-options>
+    </mecx-select-inside>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MonkeySelectFilterComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { placeholder: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], selectOptions: [{
+                type: ViewChild,
+                args: ['selectOptions', { static: true }]
+            }], options: [{
+                type: ContentChildren,
+                args: [MonkeyOptionComponent]
+            }], value: [{
+                type: Input
+            }], clickout: [{
+                type: HostListener,
+                args: ['document:click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs0QkFJNEI7QUFDNUIsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsS0FBSyxFQUNMLFVBQVUsRUFDVixZQUFZLEVBRVosZUFBZSxFQUNmLE1BQU0sRUFDTixZQUFZLEVBQ1osU0FBUyxHQUlWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDbEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBdUMvQyxNQUFNLE9BQU8sMkJBQTJCO0lBb0J0QyxZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQWhCbEMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFNckMsa0JBQWEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ25DLG1CQUFjLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUtyQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFFBQUcsR0FBVyxzQkFBc0IsV0FBVyxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3RFLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFFYSxDQUFDO0lBRXhDLGdCQUFnQjtRQUN0QixNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLElBQUksQ0FBQztRQUNwQyxJQUFJLENBQUMsT0FBTyxDQUFD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OzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRjt3R0FFVSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFHUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFPcEMsT0FBTztzQkFEZCxlQUFlO3VCQUFDLHFCQUFxQjtnQkFxRGxDLEtBQUs7c0JBRFIsS0FBSztnQkEwQk4sUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKioqL1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgUXVlcnlMaXN0LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTW9ua2V5T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vb3B0aW9uJztcbmltcG9ydCB7IE1vbmtleVV0aWxzIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1zZWxlY3QtZmlsdGVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWVjeC1zZWxlY3QtZmlsdGVyXG4gICAgICBjbGFzcz1cInRyaWdnZXJcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBvcGVuOiBfb3BlbmVkLFxuICAgICAgICBub25lOiB0eXBlID09PSAnbm9uZScsXG4gICAgICAgIGJvcmRlcjogdHlwZSA9PT0gJ2JvcmRlcidcbiAgICAgIH1cIlxuICAgICAgKGNsaWNrKT1cIm9wZW4oKVwiXG4gICAgPlxuICAgICAgPG1lY3gtc2VsZWN0X190cmlnZ2VyPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICB7eyBfc2VsZWN0ZWQ/LmxhYmVsIHx8IHBsYWNlaG9sZGVyIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG1vbmtleS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiIV9vcGVuZWQgPyAnYXJyb3ctZG93bi0xNicgOiAnYXJyb3ctdXAtMTYnXCJcbiAgICAgICAgICBbY29sb3JdPVwiJyM0QjRBNTMnXCJcbiAgICAgICAgPjwvbW9ua2V5LWljb24+XG4gICAgICA8L21lY3gtc2VsZWN0X190cmlnZ2VyPlxuICAgIDwvbWVjeC1zZWxlY3QtZmlsdGVyPlxuICAgIDxtZWN4LXNlbGVjdC1pbnNpZGUgW25nQ2xhc3NdPVwieyBvcGVuOiBfb3BlbmVkIH1cIj5cbiAgICAgIDxtZWN4LXNlbGVjdC1vcHRpb25zICNzZWxlY3RPcHRpb25zPlxuICAgICAgICA8bmctY29udGVudD4gPC9uZy1jb250ZW50PlxuICAgICAgPC9tZWN4LXNlbGVjdC1vcHRpb25zPlxuICAgIDwvbWVjeC1zZWxlY3QtaW5zaWRlPlxuICBgLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE1vbmtleVNlbGVjdEZpbHRlckNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlTZWxlY3RGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3NlbGVjdE9wdGlvbnMnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBzZWxlY3RPcHRpb25zOiBFbGVtZW50UmVmO1xuXG4gIHByaXZhdGUgaGFuZGxlZFZhbHVlOiBhbnk7XG4gIHByaXZhdGUgb25Nb2RlbENoYW5nZSA9ICh2YWx1ZTogYW55KSA9PiB7fTtcbiAgcHJpdmF0ZSBvbk1vZGVsVG91Y2hlZCA9ICh2YWx1ZTogYW55KSA9PiB7fTtcbiAgQENvbnRlbnRDaGlsZHJlbihNb25rZXlPcHRpb25Db21wb25lbnQpXG4gIHByaXZhdGUgb3B0aW9ucyE6IFF1ZXJ5TGlzdDxNb25rZXlPcHRpb25Db21wb25lbnQ+O1xuXG4gIHB1YmxpYyBfc2VsZWN0ZWQ6IE1vbmtleU9wdGlvbkNvbXBvbmVudDtcbiAgcHVibGljIF9vcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIF9pZDogc3RyaW5nID0gYG1lY3gtc2VsZWN0LWZpbHRlci0ke01vbmtleVV0aWxzLmdldFJhbmRvbVN0cmluZygxMCl9YDtcbiAgcHVibGljIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHByaXZhdGUgb25IYW5kbGVTZWxlY3RlZCgpIHtcbiAgICBjb25zdCB7IF9vcGVuZWQsIF9zZWxlY3RlZCB9ID0gdGhpcztcbiAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaCgob3ApID0+IHtcbiAgICAgIG9wLnNlbGVjdGVkID0gX3NlbGVjdGVkO1xuICAgIH0pO1xuICAgIGlmIChfb3BlbmVkKSB7XG4gICAgICBsZXQgc2Nyb2xsVmFsdWUgPSAwO1xuICAgICAgaWYgKF9zZWxlY3RlZCkge1xuICAgICAgICBjb25zdCB7IF9pZCB9ID0gdGhpcy5fc2VsZWN0ZWQ7XG4gICAgICAgIHNjcm9sbFZhbHVlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoX2lkKS5vZmZzZXRUb3A7XG4gICAgICB9XG4gICAgICB0aGlzLnNlbGVjdE9wdGlvbnMubmF0aXZlRWxlbWVudC5zY3JvbGxUbygwLCBzY3JvbGxWYWx1ZSk7XG4gICAgICB0aGlzLnNlbGVjdE9wdGlvbnMubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB2YWxpZGF0ZU9wdGlvbnMoKSB7XG4gICAgaWYgKCF0aGlzLm9wdGlvbnMpIHJldHVybjtcbiAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaCgob3ApID0+IHtcbiAgICAgIG9wLm9uU2VsZWN0T3B0aW9uID0gdGhpcy5vblNlbGVjdE9wdGlvbi5iaW5kKHRoaXMpO1xuICAgICAgb3AudHlwZSA9ICdzZWxlY3QnO1xuICAgICAgb3Auc2VsZWN0ZWQgPSBudWxsO1xuICAgICAgaWYgKGAke29wLnZhbHVlfWAudG9Mb3dlckNhc2UoKSA9PT0gYCR7dGhpcy5oYW5kbGVkVmFsdWV9YC50b0xvd2VyQ2FzZSgpKSB7XG4gICAgICAgIHRoaXMuX3NlbGVjdGVkID0gb3A7XG4gICAgICAgIG9wLnNlbGVjdGVkID0gb3A7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uTW9kZWxDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uTW9kZWxUb3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IHZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCAmJiB0aGlzLmhhbmRsZWRWYWx1ZSAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuaGFuZGxlZFZhbHVlID0gdmFsdWU7XG4gICAgICB0aGlzLm9uTW9kZWxDaGFuZ2UodmFsdWUpO1xuICAgICAgdGhpcy5vbk1vZGVsVG91Y2hlZCh2YWx1ZSk7XG4gICAgfVxuICAgIHRoaXMudmFsaWRhdGVPcHRpb25zKCk7XG4gIH1cblxuICBnZXQgdmFsdWUoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5oYW5kbGVkVmFsdWU7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICBvbkNoYW5nZVZhbHVlKGV2ZW50OiBhbnksIHZhbHVlOiBhbnkpIHtcbiAgICBldmVudD8ucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy53cml0ZVZhbHVlKHZhbHVlKTtcbiAgICB0aGlzLm9uQ2hhbmdlLm5leHQodmFsdWUpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snKVxuICBjbGlja291dCgpIHtcbiAgICB0aGlzLl9vcGVuZWQgPSBmYWxzZTtcbiAgfVxuXG4gIG9wZW4oKSB7XG4gICAgaWYgKCF0aGlzLl9vcGVuZWQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLl9vcGVuZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLm9uSGFuZGxlU2VsZWN0ZWQoKTtcbiAgICAgIH0sIDUwKTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMudmFsaWRhdGVPcHRpb25zKCk7XG4gICAgfSwgMCk7XG4gIH1cblxuICBvblNlbGVjdE9wdGlvbihzZWxlY3Q6IE1vbmtleU9wdGlvbkNvbXBvbmVudCkge1xuICAgIHRoaXMuX3NlbGVjdGVkID0gc2VsZWN0O1xuICAgIGNvbnN0IHsgdmFsdWUgfSA9IHNlbGVjdDtcbiAgICB0aGlzLl9vcGVuZWQgPSBmYWxzZTtcbiAgICB0aGlzLm9uQ2hhbmdlVmFsdWUobnVsbCwgdmFsdWUpO1xuICAgIHRoaXMub25IYW5kbGVTZWxlY3RlZCgpO1xuICB9XG59XG4iXX0=