monkey-style-guide-v2 0.0.17 → 0.0.18

package/assets/scss/directives/_badge.scss

@@ -0,0 +1,49 @@
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+**************************/
+
+@mixin badge-size-empty($suffix, $size) {
+  &-#{$suffix}:empty {
+    width: $size;
+    height: $size;
+    min-width: unset;
+    border-radius: 50%;
+  }
+}
+
+@mixin badge-size($suffix, $size, $fontSize) {
+  &-#{$suffix} {
+    height: $size;
+    min-width: $size;
+    font-size: $fontSize;
+  }
+}
+
+.monkey-badge {
+  top: 0;
+  right: 0;
+  padding: 2px;
+  display: flex;
+  color: var(--badge-color, #fff);
+  width: max-content;
+  position: absolute;
+  border-radius: 30px;
+  background-color: var(--badge-background, #008542);
+  box-sizing: border-box;
+  justify-content: center;
+  transform: translate(40%, -40%);
+
+  @include badge-size('sm', 12px, 8px);
+  @include badge-size('md', 16px, 12px);
+  @include badge-size('lg', 20px, 16px);
+  @include badge-size-empty('sm', 10px);
+  @include badge-size-empty('md', 12px);
+  @include badge-size-empty('lg', 14px);
+
+  &-left {
+    left: 0;
+    transform: translate(-30%, -30%);
+  }
+}

package/assets/scss/directives/_index.scss

@@ -5,3 +5,4 @@
 **************************/
 
 @import 'styles';
+@import 'badge';

package/assets/scss/table/_styles.scss

@@ -9,37 +9,4 @@
   min-width: 400px;
   height: 100%;
   border-collapse: separate;
-
-  /*thead {
-    text-align: start;
-    width: 100%;
-    background: var(--mecx-color-gray-50);
-    position: sticky;
-    top: 0;
-    z-index: 3;
-  }
-
-  th {
-    text-align: start;
-    background: var(--mecx-color-gray-50);
-    border-bottom: 2px solid var(--mecx-color-gray-300);
-    padding: 16px 12px;
-  }
-
-  td {
-    text-align: start;
-    padding: 16px 12px;
-    border-bottom: 2px solid var(--mecx-color-gray-100);
-  }
-
-  tbody {
-    position: relative;
-    z-index: 2;
-
-    tr {
-      &:hover {
-        background: var(--mecx-color-gray-100);
-      }
-    }
-  }*/
 }

package/esm2022/lib/components/accordion/accordion.component.mjs

@@ -0,0 +1,102 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, Component, inject, Input, TemplateRef } from '@angular/core';
+import { IdGenerator } from '../../../utils';
+import { MonkeyIconsService } from '../../services';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MonkeyAccordionComponent {
+    set title(data) {
+        if (data instanceof TemplateRef) {
+            this.titleRef = data;
+        }
+        else {
+            this.titleStr = data;
+        }
+    }
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    constructor() {
+        this._icons = inject(MonkeyIconsService);
+        this.open = false;
+        this.disabled = false;
+        this.imgArrowDown = this._icons.arrowDown;
+        this._uid = inject(IdGenerator).getId('monkey-accordion-');
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
+    onClick() {
+        if (this.disabled)
+            return;
+        this.open = !this.open;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyAccordionComponent, isStandalone: true, selector: "monkey-accordion", inputs: { open: ["open", "open", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], title: "title", id: "id" }, host: { attributes: { "data-testid": "monkey-accordion" }, properties: { "class.disabled": "disabled", "attr.id": "id", "id": "id" } }, ngImport: i0, template: "<div class=\"header\" (click)=\"onClick()\">\n  <div class=\"title\">\n    @if (titleRef) {\n      <ng-container *ngTemplateOutlet=\"titleRef\" />\n    } @else {\n      {{ titleStr }}\n    }\n  </div>\n  <div [innerHTML]=\"imgArrowDown\" class=\"icon\" [class.rotated]=\"open\"></div>\n</div>\n<div class=\"content-wrapper\">\n  @if (open) {\n    <div [@content]>\n      <div class=\"content\">\n        <ng-content />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;border-radius:16px;border:2px solid var(--mecx-color-gray-400);background:var(--mecx-color-white);overflow:hidden}:host .header{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:24px;cursor:pointer}:host .header .title{color:var(--mecx-color-gray-900);font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.54px}:host .header .icon{transform:rotate(0);transition:transform .2s ease-in-out}:host .header .icon.rotated{transform:rotate(180deg)}:host.disabled .header{cursor:not-allowed;background:var(--mecx-color-gray-200)}:host .content-wrapper{border-top:1px solid var(--mecx-color-gray-200);overflow:hidden}:host .content-wrapper .content{padding:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+            trigger('content', [
+                state('void', style({
+                    height: '0px',
+                    overflow: 'hidden'
+                })),
+                transition(':enter', [
+                    animate('300ms ease-in-out', style({
+                        height: '*',
+                        overflow: 'hidden'
+                    }))
+                ]),
+                transition(':leave', [
+                    animate('300ms ease-in-out', style({
+                        height: '0px',
+                        overflow: 'hidden'
+                    }))
+                ])
+            ])
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-accordion', standalone: true, imports: [CommonModule], host: {
+                        'data-testid': 'monkey-accordion',
+                        '[class.disabled]': 'disabled',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
+                    }, animations: [
+                        trigger('content', [
+                            state('void', style({
+                                height: '0px',
+                                overflow: 'hidden'
+                            })),
+                            transition(':enter', [
+                                animate('300ms ease-in-out', style({
+                                    height: '*',
+                                    overflow: 'hidden'
+                                }))
+                            ]),
+                            transition(':leave', [
+                                animate('300ms ease-in-out', style({
+                                    height: '0px',
+                                    overflow: 'hidden'
+                                }))
+                            ])
+                        ])
+                    ], template: "<div class=\"header\" (click)=\"onClick()\">\n  <div class=\"title\">\n    @if (titleRef) {\n      <ng-container *ngTemplateOutlet=\"titleRef\" />\n    } @else {\n      {{ titleStr }}\n    }\n  </div>\n  <div [innerHTML]=\"imgArrowDown\" class=\"icon\" [class.rotated]=\"open\"></div>\n</div>\n<div class=\"content-wrapper\">\n  @if (open) {\n    <div [@content]>\n      <div class=\"content\">\n        <ng-content />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;border-radius:16px;border:2px solid var(--mecx-color-gray-400);background:var(--mecx-color-white);overflow:hidden}:host .header{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:24px;cursor:pointer}:host .header .title{color:var(--mecx-color-gray-900);font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.54px}:host .header .icon{transform:rotate(0);transition:transform .2s ease-in-out}:host .header .icon.rotated{transform:rotate(180deg)}:host.disabled .header{cursor:not-allowed;background:var(--mecx-color-gray-200)}:host .content-wrapper{border-top:1px solid var(--mecx-color-gray-200);overflow:hidden}:host .content-wrapper .content{padding:24px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], title: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUE0Q3BELE1BQU0sT0FBTyx3QkFBd0I7SUFPbkMsSUFBYSxLQUFLLENBQUMsSUFBK0I7UUFDaEQsSUFBSSxJQUFJLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQztJQVlELElBQ0ksRUFBRTtRQUNKLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBSSxFQUFFLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsR0FBRyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFRDtRQWpDaUIsV0FBTSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBRWIsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUViLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFjekQsaUJBQVksR0FBb0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFFNUMsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQWM5RCwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDekIsQ0FBQzsrR0ExQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0IscUZBR2YsZ0JBQWdCLHNDQUVoQixnQkFBZ0IsK0xDM0R0Qyw2Y0FtQkEsMHlCREpZLFlBQVksd0xBU1Y7WUFDVixPQUFPLENBQUMsU0FBUyxFQUFFO2dCQUNqQixLQUFLLENBQ0gsTUFBTSxFQUNOLEtBQUssQ0FBQztvQkFDSixNQUFNLEVBQUUsS0FBSztvQkFDYixRQUFRLEVBQUUsUUFBUTtpQkFDbkIsQ0FBQyxDQUNIO2dCQUNELFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLE9BQU8sQ0FDTCxtQkFBbUIsRUFDbkIsS0FBSyxDQUFDO3dCQUNKLE1BQU0sRUFBRSxHQUFHO3dCQUNYLFFBQVEsRUFBRSxRQUFRO3FCQUNuQixDQUFDLENBQ0g7aUJBQ0YsQ0FBQztnQkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQzt3QkFDSixNQUFNLEVBQUUsS0FBSzt3QkFDYixRQUFRLEVBQUUsUUFBUTtxQkFDbkIsQ0FBQyxDQUNIO2lCQUNGLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLHdCQUF3QjtrQkExQ3BDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxRQUdqQjt3QkFDSixhQUFhLEVBQUUsa0JBQWtCO3dCQUNqQyxrQkFBa0IsRUFBRSxVQUFVO3dCQUM5QixXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7cUJBQ2IsY0FDVzt3QkFDVixPQUFPLENBQUMsU0FBUyxFQUFFOzRCQUNqQixLQUFLLENBQ0gsTUFBTSxFQUNOLEtBQUssQ0FBQztnQ0FDSixNQUFNLEVBQUUsS0FBSztnQ0FDYixRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FDTCxtQkFBbUIsRUFDbkIsS0FBSyxDQUFDO29DQUNKLE1BQU0sRUFBRSxHQUFHO29DQUNYLFFBQVEsRUFBRSxRQUFRO2lDQUNuQixDQUFDLENBQ0g7NkJBQ0YsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQztvQ0FDSixNQUFNLEVBQUUsS0FBSztvQ0FDYixRQUFRLEVBQUUsUUFBUTtpQ0FDbkIsQ0FBQyxDQUNIOzZCQUNGLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDt3REFLdUMsSUFBSTtzQkFBM0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFRSxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUV6QixLQUFLO3NCQUFqQixLQUFLO2dCQW1CRixFQUFFO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTW9ua2V5SWNvbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktYWNjb3JkaW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdtb25rZXktYWNjb3JkaW9uJyxcbiAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1tpZF0nOiAnaWQnXG4gIH0sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdjb250ZW50JywgW1xuICAgICAgc3RhdGUoXG4gICAgICAgICd2b2lkJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogJzBweCcsXG4gICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nXG4gICAgICAgIH0pXG4gICAgICApLFxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgaGVpZ2h0OiAnKicsXG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcbiAgICAgICAgICB9KVxuICAgICAgICApXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgYW5pbWF0ZShcbiAgICAgICAgICAnMzAwbXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgIGhlaWdodDogJzBweCcsXG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcbiAgICAgICAgICB9KVxuICAgICAgICApXG4gICAgICBdKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5QWNjb3JkaW9uQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfaWNvbnMgPSBpbmplY3QoTW9ua2V5SWNvbnNTZXJ2aWNlKTtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgb3BlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNldCB0aXRsZShkYXRhOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+KSB7XG4gICAgaWYgKGRhdGEgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy50aXRsZVJlZiA9IGRhdGE7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudGl0bGVTdHIgPSBkYXRhO1xuICAgIH1cbiAgfVxuXG4gIHRpdGxlU3RyOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgdGl0bGVSZWY6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQ7XG5cbiAgaW1nQXJyb3dEb3duOiBTYWZlSHRtbCB8IG51bGwgPSB0aGlzLl9pY29ucy5hcnJvd0Rvd247XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktYWNjb3JkaW9uLScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMub3BlbiA9ICF0aGlzLm9wZW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkZXJcIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgIEBpZiAodGl0bGVSZWYpIHtcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVJlZlwiIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICB7eyB0aXRsZVN0ciB9fVxuICAgIH1cbiAgPC9kaXY+XG4gIDxkaXYgW2lubmVySFRNTF09XCJpbWdBcnJvd0Rvd25cIiBjbGFzcz1cImljb25cIiBbY2xhc3Mucm90YXRlZF09XCJvcGVuXCI+PC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBwZXJcIj5cbiAgQGlmIChvcGVuKSB7XG4gICAgPGRpdiBbQGNvbnRlbnRdPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/accordion/index.mjs

@@ -0,0 +1,7 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './accordion.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi5jb21wb25lbnQnO1xuIl19

package/esm2022/lib/components/action-bar/action-bar.component.mjs

@@ -0,0 +1,46 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MonkeyActionBarComponent {
+    constructor() {
+        this.label = input();
+        this.position = input();
+        this.open = input();
+    }
+    get classes() {
+        return this.position();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyActionBarComponent, isStandalone: true, selector: "monkey-action-bar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-testid": "monkey-action-bar" }, properties: { "attr.id": "id", "id": "id", "class.open": "open()", "class": "this.classes" } }, ngImport: i0, template: `@if (open()) {
+    <span style="font-size: 13px" data-testid="label" *ngIf="label() as lb">
+      {{ lb }}
+    </span>
+
+    <ng-content></ng-content>
+  }`, isInline: true, styles: ["monkey-action-bar{background-color:var(--mecx-color-white);border-radius:12px;position:fixed;bottom:60px;gap:24px;display:none;align-items:center;padding:4px 4px 4px 24px;border:2px solid var(--mecx-color-gray-200);box-shadow:0 8px 12px -4px #2f32373d,0 8px 8px #2f323705,0 16px 16px 8px #2f323729}monkey-action-bar.center{left:50%;transform:translate(-50%)}monkey-action-bar.right{right:60px}monkey-action-bar.left{left:60px}monkey-action-bar.open{display:flex}@media (851px < width < 1315px){monkey-action-bar{left:60px!important;transform:translate(0)!important}}@media (width < 852px){monkey-action-bar{flex-direction:column;padding:16px}monkey-action-bar>*:before{content:initial!important;padding:16px!important}}@media (width < 450px){monkey-action-bar{flex-direction:column;left:24px!important;right:24px!important;bottom:24px!important;transform:translate(0)!important}monkey-action-bar>*:before{content:initial!important;padding:16px!important}}monkey-action-bar>*:not(:first-child){flex-shrink:0;display:inline-flex}monkey-action-bar>*:not(:first-child):before{content:\"\";display:flex;box-sizing:border-box;width:1px;background-color:var(--mecx-color-gray-200);margin-right:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyActionBarComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, imports: [CommonModule], selector: 'monkey-action-bar', standalone: true, template: `@if (open()) {
+    <span style="font-size: 13px" data-testid="label" *ngIf="label() as lb">
+      {{ lb }}
+    </span>
+
+    <ng-content></ng-content>
+  }`, host: {
+                        'data-testid': 'monkey-action-bar',
+                        '[attr.id]': 'id',
+                        '[id]': 'id',
+                        '[class.open]': 'open()'
+                    }, styles: ["monkey-action-bar{background-color:var(--mecx-color-white);border-radius:12px;position:fixed;bottom:60px;gap:24px;display:none;align-items:center;padding:4px 4px 4px 24px;border:2px solid var(--mecx-color-gray-200);box-shadow:0 8px 12px -4px #2f32373d,0 8px 8px #2f323705,0 16px 16px 8px #2f323729}monkey-action-bar.center{left:50%;transform:translate(-50%)}monkey-action-bar.right{right:60px}monkey-action-bar.left{left:60px}monkey-action-bar.open{display:flex}@media (851px < width < 1315px){monkey-action-bar{left:60px!important;transform:translate(0)!important}}@media (width < 852px){monkey-action-bar{flex-direction:column;padding:16px}monkey-action-bar>*:before{content:initial!important;padding:16px!important}}@media (width < 450px){monkey-action-bar{flex-direction:column;left:24px!important;right:24px!important;bottom:24px!important;transform:translate(0)!important}monkey-action-bar>*:before{content:initial!important;padding:16px!important}}monkey-action-bar>*:not(:first-child){flex-shrink:0;display:inline-flex}monkey-action-bar>*:not(:first-child):before{content:\"\";display:flex;box-sizing:border-box;width:1px;background-color:var(--mecx-color-gray-200);margin-right:24px}\n"] }]
+        }], propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXNCakYsTUFBTSxPQUFPLHdCQUF3QjtJQXBCckM7UUEwQkUsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUUzQixTQUFJLEdBQUcsS0FBSyxFQUFXLENBQUM7S0FDekI7SUFWQyxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDOytHQUpVLHdCQUF3QjttR0FBeEIsd0JBQXdCLG1tQkFkekI7Ozs7OztJQU1SLG12Q0FWUSxZQUFZOzs0RkFrQlgsd0JBQXdCO2tCQXBCcEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsWUFBWSxDQUFDLFlBQ2IsbUJBQW1CLGNBQ2pCLElBQUksWUFFTjs7Ozs7O0lBTVIsUUFDSTt3QkFDSixhQUFhLEVBQUUsbUJBQW1CO3dCQUNsQyxXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7d0JBQ1osY0FBYyxFQUFFLFFBQVE7cUJBQ3pCOzhCQUlHLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ21vbmtleS1hY3Rpb24tYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc3R5bGVVcmw6ICcuL2FjdGlvbi1iYXIuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZTogYEBpZiAob3BlbigpKSB7XG4gICAgPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDEzcHhcIiBkYXRhLXRlc3RpZD1cImxhYmVsXCIgKm5nSWY9XCJsYWJlbCgpIGFzIGxiXCI+XG4gICAgICB7eyBsYiB9fVxuICAgIDwvc3Bhbj5cblxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgfWAsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWFjdGlvbi1iYXInLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJyxcbiAgICAnW2NsYXNzLm9wZW5dJzogJ29wZW4oKSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlBY3Rpb25CYXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMucG9zaXRpb24oKTtcbiAgfVxuXG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIHBvc2l0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIG9wZW4gPSBpbnB1dDxib29sZWFuPigpO1xufVxuIl19

package/esm2022/lib/components/action-bar/index.mjs

@@ -0,0 +1,7 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './action-bar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1iYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuZXhwb3J0ICogZnJvbSAnLi9hY3Rpb24tYmFyLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/components/alert/alert.component.mjs

@@ -0,0 +1,50 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { Component, inject, Input, input, output, ViewEncapsulation } from '@angular/core';
+import { IdGenerator } from '../../../utils';
+import { MonkeyIconComponent } from '../icon';
+import * as i0 from "@angular/core";
+export class MonkeyAlertComponent {
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    constructor() {
+        this.buttonLabel = input('');
+        this.message = input.required();
+        this.title = input.required();
+        this.type = input.required();
+        this.onButtonClicked = output();
+        this._uid = inject(IdGenerator).getId('monkey-alert-');
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
+    icon(type) {
+        const typeIcons = {
+            alert: 'warning-outline',
+            default: 'info',
+            error: 'error-outline',
+            info: 'info',
+            success: 'checkmark-big-circle'
+        };
+        return typeIcons[type];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyAlertComponent, isStandalone: true, selector: "monkey-alert", inputs: { buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onButtonClicked: "onButtonClicked" }, host: { attributes: { "data-testid": "monkey-alert" }, properties: { "attr.id": "id", "id": "id" } }, ngImport: i0, template: "<div [class]=\"'monkey-alert__card ' + type()\">\n  @if (type()) {\n    <monkey-icon size=\"lg\" [class]=\"'monkey-alert__card__type-' + type()\" [icon]=\"icon(type())\" />\n  }\n  <div class=\"monkey-alert__card__content\">\n    <h4 class=\"monkey-alert__card__title\">{{ title() }}</h4>\n    <h5 class=\"monkey-alert__card__message\">{{ message() }}</h5>\n    @if (buttonLabel()) {\n      <div>\n        <a class=\"monkey-alert__card__link\" (click)=\"onButtonClicked.emit()\">\n          {{ buttonLabel() }}\n        </a>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["monkey-alert{display:flex}monkey-alert .monkey-alert__card{border-radius:8px;display:flex;gap:8px;padding:24px}monkey-alert .monkey-alert__card.alert{background-color:var(--mecx-color-warning-100);border:solid 2px var(--mecx-color-warning-500)}monkey-alert .monkey-alert__card.alert>.mk-i{color:var(--mecx-color-warning-500)}monkey-alert .monkey-alert__card.default{background-color:var(--mecx-color-gray-50);border:solid 2px var(--mecx-color-gray-400)}monkey-alert .monkey-alert__card.default>.mk-i{color:var(--mecx-color-gray-900)}monkey-alert .monkey-alert__card.error{background-color:var(--mecx-color-error-100);border:solid 2px var(--mecx-color-error-500)}monkey-alert .monkey-alert__card.error>.mk-i{color:var(--mecx-color-error-500)}monkey-alert .monkey-alert__card.info{background-color:var(--mecx-color-question-100);border:solid 2px var(--mecx-color-question-500)}monkey-alert .monkey-alert__card.info>.mk-i{color:var(--mecx-color-question-500)}monkey-alert .monkey-alert__card.success{background-color:var(--mecx-color-success-100);border:solid 2px var(--mecx-color-success-500)}monkey-alert .monkey-alert__card.success>.mk-i{color:var(--mecx-color-success-500)}monkey-alert .monkey-alert__card__content{display:flex;flex-direction:column;gap:8px}monkey-alert .monkey-alert__card__title{color:var(--mecx-color-gray-900);font-size:18px;font-weight:400;letter-spacing:.54px;line-height:24px}monkey-alert .monkey-alert__card__message{color:var(--mecx-color-gray-700);font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px}monkey-alert .monkey-alert__card__link{color:var(--mecx-color-gray-900);cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "size", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAlertComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, imports: [MonkeyIconComponent], selector: 'monkey-alert', standalone: true, host: {
+                        'data-testid': 'monkey-alert',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
+                    }, template: "<div [class]=\"'monkey-alert__card ' + type()\">\n  @if (type()) {\n    <monkey-icon size=\"lg\" [class]=\"'monkey-alert__card__type-' + type()\" [icon]=\"icon(type())\" />\n  }\n  <div class=\"monkey-alert__card__content\">\n    <h4 class=\"monkey-alert__card__title\">{{ title() }}</h4>\n    <h5 class=\"monkey-alert__card__message\">{{ message() }}</h5>\n    @if (buttonLabel()) {\n      <div>\n        <a class=\"monkey-alert__card__link\" (click)=\"onButtonClicked.emit()\">\n          {{ buttonLabel() }}\n        </a>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["monkey-alert{display:flex}monkey-alert .monkey-alert__card{border-radius:8px;display:flex;gap:8px;padding:24px}monkey-alert .monkey-alert__card.alert{background-color:var(--mecx-color-warning-100);border:solid 2px var(--mecx-color-warning-500)}monkey-alert .monkey-alert__card.alert>.mk-i{color:var(--mecx-color-warning-500)}monkey-alert .monkey-alert__card.default{background-color:var(--mecx-color-gray-50);border:solid 2px var(--mecx-color-gray-400)}monkey-alert .monkey-alert__card.default>.mk-i{color:var(--mecx-color-gray-900)}monkey-alert .monkey-alert__card.error{background-color:var(--mecx-color-error-100);border:solid 2px var(--mecx-color-error-500)}monkey-alert .monkey-alert__card.error>.mk-i{color:var(--mecx-color-error-500)}monkey-alert .monkey-alert__card.info{background-color:var(--mecx-color-question-100);border:solid 2px var(--mecx-color-question-500)}monkey-alert .monkey-alert__card.info>.mk-i{color:var(--mecx-color-question-500)}monkey-alert .monkey-alert__card.success{background-color:var(--mecx-color-success-100);border:solid 2px var(--mecx-color-success-500)}monkey-alert .monkey-alert__card.success>.mk-i{color:var(--mecx-color-success-500)}monkey-alert .monkey-alert__card__content{display:flex;flex-direction:column;gap:8px}monkey-alert .monkey-alert__card__title{color:var(--mecx-color-gray-900);font-size:18px;font-weight:400;letter-spacing:.54px;line-height:24px}monkey-alert .monkey-alert__card__message{color:var(--mecx-color-gray-700);font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px}monkey-alert .monkey-alert__card__link{color:var(--mecx-color-gray-900);cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px;text-decoration:underline}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxFQUVMLE1BQU0sRUFFTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFlOUMsTUFBTSxPQUFPLG9CQUFvQjtJQWUvQixJQUNJLEVBQUU7UUFDSixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQUksRUFBRSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQ7UUF2QkEsZ0JBQVcsR0FBd0IsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTdDLFlBQU8sR0FBd0IsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRXhELFVBQUssR0FBd0IsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRXRELFNBQUksR0FBaUMsS0FBSyxDQUFDLFFBQVEsRUFBbUIsQ0FBQztRQUV2RSxvQkFBZSxHQUEyQixNQUFNLEVBQVEsQ0FBQztRQUUvQyxTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQWMxRCwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFJLENBQUMsSUFBcUI7UUFDeEIsTUFBTSxTQUFTLEdBQUc7WUFDaEIsS0FBSyxFQUFFLGlCQUFpQjtZQUN4QixPQUFPLEVBQUUsTUFBTTtZQUNmLEtBQUssRUFBRSxlQUFlO1lBQ3RCLElBQUksRUFBRSxNQUFNO1lBQ1osT0FBTyxFQUFFLHNCQUFzQjtTQUNoQyxDQUFDO1FBRUYsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzsrR0F2Q1Usb0JBQW9CO21HQUFwQixvQkFBb0IsNjBCQ2hDakMsdWpCQWdCQSwydkRES1ksbUJBQW1COzs0RkFXbEIsb0JBQW9CO2tCQWJoQyxTQUFTO29DQUNPLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxtQkFBbUIsQ0FBQyxZQUNwQixjQUFjLGNBQ1osSUFBSSxRQUdWO3dCQUNKLGFBQWEsRUFBRSxjQUFjO3dCQUM3QixXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7cUJBQ2I7d0RBa0JHLEVBQUU7c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIGlucHV0LFxuICBJbnB1dFNpZ25hbCxcbiAgb3V0cHV0LFxuICBPdXRwdXRFbWl0dGVyUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBNb25rZXlBbGVydFR5cGUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE1vbmtleUljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtNb25rZXlJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICdtb25rZXktYWxlcnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzdHlsZVVybDogJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS1hbGVydCcsXG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1tpZF0nOiAnaWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5QWxlcnRDb21wb25lbnQge1xuICBidXR0b25MYWJlbDogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KCcnKTtcblxuICBtZXNzYWdlOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIHRpdGxlOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIHR5cGU6IElucHV0U2lnbmFsPE1vbmtleUFsZXJ0VHlwZT4gPSBpbnB1dC5yZXF1aXJlZDxNb25rZXlBbGVydFR5cGU+KCk7XG5cbiAgb25CdXR0b25DbGlja2VkOiBPdXRwdXRFbWl0dGVyUmVmPHZvaWQ+ID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktYWxlcnQtJyk7XG5cbiAgcHJvdGVjdGVkIF9pZCE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWQ7XG4gIH1cblxuICBzZXQgaWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2lkID0gdmFsdWUgfHwgdGhpcy5fdWlkO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXNlbGYtYXNzaWduXG4gICAgdGhpcy5pZCA9IHRoaXMuaWQ7XG4gIH1cblxuICBpY29uKHR5cGU6IE1vbmtleUFsZXJ0VHlwZSk6IHN0cmluZyB7XG4gICAgY29uc3QgdHlwZUljb25zID0ge1xuICAgICAgYWxlcnQ6ICd3YXJuaW5nLW91dGxpbmUnLFxuICAgICAgZGVmYXVsdDogJ2luZm8nLFxuICAgICAgZXJyb3I6ICdlcnJvci1vdXRsaW5lJyxcbiAgICAgIGluZm86ICdpbmZvJyxcbiAgICAgIHN1Y2Nlc3M6ICdjaGVja21hcmstYmlnLWNpcmNsZSdcbiAgICB9O1xuXG4gICAgcmV0dXJuIHR5cGVJY29uc1t0eXBlXTtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiJ21vbmtleS1hbGVydF9fY2FyZCAnICsgdHlwZSgpXCI+XG4gIEBpZiAodHlwZSgpKSB7XG4gICAgPG1vbmtleS1pY29uIHNpemU9XCJsZ1wiIFtjbGFzc109XCInbW9ua2V5LWFsZXJ0X19jYXJkX190eXBlLScgKyB0eXBlKClcIiBbaWNvbl09XCJpY29uKHR5cGUoKSlcIiAvPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJtb25rZXktYWxlcnRfX2NhcmRfX2NvbnRlbnRcIj5cbiAgICA8aDQgY2xhc3M9XCJtb25rZXktYWxlcnRfX2NhcmRfX3RpdGxlXCI+e3sgdGl0bGUoKSB9fTwvaDQ+XG4gICAgPGg1IGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX19tZXNzYWdlXCI+e3sgbWVzc2FnZSgpIH19PC9oNT5cbiAgICBAaWYgKGJ1dHRvbkxhYmVsKCkpIHtcbiAgICAgIDxkaXY+XG4gICAgICAgIDxhIGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX19saW5rXCIgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZC5lbWl0KClcIj5cbiAgICAgICAgICB7eyBidXR0b25MYWJlbCgpIH19XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/alert/index.mjs

@@ -0,0 +1,7 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './alert.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/avatar/avatar.component.mjs

@@ -0,0 +1,55 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { Component, effect, inject, input } from '@angular/core';
+import { IdGenerator, objHaveProperty } from '../../../utils';
+import { MonkeyIconComponent } from '../icon';
+import * as i0 from "@angular/core";
+export class MonkeyAvatarComponent {
+    constructor() {
+        this._id = inject(IdGenerator).getId('monkey-avatar-');
+        this.size = input('xs');
+        this.src = input.required();
+        this.id = input();
+        this.avatar = '?';
+        this.avatarType = 'name';
+        effect(() => {
+            this._id = this.id() || this._id;
+            this.handleAvatarType();
+        });
+    }
+    getInitial(text) {
+        return text.toUpperCase()[0];
+    }
+    handleAvatarType() {
+        const { getInitial, src } = this;
+        const value = src();
+        if (objHaveProperty(value, 'iconName')) {
+            this.avatarType = 'icon';
+            this.avatar = value.iconName;
+            return;
+        }
+        if (objHaveProperty(value, 'imageUrl')) {
+            this.avatarType = 'image';
+            this.avatar = value.imageUrl;
+            return;
+        }
+        if (objHaveProperty(value, 'name')) {
+            this.avatarType = 'name';
+            this.avatar = getInitial(value.name);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyAvatarComponent, isStandalone: true, selector: "monkey-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-testid": "monkey-avatar" }, properties: { "attr.id": "_id", "id": "_id" } }, ngImport: i0, template: "<div class=\"monkey-avatar\" [class]=\"size()\">\n  @switch (avatarType) {\n    @case ('name') {\n      <p [class]=\"size()\">{{ avatar }}</p>\n    }\n\n    @case ('icon') {\n      <monkey-icon [icon]=\"avatar\" [size]=\"size()\" />\n    }\n\n    @case ('image') {\n      <img loading=\"lazy\" [alt]=\"'Avatar ' + avatarType\" [class]=\"size()\" [src]=\"avatar\" />\n    }\n  }\n</div>\n", styles: [".monkey-avatar{align-items:center;background:#f1f2f3;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.monkey-avatar.xs{height:24px;width:24px}.monkey-avatar.sm{height:32px;width:32px}.monkey-avatar.md{border-radius:8px;height:40px;width:40px}.monkey-avatar.lg{border-radius:12px;height:48px;width:48px}.monkey-avatar p{font-style:normal;font-weight:400;letter-spacing:.26px;line-height:16px}.monkey-avatar p.xs{font-size:16px}.monkey-avatar p.sm{font-size:18px}.monkey-avatar p.md{font-size:20px}.monkey-avatar p.lg{font-size:22px}.monkey-avatar img{border-radius:4px;height:auto}.monkey-avatar img.xs{width:24px}.monkey-avatar img.sm{width:32px}.monkey-avatar img.md{border-radius:8px;width:40px}.monkey-avatar img.lg{border-radius:12px;width:48px}\n"], dependencies: [{ kind: "component", type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "size", "id"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [MonkeyIconComponent], selector: 'monkey-avatar', standalone: true, host: {
+                        'data-testid': 'monkey-avatar',
+                        '[attr.id]': '_id',
+                        '[id]': '_id'
+                    }, template: "<div class=\"monkey-avatar\" [class]=\"size()\">\n  @switch (avatarType) {\n    @case ('name') {\n      <p [class]=\"size()\">{{ avatar }}</p>\n    }\n\n    @case ('icon') {\n      <monkey-icon [icon]=\"avatar\" [size]=\"size()\" />\n    }\n\n    @case ('image') {\n      <img loading=\"lazy\" [alt]=\"'Avatar ' + avatarType\" [class]=\"size()\" [src]=\"avatar\" />\n    }\n  }\n</div>\n", styles: [".monkey-avatar{align-items:center;background:#f1f2f3;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.monkey-avatar.xs{height:24px;width:24px}.monkey-avatar.sm{height:32px;width:32px}.monkey-avatar.md{border-radius:8px;height:40px;width:40px}.monkey-avatar.lg{border-radius:12px;height:48px;width:48px}.monkey-avatar p{font-style:normal;font-weight:400;letter-spacing:.26px;line-height:16px}.monkey-avatar p.xs{font-size:16px}.monkey-avatar p.sm{font-size:18px}.monkey-avatar p.md{font-size:20px}.monkey-avatar p.lg{font-size:22px}.monkey-avatar img{border-radius:4px;height:auto}.monkey-avatar img.xs{width:24px}.monkey-avatar img.sm{width:32px}.monkey-avatar img.md{border-radius:8px;width:40px}.monkey-avatar img.lg{border-radius:12px;width:48px}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBaUI5QyxNQUFNLE9BQU8scUJBQXFCO0lBYWhDO1FBWlUsUUFBRyxHQUFRLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUV4RCxTQUFJLEdBQTRCLEtBQUssQ0FBQyxJQUFrQixDQUFDLENBQUM7UUFFMUQsUUFBRyxHQUFpQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFckQsT0FBRSxHQUFvQyxLQUFLLEVBQUUsQ0FBQztRQUVoRCxXQUFNLEdBQUcsR0FBRyxDQUFDO1FBRWIsZUFBVSxHQUFxQixNQUFNLENBQUM7UUFHM0MsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUM7WUFFakMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sVUFBVSxDQUFDLElBQVk7UUFDN0IsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztRQUNqQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUVwQixJQUFJLGVBQWUsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFJLEtBQThCLENBQUMsUUFBUSxDQUFDO1lBRXZELE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDdkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUM7WUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBSSxLQUE4QixDQUFDLFFBQVEsQ0FBQztZQUV2RCxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksZUFBZSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFFLEtBQTBCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNILENBQUM7K0dBL0NVLHFCQUFxQjttR0FBckIscUJBQXFCLG1oQkN6QmxDLHFZQWVBLHEwQkREWSxtQkFBbUI7OzRGQVdsQixxQkFBcUI7a0JBWmpDLFNBQVM7OEJBQ0MsQ0FBQyxtQkFBbUIsQ0FBQyxZQUNwQixlQUFlLGNBQ2IsSUFBSSxRQUdWO3dCQUNKLGFBQWEsRUFBRSxlQUFlO3dCQUM5QixXQUFXLEVBQUUsS0FBSzt3QkFDbEIsTUFBTSxFQUFFLEtBQUs7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIElucHV0U2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciwgb2JqSGF2ZVByb3BlcnR5IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTW9ua2V5U2l6ZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTW9ua2V5SWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuXG50eXBlIE1vbmtleUF2YXRhclNyYyA9IHsgaWNvbk5hbWU6IHN0cmluZyB9IHwgeyBpbWFnZVVybDogc3RyaW5nIH0gfCB7IG5hbWU6IHN0cmluZyB9O1xudHlwZSBNb25rZXlBdmF0YXJUeXBlID0gJ2ljb24nIHwgJ2ltYWdlJyB8ICduYW1lJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtNb25rZXlJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICdtb25rZXktYXZhdGFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc3R5bGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS1hdmF0YXInLFxuICAgICdbYXR0ci5pZF0nOiAnX2lkJyxcbiAgICAnW2lkXSc6ICdfaWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5QXZhdGFyQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIF9pZDogYW55ID0gaW5qZWN0KElkR2VuZXJhdG9yKS5nZXRJZCgnbW9ua2V5LWF2YXRhci0nKTtcblxuICByZWFkb25seSBzaXplOiBJbnB1dFNpZ25hbDxNb25rZXlTaXplPiA9IGlucHV0KCd4cycgYXMgTW9ua2V5U2l6ZSk7XG5cbiAgcmVhZG9ubHkgc3JjOiBJbnB1dFNpZ25hbDxNb25rZXlBdmF0YXJTcmM+ID0gaW5wdXQucmVxdWlyZWQoKTtcblxuICByZWFkb25seSBpZDogSW5wdXRTaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPiA9IGlucHV0KCk7XG5cbiAgcHVibGljIGF2YXRhciA9ICc/JztcblxuICBwdWJsaWMgYXZhdGFyVHlwZTogTW9ua2V5QXZhdGFyVHlwZSA9ICduYW1lJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5faWQgPSB0aGlzLmlkKCkgfHwgdGhpcy5faWQ7XG5cbiAgICAgIHRoaXMuaGFuZGxlQXZhdGFyVHlwZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRJbml0aWFsKHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRleHQudG9VcHBlckNhc2UoKVswXTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlQXZhdGFyVHlwZSgpOiB2b2lkIHtcbiAgICBjb25zdCB7IGdldEluaXRpYWwsIHNyYyB9ID0gdGhpcztcbiAgICBjb25zdCB2YWx1ZSA9IHNyYygpO1xuXG4gICAgaWYgKG9iakhhdmVQcm9wZXJ0eSh2YWx1ZSwgJ2ljb25OYW1lJykpIHtcbiAgICAgIHRoaXMuYXZhdGFyVHlwZSA9ICdpY29uJztcbiAgICAgIHRoaXMuYXZhdGFyID0gKHZhbHVlIGFzIHsgaWNvbk5hbWU6IHN0cmluZyB9KS5pY29uTmFtZTtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChvYmpIYXZlUHJvcGVydHkodmFsdWUsICdpbWFnZVVybCcpKSB7XG4gICAgICB0aGlzLmF2YXRhclR5cGUgPSAnaW1hZ2UnO1xuICAgICAgdGhpcy5hdmF0YXIgPSAodmFsdWUgYXMgeyBpbWFnZVVybDogc3RyaW5nIH0pLmltYWdlVXJsO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKG9iakhhdmVQcm9wZXJ0eSh2YWx1ZSwgJ25hbWUnKSkge1xuICAgICAgdGhpcy5hdmF0YXJUeXBlID0gJ25hbWUnO1xuICAgICAgdGhpcy5hdmF0YXIgPSBnZXRJbml0aWFsKCh2YWx1ZSBhcyB7IG5hbWU6IHN0cmluZyB9KS5uYW1lKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb25rZXktYXZhdGFyXCIgW2NsYXNzXT1cInNpemUoKVwiPlxuICBAc3dpdGNoIChhdmF0YXJUeXBlKSB7XG4gICAgQGNhc2UgKCduYW1lJykge1xuICAgICAgPHAgW2NsYXNzXT1cInNpemUoKVwiPnt7IGF2YXRhciB9fTwvcD5cbiAgICB9XG5cbiAgICBAY2FzZSAoJ2ljb24nKSB7XG4gICAgICA8bW9ua2V5LWljb24gW2ljb25dPVwiYXZhdGFyXCIgW3NpemVdPVwic2l6ZSgpXCIgLz5cbiAgICB9XG5cbiAgICBAY2FzZSAoJ2ltYWdlJykge1xuICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFthbHRdPVwiJ0F2YXRhciAnICsgYXZhdGFyVHlwZVwiIFtjbGFzc109XCJzaXplKClcIiBbc3JjXT1cImF2YXRhclwiIC8+XG4gICAgfVxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/avatar/index.mjs

@@ -0,0 +1,7 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './avatar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuIl19

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

@@ -0,0 +1,74 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, Component, HostBinding, inject, Input } from '@angular/core';
+import { IdGenerator } from '../../../utils';
+import { MonkeyIconComponent } from '../icon';
+import * as i0 from "@angular/core";
+export class MonkeyBadgeComponent {
+    constructor() {
+        this.idGenerator = inject(IdGenerator);
+        this.id = this.idGenerator.getId('monkey-badge-');
+        this.hostVariables = {};
+        this.size = 'sm';
+        this.largePadding = false;
+        this.icon = '';
+        this.text = '';
+    }
+    set type(value) {
+        const styles = {
+            success: { background: '#F5FFFB', color: '#005236' },
+            alert: { background: '#FFF8EB', color: '#1F2024' },
+            error: { background: '#FFECEC', color: '#DB0505' },
+            info: { background: '#F4EBFF', color: '#2D0264' },
+            default: { background: '#f8fafb', color: '#1f2024' }
+        }[value];
+        this.hostVariables = {
+            '--monkey-badge-background': styles?.background,
+            '--monkey-badge-color': styles?.color
+        };
+    }
+    set typeColors(value) {
+        if (value) {
+            this.hostVariables = {
+                '--monkey-badge-background': value?.background,
+                '--monkey-badge-color': value?.color
+            };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyBadgeComponent, isStandalone: true, selector: "monkey-badge", inputs: { type: "type", typeColors: "typeColors", size: "size", largePadding: ["largePadding", "largePadding", booleanAttribute], icon: "icon", text: "text" }, host: { attributes: { "data-testid": "monkey-badge" }, properties: { "attr.id": "id", "style": "this.hostVariables", "class": "this.size", "class.large-padding": "this.largePadding" } }, ngImport: i0, template: "@if (text) {\n  @if (icon) {\n    <monkey-icon class=\"icon\" [icon]=\"icon\"></monkey-icon>\n  }\n  <span>\n    {{ text }}\n  </span>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{gap:4px;display:inline-flex;font-weight:500;padding:8px 12px;border-radius:8px;align-items:start;font-style:normal;letter-spacing:.24px;color:var(--monkey-badge-color, #1f2024);background-color:var(--monkey-badge-background, #f8fafb)}:host.large-padding{padding:12px 16px}:host.sm{font-size:12px;line-height:16px}:host.sm .icon{font-size:16px}:host.md{font-size:16px;line-height:20px}:host.md .icon{font-size:20px}:host.lg{font-size:20px;line-height:24px}:host.lg .icon{font-size:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "size", "id"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-badge', standalone: true, imports: [CommonModule, MonkeyIconComponent], host: {
+                        'data-testid': 'monkey-badge',
+                        '[attr.id]': 'id'
+                    }, template: "@if (text) {\n  @if (icon) {\n    <monkey-icon class=\"icon\" [icon]=\"icon\"></monkey-icon>\n  }\n  <span>\n    {{ text }}\n  </span>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{gap:4px;display:inline-flex;font-weight:500;padding:8px 12px;border-radius:8px;align-items:start;font-style:normal;letter-spacing:.24px;color:var(--monkey-badge-color, #1f2024);background-color:var(--monkey-badge-background, #f8fafb)}:host.large-padding{padding:12px 16px}:host.sm{font-size:12px;line-height:16px}:host.sm .icon{font-size:16px}:host.md{font-size:16px;line-height:20px}:host.md .icon{font-size:20px}:host.lg{font-size:20px;line-height:24px}:host.lg .icon{font-size:24px}\n"] }]
+        }], propDecorators: { hostVariables: [{
+                type: HostBinding,
+                args: ['style']
+            }], type: [{
+                type: Input
+            }], typeColors: [{
+                type: Input
+            }], size: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }], largePadding: [{
+                type: HostBinding,
+                args: ['class.large-padding']
+            }, {
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQWE5QyxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWW1CLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTFDLE9BQUUsR0FBVyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUV4QyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQTZCekMsU0FBSSxHQUFlLElBQUksQ0FBQztRQUl4QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUVaLFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQUM1QjtJQXBDQyxJQUFhLElBQUksQ0FBQyxLQUF5RDtRQUN6RSxNQUFNLE1BQU0sR0FBRztZQUNiLE9BQU8sRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUNwRCxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDbEQsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ2xELElBQUksRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUNqRCxPQUFPLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7U0FDckQsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVULElBQUksQ0FBQyxhQUFhLEdBQUc7WUFDbkIsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLFVBQVU7WUFDL0Msc0JBQXNCLEVBQUUsTUFBTSxFQUFFLEtBQUs7U0FDdEMsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUNJLFVBQVUsQ0FBQyxLQUE0QztRQUN6RCxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsR0FBRztnQkFDbkIsMkJBQTJCLEVBQUUsS0FBSyxFQUFFLFVBQVU7Z0JBQzlDLHNCQUFzQixFQUFFLEtBQUssRUFBRSxLQUFLO2FBQ3JDLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0E5QlUsb0JBQW9CO21HQUFwQixvQkFBb0IsK0pBcUNYLGdCQUFnQixvUEMzRHRDLHFMQVVBLHNpQkRJWSxZQUFZLCtCQUFFLG1CQUFtQjs7NEZBUWhDLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLFFBR3RDO3dCQUNKLGFBQWEsRUFBRSxjQUFjO3dCQUM3QixXQUFXLEVBQUUsSUFBSTtxQkFDbEI7OEJBT3FCLGFBQWE7c0JBQWxDLFdBQVc7dUJBQUMsT0FBTztnQkFFUCxJQUFJO3NCQUFoQixLQUFLO2dCQWdCRixVQUFVO3NCQURiLEtBQUs7Z0JBWU4sSUFBSTtzQkFGSCxXQUFXO3VCQUFDLE9BQU87O3NCQUNuQixLQUFLO2dCQUtOLFlBQVk7c0JBRlgsV0FBVzt1QkFBQyxxQkFBcUI7O3NCQUNqQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUc3QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IE1vbmtleVNpemUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE1vbmtleUljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTW9ua2V5SWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuc2NzcycsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWJhZGdlJyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUJhZGdlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBpZEdlbmVyYXRvciA9IGluamVjdChJZEdlbmVyYXRvcik7XG5cbiAgcmVhZG9ubHkgaWQ6IHN0cmluZyA9IHRoaXMuaWRHZW5lcmF0b3IuZ2V0SWQoJ21vbmtleS1iYWRnZS0nKTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgaG9zdFZhcmlhYmxlcyA9IHt9O1xuXG4gIEBJbnB1dCgpIHNldCB0eXBlKHZhbHVlOiAnc3VjY2VzcycgfCAnYWxlcnQnIHwgJ2Vycm9yJyB8ICdpbmZvJyB8ICdkZWZhdWx0Jykge1xuICAgIGNvbnN0IHN0eWxlcyA9IHtcbiAgICAgIHN1Y2Nlc3M6IHsgYmFja2dyb3VuZDogJyNGNUZGRkInLCBjb2xvcjogJyMwMDUyMzYnIH0sXG4gICAgICBhbGVydDogeyBiYWNrZ3JvdW5kOiAnI0ZGRjhFQicsIGNvbG9yOiAnIzFGMjAyNCcgfSxcbiAgICAgIGVycm9yOiB7IGJhY2tncm91bmQ6ICcjRkZFQ0VDJywgY29sb3I6ICcjREIwNTA1JyB9LFxuICAgICAgaW5mbzogeyBiYWNrZ3JvdW5kOiAnI0Y0RUJGRicsIGNvbG9yOiAnIzJEMDI2NCcgfSxcbiAgICAgIGRlZmF1bHQ6IHsgYmFja2dyb3VuZDogJyNmOGZhZmInLCBjb2xvcjogJyMxZjIwMjQnIH1cbiAgICB9W3ZhbHVlXTtcblxuICAgIHRoaXMuaG9zdFZhcmlhYmxlcyA9IHtcbiAgICAgICctLW1vbmtleS1iYWRnZS1iYWNrZ3JvdW5kJzogc3R5bGVzPy5iYWNrZ3JvdW5kLFxuICAgICAgJy0tbW9ua2V5LWJhZGdlLWNvbG9yJzogc3R5bGVzPy5jb2xvclxuICAgIH07XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgdHlwZUNvbG9ycyh2YWx1ZTogeyBiYWNrZ3JvdW5kOiBzdHJpbmc7IGNvbG9yOiBzdHJpbmcgfSkge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgdGhpcy5ob3N0VmFyaWFibGVzID0ge1xuICAgICAgICAnLS1tb25rZXktYmFkZ2UtYmFja2dyb3VuZCc6IHZhbHVlPy5iYWNrZ3JvdW5kLFxuICAgICAgICAnLS1tb25rZXktYmFkZ2UtY29sb3InOiB2YWx1ZT8uY29sb3JcbiAgICAgIH07XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIEBJbnB1dCgpXG4gIHNpemU6IE1vbmtleVNpemUgPSAnc20nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MubGFyZ2UtcGFkZGluZycpXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBsYXJnZVBhZGRpbmcgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbn1cbiIsIkBpZiAodGV4dCkge1xuICBAaWYgKGljb24pIHtcbiAgICA8bW9ua2V5LWljb24gY2xhc3M9XCJpY29uXCIgW2ljb25dPVwiaWNvblwiPjwvbW9ua2V5LWljb24+XG4gIH1cbiAgPHNwYW4+XG4gICAge3sgdGV4dCB9fVxuICA8L3NwYW4+XG59IEBlbHNlIHtcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19

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

@@ -0,0 +1,7 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './badge.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,56 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, Component, inject, Input, ViewEncapsulation } from '@angular/core';
+import { Router } from '@angular/router';
+import { IdGenerator } from '../../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MonkeyBreadcrumbComponent {
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    constructor() {
+        this.colapsed = false;
+        this._router = inject(Router);
+        this._uid = inject(IdGenerator).getId('monkey-breadcrumb-');
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
+    handleNavigate(item) {
+        if (item.callback) {
+            item.callback();
+        }
+        else {
+            this._router.navigate([item.path]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyBreadcrumbComponent, isStandalone: true, selector: "monkey-breadcrumb", inputs: { first: "first", last: "last", colapsed: ["colapsed", "colapsed", booleanAttribute], id: "id" }, host: { attributes: { "data-testid": "monkey-breadcrumb" }, properties: { "attr.id": "id", "id": "id" } }, ngImport: i0, template: "<div class=\"breadcrumbs\">\n  <a class=\"first\" (click)=\"handleNavigate(first)\">\n    {{ first.label | titlecase }}\n  </a>\n  <span>/</span>\n  @if(colapsed){\n  <span>...</span>\n  <span>/</span>\n  }\n  <a class=\"last\" (click)=\"handleNavigate(last)\">\n    {{ last.label | titlecase }}\n  </a>\n</div>\n", styles: ["monkey-breadcrumb .last{color:var(--mecx-color-theme-main);text-decoration:none}monkey-breadcrumb .last:hover{text-decoration:underline}monkey-breadcrumb .first{color:#000;text-decoration:none}monkey-breadcrumb .first:hover{text-decoration:underline}monkey-breadcrumb .breadcrumbs{display:flex;gap:8px;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-breadcrumb', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, host: {
+                        'data-testid': 'monkey-breadcrumb',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
+                    }, template: "<div class=\"breadcrumbs\">\n  <a class=\"first\" (click)=\"handleNavigate(first)\">\n    {{ first.label | titlecase }}\n  </a>\n  <span>/</span>\n  @if(colapsed){\n  <span>...</span>\n  <span>/</span>\n  }\n  <a class=\"last\" (click)=\"handleNavigate(last)\">\n    {{ last.label | titlecase }}\n  </a>\n</div>\n", styles: ["monkey-breadcrumb .last{color:var(--mecx-color-theme-main);text-decoration:none}monkey-breadcrumb .last:hover{text-decoration:underline}monkey-breadcrumb .first{color:#000;text-decoration:none}monkey-breadcrumb .first:hover{text-decoration:underline}monkey-breadcrumb .breadcrumbs{display:flex;gap:8px;align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { first: [{
+                type: Input,
+                args: [{ required: true }]
+            }], last: [{
+                type: Input,
+                args: [{ required: true }]
+            }], colapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFnQjdDLE1BQU0sT0FBTyx5QkFBeUI7SUFhcEMsSUFDSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ2xCLENBQUM7SUFFRCxJQUFJLEVBQUUsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVEO1FBakJ3QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXhELFlBQU8sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFekIsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQWMvRCwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBZ0I7UUFDN0IsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2xCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQzsrR0FqQ1UseUJBQXlCO21HQUF6Qix5QkFBeUIsZ0lBS2hCLGdCQUFnQixrSkM3QnRDLDJUQWFBLDRYRENZLFlBQVk7OzRGQVVYLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osYUFBYSxFQUFFLG1CQUFtQjt3QkFDbEMsV0FBVyxFQUFFLElBQUk7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiO3dEQUcwQixLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFRSxJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFZSxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQVNsQyxFQUFFO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IEJyZWFkY3J1bWIgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJyZWFkY3J1bWInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWJyZWFkY3J1bWInLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUJyZWFkY3J1bWJDb21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBmaXJzdCE6IEJyZWFkY3J1bWI7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgbGFzdCE6IEJyZWFkY3J1bWI7XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGNvbGFwc2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcblxuICBwcm90ZWN0ZWQgX3VpZCA9IGluamVjdChJZEdlbmVyYXRvcikuZ2V0SWQoJ21vbmtleS1icmVhZGNydW1iLScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgaGFuZGxlTmF2aWdhdGUoaXRlbTogQnJlYWRjcnVtYikge1xuICAgIGlmIChpdGVtLmNhbGxiYWNrKSB7XG4gICAgICBpdGVtLmNhbGxiYWNrKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbaXRlbS5wYXRoXSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYnJlYWRjcnVtYnNcIj5cbiAgPGEgY2xhc3M9XCJmaXJzdFwiIChjbGljayk9XCJoYW5kbGVOYXZpZ2F0ZShmaXJzdClcIj5cbiAgICB7eyBmaXJzdC5sYWJlbCB8IHRpdGxlY2FzZSB9fVxuICA8L2E+XG4gIDxzcGFuPi88L3NwYW4+XG4gIEBpZihjb2xhcHNlZCl7XG4gIDxzcGFuPi4uLjwvc3Bhbj5cbiAgPHNwYW4+Lzwvc3Bhbj5cbiAgfVxuICA8YSBjbGFzcz1cImxhc3RcIiAoY2xpY2spPVwiaGFuZGxlTmF2aWdhdGUobGFzdClcIj5cbiAgICB7eyBsYXN0LmxhYmVsIHwgdGl0bGVjYXNlIH19XG4gIDwvYT5cbjwvZGl2PlxuIl19