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.
- package/assets/scss/directives/_index.scss +3 -3
- package/assets/scss/input/_index.scss +1 -1
- package/assets/scss/partials/_breakpoints.scss +145 -0
- package/assets/scss/partials/_grid-system.scss +5069 -0
- package/assets/scss/partials/_helper-classes.scss +335 -0
- package/assets/scss/partials/_index.scss +8 -3
- package/assets/scss/partials/_scrollbars.scss +30 -0
- package/assets/scss/partials/_skeleton-loading.scss +67 -0
- package/assets/scss/partials/_style-reset.scss +11 -9
- package/assets/scss/partials/_variables.scss +49 -111
- package/assets/scss/table/_index.scss +1 -1
- package/assets/scss/theme.scss +12 -18
- package/assets/scss/typography/_index.scss +1 -3
- package/assets/scss/typography/_styles.scss +103 -103
- package/fesm2022/monkey-style-guide-v2.mjs +288 -279
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/form-field/form-field-control.d.ts +1 -1
- package/lib/components/input-phone/input-phone.component.d.ts +0 -2
- package/monkey-style-guide-v2-0.0.29.tgz +0 -0
- package/package.json +8 -10
- package/assets/scss/typography/_function.scss +0 -23
- package/assets/scss/typography/_mixins.scss +0 -111
- package/esm2022/lib/components/accordion/accordion.component.mjs +0 -93
- package/esm2022/lib/components/accordion/index.mjs +0 -7
- package/esm2022/lib/components/action-bar/action-bar.component.mjs +0 -46
- package/esm2022/lib/components/action-bar/index.mjs +0 -7
- package/esm2022/lib/components/alert/alert.component.mjs +0 -50
- package/esm2022/lib/components/alert/index.mjs +0 -7
- package/esm2022/lib/components/avatar/avatar.component.mjs +0 -55
- package/esm2022/lib/components/avatar/index.mjs +0 -7
- package/esm2022/lib/components/badge/badge.component.mjs +0 -74
- package/esm2022/lib/components/badge/index.mjs +0 -7
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +0 -56
- package/esm2022/lib/components/breadcrumb/index.mjs +0 -7
- package/esm2022/lib/components/button/button.component.mjs +0 -59
- package/esm2022/lib/components/button/index.mjs +0 -7
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +0 -215
- package/esm2022/lib/components/checkbox/index.mjs +0 -7
- package/esm2022/lib/components/date-range/date-range.component.mjs +0 -239
- package/esm2022/lib/components/date-range/index.mjs +0 -7
- package/esm2022/lib/components/date-range/month/index.mjs +0 -7
- package/esm2022/lib/components/date-range/month/month.component.mjs +0 -148
- package/esm2022/lib/components/date-range/quick-actions/index.mjs +0 -7
- package/esm2022/lib/components/date-range/quick-actions/quick-actions.component.mjs +0 -48
- package/esm2022/lib/components/date-range/utils.mjs +0 -102
- package/esm2022/lib/components/divider/divider.component.mjs +0 -44
- package/esm2022/lib/components/divider/index.mjs +0 -7
- package/esm2022/lib/components/form-field/form-field-control.mjs +0 -15
- package/esm2022/lib/components/form-field/form-field.component.mjs +0 -265
- package/esm2022/lib/components/form-field/form-field.module.mjs +0 -23
- package/esm2022/lib/components/form-field/index.mjs +0 -10
- package/esm2022/lib/components/form-field/utils.mjs +0 -16
- package/esm2022/lib/components/icon/icon.component.mjs +0 -51
- package/esm2022/lib/components/icon/index.mjs +0 -7
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +0 -59
- package/esm2022/lib/components/icon-button/index.mjs +0 -7
- package/esm2022/lib/components/index.mjs +0 -34
- package/esm2022/lib/components/input/index.mjs +0 -9
- package/esm2022/lib/components/input/input-currency.directive.mjs +0 -185
- package/esm2022/lib/components/input/input.directive.mjs +0 -185
- package/esm2022/lib/components/input/input.module.mjs +0 -24
- package/esm2022/lib/components/input/validators.mjs +0 -22
- package/esm2022/lib/components/input-code/index.mjs +0 -7
- package/esm2022/lib/components/input-code/input-code.component.mjs +0 -232
- package/esm2022/lib/components/input-phone/index.mjs +0 -7
- package/esm2022/lib/components/input-phone/input-phone.component.mjs +0 -324
- package/esm2022/lib/components/input-upload/index.mjs +0 -7
- package/esm2022/lib/components/input-upload/input-upload.component.mjs +0 -238
- package/esm2022/lib/components/modal/components/confirmation.component.mjs +0 -73
- package/esm2022/lib/components/modal/components/default.mjs +0 -65
- package/esm2022/lib/components/modal/directives/actions.mjs +0 -29
- package/esm2022/lib/components/modal/directives/content.mjs +0 -26
- package/esm2022/lib/components/modal/directives/subtitle.mjs +0 -26
- package/esm2022/lib/components/modal/directives/title.mjs +0 -26
- package/esm2022/lib/components/modal/index.mjs +0 -16
- package/esm2022/lib/components/modal/modal-config.mjs +0 -19
- package/esm2022/lib/components/modal/modal-ref.mjs +0 -56
- package/esm2022/lib/components/modal/modal.component.mjs +0 -119
- package/esm2022/lib/components/modal/modal.module.mjs +0 -56
- package/esm2022/lib/components/modal/modal.service.mjs +0 -150
- package/esm2022/lib/components/modal/utils.mjs +0 -24
- package/esm2022/lib/components/option/index.mjs +0 -7
- package/esm2022/lib/components/option/option.component.mjs +0 -70
- package/esm2022/lib/components/radio-button/index.mjs +0 -7
- package/esm2022/lib/components/radio-button/radio-button.component.mjs +0 -190
- package/esm2022/lib/components/security-level/index.mjs +0 -7
- package/esm2022/lib/components/security-level/security-level.component.mjs +0 -57
- package/esm2022/lib/components/select/index.mjs +0 -7
- package/esm2022/lib/components/select/select.component.mjs +0 -444
- package/esm2022/lib/components/status/index.mjs +0 -7
- package/esm2022/lib/components/status/status.component.mjs +0 -45
- package/esm2022/lib/components/table/components/pagination-action/pagination-action.mjs +0 -53
- package/esm2022/lib/components/table/components/pagination-label/pagination-label.mjs +0 -34
- package/esm2022/lib/components/table/components/pagination-size/pagination-size.mjs +0 -57
- package/esm2022/lib/components/table/directives/column-checked.mjs +0 -109
- package/esm2022/lib/components/table/directives/column-expansible.mjs +0 -134
- package/esm2022/lib/components/table/directives/column-sortable.mjs +0 -97
- package/esm2022/lib/components/table/directives/column-stick.mjs +0 -28
- package/esm2022/lib/components/table/index.mjs +0 -15
- package/esm2022/lib/components/table/table.component.mjs +0 -133
- package/esm2022/lib/components/table/table.module.mjs +0 -63
- package/esm2022/lib/components/toast/index.mjs +0 -7
- package/esm2022/lib/components/toast/toast.component.mjs +0 -79
- package/esm2022/lib/components/toggle/index.mjs +0 -7
- package/esm2022/lib/components/toggle/toggle.component.mjs +0 -74
- package/esm2022/lib/components/toggle-line/index.mjs +0 -8
- package/esm2022/lib/components/toggle-line/toggle-line-button/index.mjs +0 -7
- package/esm2022/lib/components/toggle-line/toggle-line-button/toggle-line-button.component.mjs +0 -24
- package/esm2022/lib/components/toggle-line/toggle-line.component.mjs +0 -85
- package/esm2022/lib/components/tooltip/index.mjs +0 -8
- package/esm2022/lib/components/tooltip/tooltip/index.mjs +0 -7
- package/esm2022/lib/components/tooltip/tooltip/tooltip.component.mjs +0 -58
- package/esm2022/lib/components/tooltip/tooltip.directive.mjs +0 -189
- package/esm2022/lib/directives/badge.mjs +0 -74
- package/esm2022/lib/directives/error.mjs +0 -18
- package/esm2022/lib/directives/helper.mjs +0 -18
- package/esm2022/lib/directives/index.mjs +0 -15
- package/esm2022/lib/directives/info.mjs +0 -18
- package/esm2022/lib/directives/label.mjs +0 -18
- package/esm2022/lib/directives/module.mjs +0 -61
- package/esm2022/lib/directives/popover.mjs +0 -385
- package/esm2022/lib/directives/prefix.mjs +0 -18
- package/esm2022/lib/directives/suffix.mjs +0 -43
- package/esm2022/lib/interfaces/alert.mjs +0 -2
- package/esm2022/lib/interfaces/breadcrumb.mjs +0 -2
- package/esm2022/lib/interfaces/button.mjs +0 -2
- package/esm2022/lib/interfaces/index.mjs +0 -13
- package/esm2022/lib/interfaces/popover.mjs +0 -2
- package/esm2022/lib/interfaces/sizes.mjs +0 -2
- package/esm2022/lib/interfaces/table.mjs +0 -2
- package/esm2022/lib/interfaces/toast.mjs +0 -10
- package/esm2022/lib/services/dictionary.service.mjs +0 -224
- package/esm2022/lib/services/index.mjs +0 -7
- package/esm2022/lib/services/toast.service.mjs +0 -79
- package/esm2022/lib/tokens/index.mjs +0 -10
- package/esm2022/monkey-style-guide-v2.mjs +0 -5
- package/esm2022/public-api.mjs +0 -11
- package/esm2022/utils/icon.mjs +0 -277
- package/esm2022/utils/id-generator.mjs +0 -20
- package/esm2022/utils/index.mjs +0 -5
- package/esm2022/utils/tests-utils.mjs +0 -4
- package/esm2022/utils/utils.mjs +0 -41
- 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,
|
|
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.
|
|
3
|
+
"version": "0.0.29",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^
|
|
6
|
-
"@angular/core": "^
|
|
7
|
-
"@angular/cdk": "^
|
|
8
|
-
"@angular/animations": "^
|
|
9
|
-
"@angular/platform-browser": "^
|
|
10
|
-
"@angular/router": "^
|
|
11
|
-
"@angular/forms": "^
|
|
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
|