monkey-style-guide 2.0.109 → 2.0.110

package/assets/scss/partials/components/_tab.scss

@@ -1,82 +1,82 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence 
-**************************/
-@import '../variables.scss';
-
-.mecx-tab {
-  width: 100%;
-  background-color: inherit;
-  padding: 0 8px;
-}
-
-monkey-tab {
-  @extend .mecx-tab;
-
-  mecx-tab-body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-
-    &.horizontal {
-      display: flex;
-      flex-direction: row !important;
-      justify-content: center;
-      align-items: center;
-      align-self: center;
-      align-content: center;
-    }
-
-    &.vertical {
-      display: flex;
-      flex-direction: column !important;
-      justify-content: center;
-      align-items: center;
-      align-self: center;
-      align-content: center;
-    }
-
-    monkey-option {
-      width: 100%;
-    }
-
-    .mecx-option {
-      position: relative;
-      display: block;
-      padding: 0 8px 0 8px;
-      font-size: 14px;
-      line-height: 60px;
-      cursor: pointer;
-      font-style: normal;
-      font-weight: 500;
-      font-size: 14px;
-      line-height: 16px;
-      color: #9c9ca6;
-      border-bottom: 2px solid #9c9ca6;
-      border-radius: 1px 0px 0px 1px;
-      height: 32px;
-      text-align: center;
-      align-items: center;
-      justify-content: center;
-      display: flex;
-
-      &:hover {
-        cursor: pointer;
-        background-color: map-get($mecx-theme, 100);
-      }
-
-      &.selected {
-        background-color: transparent !important;
-        color: map-get($mecx-theme, main);
-        border-bottom: 2px solid var(--mecx-color-theme-main);
-        border-radius: 1px 0px 0px 1px;
-        font-style: normal;
-        font-weight: 600;
-        font-size: 14px;
-        line-height: 16px;
-      }
-    }
-  }
-}
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence 
+**************************/
+@import '../variables.scss';
+
+.mecx-tab {
+  width: 100%;
+  background-color: inherit;
+  padding: 0 8px;
+}
+
+monkey-tab {
+  @extend .mecx-tab;
+
+  mecx-tab-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+
+    &.horizontal {
+      display: flex;
+      flex-direction: row !important;
+      justify-content: center;
+      align-items: center;
+      align-self: center;
+      align-content: center;
+    }
+
+    &.vertical {
+      display: flex;
+      flex-direction: column !important;
+      justify-content: center;
+      align-items: center;
+      align-self: center;
+      align-content: center;
+    }
+
+    monkey-option {
+      width: 100%;
+    }
+
+    .mecx-option {
+      position: relative;
+      display: block;
+      padding: 0 8px 0 8px;
+      font-size: 14px;
+      line-height: 60px;
+      cursor: pointer;
+      font-style: normal;
+      font-weight: 500;
+      font-size: 14px;
+      line-height: 16px;
+      color: #9c9ca6;
+      border-bottom: 2px solid #9c9ca6;
+      border-radius: 1px 0px 0px 1px;
+      height: 32px;
+      text-align: center;
+      align-items: center;
+      justify-content: center;
+      display: flex;
+
+      &:hover {
+        cursor: pointer;
+        background-color: map-get($mecx-theme, 100);
+      }
+
+      &.selected {
+        background-color: transparent !important;
+        color: map-get($mecx-theme, main);
+        border-bottom: 2px solid var(--mecx-color-theme-main);
+        border-radius: 1px 0px 0px 1px;
+        font-style: normal;
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 16px;
+      }
+    }
+  }
+}

package/assets/scss/partials/components/_toggle.scss

@@ -1,103 +1,103 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence 
-**************************/
-@import '../variables.scss';
-
-monkey-toggle {
-  mecx-monkey-toggle {
-    position: relative;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-
-    input {
-      opacity: 0;
-      width: 0;
-      height: 0;
-    }
-
-    .slider-false {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: #ccc;
-      border: 1px solid #d6d6d6;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 34px;
-    }
-
-    .slider-false:before {
-      position: absolute;
-      content: '';
-      height: 26px;
-      width: 26px;
-      left: 4px;
-      bottom: 4px;
-      background-color: #fff;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 50%;
-    }
-
-    input:checked + .slider-false {
-      background-color: #ebfff8;
-    }
-
-    input:focus + .slider-false {
-      box-shadow: 0 0 1px #ebfff8;
-    }
-
-    input:checked + .slider-false:before {
-      -webkit-transform: translateX(26px);
-      -ms-transform: translateX(26px);
-      transform: translateX(26px);
-    }
-
-    .slider-true {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: #ebfff8;
-      border: 1px solid #00875a;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 34px;
-    }
-
-    .slider-true:before {
-      position: absolute;
-      content: '';
-      height: 26px;
-      width: 26px;
-      left: 4px;
-      bottom: 4px;
-      background-color: #00875a;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 50%;
-    }
-
-    input:checked + .slider-true {
-      background-color: #ebfff8;
-    }
-
-    input:focus + .slider-true {
-      box-shadow: 0 0 1px #ebfff8;
-    }
-
-    input:checked + .slider-true:before {
-      -webkit-transform: translateX(26px);
-      -ms-transform: translateX(26px);
-      transform: translateX(26px);
-    }
-  }
-}
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence 
+**************************/
+@import '../variables.scss';
+
+monkey-toggle {
+  mecx-monkey-toggle {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+
+    input {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+
+    .slider-false {
+      position: absolute;
+      cursor: pointer;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: #ccc;
+      border: 1px solid #d6d6d6;
+      -webkit-transition: 0.4s;
+      transition: 0.4s;
+      border-radius: 34px;
+    }
+
+    .slider-false:before {
+      position: absolute;
+      content: '';
+      height: 26px;
+      width: 26px;
+      left: 4px;
+      bottom: 4px;
+      background-color: #fff;
+      -webkit-transition: 0.4s;
+      transition: 0.4s;
+      border-radius: 50%;
+    }
+
+    input:checked + .slider-false {
+      background-color: #ebfff8;
+    }
+
+    input:focus + .slider-false {
+      box-shadow: 0 0 1px #ebfff8;
+    }
+
+    input:checked + .slider-false:before {
+      -webkit-transform: translateX(26px);
+      -ms-transform: translateX(26px);
+      transform: translateX(26px);
+    }
+
+    .slider-true {
+      position: absolute;
+      cursor: pointer;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: #ebfff8;
+      border: 1px solid #00875a;
+      -webkit-transition: 0.4s;
+      transition: 0.4s;
+      border-radius: 34px;
+    }
+
+    .slider-true:before {
+      position: absolute;
+      content: '';
+      height: 26px;
+      width: 26px;
+      left: 4px;
+      bottom: 4px;
+      background-color: #00875a;
+      -webkit-transition: 0.4s;
+      transition: 0.4s;
+      border-radius: 50%;
+    }
+
+    input:checked + .slider-true {
+      background-color: #ebfff8;
+    }
+
+    input:focus + .slider-true {
+      box-shadow: 0 0 1px #ebfff8;
+    }
+
+    input:checked + .slider-true:before {
+      -webkit-transform: translateX(26px);
+      -ms-transform: translateX(26px);
+      transform: translateX(26px);
+    }
+  }
+}

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

@@ -14,15 +14,15 @@ export class MonkeyBadgeComponent {
         this._id = `mecx-badge-${MonkeyUtils.getRandomString(10)}`;
     }
 }
-MonkeyBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MonkeyBadgeComponent, selector: "monkey-badge", inputs: { count: "count", pulseOn: "pulseOn" }, ngImport: i0, template: `
+MonkeyBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MonkeyBadgeComponent, selector: "monkey-badge", inputs: { count: "count", pulseOn: "pulseOn" }, ngImport: i0, template: `
     <mecx-monkey-badge [id]="_id" [ngClass]="{ pulse: pulseOn }">
       <div class="badge-count">
         {{ count }}
       </div>
     </mecx-monkey-badge>
   `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-badge',

package/esm2020/lib/components/badge/badge.module.mjs

@@ -4,10 +4,10 @@ import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class MonkeyBadgeModule {
 }
-MonkeyBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonkeyBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeModule, declarations: [MonkeyBadgeComponent], imports: [CommonModule], exports: [MonkeyBadgeComponent] });
-MonkeyBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyBadgeModule, decorators: [{
+MonkeyBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonkeyBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeModule, declarations: [MonkeyBadgeComponent], imports: [CommonModule], exports: [MonkeyBadgeComponent] });
+MonkeyBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MonkeyBadgeComponent],
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                     schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUS9DLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFMYixvQkFBb0IsYUFDekIsWUFBWSxhQUNaLG9CQUFvQjsrR0FHbkIsaUJBQWlCLFlBSm5CLENBQUMsWUFBWSxDQUFDOzJGQUlaLGlCQUFpQjtrQkFON0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE5PX0VSUk9SU19TQ0hFTUEgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vbmtleUJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTW9ua2V5QmFkZ2VDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW01vbmtleUJhZGdlQ29tcG9uZW50XSxcbiAgc2NoZW1hczogW05PX0VSUk9SU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlCYWRnZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUS9DLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFMYixvQkFBb0IsYUFDekIsWUFBWSxhQUNaLG9CQUFvQjsrR0FHbkIsaUJBQWlCLFlBSm5CLENBQUMsWUFBWSxDQUFDOzJGQUlaLGlCQUFpQjtrQkFON0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE5PX0VSUk9SU19TQ0hFTUEgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9ua2V5QmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW01vbmtleUJhZGdlQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbTW9ua2V5QmFkZ2VDb21wb25lbnRdLFxyXG4gIHNjaGVtYXM6IFtOT19FUlJPUlNfU0NIRU1BXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1vbmtleUJhZGdlTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2020/lib/components/badge/index.mjs

@@ -1,3 +1,3 @@
 export * from './badge.component';
 export * from './badge.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5tb2R1bGUnO1xyXG4iXX0=

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

@@ -18,8 +18,8 @@ export class MonkeyButtonAvatarComponent {
         this._handledValue = label?.charAt(0);
     }
 }
-MonkeyButtonAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MonkeyButtonAvatarComponent, selector: "monkey-button-avatar", inputs: { label: "label", type: "type", size: "size", img: "img" }, ngImport: i0, template: `
+MonkeyButtonAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"
     >
@@ -27,7 +27,7 @@ MonkeyButtonAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
       <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.1.2", ngImport: i0, type: MonkeyButtonAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonAvatarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-button-avatar',

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

@@ -40,8 +40,8 @@ export class MonkeyButtonDropdownComponent {
         }, 20);
     }
 }
-MonkeyButtonDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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: `
+MonkeyButtonDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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',
@@ -70,7 +70,7 @@ MonkeyButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
       </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.1.2", ngImport: i0, type: MonkeyButtonDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonDropdownComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-button-dropdown',

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

@@ -28,8 +28,8 @@ export class MonkeyButtonComponent {
         }
     }
 }
-MonkeyButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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: `
+MonkeyButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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-' +
@@ -78,7 +78,7 @@ MonkeyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       ></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.1.2", ngImport: i0, type: MonkeyButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-button',

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

@@ -8,10 +8,10 @@ import { MonkeyIconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class MonkeyButtonModule {
 }
-MonkeyButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent] });
-MonkeyButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyButtonModule, decorators: [{
+MonkeyButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent] });
+MonkeyButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],

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

@@ -47,8 +47,8 @@ export class MonkeyCheckboxComponent {
         this.writeValue(value);
     }
 }
-MonkeyCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MonkeyCheckboxComponent, selector: "monkey-checkbox", inputs: { label: "label", type: "type", helperMessage: "helperMessage", infoMessage: "infoMessage", errorMessage: "errorMessage", description: "description", value: "value" }, outputs: { onChange: "onChange" }, providers: [
+MonkeyCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MonkeyCheckboxComponent, selector: "monkey-checkbox", inputs: { label: "label", type: "type", helperMessage: "helperMessage", infoMessage: "infoMessage", errorMessage: "errorMessage", description: "description", value: "value" }, outputs: { onChange: "onChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MonkeyCheckboxComponent),
@@ -93,7 +93,7 @@ MonkeyCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
       </mecx-form-field>
     </ng-template>
   `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-checkbox',

package/esm2020/lib/components/checkbox/checkbox.module.mjs

@@ -5,10 +5,10 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class MonkeyCheckboxModule {
 }
-MonkeyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonkeyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxModule, declarations: [MonkeyCheckboxComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [MonkeyCheckboxComponent] });
-MonkeyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MonkeyCheckboxModule, decorators: [{
+MonkeyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonkeyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxModule, declarations: [MonkeyCheckboxComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [MonkeyCheckboxComponent] });
+MonkeyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonkeyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MonkeyCheckboxComponent],