monkey-style-guide 2.0.168 → 2.0.170

package/esm2020/lib/components/button/button-avatar.component.mjs

@@ -1,53 +1,53 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- **************************/
-import { Component, ViewEncapsulation, Input } from '@angular/core';
-import { MonkeyUtils } from '../../core/utils';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class MonkeyButtonAvatarComponent {
-    constructor() {
-        this._id = `mecx-button-avatar-${MonkeyUtils.getRandomString(10)}`;
-        this._disabled = false;
-        this._handledValue = '';
-    }
-    ngOnInit() {
-        const { label } = this;
-        this._handledValue = label?.charAt(0);
-    }
-}
-MonkeyButtonAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonAvatarComponent, selector: "monkey-button-avatar", inputs: { label: "label", type: "type", size: "size", img: "img" }, ngImport: i0, template: `
-    <div
-      [ngClass]="'mecx-button-avatar mecx-button-avatar__' + type + ' mecx-button-avatar__' + size"
-    >
-      <img [src]="img" *ngIf="img" />
-      <span *ngIf="!img && _handledValue">{{ _handledValue }}</span>
-    </div>
-  `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonAvatarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monkey-button-avatar',
-                    template: `
-    <div
-      [ngClass]="'mecx-button-avatar mecx-button-avatar__' + type + ' mecx-button-avatar__' + size"
-    >
-      <img [src]="img" *ngIf="img" />
-      <span *ngIf="!img && _handledValue">{{ _handledValue }}</span>
-    </div>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], img: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24tYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs0QkFJNEI7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFjL0MsTUFBTSxPQUFPLDJCQUEyQjtJQVp4QztRQWtCUyxRQUFHLEdBQUcsc0JBQXNCLFdBQVcsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUM5RCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBTTNCO0lBSkMsUUFBUTtRQUNOLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7O3lIQWJVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLGdJQVY1Qjs7Ozs7OztHQU9UOzRGQUdVLDJCQUEyQjtrQkFadkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7R0FPVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiovXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb25rZXlVdGlscyB9IGZyb20gJy4uLy4uL2NvcmUvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktYnV0dG9uLWF2YXRhcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgW25nQ2xhc3NdPVwiJ21lY3gtYnV0dG9uLWF2YXRhciBtZWN4LWJ1dHRvbi1hdmF0YXJfXycgKyB0eXBlICsgJyBtZWN4LWJ1dHRvbi1hdmF0YXJfXycgKyBzaXplXCJcbiAgICA+XG4gICAgICA8aW1nIFtzcmNdPVwiaW1nXCIgKm5nSWY9XCJpbWdcIiAvPlxuICAgICAgPHNwYW4gKm5nSWY9XCIhaW1nICYmIF9oYW5kbGVkVmFsdWVcIj57eyBfaGFuZGxlZFZhbHVlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICBgLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlCdXR0b25BdmF0YXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZztcbiAgQElucHV0KCkgaW1nOiBzdHJpbmc7XG5cbiAgcHVibGljIF9pZCA9IGBtZWN4LWJ1dHRvbi1hdmF0YXItJHtNb25rZXlVdGlscy5nZXRSYW5kb21TdHJpbmcoMTApfWA7XG4gIHB1YmxpYyBfZGlzYWJsZWQgPSBmYWxzZTtcbiAgcHVibGljIF9oYW5kbGVkVmFsdWUgPSAnJztcblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCB7IGxhYmVsIH0gPSB0aGlzO1xuICAgIHRoaXMuX2hhbmRsZWRWYWx1ZSA9IGxhYmVsPy5jaGFyQXQoMCk7XG4gIH1cbn1cbiJdfQ==
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ **************************/
+import { Component, ViewEncapsulation, Input } from '@angular/core';
+import { MonkeyUtils } from '../../core/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MonkeyButtonAvatarComponent {
+    constructor() {
+        this._id = `mecx-button-avatar-${MonkeyUtils.getRandomString(10)}`;
+        this._disabled = false;
+        this._handledValue = '';
+    }
+    ngOnInit() {
+        const { label } = this;
+        this._handledValue = label?.charAt(0);
+    }
+}
+MonkeyButtonAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonAvatarComponent, selector: "monkey-button-avatar", inputs: { label: "label", type: "type", size: "size", img: "img" }, ngImport: i0, template: `
+    <div
+      [ngClass]="'mecx-button-avatar mecx-button-avatar__' + type + ' mecx-button-avatar__' + size"
+    >
+      <img [src]="img" *ngIf="img" />
+      <span *ngIf="!img && _handledValue">{{ _handledValue }}</span>
+    </div>
+  `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonAvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-button-avatar',
+                    template: `
+    <div
+      [ngClass]="'mecx-button-avatar mecx-button-avatar__' + type + ' mecx-button-avatar__' + size"
+    >
+      <img [src]="img" *ngIf="img" />
+      <span *ngIf="!img && _handledValue">{{ _handledValue }}</span>
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], img: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24tYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs0QkFJNEI7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFjL0MsTUFBTSxPQUFPLDJCQUEyQjtJQVp4QztRQWtCUyxRQUFHLEdBQUcsc0JBQXNCLFdBQVcsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUM5RCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBTTNCO0lBSkMsUUFBUTtRQUNOLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7O3lIQWJVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLGdJQVY1Qjs7Ozs7OztHQU9UOzRGQUdVLDJCQUEyQjtrQkFadkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7R0FPVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqKioqKioqKioqKioqKioqKioqKioqKioqXHJcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcclxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXHJcbiAqIE1JVCBMaWNlbmNlXHJcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKi9cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb25rZXlVdGlscyB9IGZyb20gJy4uLy4uL2NvcmUvdXRpbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtb25rZXktYnV0dG9uLWF2YXRhcicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXZcclxuICAgICAgW25nQ2xhc3NdPVwiJ21lY3gtYnV0dG9uLWF2YXRhciBtZWN4LWJ1dHRvbi1hdmF0YXJfXycgKyB0eXBlICsgJyBtZWN4LWJ1dHRvbi1hdmF0YXJfXycgKyBzaXplXCJcclxuICAgID5cclxuICAgICAgPGltZyBbc3JjXT1cImltZ1wiICpuZ0lmPVwiaW1nXCIgLz5cclxuICAgICAgPHNwYW4gKm5nSWY9XCIhaW1nICYmIF9oYW5kbGVkVmFsdWVcIj57eyBfaGFuZGxlZFZhbHVlIH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9ua2V5QnV0dG9uQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcclxuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1nOiBzdHJpbmc7XHJcblxyXG4gIHB1YmxpYyBfaWQgPSBgbWVjeC1idXR0b24tYXZhdGFyLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xyXG4gIHB1YmxpYyBfZGlzYWJsZWQgPSBmYWxzZTtcclxuICBwdWJsaWMgX2hhbmRsZWRWYWx1ZSA9ICcnO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGNvbnN0IHsgbGFiZWwgfSA9IHRoaXM7XHJcbiAgICB0aGlzLl9oYW5kbGVkVmFsdWUgPSBsYWJlbD8uY2hhckF0KDApO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/components/button/button-dropdown.component.mjs

@@ -1,121 +1,121 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- **************************/
-import { Component, ViewEncapsulation, Input, HostListener, } from '@angular/core';
-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 MonkeyButtonDropdownComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.type = 'filled';
-        this.listenClicks = true;
-        this._customClass = 'trigger';
-        this._opened = false;
-        this._id = `mecx-button-dropdown-${MonkeyUtils.getRandomString(10)}`;
-        this._disabled = false;
-        //not to do
-    }
-    clickout(event) {
-        this.close();
-    }
-    clickon(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this._opened && this.listenClicks) {
-            this.close();
-        }
-        else {
-            this._opened = true;
-            this.cdr.detectChanges();
-        }
-    }
-    close() {
-        setTimeout(() => {
-            this._opened = false;
-            this.cdr.detectChanges();
-        }, 20);
-    }
-}
-MonkeyButtonDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonDropdownComponent, selector: "monkey-button-dropdown", inputs: { label: "label", type: "type", listenClicks: "listenClicks" }, host: { listeners: { "document:click": "clickout($event)", "click": "clickon($event)" } }, ngImport: i0, template: `
-    <mecx-button-dropdown
-      [ngClass]="{
-        trigger: type === 'filled',
-        open: _opened
-      }"
-    >
-      <mecx-button-dropdown__trigger>
-        <ng-container *ngTemplateOutlet="label"></ng-container>
-        <monkey-icon
-          icon="arrow-down-16"
-          [color]="'#4B4A53'"
-          *ngIf="!_opened && type === 'filled'"
-        ></monkey-icon>
-        <monkey-icon
-          icon="arrow-up-16"
-          [color]="'#4B4A53'"
-          *ngIf="_opened && type === 'filled'"
-        ></monkey-icon>
-      </mecx-button-dropdown__trigger>
-    </mecx-button-dropdown>
-    <mecx-button-dropdown-backdrop *ngIf="_opened" (click)="close()">
-    </mecx-button-dropdown-backdrop>
-    <mecx-button-dropdown [ngClass]="{ open: _opened }">
-      <mecx-button-dropdown-options>
-        <ng-content></ng-content>
-      </mecx-button-dropdown-options>
-    </mecx-button-dropdown>
-  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonDropdownComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monkey-button-dropdown',
-                    template: `
-    <mecx-button-dropdown
-      [ngClass]="{
-        trigger: type === 'filled',
-        open: _opened
-      }"
-    >
-      <mecx-button-dropdown__trigger>
-        <ng-container *ngTemplateOutlet="label"></ng-container>
-        <monkey-icon
-          icon="arrow-down-16"
-          [color]="'#4B4A53'"
-          *ngIf="!_opened && type === 'filled'"
-        ></monkey-icon>
-        <monkey-icon
-          icon="arrow-up-16"
-          [color]="'#4B4A53'"
-          *ngIf="_opened && type === 'filled'"
-        ></monkey-icon>
-      </mecx-button-dropdown__trigger>
-    </mecx-button-dropdown>
-    <mecx-button-dropdown-backdrop *ngIf="_opened" (click)="close()">
-    </mecx-button-dropdown-backdrop>
-    <mecx-button-dropdown [ngClass]="{ open: _opened }">
-      <mecx-button-dropdown-options>
-        <ng-content></ng-content>
-      </mecx-button-dropdown-options>
-    </mecx-button-dropdown>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], listenClicks: [{
-                type: Input
-            }], clickout: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }], clickon: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBbUMvQyxNQUFNLE9BQU8sNkJBQTZCO0lBVXhDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBUmpDLFNBQUksR0FBMEIsUUFBUSxDQUFDO1FBQ3ZDLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXRCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsUUFBRyxHQUFXLHdCQUF3QixXQUFXLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDeEUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUdoQyxXQUFXO0lBQ2IsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFHRCxPQUFPLENBQUMsS0FBVTtRQUNoQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELEtBQUs7UUFDSCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDVCxDQUFDOzsySEFwQ1UsNkJBQTZCOytHQUE3Qiw2QkFBNkIsaU9BL0I5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDs0RkFHVSw2QkFBNkI7a0JBakN6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7d0dBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQVlOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNMUMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKioqL1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSW5wdXQsXG4gIEhvc3RMaXN0ZW5lcixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9ua2V5VXRpbHMgfSBmcm9tICcuLi8uLi9jb3JlL3V0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJ1dHRvbi1kcm9wZG93bicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgIHRyaWdnZXI6IHR5cGUgPT09ICdmaWxsZWQnLFxuICAgICAgICBvcGVuOiBfb3BlbmVkXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8bWVjeC1idXR0b24tZHJvcGRvd25fX3RyaWdnZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsYWJlbFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bW9ua2V5LWljb25cbiAgICAgICAgICBpY29uPVwiYXJyb3ctZG93bi0xNlwiXG4gICAgICAgICAgW2NvbG9yXT1cIicjNEI0QTUzJ1wiXG4gICAgICAgICAgKm5nSWY9XCIhX29wZW5lZCAmJiB0eXBlID09PSAnZmlsbGVkJ1wiXG4gICAgICAgID48L21vbmtleS1pY29uPlxuICAgICAgICA8bW9ua2V5LWljb25cbiAgICAgICAgICBpY29uPVwiYXJyb3ctdXAtMTZcIlxuICAgICAgICAgIFtjb2xvcl09XCInIzRCNEE1MydcIlxuICAgICAgICAgICpuZ0lmPVwiX29wZW5lZCAmJiB0eXBlID09PSAnZmlsbGVkJ1wiXG4gICAgICAgID48L21vbmtleS1pY29uPlxuICAgICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bl9fdHJpZ2dlcj5cbiAgICA8L21lY3gtYnV0dG9uLWRyb3Bkb3duPlxuICAgIDxtZWN4LWJ1dHRvbi1kcm9wZG93bi1iYWNrZHJvcCAqbmdJZj1cIl9vcGVuZWRcIiAoY2xpY2spPVwiY2xvc2UoKVwiPlxuICAgIDwvbWVjeC1idXR0b24tZHJvcGRvd24tYmFja2Ryb3A+XG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duIFtuZ0NsYXNzXT1cInsgb3BlbjogX29wZW5lZCB9XCI+XG4gICAgICA8bWVjeC1idXR0b24tZHJvcGRvd24tb3B0aW9ucz5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bi1vcHRpb25zPlxuICAgIDwvbWVjeC1idXR0b24tZHJvcGRvd24+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUJ1dHRvbkRyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IGFueTtcbiAgQElucHV0KCkgdHlwZTogJ3VuZmlsbGVkJyB8ICdmaWxsZWQnID0gJ2ZpbGxlZCc7XG4gIEBJbnB1dCgpIGxpc3RlbkNsaWNrcyA9IHRydWU7XG5cbiAgcHVibGljIF9jdXN0b21DbGFzcyA9ICd0cmlnZ2VyJztcbiAgcHVibGljIF9vcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIF9pZDogc3RyaW5nID0gYG1lY3gtYnV0dG9uLWRyb3Bkb3duLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xuICBwdWJsaWMgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgLy9ub3QgdG8gZG9cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgY2xpY2tvdXQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuY2xvc2UoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgY2xpY2tvbihldmVudDogYW55KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBpZiAodGhpcy5fb3BlbmVkICYmIHRoaXMubGlzdGVuQ2xpY2tzKSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX29wZW5lZCA9IHRydWU7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLl9vcGVuZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9LCAyMCk7XG4gIH1cbn1cbiJdfQ==
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ **************************/
+import { Component, ViewEncapsulation, Input, HostListener, } from '@angular/core';
+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 MonkeyButtonDropdownComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.type = 'filled';
+        this.listenClicks = true;
+        this._customClass = 'trigger';
+        this._opened = false;
+        this._id = `mecx-button-dropdown-${MonkeyUtils.getRandomString(10)}`;
+        this._disabled = false;
+        //not to do
+    }
+    clickout(event) {
+        this.close();
+    }
+    clickon(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this._opened && this.listenClicks) {
+            this.close();
+        }
+        else {
+            this._opened = true;
+            this.cdr.detectChanges();
+        }
+    }
+    close() {
+        setTimeout(() => {
+            this._opened = false;
+            this.cdr.detectChanges();
+        }, 20);
+    }
+}
+MonkeyButtonDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonDropdownComponent, selector: "monkey-button-dropdown", inputs: { label: "label", type: "type", listenClicks: "listenClicks" }, host: { listeners: { "document:click": "clickout($event)", "click": "clickon($event)" } }, ngImport: i0, template: `
+    <mecx-button-dropdown
+      [ngClass]="{
+        trigger: type === 'filled',
+        open: _opened
+      }"
+    >
+      <mecx-button-dropdown__trigger>
+        <ng-container *ngTemplateOutlet="label"></ng-container>
+        <monkey-icon
+          icon="arrow-down-16"
+          [color]="'#4B4A53'"
+          *ngIf="!_opened && type === 'filled'"
+        ></monkey-icon>
+        <monkey-icon
+          icon="arrow-up-16"
+          [color]="'#4B4A53'"
+          *ngIf="_opened && type === 'filled'"
+        ></monkey-icon>
+      </mecx-button-dropdown__trigger>
+    </mecx-button-dropdown>
+    <mecx-button-dropdown-backdrop *ngIf="_opened" (click)="close()">
+    </mecx-button-dropdown-backdrop>
+    <mecx-button-dropdown [ngClass]="{ open: _opened }">
+      <mecx-button-dropdown-options>
+        <ng-content></ng-content>
+      </mecx-button-dropdown-options>
+    </mecx-button-dropdown>
+  `, isInline: true, components: [{ type: i1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonDropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-button-dropdown',
+                    template: `
+    <mecx-button-dropdown
+      [ngClass]="{
+        trigger: type === 'filled',
+        open: _opened
+      }"
+    >
+      <mecx-button-dropdown__trigger>
+        <ng-container *ngTemplateOutlet="label"></ng-container>
+        <monkey-icon
+          icon="arrow-down-16"
+          [color]="'#4B4A53'"
+          *ngIf="!_opened && type === 'filled'"
+        ></monkey-icon>
+        <monkey-icon
+          icon="arrow-up-16"
+          [color]="'#4B4A53'"
+          *ngIf="_opened && type === 'filled'"
+        ></monkey-icon>
+      </mecx-button-dropdown__trigger>
+    </mecx-button-dropdown>
+    <mecx-button-dropdown-backdrop *ngIf="_opened" (click)="close()">
+    </mecx-button-dropdown-backdrop>
+    <mecx-button-dropdown [ngClass]="{ open: _opened }">
+      <mecx-button-dropdown-options>
+        <ng-content></ng-content>
+      </mecx-button-dropdown-options>
+    </mecx-button-dropdown>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], listenClicks: [{
+                type: Input
+            }], clickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], clickon: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBbUMvQyxNQUFNLE9BQU8sNkJBQTZCO0lBVXhDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBUmpDLFNBQUksR0FBMEIsUUFBUSxDQUFDO1FBQ3ZDLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXRCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsUUFBRyxHQUFXLHdCQUF3QixXQUFXLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDeEUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUdoQyxXQUFXO0lBQ2IsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFHRCxPQUFPLENBQUMsS0FBVTtRQUNoQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELEtBQUs7UUFDSCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDVCxDQUFDOzsySEFwQ1UsNkJBQTZCOytHQUE3Qiw2QkFBNkIsaU9BL0I5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDs0RkFHVSw2QkFBNkI7a0JBakN6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7d0dBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQVlOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNMUMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxyXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXHJcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxyXG4gKiBNSVQgTGljZW5jZVxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIElucHV0LFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9ua2V5VXRpbHMgfSBmcm9tICcuLi8uLi9jb3JlL3V0aWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJ1dHRvbi1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtZWN4LWJ1dHRvbi1kcm9wZG93blxyXG4gICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgdHJpZ2dlcjogdHlwZSA9PT0gJ2ZpbGxlZCcsXHJcbiAgICAgICAgb3BlbjogX29wZW5lZFxyXG4gICAgICB9XCJcclxuICAgID5cclxuICAgICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duX190cmlnZ2VyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsYWJlbFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxtb25rZXktaWNvblxyXG4gICAgICAgICAgaWNvbj1cImFycm93LWRvd24tMTZcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cIicjNEI0QTUzJ1wiXHJcbiAgICAgICAgICAqbmdJZj1cIiFfb3BlbmVkICYmIHR5cGUgPT09ICdmaWxsZWQnXCJcclxuICAgICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAgICA8bW9ua2V5LWljb25cclxuICAgICAgICAgIGljb249XCJhcnJvdy11cC0xNlwiXHJcbiAgICAgICAgICBbY29sb3JdPVwiJyM0QjRBNTMnXCJcclxuICAgICAgICAgICpuZ0lmPVwiX29wZW5lZCAmJiB0eXBlID09PSAnZmlsbGVkJ1wiXHJcbiAgICAgICAgPjwvbW9ua2V5LWljb24+XHJcbiAgICAgIDwvbWVjeC1idXR0b24tZHJvcGRvd25fX3RyaWdnZXI+XHJcbiAgICA8L21lY3gtYnV0dG9uLWRyb3Bkb3duPlxyXG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duLWJhY2tkcm9wICpuZ0lmPVwiX29wZW5lZFwiIChjbGljayk9XCJjbG9zZSgpXCI+XHJcbiAgICA8L21lY3gtYnV0dG9uLWRyb3Bkb3duLWJhY2tkcm9wPlxyXG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duIFtuZ0NsYXNzXT1cInsgb3BlbjogX29wZW5lZCB9XCI+XHJcbiAgICAgIDxtZWN4LWJ1dHRvbi1kcm9wZG93bi1vcHRpb25zPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bi1vcHRpb25zPlxyXG4gICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb25rZXlCdXR0b25Ecm9wZG93bkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IGFueTtcclxuICBASW5wdXQoKSB0eXBlOiAndW5maWxsZWQnIHwgJ2ZpbGxlZCcgPSAnZmlsbGVkJztcclxuICBASW5wdXQoKSBsaXN0ZW5DbGlja3MgPSB0cnVlO1xyXG5cclxuICBwdWJsaWMgX2N1c3RvbUNsYXNzID0gJ3RyaWdnZXInO1xyXG4gIHB1YmxpYyBfb3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHVibGljIF9pZDogc3RyaW5nID0gYG1lY3gtYnV0dG9uLWRyb3Bkb3duLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xyXG4gIHB1YmxpYyBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAvL25vdCB0byBkb1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gIGNsaWNrb3V0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICBjbGlja29uKGV2ZW50OiBhbnkpIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLl9vcGVuZWQgJiYgdGhpcy5saXN0ZW5DbGlja3MpIHtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fb3BlbmVkID0gdHJ1ZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fb3BlbmVkID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0sIDIwKTtcclxuICB9XHJcbn1cclxuIl19