monkey-style-guide 2.0.192 → 2.0.193

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBbUMvQyxNQUFNLE9BQU8sNkJBQTZCO0lBVXhDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBUmpDLFNBQUksR0FBMEIsUUFBUSxDQUFDO1FBQ3ZDLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXRCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsUUFBRyxHQUFXLHdCQUF3QixXQUFXLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDeEUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUdoQyxXQUFXO0lBQ2IsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFHRCxPQUFPLENBQUMsS0FBVTtRQUNoQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELEtBQUs7UUFDSCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDVCxDQUFDOzsySEFwQ1UsNkJBQTZCOytHQUE3Qiw2QkFBNkIsaU9BL0I5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDs0RkFHVSw2QkFBNkI7a0JBakN6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7d0dBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQVlOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNMUMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxyXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXHJcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxyXG4gKiBNSVQgTGljZW5jZVxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIElucHV0LFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9ua2V5VXRpbHMgfSBmcm9tICcuLi8uLi9jb3JlL3V0aWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJ1dHRvbi1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtZWN4LWJ1dHRvbi1kcm9wZG93blxyXG4gICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgdHJpZ2dlcjogdHlwZSA9PT0gJ2ZpbGxlZCcsXHJcbiAgICAgICAgb3BlbjogX29wZW5lZFxyXG4gICAgICB9XCJcclxuICAgID5cclxuICAgICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duX190cmlnZ2VyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsYWJlbFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxtb25rZXktaWNvblxyXG4gICAgICAgICAgaWNvbj1cImFycm93LWRvd24tMTZcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cIicjNEI0QTUzJ1wiXHJcbiAgICAgICAgICAqbmdJZj1cIiFfb3BlbmVkICYmIHR5cGUgPT09ICdmaWxsZWQnXCJcclxuICAgICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAgICA8bW9ua2V5LWljb25cclxuICAgICAgICAgIGljb249XCJhcnJvdy11cC0xNlwiXHJcbiAgICAgICAgICBbY29sb3JdPVwiJyM0QjRBNTMnXCJcclxuICAgICAgICAgICpuZ0lmPVwiX29wZW5lZCAmJiB0eXBlID09PSAnZmlsbGVkJ1wiXHJcbiAgICAgICAgPjwvbW9ua2V5LWljb24+XHJcbiAgICAgIDwvbWVjeC1idXR0b24tZHJvcGRvd25fX3RyaWdnZXI+XHJcbiAgICA8L21lY3gtYnV0dG9uLWRyb3Bkb3duPlxyXG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duLWJhY2tkcm9wICpuZ0lmPVwiX29wZW5lZFwiIChjbGljayk9XCJjbG9zZSgpXCI+XHJcbiAgICA8L21lY3gtYnV0dG9uLWRyb3Bkb3duLWJhY2tkcm9wPlxyXG4gICAgPG1lY3gtYnV0dG9uLWRyb3Bkb3duIFtuZ0NsYXNzXT1cInsgb3BlbjogX29wZW5lZCB9XCI+XHJcbiAgICAgIDxtZWN4LWJ1dHRvbi1kcm9wZG93bi1vcHRpb25zPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bi1vcHRpb25zPlxyXG4gICAgPC9tZWN4LWJ1dHRvbi1kcm9wZG93bj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb25rZXlCdXR0b25Ecm9wZG93bkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IGFueTtcclxuICBASW5wdXQoKSB0eXBlOiAndW5maWxsZWQnIHwgJ2ZpbGxlZCcgPSAnZmlsbGVkJztcclxuICBASW5wdXQoKSBsaXN0ZW5DbGlja3MgPSB0cnVlO1xyXG5cclxuICBwdWJsaWMgX2N1c3RvbUNsYXNzID0gJ3RyaWdnZXInO1xyXG4gIHB1YmxpYyBfb3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHVibGljIF9pZDogc3RyaW5nID0gYG1lY3gtYnV0dG9uLWRyb3Bkb3duLSR7TW9ua2V5VXRpbHMuZ2V0UmFuZG9tU3RyaW5nKDEwKX1gO1xyXG4gIHB1YmxpYyBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAvL25vdCB0byBkb1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gIGNsaWNrb3V0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICBjbGlja29uKGV2ZW50OiBhbnkpIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLl9vcGVuZWQgJiYgdGhpcy5saXN0ZW5DbGlja3MpIHtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fb3BlbmVkID0gdHJ1ZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fb3BlbmVkID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0sIDIwKTtcclxuICB9XHJcbn1cclxuIl19
+/**************************
+ * 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==

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

@@ -1,154 +1,154 @@
-/**************************
- * 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 * as i0 from "@angular/core";
-import * as i1 from "../icon/icon.component";
-import * as i2 from "@angular/common";
-export class MonkeyButtonComponent {
-    constructor() {
-        this.iconPosition = 'left';
-        this.disabled = false;
-        this.size = 'md';
-        this._useContrast = false;
-    }
-    ngOnInit() {
-        const { type } = this;
-        if (type === 'primary') {
-            this._useContrast = true;
-        }
-    }
-    onClick(event) {
-        if (this.disabled) {
-            event.stopPropagation();
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-}
-MonkeyButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonComponent, selector: "monkey-button", inputs: { label: "label", icon: "icon", iconPosition: "iconPosition", type: "type", color: "color", disabled: "disabled", size: "size" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: `
-    <button
-      [ngClass]="
-        'mecx-button-' +
-        type +
-        ' mecx-button-' +
-        type +
-        '__' +
-        color +
-        (icon ? ' with-icon' : ' no-icon') +
-        ' ' +
-        size
-      "
-      type="button"
-      [disabled]="disabled"
-    >
-      <monkey-icon
-        [icon]="icon"
-        [color]="
-          disabled
-            ? '#999999'
-            : type === 'filter'
-            ? '#4b4a53'
-            : type === 'nav-active'
-            ? 'theme'
-            : 'theme-800'
-        "
-        [contrast]="_useContrast"
-        [disabled]="disabled"
-        *ngIf="iconPosition === 'left' && icon"
-      ></monkey-icon>
-      {{ label }}
-      <ng-content></ng-content>
-      <monkey-icon
-        [icon]="icon"
-        [color]="
-          disabled
-            ? '#999999'
-            : type === 'filter'
-            ? '#4b4a53'
-            : type === 'nav-active'
-            ? 'theme'
-            : 'theme-800'
-        "
-        [disabled]="disabled"
-        *ngIf="iconPosition === 'right' && icon"
-      ></monkey-icon>
-    </button>
-  `, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'monkey-button',
-                    template: `
-    <button
-      [ngClass]="
-        'mecx-button-' +
-        type +
-        ' mecx-button-' +
-        type +
-        '__' +
-        color +
-        (icon ? ' with-icon' : ' no-icon') +
-        ' ' +
-        size
-      "
-      type="button"
-      [disabled]="disabled"
-    >
-      <monkey-icon
-        [icon]="icon"
-        [color]="
-          disabled
-            ? '#999999'
-            : type === 'filter'
-            ? '#4b4a53'
-            : type === 'nav-active'
-            ? 'theme'
-            : 'theme-800'
-        "
-        [contrast]="_useContrast"
-        [disabled]="disabled"
-        *ngIf="iconPosition === 'left' && icon"
-      ></monkey-icon>
-      {{ label }}
-      <ng-content></ng-content>
-      <monkey-icon
-        [icon]="icon"
-        [color]="
-          disabled
-            ? '#999999'
-            : type === 'filter'
-            ? '#4b4a53'
-            : type === 'nav-active'
-            ? 'theme'
-            : 'theme-800'
-        "
-        [disabled]="disabled"
-        *ngIf="iconPosition === 'right' && icon"
-      ></monkey-icon>
-    </button>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconPosition: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFVLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXVEMUYsTUFBTSxPQUFPLHFCQUFxQjtJQVVoQztRQVBTLGlCQUFZLEdBQVcsTUFBTSxDQUFDO1FBRzlCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFekMsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFDTixDQUFDO0lBRWhCLFFBQVE7UUFDTixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUMxQjtJQUNILENBQUM7SUFHRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztTQUNsQztJQUNILENBQUM7O21IQTFCVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixvUEFuRHRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7NEZBR1UscUJBQXFCO2tCQXJEakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzBFQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQWFOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKioqKioqKioqKioqKioqKioqKioqKioqKipcclxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxyXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cclxuICogTUlUIExpY2VuY2VcclxuICoqKioqKioqKioqKioqKioqKioqKioqKioqL1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgT25Jbml0LCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxidXR0b25cclxuICAgICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgICAgJ21lY3gtYnV0dG9uLScgK1xyXG4gICAgICAgIHR5cGUgK1xyXG4gICAgICAgICcgbWVjeC1idXR0b24tJyArXHJcbiAgICAgICAgdHlwZSArXHJcbiAgICAgICAgJ19fJyArXHJcbiAgICAgICAgY29sb3IgK1xyXG4gICAgICAgIChpY29uID8gJyB3aXRoLWljb24nIDogJyBuby1pY29uJykgK1xyXG4gICAgICAgICcgJyArXHJcbiAgICAgICAgc2l6ZVxyXG4gICAgICBcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgID5cclxuICAgICAgPG1vbmtleS1pY29uXHJcbiAgICAgICAgW2ljb25dPVwiaWNvblwiXHJcbiAgICAgICAgW2NvbG9yXT1cIlxyXG4gICAgICAgICAgZGlzYWJsZWRcclxuICAgICAgICAgICAgPyAnIzk5OTk5OSdcclxuICAgICAgICAgICAgOiB0eXBlID09PSAnZmlsdGVyJ1xyXG4gICAgICAgICAgICA/ICcjNGI0YTUzJ1xyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICduYXYtYWN0aXZlJ1xyXG4gICAgICAgICAgICA/ICd0aGVtZSdcclxuICAgICAgICAgICAgOiAndGhlbWUtODAwJ1xyXG4gICAgICAgIFwiXHJcbiAgICAgICAgW2NvbnRyYXN0XT1cIl91c2VDb250cmFzdFwiXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAqbmdJZj1cImljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIGljb25cIlxyXG4gICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgICAge3sgbGFiZWwgfX1cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICA8bW9ua2V5LWljb25cclxuICAgICAgICBbaWNvbl09XCJpY29uXCJcclxuICAgICAgICBbY29sb3JdPVwiXHJcbiAgICAgICAgICBkaXNhYmxlZFxyXG4gICAgICAgICAgICA/ICcjOTk5OTk5J1xyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdmaWx0ZXInXHJcbiAgICAgICAgICAgID8gJyM0YjRhNTMnXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ25hdi1hY3RpdmUnXHJcbiAgICAgICAgICAgID8gJ3RoZW1lJ1xyXG4gICAgICAgICAgICA6ICd0aGVtZS04MDAnXHJcbiAgICAgICAgXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICpuZ0lmPVwiaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGljb25cIlxyXG4gICAgICA+PC9tb25rZXktaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIGAsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1vbmtleUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBzdHJpbmcgPSAnbGVmdCc7XHJcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xyXG5cclxuICBfdXNlQ29udHJhc3QgPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgY29uc3QgeyB0eXBlIH0gPSB0aGlzO1xyXG4gICAgaWYgKHR5cGUgPT09ICdwcmltYXJ5Jykge1xyXG4gICAgICB0aGlzLl91c2VDb250cmFzdCA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgb25DbGljayhldmVudDogYW55KSB7XHJcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
+/**************************
+ * 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 * as i0 from "@angular/core";
+import * as i1 from "../icon/icon.component";
+import * as i2 from "@angular/common";
+export class MonkeyButtonComponent {
+    constructor() {
+        this.iconPosition = 'left';
+        this.disabled = false;
+        this.size = 'md';
+        this._useContrast = false;
+    }
+    ngOnInit() {
+        const { type } = this;
+        if (type === 'primary') {
+            this._useContrast = true;
+        }
+    }
+    onClick(event) {
+        if (this.disabled) {
+            event.stopPropagation();
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+}
+MonkeyButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyButtonComponent, selector: "monkey-button", inputs: { label: "label", icon: "icon", iconPosition: "iconPosition", type: "type", color: "color", disabled: "disabled", size: "size" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: `
+    <button
+      [ngClass]="
+        'mecx-button-' +
+        type +
+        ' mecx-button-' +
+        type +
+        '__' +
+        color +
+        (icon ? ' with-icon' : ' no-icon') +
+        ' ' +
+        size
+      "
+      type="button"
+      [disabled]="disabled"
+    >
+      <monkey-icon
+        [icon]="icon"
+        [color]="
+          disabled
+            ? '#999999'
+            : type === 'filter'
+            ? '#4b4a53'
+            : type === 'nav-active'
+            ? 'theme'
+            : 'theme-800'
+        "
+        [contrast]="_useContrast"
+        [disabled]="disabled"
+        *ngIf="iconPosition === 'left' && icon"
+      ></monkey-icon>
+      {{ label }}
+      <ng-content></ng-content>
+      <monkey-icon
+        [icon]="icon"
+        [color]="
+          disabled
+            ? '#999999'
+            : type === 'filter'
+            ? '#4b4a53'
+            : type === 'nav-active'
+            ? 'theme'
+            : 'theme-800'
+        "
+        [disabled]="disabled"
+        *ngIf="iconPosition === 'right' && icon"
+      ></monkey-icon>
+    </button>
+  `, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-button',
+                    template: `
+    <button
+      [ngClass]="
+        'mecx-button-' +
+        type +
+        ' mecx-button-' +
+        type +
+        '__' +
+        color +
+        (icon ? ' with-icon' : ' no-icon') +
+        ' ' +
+        size
+      "
+      type="button"
+      [disabled]="disabled"
+    >
+      <monkey-icon
+        [icon]="icon"
+        [color]="
+          disabled
+            ? '#999999'
+            : type === 'filter'
+            ? '#4b4a53'
+            : type === 'nav-active'
+            ? 'theme'
+            : 'theme-800'
+        "
+        [contrast]="_useContrast"
+        [disabled]="disabled"
+        *ngIf="iconPosition === 'left' && icon"
+      ></monkey-icon>
+      {{ label }}
+      <ng-content></ng-content>
+      <monkey-icon
+        [icon]="icon"
+        [color]="
+          disabled
+            ? '#999999'
+            : type === 'filter'
+            ? '#4b4a53'
+            : type === 'nav-active'
+            ? 'theme'
+            : 'theme-800'
+        "
+        [disabled]="disabled"
+        *ngIf="iconPosition === 'right' && icon"
+      ></monkey-icon>
+    </button>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFVLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXVEMUYsTUFBTSxPQUFPLHFCQUFxQjtJQVVoQztRQVBTLGlCQUFZLEdBQVcsTUFBTSxDQUFDO1FBRzlCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFekMsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFDTixDQUFDO0lBRWhCLFFBQVE7UUFDTixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUMxQjtJQUNILENBQUM7SUFHRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztTQUNsQztJQUNILENBQUM7O21IQTFCVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixvUEFuRHRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7NEZBR1UscUJBQXFCO2tCQXJEakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzBFQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQWFOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKi9cbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBPbkluaXQsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uXG4gICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgJ21lY3gtYnV0dG9uLScgK1xuICAgICAgICB0eXBlICtcbiAgICAgICAgJyBtZWN4LWJ1dHRvbi0nICtcbiAgICAgICAgdHlwZSArXG4gICAgICAgICdfXycgK1xuICAgICAgICBjb2xvciArXG4gICAgICAgIChpY29uID8gJyB3aXRoLWljb24nIDogJyBuby1pY29uJykgK1xuICAgICAgICAnICcgK1xuICAgICAgICBzaXplXG4gICAgICBcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgID5cbiAgICAgIDxtb25rZXktaWNvblxuICAgICAgICBbaWNvbl09XCJpY29uXCJcbiAgICAgICAgW2NvbG9yXT1cIlxuICAgICAgICAgIGRpc2FibGVkXG4gICAgICAgICAgICA/ICcjOTk5OTk5J1xuICAgICAgICAgICAgOiB0eXBlID09PSAnZmlsdGVyJ1xuICAgICAgICAgICAgPyAnIzRiNGE1MydcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ25hdi1hY3RpdmUnXG4gICAgICAgICAgICA/ICd0aGVtZSdcbiAgICAgICAgICAgIDogJ3RoZW1lLTgwMCdcbiAgICAgICAgXCJcbiAgICAgICAgW2NvbnRyYXN0XT1cIl91c2VDb250cmFzdFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICpuZ0lmPVwiaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgaWNvblwiXG4gICAgICA+PC9tb25rZXktaWNvbj5cbiAgICAgIHt7IGxhYmVsIH19XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8bW9ua2V5LWljb25cbiAgICAgICAgW2ljb25dPVwiaWNvblwiXG4gICAgICAgIFtjb2xvcl09XCJcbiAgICAgICAgICBkaXNhYmxlZFxuICAgICAgICAgICAgPyAnIzk5OTk5OSdcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ2ZpbHRlcidcbiAgICAgICAgICAgID8gJyM0YjRhNTMnXG4gICAgICAgICAgICA6IHR5cGUgPT09ICduYXYtYWN0aXZlJ1xuICAgICAgICAgICAgPyAndGhlbWUnXG4gICAgICAgICAgICA6ICd0aGVtZS04MDAnXG4gICAgICAgIFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICpuZ0lmPVwiaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGljb25cIlxuICAgICAgPjwvbW9ua2V5LWljb24+XG4gICAgPC9idXR0b24+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBzdHJpbmcgPSAnbGVmdCc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcblxuICBfdXNlQ29udHJhc3QgPSBmYWxzZTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gdGhpcztcbiAgICBpZiAodHlwZSA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICB0aGlzLl91c2VDb250cmFzdCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG4gICAgfVxuICB9XG59XG4iXX0=