monkey-style-guide-v2 0.0.27 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/assets/scss/directives/_index.scss +3 -3
  2. package/assets/scss/input/_index.scss +1 -1
  3. package/assets/scss/partials/_breakpoints.scss +145 -0
  4. package/assets/scss/partials/_grid-system.scss +5069 -0
  5. package/assets/scss/partials/_helper-classes.scss +335 -0
  6. package/assets/scss/partials/_index.scss +8 -3
  7. package/assets/scss/partials/_scrollbars.scss +30 -0
  8. package/assets/scss/partials/_skeleton-loading.scss +67 -0
  9. package/assets/scss/partials/_style-reset.scss +11 -9
  10. package/assets/scss/partials/_variables.scss +49 -111
  11. package/assets/scss/table/_index.scss +1 -1
  12. package/assets/scss/theme.scss +12 -18
  13. package/assets/scss/typography/_index.scss +1 -3
  14. package/assets/scss/typography/_styles.scss +103 -103
  15. package/fesm2022/monkey-style-guide-v2.mjs +288 -279
  16. package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
  17. package/lib/components/form-field/form-field-control.d.ts +1 -1
  18. package/lib/components/input-phone/input-phone.component.d.ts +0 -2
  19. package/monkey-style-guide-v2-0.0.29.tgz +0 -0
  20. package/package.json +8 -10
  21. package/assets/scss/typography/_function.scss +0 -23
  22. package/assets/scss/typography/_mixins.scss +0 -111
  23. package/esm2022/lib/components/accordion/accordion.component.mjs +0 -93
  24. package/esm2022/lib/components/accordion/index.mjs +0 -7
  25. package/esm2022/lib/components/action-bar/action-bar.component.mjs +0 -46
  26. package/esm2022/lib/components/action-bar/index.mjs +0 -7
  27. package/esm2022/lib/components/alert/alert.component.mjs +0 -50
  28. package/esm2022/lib/components/alert/index.mjs +0 -7
  29. package/esm2022/lib/components/avatar/avatar.component.mjs +0 -55
  30. package/esm2022/lib/components/avatar/index.mjs +0 -7
  31. package/esm2022/lib/components/badge/badge.component.mjs +0 -74
  32. package/esm2022/lib/components/badge/index.mjs +0 -7
  33. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +0 -56
  34. package/esm2022/lib/components/breadcrumb/index.mjs +0 -7
  35. package/esm2022/lib/components/button/button.component.mjs +0 -59
  36. package/esm2022/lib/components/button/index.mjs +0 -7
  37. package/esm2022/lib/components/checkbox/checkbox.component.mjs +0 -215
  38. package/esm2022/lib/components/checkbox/index.mjs +0 -7
  39. package/esm2022/lib/components/date-range/date-range.component.mjs +0 -239
  40. package/esm2022/lib/components/date-range/index.mjs +0 -7
  41. package/esm2022/lib/components/date-range/month/index.mjs +0 -7
  42. package/esm2022/lib/components/date-range/month/month.component.mjs +0 -148
  43. package/esm2022/lib/components/date-range/quick-actions/index.mjs +0 -7
  44. package/esm2022/lib/components/date-range/quick-actions/quick-actions.component.mjs +0 -48
  45. package/esm2022/lib/components/date-range/utils.mjs +0 -102
  46. package/esm2022/lib/components/divider/divider.component.mjs +0 -44
  47. package/esm2022/lib/components/divider/index.mjs +0 -7
  48. package/esm2022/lib/components/form-field/form-field-control.mjs +0 -15
  49. package/esm2022/lib/components/form-field/form-field.component.mjs +0 -265
  50. package/esm2022/lib/components/form-field/form-field.module.mjs +0 -23
  51. package/esm2022/lib/components/form-field/index.mjs +0 -10
  52. package/esm2022/lib/components/form-field/utils.mjs +0 -16
  53. package/esm2022/lib/components/icon/icon.component.mjs +0 -51
  54. package/esm2022/lib/components/icon/index.mjs +0 -7
  55. package/esm2022/lib/components/icon-button/icon-button.component.mjs +0 -59
  56. package/esm2022/lib/components/icon-button/index.mjs +0 -7
  57. package/esm2022/lib/components/index.mjs +0 -34
  58. package/esm2022/lib/components/input/index.mjs +0 -9
  59. package/esm2022/lib/components/input/input-currency.directive.mjs +0 -185
  60. package/esm2022/lib/components/input/input.directive.mjs +0 -185
  61. package/esm2022/lib/components/input/input.module.mjs +0 -24
  62. package/esm2022/lib/components/input/validators.mjs +0 -22
  63. package/esm2022/lib/components/input-code/index.mjs +0 -7
  64. package/esm2022/lib/components/input-code/input-code.component.mjs +0 -232
  65. package/esm2022/lib/components/input-phone/index.mjs +0 -7
  66. package/esm2022/lib/components/input-phone/input-phone.component.mjs +0 -324
  67. package/esm2022/lib/components/input-upload/index.mjs +0 -7
  68. package/esm2022/lib/components/input-upload/input-upload.component.mjs +0 -238
  69. package/esm2022/lib/components/modal/components/confirmation.component.mjs +0 -73
  70. package/esm2022/lib/components/modal/components/default.mjs +0 -65
  71. package/esm2022/lib/components/modal/directives/actions.mjs +0 -29
  72. package/esm2022/lib/components/modal/directives/content.mjs +0 -26
  73. package/esm2022/lib/components/modal/directives/subtitle.mjs +0 -26
  74. package/esm2022/lib/components/modal/directives/title.mjs +0 -26
  75. package/esm2022/lib/components/modal/index.mjs +0 -16
  76. package/esm2022/lib/components/modal/modal-config.mjs +0 -19
  77. package/esm2022/lib/components/modal/modal-ref.mjs +0 -56
  78. package/esm2022/lib/components/modal/modal.component.mjs +0 -119
  79. package/esm2022/lib/components/modal/modal.module.mjs +0 -56
  80. package/esm2022/lib/components/modal/modal.service.mjs +0 -150
  81. package/esm2022/lib/components/modal/utils.mjs +0 -24
  82. package/esm2022/lib/components/option/index.mjs +0 -7
  83. package/esm2022/lib/components/option/option.component.mjs +0 -70
  84. package/esm2022/lib/components/radio-button/index.mjs +0 -7
  85. package/esm2022/lib/components/radio-button/radio-button.component.mjs +0 -190
  86. package/esm2022/lib/components/security-level/index.mjs +0 -7
  87. package/esm2022/lib/components/security-level/security-level.component.mjs +0 -57
  88. package/esm2022/lib/components/select/index.mjs +0 -7
  89. package/esm2022/lib/components/select/select.component.mjs +0 -444
  90. package/esm2022/lib/components/status/index.mjs +0 -7
  91. package/esm2022/lib/components/status/status.component.mjs +0 -45
  92. package/esm2022/lib/components/table/components/pagination-action/pagination-action.mjs +0 -53
  93. package/esm2022/lib/components/table/components/pagination-label/pagination-label.mjs +0 -34
  94. package/esm2022/lib/components/table/components/pagination-size/pagination-size.mjs +0 -57
  95. package/esm2022/lib/components/table/directives/column-checked.mjs +0 -109
  96. package/esm2022/lib/components/table/directives/column-expansible.mjs +0 -134
  97. package/esm2022/lib/components/table/directives/column-sortable.mjs +0 -97
  98. package/esm2022/lib/components/table/directives/column-stick.mjs +0 -28
  99. package/esm2022/lib/components/table/index.mjs +0 -15
  100. package/esm2022/lib/components/table/table.component.mjs +0 -133
  101. package/esm2022/lib/components/table/table.module.mjs +0 -63
  102. package/esm2022/lib/components/toast/index.mjs +0 -7
  103. package/esm2022/lib/components/toast/toast.component.mjs +0 -79
  104. package/esm2022/lib/components/toggle/index.mjs +0 -7
  105. package/esm2022/lib/components/toggle/toggle.component.mjs +0 -74
  106. package/esm2022/lib/components/toggle-line/index.mjs +0 -8
  107. package/esm2022/lib/components/toggle-line/toggle-line-button/index.mjs +0 -7
  108. package/esm2022/lib/components/toggle-line/toggle-line-button/toggle-line-button.component.mjs +0 -24
  109. package/esm2022/lib/components/toggle-line/toggle-line.component.mjs +0 -85
  110. package/esm2022/lib/components/tooltip/index.mjs +0 -8
  111. package/esm2022/lib/components/tooltip/tooltip/index.mjs +0 -7
  112. package/esm2022/lib/components/tooltip/tooltip/tooltip.component.mjs +0 -58
  113. package/esm2022/lib/components/tooltip/tooltip.directive.mjs +0 -189
  114. package/esm2022/lib/directives/badge.mjs +0 -74
  115. package/esm2022/lib/directives/error.mjs +0 -18
  116. package/esm2022/lib/directives/helper.mjs +0 -18
  117. package/esm2022/lib/directives/index.mjs +0 -15
  118. package/esm2022/lib/directives/info.mjs +0 -18
  119. package/esm2022/lib/directives/label.mjs +0 -18
  120. package/esm2022/lib/directives/module.mjs +0 -61
  121. package/esm2022/lib/directives/popover.mjs +0 -385
  122. package/esm2022/lib/directives/prefix.mjs +0 -18
  123. package/esm2022/lib/directives/suffix.mjs +0 -43
  124. package/esm2022/lib/interfaces/alert.mjs +0 -2
  125. package/esm2022/lib/interfaces/breadcrumb.mjs +0 -2
  126. package/esm2022/lib/interfaces/button.mjs +0 -2
  127. package/esm2022/lib/interfaces/index.mjs +0 -13
  128. package/esm2022/lib/interfaces/popover.mjs +0 -2
  129. package/esm2022/lib/interfaces/sizes.mjs +0 -2
  130. package/esm2022/lib/interfaces/table.mjs +0 -2
  131. package/esm2022/lib/interfaces/toast.mjs +0 -10
  132. package/esm2022/lib/services/dictionary.service.mjs +0 -224
  133. package/esm2022/lib/services/index.mjs +0 -7
  134. package/esm2022/lib/services/toast.service.mjs +0 -79
  135. package/esm2022/lib/tokens/index.mjs +0 -10
  136. package/esm2022/monkey-style-guide-v2.mjs +0 -5
  137. package/esm2022/public-api.mjs +0 -11
  138. package/esm2022/utils/icon.mjs +0 -277
  139. package/esm2022/utils/id-generator.mjs +0 -20
  140. package/esm2022/utils/index.mjs +0 -5
  141. package/esm2022/utils/tests-utils.mjs +0 -4
  142. package/esm2022/utils/utils.mjs +0 -41
  143. package/monkey-style-guide-v2-0.0.27.tgz +0 -0
@@ -14,5 +14,5 @@ export declare abstract class MonkeyFormFieldControl {
14
14
  loading?: boolean;
15
15
  disableToBeDirty?: boolean;
16
16
  static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldControl, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyFormFieldControl, never, never, {}, {}, never, never, false, never>;
17
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyFormFieldControl, never, never, {}, {}, never, never, true, never>;
18
18
  }
@@ -31,7 +31,6 @@ export declare class MonkeyInputPhoneComponent implements MonkeyFormFieldControl
31
31
  readonly type: string;
32
32
  readonly stateChanges: Subject<void>;
33
33
  countries: Country[];
34
- countriesFiltered: Country[];
35
34
  selectedCallingCode: string;
36
35
  phoneFormatted: string;
37
36
  phoneValid: boolean;
@@ -59,7 +58,6 @@ export declare class MonkeyInputPhoneComponent implements MonkeyFormFieldControl
59
58
  onInputChange(event: Event): void;
60
59
  onCountryChange(): void;
61
60
  getMaxLength(): number;
62
- onHandleSearchSelect(query: string): void;
63
61
  static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputPhoneComponent, never>;
64
62
  static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyInputPhoneComponent, "monkey-input-phone", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
65
63
  static ngAcceptInputType_disabled: unknown;
Binary file
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "monkey-style-guide-v2",
3
- "version": "0.0.27",
3
+ "version": "0.0.29",
4
4
  "peerDependencies": {
5
- "@angular/common": "^18.1.2",
6
- "@angular/core": "^18.1.2",
7
- "@angular/cdk": "^18.1.2",
8
- "@angular/animations": "^18.1.2",
9
- "@angular/platform-browser": "^18.1.2",
10
- "@angular/router": "^18.1.2",
11
- "@angular/forms": "^18.1.2",
5
+ "@angular/common": "^19.2.14",
6
+ "@angular/core": "^19.2.14",
7
+ "@angular/cdk": "^19.2.19",
8
+ "@angular/animations": "^19.2.14",
9
+ "@angular/platform-browser": "^19.2.14",
10
+ "@angular/router": "^19.2.14",
11
+ "@angular/forms": "^19.2.14",
12
12
  "rxjs": "~7.8.0",
13
13
  "ngx-mask": "^19.0.6",
14
14
  "libphonenumber-js": "^1.12.9"
@@ -26,8 +26,6 @@
26
26
  },
27
27
  ".": {
28
28
  "types": "./index.d.ts",
29
- "esm2022": "./esm2022/monkey-style-guide-v2.mjs",
30
- "esm": "./esm2022/monkey-style-guide-v2.mjs",
31
29
  "default": "./fesm2022/monkey-style-guide-v2.mjs"
32
30
  }
33
31
  }
@@ -1,23 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
-
7
- @import '../partials/variables';
8
-
9
- @function f-size($key) {
10
- @return map-get($mecx-sizes, $key);
11
- }
12
-
13
- @function f-lh($key) {
14
- @return map-get($mecx-lh, $key);
15
- }
16
-
17
- @function f-weight($key) {
18
- @return map-get($mecx-weight, $key);
19
- }
20
-
21
- @function f-cl-gray($key) {
22
- @return map-get($mecx-gray, $key);
23
- }
@@ -1,111 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
-
7
- @import '../partials/variables';
8
- @import 'function';
9
-
10
- @mixin mecx-font($props: ()) {
11
- $default-props: (
12
- size: f-size(base),
13
- weight: f-weight(regular),
14
- line-height: f-lh(base),
15
- color: #000
16
- );
17
- $properties: (
18
- size: font-size,
19
- weight: font-weight,
20
- height: line-height,
21
- color: color
22
- );
23
-
24
- @each $key, $property in $properties {
25
- $value: if(map-has-key($props, $key), map-get($props, $key), map-get($default-props, $key));
26
-
27
- @if $value != null {
28
- #{$property}: #{$value};
29
- }
30
- }
31
- }
32
-
33
- @mixin sizes() {
34
- @each $key, $value in $mecx-sizes {
35
- &-#{$key} {
36
- font-size: $value !important;
37
- }
38
- }
39
- }
40
-
41
- @mixin weight() {
42
- @each $key, $value in $mecx-weight {
43
- &-weight-#{$key} {
44
- font-weight: $value !important;
45
- }
46
- }
47
- }
48
-
49
- @mixin line-height() {
50
- @each $key, $value in $mecx-lh {
51
- &-lh-#{$key} {
52
- line-height: $value !important;
53
- }
54
- }
55
- }
56
-
57
- @mixin align() {
58
- @each $key, $value in $mecx-align {
59
- &-a-#{$key} {
60
- text-align: $value !important;
61
- }
62
- }
63
- }
64
-
65
- @mixin gray-cl($attribute: 'color') {
66
- @each $key, $value in $mecx-gray {
67
- &-cl-gray-#{$key} {
68
- #{$attribute}: $value !important;
69
- }
70
- }
71
- }
72
-
73
- @mixin theme-cl($attribute: 'color') {
74
- @each $key, $value in $mecx-theme {
75
- @if type-of($value) != 'map' {
76
- &-cl-theme-#{$key} {
77
- #{$attribute}: $value !important;
78
- }
79
- }
80
- }
81
- }
82
-
83
- @mixin warning-cl($attribute: 'color') {
84
- @each $key, $value in $mecx-warning {
85
- @if type-of($value) != 'map' {
86
- &-cl-warning-#{$key} {
87
- #{$attribute}: $value !important;
88
- }
89
- }
90
- }
91
- }
92
-
93
- @mixin success-cl($attribute: 'color') {
94
- @each $key, $value in $mecx-success {
95
- @if type-of($value) != 'map' {
96
- &-cl-success-#{$key} {
97
- #{$attribute}: $value !important;
98
- }
99
- }
100
- }
101
- }
102
-
103
- @mixin error-cl($attribute: 'color') {
104
- @each $key, $value in $mecx-error {
105
- @if type-of($value) != 'map' {
106
- &-cl-error-#{$key} {
107
- #{$attribute}: $value !important;
108
- }
109
- }
110
- }
111
- }
@@ -1,93 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- import { animate, state, style, transition, trigger } from '@angular/animations';
7
- import { CommonModule } from '@angular/common';
8
- import { booleanAttribute, Component, inject, Input, TemplateRef } from '@angular/core';
9
- import { IdGenerator, UtilIconComponent } from '../../../utils';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "@angular/common";
12
- export class MonkeyAccordionComponent {
13
- set title(data) {
14
- if (data instanceof TemplateRef) {
15
- this.titleRef = data;
16
- }
17
- else {
18
- this.titleStr = data;
19
- }
20
- }
21
- get id() {
22
- return this._id;
23
- }
24
- set id(value) {
25
- this._id = value || this._uid;
26
- }
27
- constructor() {
28
- this.open = false;
29
- this.disabled = false;
30
- this._uid = inject(IdGenerator).getId('monkey-accordion-');
31
- // eslint-disable-next-line no-self-assign
32
- this.id = this.id;
33
- }
34
- onClick() {
35
- if (this.disabled)
36
- return;
37
- this.open = !this.open;
38
- }
39
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
40
- 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 <util-icon class=\"icon\" name=\"arrowDown\" [class.rotated]=\"open\" />\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{overflow:hidden}:host .content-wrapper .content{border-top:1px solid var(--mecx-color-gray-200);padding:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UtilIconComponent, selector: "util-icon", inputs: ["name"] }], animations: [
41
- trigger('content', [
42
- state('void', style({
43
- height: '0px'
44
- })),
45
- transition(':enter', [
46
- animate('300ms ease-in-out', style({
47
- height: '*'
48
- }))
49
- ]),
50
- transition(':leave', [
51
- animate('300ms ease-in-out', style({
52
- height: '0px'
53
- }))
54
- ])
55
- ])
56
- ] }); }
57
- }
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAccordionComponent, decorators: [{
59
- type: Component,
60
- args: [{ selector: 'monkey-accordion', standalone: true, imports: [CommonModule, UtilIconComponent], host: {
61
- 'data-testid': 'monkey-accordion',
62
- '[class.disabled]': 'disabled',
63
- '[attr.id]': 'id',
64
- '[id]': 'id'
65
- }, animations: [
66
- trigger('content', [
67
- state('void', style({
68
- height: '0px'
69
- })),
70
- transition(':enter', [
71
- animate('300ms ease-in-out', style({
72
- height: '*'
73
- }))
74
- ]),
75
- transition(':leave', [
76
- animate('300ms ease-in-out', style({
77
- height: '0px'
78
- }))
79
- ])
80
- ])
81
- ], 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 <util-icon class=\"icon\" name=\"arrowDown\" [class.rotated]=\"open\" />\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{overflow:hidden}:host .content-wrapper .content{border-top:1px solid var(--mecx-color-gray-200);padding:24px}\n"] }]
82
- }], ctorParameters: () => [], propDecorators: { open: [{
83
- type: Input,
84
- args: [{ transform: booleanAttribute }]
85
- }], disabled: [{
86
- type: Input,
87
- args: [{ transform: booleanAttribute }]
88
- }], title: [{
89
- type: Input
90
- }], id: [{
91
- type: Input
92
- }] } });
93
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUF5Q2hFLE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsSUFBYSxLQUFLLENBQUMsSUFBK0I7UUFDaEQsSUFBSSxJQUFJLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQztJQVVELElBQ0ksRUFBRTtRQUNKLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBSSxFQUFFLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsR0FBRyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFRDtRQTdCd0MsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUViLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFjL0MsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQWM5RCwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDekIsQ0FBQzsrR0F0Q1Usd0JBQXdCO21HQUF4Qix3QkFBd0IscUZBQ2YsZ0JBQWdCLHNDQUVoQixnQkFBZ0IsK0xDcER0QyxxY0FtQkEsMHlCRE5ZLFlBQVksc01BQUUsaUJBQWlCLDBEQVM3QjtZQUNWLE9BQU8sQ0FBQyxTQUFTLEVBQUU7Z0JBQ2pCLEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO29CQUNKLE1BQU0sRUFBRSxLQUFLO2lCQUNkLENBQUMsQ0FDSDtnQkFDRCxVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQzt3QkFDSixNQUFNLEVBQUUsR0FBRztxQkFDWixDQUFDLENBQ0g7aUJBQ0YsQ0FBQztnQkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQzt3QkFDSixNQUFNLEVBQUUsS0FBSztxQkFDZCxDQUFDLENBQ0g7aUJBQ0YsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsd0JBQXdCO2tCQXZDcEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLFFBR3BDO3dCQUNKLGFBQWEsRUFBRSxrQkFBa0I7d0JBQ2pDLGtCQUFrQixFQUFFLFVBQVU7d0JBQzlCLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixNQUFNLEVBQUUsSUFBSTtxQkFDYixjQUNXO3dCQUNWLE9BQU8sQ0FBQyxTQUFTLEVBQUU7NEJBQ2pCLEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO2dDQUNKLE1BQU0sRUFBRSxLQUFLOzZCQUNkLENBQUMsQ0FDSDs0QkFDRCxVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQztvQ0FDSixNQUFNLEVBQUUsR0FBRztpQ0FDWixDQUFDLENBQ0g7NkJBQ0YsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQztvQ0FDSixNQUFNLEVBQUUsS0FBSztpQ0FDZCxDQUFDLENBQ0g7NkJBQ0YsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIO3dEQUd1QyxJQUFJO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUVFLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRXpCLEtBQUs7c0JBQWpCLEtBQUs7Z0JBaUJGLEVBQUU7c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciwgVXRpbEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1hY2NvcmRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBVdGlsSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdtb25rZXktYWNjb3JkaW9uJyxcbiAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1tpZF0nOiAnaWQnXG4gIH0sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdjb250ZW50JywgW1xuICAgICAgc3RhdGUoXG4gICAgICAgICd2b2lkJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogJzBweCdcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICAgIGFuaW1hdGUoXG4gICAgICAgICAgJzMwMG1zIGVhc2UtaW4tb3V0JyxcbiAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICBoZWlnaHQ6ICcqJ1xuICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgaGVpZ2h0OiAnMHB4J1xuICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICAgIF0pXG4gICAgXSlcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlBY2NvcmRpb25Db21wb25lbnQge1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgb3BlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNldCB0aXRsZShkYXRhOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+KSB7XG4gICAgaWYgKGRhdGEgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy50aXRsZVJlZiA9IGRhdGE7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudGl0bGVTdHIgPSBkYXRhO1xuICAgIH1cbiAgfVxuXG4gIHRpdGxlU3RyOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgdGl0bGVSZWY6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQ7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktYWNjb3JkaW9uLScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMub3BlbiA9ICF0aGlzLm9wZW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkZXJcIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgIEBpZiAodGl0bGVSZWYpIHtcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVJlZlwiIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICB7eyB0aXRsZVN0ciB9fVxuICAgIH1cbiAgPC9kaXY+XG4gIDx1dGlsLWljb24gY2xhc3M9XCJpY29uXCIgbmFtZT1cImFycm93RG93blwiIFtjbGFzcy5yb3RhdGVkXT1cIm9wZW5cIiAvPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudC13cmFwcGVyXCI+XG4gIEBpZiAob3Blbikge1xuICAgIDxkaXYgW0Bjb250ZW50XT5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
@@ -1,7 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- export * from './accordion.component';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi5jb21wb25lbnQnO1xuIl19
@@ -1,46 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- import { CommonModule } from '@angular/common';
7
- import { Component, HostBinding, input, ViewEncapsulation } from '@angular/core';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@angular/common";
10
- export class MonkeyActionBarComponent {
11
- constructor() {
12
- this.label = input();
13
- this.position = input();
14
- this.open = input();
15
- }
16
- get classes() {
17
- return this.position();
18
- }
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
- 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()) {
21
- <span style="font-size: 13px" data-testid="label" *ngIf="label() as lb">
22
- {{ lb }}
23
- </span>
24
-
25
- <ng-content></ng-content>
26
- }`, 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 var(--mecx-color-box-shadow),0 8px 8px 0 var(--mecx-color-box-shadow),0 16px 16px 8px var(--mecx-color-box-shadow);z-index:999}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 }); }
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyActionBarComponent, decorators: [{
29
- type: Component,
30
- args: [{ encapsulation: ViewEncapsulation.None, imports: [CommonModule], selector: 'monkey-action-bar', standalone: true, template: `@if (open()) {
31
- <span style="font-size: 13px" data-testid="label" *ngIf="label() as lb">
32
- {{ lb }}
33
- </span>
34
-
35
- <ng-content></ng-content>
36
- }`, host: {
37
- 'data-testid': 'monkey-action-bar',
38
- '[attr.id]': 'id',
39
- '[id]': 'id',
40
- '[class.open]': 'open()'
41
- }, 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 var(--mecx-color-box-shadow),0 8px 8px 0 var(--mecx-color-box-shadow),0 16px 16px 8px var(--mecx-color-box-shadow);z-index:999}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"] }]
42
- }], propDecorators: { classes: [{
43
- type: HostBinding,
44
- args: ['class']
45
- }] } });
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1iYXIvYWN0aW9uLWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXNCakYsTUFBTSxPQUFPLHdCQUF3QjtJQXBCckM7UUEwQkUsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUUzQixTQUFJLEdBQUcsS0FBSyxFQUFXLENBQUM7S0FDekI7SUFWQyxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDOytHQUpVLHdCQUF3QjttR0FBeEIsd0JBQXdCLG1tQkFkekI7Ozs7OztJQU1SLDB6Q0FWUSxZQUFZOzs0RkFrQlgsd0JBQXdCO2tCQXBCcEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsWUFBWSxDQUFDLFlBQ2IsbUJBQW1CLGNBQ2pCLElBQUksWUFFTjs7Ozs7O0lBTVIsUUFDSTt3QkFDSixhQUFhLEVBQUUsbUJBQW1CO3dCQUNsQyxXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7d0JBQ1osY0FBYyxFQUFFLFFBQVE7cUJBQ3pCOzhCQUlHLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ21vbmtleS1hY3Rpb24tYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc3R5bGVVcmw6ICcuL2FjdGlvbi1iYXIuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZTogYEBpZiAob3BlbigpKSB7XG4gICAgPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDEzcHhcIiBkYXRhLXRlc3RpZD1cImxhYmVsXCIgKm5nSWY9XCJsYWJlbCgpIGFzIGxiXCI+XG4gICAgICB7eyBsYiB9fVxuICAgIDwvc3Bhbj5cblxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgfWAsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWFjdGlvbi1iYXInLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJyxcbiAgICAnW2NsYXNzLm9wZW5dJzogJ29wZW4oKSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlBY3Rpb25CYXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMucG9zaXRpb24oKTtcbiAgfVxuXG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIHBvc2l0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIG9wZW4gPSBpbnB1dDxib29sZWFuPigpO1xufVxuIl19
@@ -1,7 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- export * from './action-bar.component';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1iYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuZXhwb3J0ICogZnJvbSAnLi9hY3Rpb24tYmFyLmNvbXBvbmVudCc7XG4iXX0=
@@ -1,50 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- import { Component, inject, Input, input, output, ViewEncapsulation } from '@angular/core';
7
- import { IdGenerator } from '../../../utils';
8
- import { MonkeyIconComponent } from '../icon';
9
- import * as i0 from "@angular/core";
10
- export class MonkeyAlertComponent {
11
- get id() {
12
- return this._id;
13
- }
14
- set id(value) {
15
- this._id = value || this._uid;
16
- }
17
- constructor() {
18
- this.buttonLabel = input('');
19
- this.message = input.required();
20
- this.title = input.required();
21
- this.type = input.required();
22
- this.onButtonClicked = output();
23
- this._uid = inject(IdGenerator).getId('monkey-alert-');
24
- // eslint-disable-next-line no-self-assign
25
- this.id = this.id;
26
- }
27
- icon(type) {
28
- const typeIcons = {
29
- alert: 'warning-outline',
30
- default: 'info',
31
- error: 'error-outline',
32
- info: 'info',
33
- success: 'checkmark-big-circle'
34
- };
35
- return typeIcons[type];
36
- }
37
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
38
- 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 }); }
39
- }
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAlertComponent, decorators: [{
41
- type: Component,
42
- args: [{ encapsulation: ViewEncapsulation.None, imports: [MonkeyIconComponent], selector: 'monkey-alert', standalone: true, host: {
43
- 'data-testid': 'monkey-alert',
44
- '[attr.id]': 'id',
45
- '[id]': 'id'
46
- }, 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"] }]
47
- }], ctorParameters: () => [], propDecorators: { id: [{
48
- type: Input
49
- }] } });
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxFQUVMLE1BQU0sRUFFTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFlOUMsTUFBTSxPQUFPLG9CQUFvQjtJQWUvQixJQUNJLEVBQUU7UUFDSixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQUksRUFBRSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQ7UUF2QkEsZ0JBQVcsR0FBd0IsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTdDLFlBQU8sR0FBd0IsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRXhELFVBQUssR0FBd0IsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRXRELFNBQUksR0FBaUMsS0FBSyxDQUFDLFFBQVEsRUFBbUIsQ0FBQztRQUV2RSxvQkFBZSxHQUEyQixNQUFNLEVBQVEsQ0FBQztRQUUvQyxTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQWMxRCwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFJLENBQUMsSUFBcUI7UUFDeEIsTUFBTSxTQUFTLEdBQUc7WUFDaEIsS0FBSyxFQUFFLGlCQUFpQjtZQUN4QixPQUFPLEVBQUUsTUFBTTtZQUNmLEtBQUssRUFBRSxlQUFlO1lBQ3RCLElBQUksRUFBRSxNQUFNO1lBQ1osT0FBTyxFQUFFLHNCQUFzQjtTQUNoQyxDQUFDO1FBRUYsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzsrR0F2Q1Usb0JBQW9CO21HQUFwQixvQkFBb0IsNjBCQ2hDakMsdWpCQWdCQSwydkRES1ksbUJBQW1COzs0RkFXbEIsb0JBQW9CO2tCQWJoQyxTQUFTO29DQUNPLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxtQkFBbUIsQ0FBQyxZQUNwQixjQUFjLGNBQ1osSUFBSSxRQUdWO3dCQUNKLGFBQWEsRUFBRSxjQUFjO3dCQUM3QixXQUFXLEVBQUUsSUFBSTt3QkFDakIsTUFBTSxFQUFFLElBQUk7cUJBQ2I7d0RBa0JHLEVBQUU7c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIGlucHV0LFxuICBJbnB1dFNpZ25hbCxcbiAgb3V0cHV0LFxuICBPdXRwdXRFbWl0dGVyUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBNb25rZXlBbGVydFR5cGUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE1vbmtleUljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtNb25rZXlJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICdtb25rZXktYWxlcnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzdHlsZVVybDogJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS1hbGVydCcsXG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1tpZF0nOiAnaWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5QWxlcnRDb21wb25lbnQge1xuICBidXR0b25MYWJlbDogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KCcnKTtcblxuICBtZXNzYWdlOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIHRpdGxlOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIHR5cGU6IElucHV0U2lnbmFsPE1vbmtleUFsZXJ0VHlwZT4gPSBpbnB1dC5yZXF1aXJlZDxNb25rZXlBbGVydFR5cGU+KCk7XG5cbiAgb25CdXR0b25DbGlja2VkOiBPdXRwdXRFbWl0dGVyUmVmPHZvaWQ+ID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktYWxlcnQtJyk7XG5cbiAgcHJvdGVjdGVkIF9pZCE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWQ7XG4gIH1cblxuICBzZXQgaWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2lkID0gdmFsdWUgfHwgdGhpcy5fdWlkO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXNlbGYtYXNzaWduXG4gICAgdGhpcy5pZCA9IHRoaXMuaWQ7XG4gIH1cblxuICBpY29uKHR5cGU6IE1vbmtleUFsZXJ0VHlwZSk6IHN0cmluZyB7XG4gICAgY29uc3QgdHlwZUljb25zID0ge1xuICAgICAgYWxlcnQ6ICd3YXJuaW5nLW91dGxpbmUnLFxuICAgICAgZGVmYXVsdDogJ2luZm8nLFxuICAgICAgZXJyb3I6ICdlcnJvci1vdXRsaW5lJyxcbiAgICAgIGluZm86ICdpbmZvJyxcbiAgICAgIHN1Y2Nlc3M6ICdjaGVja21hcmstYmlnLWNpcmNsZSdcbiAgICB9O1xuXG4gICAgcmV0dXJuIHR5cGVJY29uc1t0eXBlXTtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiJ21vbmtleS1hbGVydF9fY2FyZCAnICsgdHlwZSgpXCI+XG4gIEBpZiAodHlwZSgpKSB7XG4gICAgPG1vbmtleS1pY29uIHNpemU9XCJsZ1wiIFtjbGFzc109XCInbW9ua2V5LWFsZXJ0X19jYXJkX190eXBlLScgKyB0eXBlKClcIiBbaWNvbl09XCJpY29uKHR5cGUoKSlcIiAvPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJtb25rZXktYWxlcnRfX2NhcmRfX2NvbnRlbnRcIj5cbiAgICA8aDQgY2xhc3M9XCJtb25rZXktYWxlcnRfX2NhcmRfX3RpdGxlXCI+e3sgdGl0bGUoKSB9fTwvaDQ+XG4gICAgPGg1IGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX19tZXNzYWdlXCI+e3sgbWVzc2FnZSgpIH19PC9oNT5cbiAgICBAaWYgKGJ1dHRvbkxhYmVsKCkpIHtcbiAgICAgIDxkaXY+XG4gICAgICAgIDxhIGNsYXNzPVwibW9ua2V5LWFsZXJ0X19jYXJkX19saW5rXCIgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZC5lbWl0KClcIj5cbiAgICAgICAgICB7eyBidXR0b25MYWJlbCgpIH19XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,7 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- export * from './alert.component';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcbiJdfQ==
@@ -1,55 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- import { Component, effect, inject, input } from '@angular/core';
7
- import { IdGenerator, objHaveProperty } from '../../../utils';
8
- import { MonkeyIconComponent } from '../icon';
9
- import * as i0 from "@angular/core";
10
- export class MonkeyAvatarComponent {
11
- constructor() {
12
- this._id = inject(IdGenerator).getId('monkey-avatar-');
13
- this.size = input('xs');
14
- this.src = input.required();
15
- this.id = input();
16
- this.avatar = '?';
17
- this.avatarType = 'name';
18
- effect(() => {
19
- this._id = this.id() || this._id;
20
- this.handleAvatarType();
21
- });
22
- }
23
- getInitial(text) {
24
- return text.toUpperCase()[0];
25
- }
26
- handleAvatarType() {
27
- const { getInitial, src } = this;
28
- const value = src();
29
- if (objHaveProperty(value, 'iconName')) {
30
- this.avatarType = 'icon';
31
- this.avatar = value.iconName;
32
- return;
33
- }
34
- if (objHaveProperty(value, 'imageUrl')) {
35
- this.avatarType = 'image';
36
- this.avatar = value.imageUrl;
37
- return;
38
- }
39
- if (objHaveProperty(value, 'name')) {
40
- this.avatarType = 'name';
41
- this.avatar = getInitial(value.name);
42
- }
43
- }
44
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
45
- 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"] }] }); }
46
- }
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyAvatarComponent, decorators: [{
48
- type: Component,
49
- args: [{ imports: [MonkeyIconComponent], selector: 'monkey-avatar', standalone: true, host: {
50
- 'data-testid': 'monkey-avatar',
51
- '[attr.id]': '_id',
52
- '[id]': '_id'
53
- }, 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"] }]
54
- }], ctorParameters: () => [] });
55
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBaUI5QyxNQUFNLE9BQU8scUJBQXFCO0lBYWhDO1FBWlUsUUFBRyxHQUFRLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUV4RCxTQUFJLEdBQTRCLEtBQUssQ0FBQyxJQUFrQixDQUFDLENBQUM7UUFFMUQsUUFBRyxHQUFpQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFckQsT0FBRSxHQUFvQyxLQUFLLEVBQUUsQ0FBQztRQUVoRCxXQUFNLEdBQUcsR0FBRyxDQUFDO1FBRWIsZUFBVSxHQUFxQixNQUFNLENBQUM7UUFHM0MsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUM7WUFFakMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sVUFBVSxDQUFDLElBQVk7UUFDN0IsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztRQUNqQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUVwQixJQUFJLGVBQWUsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFJLEtBQThCLENBQUMsUUFBUSxDQUFDO1lBRXZELE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDdkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUM7WUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBSSxLQUE4QixDQUFDLFFBQVEsQ0FBQztZQUV2RCxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksZUFBZSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFFLEtBQTBCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNILENBQUM7K0dBL0NVLHFCQUFxQjttR0FBckIscUJBQXFCLG1oQkN6QmxDLHFZQWVBLHEwQkREWSxtQkFBbUI7OzRGQVdsQixxQkFBcUI7a0JBWmpDLFNBQVM7OEJBQ0MsQ0FBQyxtQkFBbUIsQ0FBQyxZQUNwQixlQUFlLGNBQ2IsSUFBSSxRQUdWO3dCQUNKLGFBQWEsRUFBRSxlQUFlO3dCQUM5QixXQUFXLEVBQUUsS0FBSzt3QkFDbEIsTUFBTSxFQUFFLEtBQUs7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIElucHV0U2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciwgb2JqSGF2ZVByb3BlcnR5IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTW9ua2V5U2l6ZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTW9ua2V5SWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuXG50eXBlIE1vbmtleUF2YXRhclNyYyA9IHsgaWNvbk5hbWU6IHN0cmluZyB9IHwgeyBpbWFnZVVybDogc3RyaW5nIH0gfCB7IG5hbWU6IHN0cmluZyB9O1xudHlwZSBNb25rZXlBdmF0YXJUeXBlID0gJ2ljb24nIHwgJ2ltYWdlJyB8ICduYW1lJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtNb25rZXlJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICdtb25rZXktYXZhdGFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc3R5bGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS1hdmF0YXInLFxuICAgICdbYXR0ci5pZF0nOiAnX2lkJyxcbiAgICAnW2lkXSc6ICdfaWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5QXZhdGFyQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIF9pZDogYW55ID0gaW5qZWN0KElkR2VuZXJhdG9yKS5nZXRJZCgnbW9ua2V5LWF2YXRhci0nKTtcblxuICByZWFkb25seSBzaXplOiBJbnB1dFNpZ25hbDxNb25rZXlTaXplPiA9IGlucHV0KCd4cycgYXMgTW9ua2V5U2l6ZSk7XG5cbiAgcmVhZG9ubHkgc3JjOiBJbnB1dFNpZ25hbDxNb25rZXlBdmF0YXJTcmM+ID0gaW5wdXQucmVxdWlyZWQoKTtcblxuICByZWFkb25seSBpZDogSW5wdXRTaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPiA9IGlucHV0KCk7XG5cbiAgcHVibGljIGF2YXRhciA9ICc/JztcblxuICBwdWJsaWMgYXZhdGFyVHlwZTogTW9ua2V5QXZhdGFyVHlwZSA9ICduYW1lJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5faWQgPSB0aGlzLmlkKCkgfHwgdGhpcy5faWQ7XG5cbiAgICAgIHRoaXMuaGFuZGxlQXZhdGFyVHlwZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRJbml0aWFsKHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRleHQudG9VcHBlckNhc2UoKVswXTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlQXZhdGFyVHlwZSgpOiB2b2lkIHtcbiAgICBjb25zdCB7IGdldEluaXRpYWwsIHNyYyB9ID0gdGhpcztcbiAgICBjb25zdCB2YWx1ZSA9IHNyYygpO1xuXG4gICAgaWYgKG9iakhhdmVQcm9wZXJ0eSh2YWx1ZSwgJ2ljb25OYW1lJykpIHtcbiAgICAgIHRoaXMuYXZhdGFyVHlwZSA9ICdpY29uJztcbiAgICAgIHRoaXMuYXZhdGFyID0gKHZhbHVlIGFzIHsgaWNvbk5hbWU6IHN0cmluZyB9KS5pY29uTmFtZTtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChvYmpIYXZlUHJvcGVydHkodmFsdWUsICdpbWFnZVVybCcpKSB7XG4gICAgICB0aGlzLmF2YXRhclR5cGUgPSAnaW1hZ2UnO1xuICAgICAgdGhpcy5hdmF0YXIgPSAodmFsdWUgYXMgeyBpbWFnZVVybDogc3RyaW5nIH0pLmltYWdlVXJsO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKG9iakhhdmVQcm9wZXJ0eSh2YWx1ZSwgJ25hbWUnKSkge1xuICAgICAgdGhpcy5hdmF0YXJUeXBlID0gJ25hbWUnO1xuICAgICAgdGhpcy5hdmF0YXIgPSBnZXRJbml0aWFsKCh2YWx1ZSBhcyB7IG5hbWU6IHN0cmluZyB9KS5uYW1lKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb25rZXktYXZhdGFyXCIgW2NsYXNzXT1cInNpemUoKVwiPlxuICBAc3dpdGNoIChhdmF0YXJUeXBlKSB7XG4gICAgQGNhc2UgKCduYW1lJykge1xuICAgICAgPHAgW2NsYXNzXT1cInNpemUoKVwiPnt7IGF2YXRhciB9fTwvcD5cbiAgICB9XG5cbiAgICBAY2FzZSAoJ2ljb24nKSB7XG4gICAgICA8bW9ua2V5LWljb24gW2ljb25dPVwiYXZhdGFyXCIgW3NpemVdPVwic2l6ZSgpXCIgLz5cbiAgICB9XG5cbiAgICBAY2FzZSAoJ2ltYWdlJykge1xuICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFthbHRdPVwiJ0F2YXRhciAnICsgYXZhdGFyVHlwZVwiIFtjbGFzc109XCJzaXplKClcIiBbc3JjXT1cImF2YXRhclwiIC8+XG4gICAgfVxuICB9XG48L2Rpdj5cbiJdfQ==
@@ -1,7 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- export * from './avatar.component';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs2QkFJNkI7QUFDN0IsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuIl19
@@ -1,74 +0,0 @@
1
- /** ************************
2
- * Copyright Monkey Exchange. All Rights Reserved
3
- * This style guide was developed by Monkey Exchange Team
4
- * MIT Licence
5
- ************************* */
6
- import { CommonModule } from '@angular/common';
7
- import { booleanAttribute, Component, HostBinding, inject, Input } from '@angular/core';
8
- import { IdGenerator } from '../../../utils';
9
- import { MonkeyIconComponent } from '../icon';
10
- import * as i0 from "@angular/core";
11
- export class MonkeyBadgeComponent {
12
- constructor() {
13
- this.idGenerator = inject(IdGenerator);
14
- this.id = this.idGenerator.getId('monkey-badge-');
15
- this.hostVariables = {};
16
- this.size = 'sm';
17
- this.largePadding = false;
18
- this.icon = '';
19
- this.text = '';
20
- }
21
- set type(value) {
22
- const styles = {
23
- success: { background: '#F5FFFB', color: '#005236' },
24
- alert: { background: '#FFF8EB', color: '#1F2024' },
25
- error: { background: '#FFECEC', color: '#DB0505' },
26
- info: { background: '#F4EBFF', color: '#2D0264' },
27
- default: { background: '#f8fafb', color: '#1f2024' }
28
- }[value];
29
- this.hostVariables = {
30
- '--monkey-badge-background': styles?.background,
31
- '--monkey-badge-color': styles?.color
32
- };
33
- }
34
- set typeColors(value) {
35
- if (value) {
36
- this.hostVariables = {
37
- '--monkey-badge-background': value?.background,
38
- '--monkey-badge-color': value?.color
39
- };
40
- }
41
- }
42
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
43
- 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"] }] }); }
44
- }
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyBadgeComponent, decorators: [{
46
- type: Component,
47
- args: [{ selector: 'monkey-badge', standalone: true, imports: [CommonModule, MonkeyIconComponent], host: {
48
- 'data-testid': 'monkey-badge',
49
- '[attr.id]': 'id'
50
- }, 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"] }]
51
- }], propDecorators: { hostVariables: [{
52
- type: HostBinding,
53
- args: ['style']
54
- }], type: [{
55
- type: Input
56
- }], typeColors: [{
57
- type: Input
58
- }], size: [{
59
- type: HostBinding,
60
- args: ['class']
61
- }, {
62
- type: Input
63
- }], largePadding: [{
64
- type: HostBinding,
65
- args: ['class.large-padding']
66
- }, {
67
- type: Input,
68
- args: [{ transform: booleanAttribute }]
69
- }], icon: [{
70
- type: Input
71
- }], text: [{
72
- type: Input
73
- }] } });
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQWE5QyxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWW1CLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTFDLE9BQUUsR0FBVyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUV4QyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQTZCekMsU0FBSSxHQUFlLElBQUksQ0FBQztRQUl4QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUVaLFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQUM1QjtJQXBDQyxJQUFhLElBQUksQ0FBQyxLQUF5RDtRQUN6RSxNQUFNLE1BQU0sR0FBRztZQUNiLE9BQU8sRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUNwRCxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDbEQsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ2xELElBQUksRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUNqRCxPQUFPLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7U0FDckQsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVULElBQUksQ0FBQyxhQUFhLEdBQUc7WUFDbkIsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLFVBQVU7WUFDL0Msc0JBQXNCLEVBQUUsTUFBTSxFQUFFLEtBQUs7U0FDdEMsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUNJLFVBQVUsQ0FBQyxLQUE0QztRQUN6RCxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsR0FBRztnQkFDbkIsMkJBQTJCLEVBQUUsS0FBSyxFQUFFLFVBQVU7Z0JBQzlDLHNCQUFzQixFQUFFLEtBQUssRUFBRSxLQUFLO2FBQ3JDLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0E5QlUsb0JBQW9CO21HQUFwQixvQkFBb0IsK0pBcUNYLGdCQUFnQixvUEMzRHRDLHFMQVVBLHNpQkRJWSxZQUFZLCtCQUFFLG1CQUFtQjs7NEZBUWhDLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLFFBR3RDO3dCQUNKLGFBQWEsRUFBRSxjQUFjO3dCQUM3QixXQUFXLEVBQUUsSUFBSTtxQkFDbEI7OEJBT3FCLGFBQWE7c0JBQWxDLFdBQVc7dUJBQUMsT0FBTztnQkFFUCxJQUFJO3NCQUFoQixLQUFLO2dCQWdCRixVQUFVO3NCQURiLEtBQUs7Z0JBWU4sSUFBSTtzQkFGSCxXQUFXO3VCQUFDLE9BQU87O3NCQUNuQixLQUFLO2dCQUtOLFlBQVk7c0JBRlgsV0FBVzt1QkFBQyxxQkFBcUI7O3NCQUNqQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUc3QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IE1vbmtleVNpemUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE1vbmtleUljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTW9ua2V5SWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuc2NzcycsXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbW9ua2V5LWJhZGdlJyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUJhZGdlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBpZEdlbmVyYXRvciA9IGluamVjdChJZEdlbmVyYXRvcik7XG5cbiAgcmVhZG9ubHkgaWQ6IHN0cmluZyA9IHRoaXMuaWRHZW5lcmF0b3IuZ2V0SWQoJ21vbmtleS1iYWRnZS0nKTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgaG9zdFZhcmlhYmxlcyA9IHt9O1xuXG4gIEBJbnB1dCgpIHNldCB0eXBlKHZhbHVlOiAnc3VjY2VzcycgfCAnYWxlcnQnIHwgJ2Vycm9yJyB8ICdpbmZvJyB8ICdkZWZhdWx0Jykge1xuICAgIGNvbnN0IHN0eWxlcyA9IHtcbiAgICAgIHN1Y2Nlc3M6IHsgYmFja2dyb3VuZDogJyNGNUZGRkInLCBjb2xvcjogJyMwMDUyMzYnIH0sXG4gICAgICBhbGVydDogeyBiYWNrZ3JvdW5kOiAnI0ZGRjhFQicsIGNvbG9yOiAnIzFGMjAyNCcgfSxcbiAgICAgIGVycm9yOiB7IGJhY2tncm91bmQ6ICcjRkZFQ0VDJywgY29sb3I6ICcjREIwNTA1JyB9LFxuICAgICAgaW5mbzogeyBiYWNrZ3JvdW5kOiAnI0Y0RUJGRicsIGNvbG9yOiAnIzJEMDI2NCcgfSxcbiAgICAgIGRlZmF1bHQ6IHsgYmFja2dyb3VuZDogJyNmOGZhZmInLCBjb2xvcjogJyMxZjIwMjQnIH1cbiAgICB9W3ZhbHVlXTtcblxuICAgIHRoaXMuaG9zdFZhcmlhYmxlcyA9IHtcbiAgICAgICctLW1vbmtleS1iYWRnZS1iYWNrZ3JvdW5kJzogc3R5bGVzPy5iYWNrZ3JvdW5kLFxuICAgICAgJy0tbW9ua2V5LWJhZGdlLWNvbG9yJzogc3R5bGVzPy5jb2xvclxuICAgIH07XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgdHlwZUNvbG9ycyh2YWx1ZTogeyBiYWNrZ3JvdW5kOiBzdHJpbmc7IGNvbG9yOiBzdHJpbmcgfSkge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgdGhpcy5ob3N0VmFyaWFibGVzID0ge1xuICAgICAgICAnLS1tb25rZXktYmFkZ2UtYmFja2dyb3VuZCc6IHZhbHVlPy5iYWNrZ3JvdW5kLFxuICAgICAgICAnLS1tb25rZXktYmFkZ2UtY29sb3InOiB2YWx1ZT8uY29sb3JcbiAgICAgIH07XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIEBJbnB1dCgpXG4gIHNpemU6IE1vbmtleVNpemUgPSAnc20nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MubGFyZ2UtcGFkZGluZycpXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBsYXJnZVBhZGRpbmcgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbn1cbiIsIkBpZiAodGV4dCkge1xuICBAaWYgKGljb24pIHtcbiAgICA8bW9ua2V5LWljb24gY2xhc3M9XCJpY29uXCIgW2ljb25dPVwiaWNvblwiPjwvbW9ua2V5LWljb24+XG4gIH1cbiAgPHNwYW4+XG4gICAge3sgdGV4dCB9fVxuICA8L3NwYW4+XG59IEBlbHNlIHtcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19