monkey-style-guide-v2 0.0.5 → 0.0.7

package/assets/scss/typography/_mixins.scss

@@ -0,0 +1,111 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
+@import '../partials/variables';
+@import 'function';
+
+@mixin mecx-font($props: ()) {
+  $default-props: (
+    size: f-size(base),
+    weight: f-weight(regular),
+    line-height: f-lh(base),
+    color: #000
+  );
+  $properties: (
+    size: font-size,
+    weight: font-weight,
+    line-height: line-height,
+    color: color
+  );
+
+  @each $key, $property in $properties {
+    $value: if(map-has-key($props, $key), map-get($props, $key), map-get($default-props, $key));
+
+    @if $value != null {
+      #{$property}: #{$value};
+    }
+  }
+}
+
+@mixin sizes() {
+  @each $key, $value in $mecx-sizes {
+    &-#{$key} {
+      font-size: $value !important;
+    }
+  }
+}
+
+@mixin weight() {
+  @each $key, $value in $mecx-weight {
+    &-weight-#{$key} {
+      font-weight: $value !important;
+    }
+  }
+}
+
+@mixin line-height() {
+  @each $key, $value in $mecx-lh {
+    &-lh-#{$key} {
+      line-height: $value !important;
+    }
+  }
+}
+
+@mixin align() {
+  @each $key, $value in $mecx-align {
+    &-a-#{$key} {
+      text-align: $value !important;
+    }
+  }
+}
+
+@mixin gray-cl($attribute: 'color') {
+  @each $key, $value in $mecx-gray {
+    &-cl-gray-#{$key} {
+      #{$attribute}: $value !important;
+    }
+  }
+}
+
+@mixin theme-cl($attribute: 'color') {
+  @each $key, $value in $mecx-theme {
+    @if type-of($value) != 'map' {
+      &-cl-theme-#{$key} {
+        #{$attribute}: $value !important;
+      }
+    }
+  }
+}
+
+@mixin warning-cl($attribute: 'color') {
+  @each $key, $value in $mecx-warning {
+    @if type-of($value) != 'map' {
+      &-cl-warning-#{$key} {
+        #{$attribute}: $value !important;
+      }
+    }
+  }
+}
+
+@mixin success-cl($attribute: 'color') {
+  @each $key, $value in $mecx-success {
+    @if type-of($value) != 'map' {
+      &-cl-success-#{$key} {
+        #{$attribute}: $value !important;
+      }
+    }
+  }
+}
+
+@mixin error-cl($attribute: 'color') {
+  @each $key, $value in $mecx-error {
+    @if type-of($value) != 'map' {
+      &-cl-error-#{$key} {
+        #{$attribute}: $value !important;
+      }
+    }
+  }
+}

package/assets/scss/typography/_styles.scss

@@ -0,0 +1,186 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+
+@import 'mixins';
+@import '../partials/variables';
+@import 'function';
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #fff;
+}
+
+h1 {
+  @include mecx-font(
+    (
+      size: f-size(xxl)
+    )
+  );
+}
+
+h2 {
+  @include mecx-font(
+    (
+      size: f-size(xl)
+    )
+  );
+}
+
+h3 {
+  @include mecx-font(
+    (
+      size: f-size(lg)
+    )
+  );
+}
+
+h4 {
+  @include mecx-font(
+    (
+      size: f-size(md)
+    )
+  );
+}
+
+h5 {
+  @include mecx-font(
+    (
+      size: f-size(sm)
+    )
+  );
+}
+
+h6 {
+  @include mecx-font;
+}
+
+p {
+  @include mecx-font;
+}
+
+a {
+  text-decoration: none;
+  cursor: pointer;
+
+  @include mecx-font(
+    (
+      color: #0066cc
+    )
+  );
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.bg {
+  @include gray-cl('background-color');
+  @include theme-cl('background-color');
+  @include warning-cl('background-color');
+  @include success-cl('background-color');
+}
+
+.txt {
+  @include gray-cl;
+  @include theme-cl;
+  @include warning-cl;
+  @include success-cl;
+  @include error-cl;
+  @include align;
+  @include sizes;
+  @include weight;
+  @include line-height;
+
+  &-none {
+    text-decoration: none;
+  }
+
+  &-underline {
+    text-decoration: underline;
+  }
+
+  &-upper {
+    text-transform: uppercase;
+  }
+
+  &-lower {
+    text-transform: lowercase;
+  }
+
+  &-capitalize {
+    text-transform: capitalize;
+  }
+
+  &-shadow {
+    text-shadow: 2px 2px 4px;
+    color: f-cl-gray(700);
+  }
+}
+
+.mecx-title-page {
+  @include mecx-font(
+    (
+      size: f-size(xl),
+      weight: f-weight(bold),
+      height: f-lh(super),
+      color: f-cl-gray(900)
+    )
+  );
+}
+
+.mecx-subtitle-page {
+  @include mecx-font(
+    (
+      size: f-size(xs),
+      weight: f-weight(regular),
+      height: f-lh(med),
+      color: f-cl-gray(700)
+    )
+  );
+  letter-spacing: 0.48px;
+}
+
+.mecx-description {
+  @include mecx-font(
+    (
+      size: f-size(xs),
+      weight: f-weight(regular),
+      height: f-lh(md)
+    )
+  );
+}
+
+.mecx-title {
+  @include mecx-font(
+    (
+      size: f-size(xxs),
+      weight: f-weight(regular),
+      height: f-lh(md),
+      color: f-cl-gray(700)
+    )
+  );
+}
+
+.mecx-value {
+  @include mecx-font(
+    (
+      size: f-size(xxs),
+      weight: f-weight(regular),
+      height: f-lh(md)
+    )
+  );
+}
+
+.mecx-label {
+  @include mecx-font(
+    (
+      size: f-size(xxs),
+      weight: f-weight(regular),
+      height: f-lh(md)
+    )
+  );
+}

package/esm2022/lib/components/index.mjs

@@ -1,8 +1,20 @@
+export * from './monkey-accordion';
+export * from './monkey-alert';
+export * from './monkey-breadcrumb';
 export * from './monkey-button';
+export * from './monkey-checkbox';
+export * from './monkey-divider';
+export * from './monkey-form-field';
 export * from './monkey-icon';
 export * from './monkey-icon-button';
+export * from './monkey-input';
 export * from './monkey-security-level';
 export * from './monkey-status';
+export * from './monkey-table';
+export * from './monkey-toast';
 export * from './monkey-toggle';
+export * from './monkey-toggle-line';
 export * from './monkey-tooltip';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktaWNvbi1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktc2VjdXJpdHktbGV2ZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktc3RhdHVzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LXRvZ2dsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS10b29sdGlwJztcbiJdfQ==
+export * from './monkey-select';
+export * from './monkey-option';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktYWNjb3JkaW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWFsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWJyZWFkY3J1bWInO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWNoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWRpdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktZm9ybS1maWVsZCc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS1pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWljb24tYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LXNlY3VyaXR5LWxldmVsJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LXN0YXR1cyc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS10YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS10b2FzdCc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktdG9nZ2xlLWxpbmUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktdG9vbHRpcCc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS1zZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktb3B0aW9uJztcbiJdfQ==

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

@@ -0,0 +1,2 @@
+export * from './monkey-accordion.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hY2NvcmRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQnO1xuIl19

package/esm2022/lib/components/monkey-accordion/monkey-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hY2NvcmRpb24vbW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hY2NvcmRpb24vbW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQTRDcEQsTUFBTSxPQUFPLHdCQUF3QjtJQU9uQyxJQUFhLEtBQUssQ0FBQyxJQUErQjtRQUNoRCxJQUFJLElBQUksWUFBWSxXQUFXLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN2QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBWUQsSUFDSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lB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dCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSWRHZW5lcmF0b3IgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XG5pbXBvcnQgeyBNb25rZXlJY29uc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1hY2NvcmRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vbmtleS1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQuc2NzcycsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWFjY29yZGlvbicsXG4gICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJ1xuICB9LFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignY29udGVudCcsIFtcbiAgICAgIHN0YXRlKFxuICAgICAgICAndm9pZCcsXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICBoZWlnaHQ6ICcwcHgnLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJ1xuICAgICAgICB9KVxuICAgICAgKSxcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgYW5pbWF0ZShcbiAgICAgICAgICAnMzAwbXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgIGhlaWdodDogJyonLFxuICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nXG4gICAgICAgICAgfSlcbiAgICAgICAgKVxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoXG4gICAgICAgICAgJzMwMG1zIGVhc2UtaW4tb3V0JyxcbiAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICBoZWlnaHQ6ICcwcHgnLFxuICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nXG4gICAgICAgICAgfSlcbiAgICAgICAgKVxuICAgICAgXSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUFjY29yZGlvbkNvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2ljb25zID0gaW5qZWN0KE1vbmtleUljb25zU2VydmljZSk7XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIG9wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBzZXQgdGl0bGUoZGF0YTogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIGlmIChkYXRhIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMudGl0bGVSZWYgPSBkYXRhO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnRpdGxlU3RyID0gZGF0YTtcbiAgICB9XG4gIH1cblxuICB0aXRsZVN0cjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHRpdGxlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkO1xuXG4gIGltZ0Fycm93RG93bjogU2FmZUh0bWwgfCBudWxsID0gdGhpcy5faWNvbnMuYXJyb3dEb3duO1xuXG4gIHByb3RlY3RlZCBfdWlkID0gaW5qZWN0KElkR2VuZXJhdG9yKS5nZXRJZCgnbW9ua2V5LWFjY29yZGlvbi0nKTtcblxuICBwcm90ZWN0ZWQgX2lkITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9pZDtcbiAgfVxuXG4gIHNldCBpZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5faWQgPSB2YWx1ZSB8fCB0aGlzLl91aWQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tc2VsZi1hc3NpZ25cbiAgICB0aGlzLmlkID0gdGhpcy5pZDtcbiAgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcbiAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiPlxuICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICBAaWYgKHRpdGxlUmVmKSB7XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGl0bGVSZWZcIiAvPlxuICAgIH0gQGVsc2Uge1xuICAgICAge3sgdGl0bGVTdHIgfX1cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IFtpbm5lckhUTUxdPVwiaW1nQXJyb3dEb3duXCIgY2xhc3M9XCJpY29uXCIgW2NsYXNzLnJvdGF0ZWRdPVwib3BlblwiPjwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudC13cmFwcGVyXCI+XG4gIEBpZiAob3Blbikge1xuICAgIDxkaXYgW0Bjb250ZW50XT5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

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

@@ -0,0 +1,2 @@
+export * from './monkey-alert.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hbGVydC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktYWxlcnQuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/monkey-alert/monkey-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 '../monkey-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:#fff8eb;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:#f8fafb;border:solid 2px #bdc1c7}monkey-alert .monkey-alert__card.default>.mk-i{color:#1f2024}monkey-alert .monkey-alert__card.error{background-color:#ffecec;border:solid 2px #fa3838}monkey-alert .monkey-alert__card.error>.mk-i{color:var(--mecx-color-error-700)}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:#f5fffb;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:#1f2024;font-size:18px;font-weight:400;letter-spacing:.54px;line-height:24px}monkey-alert .monkey-alert__card__message{color:#545a63;font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px}monkey-alert .monkey-alert__card__link{color:#1f2024;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:#fff8eb;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:#f8fafb;border:solid 2px #bdc1c7}monkey-alert .monkey-alert__card.default>.mk-i{color:#1f2024}monkey-alert .monkey-alert__card.error{background-color:#ffecec;border:solid 2px #fa3838}monkey-alert .monkey-alert__card.error>.mk-i{color:var(--mecx-color-error-700)}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:#f5fffb;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:#1f2024;font-size:18px;font-weight:400;letter-spacing:.54px;line-height:24px}monkey-alert .monkey-alert__card__message{color:#545a63;font-size:14px;font-weight:400;letter-spacing:.42px;line-height:24px}monkey-alert .monkey-alert__card__link{color:#1f2024;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9ua2V5LWFsZXJ0L21vbmtleS1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hbGVydC9tb25rZXktYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBRUwsTUFBTSxFQUVOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBZXJELE1BQU0sT0FBTyxvQkFBb0I7SUFlL0IsSUFDSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ2xCLENBQUM7SUFFRCxJQUFJLEVBQUUsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVEO1FBdkJBLGdCQUFXLEdBQXdCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUU3QyxZQUFPLEdBQXdCLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUV4RCxVQUFLLEdBQXdCLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUV0RCxTQUFJLEdBQWlDLEtBQUssQ0FBQyxRQUFRLEVBQW1CLENBQUM7UUFFdkUsb0JBQWUsR0FBMkIsTUFBTSxFQUFRLENBQUM7UUFFL0MsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7UUFjMUQsMENBQTBDO1FBQzFDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBSSxDQUFDLElBQXFCO1FBQ3hCLE1BQU0sU0FBUyxHQUFHO1lBQ2hCLEtBQUssRUFBRSxpQkFBaUI7WUFDeEIsT0FBTyxFQUFFLE1BQU07WUFDZixLQUFLLEVBQUUsZUFBZTtZQUN0QixJQUFJLEVBQUUsTUFBTTtZQUNaLE9BQU8sRUFBRSxzQkFBc0I7U0FDaEMsQ0FBQztRQUVGLE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7K0dBdkNVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDYwQkNoQ2pDLHVqQkFnQkEsc2pEREtZLG1CQUFtQjs7NEZBV2xCLG9CQUFvQjtrQkFiaEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsbUJBQW1CLENBQUMsWUFDcEIsY0FBYyxjQUNaLElBQUksUUFHVjt3QkFDSixhQUFhLEVBQUUsY0FBYzt3QkFDN0IsV0FBVyxFQUFFLElBQUk7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiO3dEQWtCRyxFQUFFO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBpbmplY3QsXG4gIElucHV0LFxuICBpbnB1dCxcbiAgSW5wdXRTaWduYWwsXG4gIG91dHB1dCxcbiAgT3V0cHV0RW1pdHRlclJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IHR5cGUgTW9ua2V5QWxlcnRUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBNb25rZXlJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9ua2V5LWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW01vbmtleUljb25Db21wb25lbnRdLFxuICBzZWxlY3RvcjogJ21vbmtleS1hbGVydCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHN0eWxlVXJsOiAnLi9tb25rZXktYWxlcnQuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdtb25rZXktYWxlcnQnLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUFsZXJ0Q29tcG9uZW50IHtcbiAgYnV0dG9uTGFiZWw6IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dCgnJyk7XG5cbiAgbWVzc2FnZTogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICB0aXRsZTogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICB0eXBlOiBJbnB1dFNpZ25hbDxNb25rZXlBbGVydFR5cGU+ID0gaW5wdXQucmVxdWlyZWQ8TW9ua2V5QWxlcnRUeXBlPigpO1xuXG4gIG9uQnV0dG9uQ2xpY2tlZDogT3V0cHV0RW1pdHRlclJlZjx2b2lkPiA9IG91dHB1dDx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBfdWlkID0gaW5qZWN0KElkR2VuZXJhdG9yKS5nZXRJZCgnbW9ua2V5LWFsZXJ0LScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgaWNvbih0eXBlOiBNb25rZXlBbGVydFR5cGUpOiBzdHJpbmcge1xuICAgIGNvbnN0IHR5cGVJY29ucyA9IHtcbiAgICAgIGFsZXJ0OiAnd2FybmluZy1vdXRsaW5lJyxcbiAgICAgIGRlZmF1bHQ6ICdpbmZvJyxcbiAgICAgIGVycm9yOiAnZXJyb3Itb3V0bGluZScsXG4gICAgICBpbmZvOiAnaW5mbycsXG4gICAgICBzdWNjZXNzOiAnY2hlY2ttYXJrLWJpZy1jaXJjbGUnXG4gICAgfTtcblxuICAgIHJldHVybiB0eXBlSWNvbnNbdHlwZV07XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cIidtb25rZXktYWxlcnRfX2NhcmQgJyArIHR5cGUoKVwiPlxuICBAaWYgKHR5cGUoKSkge1xuICAgIDxtb25rZXktaWNvbiBzaXplPVwibGdcIiBbY2xhc3NdPVwiJ21vbmtleS1hbGVydF9fY2FyZF9fdHlwZS0nICsgdHlwZSgpXCIgW2ljb25dPVwiaWNvbih0eXBlKCkpXCIgLz5cbiAgfVxuICA8ZGl2IGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX19jb250ZW50XCI+XG4gICAgPGg0IGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX190aXRsZVwiPnt7IHRpdGxlKCkgfX08L2g0PlxuICAgIDxoNSBjbGFzcz1cIm1vbmtleS1hbGVydF9fY2FyZF9fbWVzc2FnZVwiPnt7IG1lc3NhZ2UoKSB9fTwvaDU+XG4gICAgQGlmIChidXR0b25MYWJlbCgpKSB7XG4gICAgICA8ZGl2PlxuICAgICAgICA8YSBjbGFzcz1cIm1vbmtleS1hbGVydF9fY2FyZF9fbGlua1wiIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrZWQuZW1pdCgpXCI+XG4gICAgICAgICAge3sgYnV0dG9uTGFiZWwoKSB9fVxuICAgICAgICA8L2E+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/monkey-breadcrumb/index.mjs

@@ -0,0 +1,2 @@
+export * from './monkey-breadcrumb.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1icmVhZGNydW1iL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vbmtleS1icmVhZGNydW1iLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/components/monkey-breadcrumb/monkey-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9tb25rZXktYnJlYWRjcnVtYi9tb25rZXktYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1icmVhZGNydW1iL21vbmtleS1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWdCN0MsTUFBTSxPQUFPLHlCQUF5QjtJQWFwQyxJQUNJLEVBQUU7UUFDSixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQUksRUFBRSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQ7UUFqQndDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFeEQsWUFBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV6QixTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBYy9ELDBDQUEwQztRQUMxQyxJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFnQjtRQUM3QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7SUFDSCxDQUFDOytHQWpDVSx5QkFBeUI7bUdBQXpCLHlCQUF5QixnSUFLaEIsZ0JBQWdCLGtKQzdCdEMsMlRBYUEsNFhEQ1ksWUFBWTs7NEZBVVgseUJBQXlCO2tCQWJyQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsaUJBR1IsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixhQUFhLEVBQUUsbUJBQW1CO3dCQUNsQyxXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7cUJBQ2I7d0RBRzBCLEtBQUs7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUVFLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUVlLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBU2xDLEVBQUU7c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktYnJlYWRjcnVtYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LWJyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbW9ua2V5LWJyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS1icmVhZGNydW1iJyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAnW2lkXSc6ICdpZCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZmlyc3QhOiBCcmVhZGNydW1iO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGxhc3QhOiBCcmVhZGNydW1iO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBjb2xhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBfcm91dGVyID0gaW5qZWN0KFJvdXRlcik7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktYnJlYWRjcnVtYi0nKTtcblxuICBwcm90ZWN0ZWQgX2lkITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9pZDtcbiAgfVxuXG4gIHNldCBpZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5faWQgPSB2YWx1ZSB8fCB0aGlzLl91aWQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tc2VsZi1hc3NpZ25cbiAgICB0aGlzLmlkID0gdGhpcy5pZDtcbiAgfVxuXG4gIGhhbmRsZU5hdmlnYXRlKGl0ZW06IEJyZWFkY3J1bWIpIHtcbiAgICBpZiAoaXRlbS5jYWxsYmFjaykge1xuICAgICAgaXRlbS5jYWxsYmFjaygpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW2l0ZW0ucGF0aF0pO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJyZWFkY3J1bWJzXCI+XG4gIDxhIGNsYXNzPVwiZmlyc3RcIiAoY2xpY2spPVwiaGFuZGxlTmF2aWdhdGUoZmlyc3QpXCI+XG4gICAge3sgZmlyc3QubGFiZWwgfCB0aXRsZWNhc2UgfX1cbiAgPC9hPlxuICA8c3Bhbj4vPC9zcGFuPlxuICBAaWYoY29sYXBzZWQpe1xuICA8c3Bhbj4uLi48L3NwYW4+XG4gIDxzcGFuPi88L3NwYW4+XG4gIH1cbiAgPGEgY2xhc3M9XCJsYXN0XCIgKGNsaWNrKT1cImhhbmRsZU5hdmlnYXRlKGxhc3QpXCI+XG4gICAge3sgbGFzdC5sYWJlbCB8IHRpdGxlY2FzZSB9fVxuICA8L2E+XG48L2Rpdj5cbiJdfQ==