monkey-style-guide-v2 0.0.22 → 0.0.25
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/esm2022/lib/components/form-field/form-field.component.mjs +2 -2
- package/esm2022/lib/components/index.mjs +7 -1
- package/esm2022/lib/components/input-phone/index.mjs +7 -0
- package/esm2022/lib/components/input-phone/input-phone.component.mjs +324 -0
- package/esm2022/lib/components/modal/components/confirmation.component.mjs +6 -1
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/directives/index.mjs +6 -1
- package/esm2022/lib/directives/popover.mjs +8 -3
- package/esm2022/lib/interfaces/alert.mjs +1 -1
- package/esm2022/lib/interfaces/breadcrumb.mjs +1 -1
- package/esm2022/lib/interfaces/button.mjs +1 -1
- package/esm2022/lib/interfaces/index.mjs +6 -1
- package/esm2022/lib/interfaces/popover.mjs +1 -1
- package/esm2022/lib/interfaces/sizes.mjs +1 -1
- package/esm2022/lib/interfaces/table.mjs +1 -1
- package/esm2022/lib/interfaces/toast.mjs +1 -1
- package/esm2022/lib/services/dictionary.service.mjs +3 -3
- package/esm2022/lib/tokens/index.mjs +9 -3
- package/fesm2022/monkey-style-guide-v2.mjs +1602 -1249
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/index.d.ts +6 -0
- package/lib/components/input-phone/index.d.ts +6 -0
- package/lib/components/input-phone/input-phone.component.d.ts +68 -0
- package/lib/directives/index.d.ts +5 -0
- package/lib/interfaces/alert.d.ts +5 -0
- package/lib/interfaces/breadcrumb.d.ts +5 -0
- package/lib/interfaces/button.d.ts +5 -0
- package/lib/interfaces/index.d.ts +5 -0
- package/lib/interfaces/popover.d.ts +5 -0
- package/lib/interfaces/sizes.d.ts +5 -0
- package/lib/interfaces/table.d.ts +5 -0
- package/lib/interfaces/toast.d.ts +5 -0
- package/lib/tokens/index.d.ts +8 -2
- package/monkey-style-guide-v2-0.0.25.tgz +0 -0
- package/package.json +3 -2
- package/monkey-style-guide-v2-0.0.22.tgz +0 -0
|
@@ -216,7 +216,7 @@ export class MonkeyFormFieldComponent {
|
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
218
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
219
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyFormFieldComponent, selector: "monkey-form-field", inputs: { id: "id", hideAction: ["hideAction", "hideAction", booleanAttribute], enableClear: ["enableClear", "enableClear", booleanAttribute], size: "size" }, host: { properties: { "class.mecx-disabled": "control.disabled", "class.mecx-form-field-focused": "control.focused", "class.mecx-form-field-invalid": "showInvalid", "class.mecx-form-field-borderless": "hideBorder", "attr.id": "id", "id": "id", "class": "size" }, classAttribute: "mecx-form-field" }, queries: [{ propertyName: "_formFieldControl", first: true, predicate: MonkeyFormFieldControl, descendants: true }, { propertyName: "_labelChildren", predicate: MonkeyLabelDirective, descendants: true }, { propertyName: "_helperChildren", predicate: MonkeyHelperDirective, descendants: true }, { propertyName: "_prefixChildren", predicate: MonkeyPrefixDirective, descendants: true }, { propertyName: "_suffixChildren", predicate: MonkeySuffixDirective, descendants: true }, { propertyName: "_infoChildren", predicate: MonkeyInfoDirective, descendants: true }, { propertyName: "_errorChildren", predicate: MonkeyErrorDirective, descendants: true }], exportAs: ["monkeyFormField"], ngImport: i0, template: "@if (showHeader) {\n <div class=\"mecx-form-field-header\" (click)=\"control.onContainerClick($event)\">\n <label [id]=\"labelId\" [attr.for]=\"control.id\">\n <ng-content select=\"monkey-label\"></ng-content>\n </label>\n <ng-content select=\"monkey-helper\"></ng-content>\n </div>\n}\n\n<div class=\"mecx-form-field-body\" (click)=\"control.onContainerClick($event)\">\n @if (hasPrefix) {\n <ng-content select=\"monkey-prefix\"></ng-content>\n }\n @if (getSymbols(); as symbols) {\n <div class=\"mecx-form-field-prefix-symbol\">\n {{ symbols }}\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (showClear) {\n <util-icon class=\"mecx-clear\" name=\"clear\" (click)=\"onClear($event)\" />\n }\n @if (showCalendar) {\n <util-icon class=\"mecx-calendar\" name=\"calendar\" (click)=\"onOpenCalendar($event)\" />\n }\n @if (showLoading) {\n <util-icon class=\"mecx-form-field-loading\" name=\"loading\" />\n }\n\n @if (hasSuffix) {\n <ng-content select=\"monkey-suffix\"></ng-content>\n }\n</div>\n\n@if (showFooter) {\n <div class=\"mecx-form-field-footer\" (click)=\"control.onContainerClick($event)\">\n @switch (getFooterMessages()) {\n @case ('error') {\n <ng-content select=\"monkey-error\"></ng-content>\n }\n @case ('info') {\n <div class=\"mecx-form-field-info\">\n <ng-content select=\"monkey-info\"></ng-content>\n </div>\n }\n }\n </div>\n}\n", styles: [".mecx-form-field{width:100%;display:inline-flex;flex-direction:column;min-width:0;text-align:left;gap:6px}.mecx-disabled .mecx-form-field{cursor:not-allowed;pointer-events:none}.mecx-form-field-header{display:flex;justify-content:space-between;align-items:center}.mecx-disabled .mecx-form-field-header label{pointer-events:none}.mecx-form-field-body{border-radius:4px;border:2px solid var(--mecx-color-gray-400);padding:8px;gap:4px;background:var(--mecx-color-white);color:var(--mecx-color-gray-500);box-sizing:border-box;height:40px;display:flex;align-items:center;position:relative}.mecx-form-field-invalid .mecx-form-field-body{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-invalid .mecx-form-field-body .mecx-option:not(.mecx-option-disabled).radio:before{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-focused .mecx-form-field-body{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}.mecx-disabled .mecx-form-field-body{border-color:var(--mecx-color-gray-50);background:var(--mecx-color-gray-50);border-radius:8px}.mecx-form-field-body .mecx-clear,.mecx-form-field-body .mecx-calendar{display:flex;align-items:center;justify-content:center;cursor:pointer}.mecx-form-field-body .mecx-calendar svg path{fill:var(--mecx-color-theme-main)}.sm .mecx-form-field-body{height:32px}.md .mecx-form-field-body{height:40px}.lg .mecx-form-field-body{height:48px}.mecx-form-field-footer{display:flex;flex-direction:column}.mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-700);font-size:16px;font-weight:400;font-style:normal;width:22px;text-align:center}.mecx-form-field-prefix-symbol .mk-i{display:flex}.mecx-disabled .mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-400)!important;pointer-events:none}.mecx-form-field-loading{display:flex}.mecx-form-field-loading svg path{fill:var(--mecx-color-theme-main)}.mecx-form-field-borderless .mecx-form-field-body{background-color:transparent;border:0;border-radius:0;padding:0;height:unset;align-items:flex-start}.mecx-form-field-borderless.mecx-form-field-focused .mecx-form-field-body{outline:none;outline-offset:unset}\n"], dependencies: [{ kind: "component", type: i1.UtilIconComponent, selector: "util-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
219
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyFormFieldComponent, selector: "monkey-form-field", inputs: { id: "id", hideAction: ["hideAction", "hideAction", booleanAttribute], enableClear: ["enableClear", "enableClear", booleanAttribute], size: "size" }, host: { properties: { "class.mecx-disabled": "control.disabled", "class.mecx-form-field-focused": "control.focused", "class.mecx-form-field-invalid": "showInvalid", "class.mecx-form-field-borderless": "hideBorder", "attr.id": "id", "id": "id", "class": "size" }, classAttribute: "mecx-form-field" }, queries: [{ propertyName: "_formFieldControl", first: true, predicate: MonkeyFormFieldControl, descendants: true }, { propertyName: "_labelChildren", predicate: MonkeyLabelDirective, descendants: true }, { propertyName: "_helperChildren", predicate: MonkeyHelperDirective, descendants: true }, { propertyName: "_prefixChildren", predicate: MonkeyPrefixDirective, descendants: true }, { propertyName: "_suffixChildren", predicate: MonkeySuffixDirective, descendants: true }, { propertyName: "_infoChildren", predicate: MonkeyInfoDirective, descendants: true }, { propertyName: "_errorChildren", predicate: MonkeyErrorDirective, descendants: true }], exportAs: ["monkeyFormField"], ngImport: i0, template: "@if (showHeader) {\n <div class=\"mecx-form-field-header\" (click)=\"control.onContainerClick($event)\">\n <label [id]=\"labelId\" [attr.for]=\"control.id\">\n <ng-content select=\"monkey-label\"></ng-content>\n </label>\n <ng-content select=\"monkey-helper\"></ng-content>\n </div>\n}\n\n<div class=\"mecx-form-field-body\" (click)=\"control.onContainerClick($event)\">\n @if (hasPrefix) {\n <ng-content select=\"monkey-prefix\"></ng-content>\n }\n @if (getSymbols(); as symbols) {\n <div class=\"mecx-form-field-prefix-symbol\">\n {{ symbols }}\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (showClear) {\n <util-icon class=\"mecx-clear\" name=\"clear\" (click)=\"onClear($event)\" />\n }\n @if (showCalendar) {\n <util-icon class=\"mecx-calendar\" name=\"calendar\" (click)=\"onOpenCalendar($event)\" />\n }\n @if (showLoading) {\n <util-icon class=\"mecx-form-field-loading\" name=\"loading\" />\n }\n\n @if (hasSuffix) {\n <ng-content select=\"monkey-suffix\"></ng-content>\n }\n</div>\n\n@if (showFooter) {\n <div class=\"mecx-form-field-footer\" (click)=\"control.onContainerClick($event)\">\n @switch (getFooterMessages()) {\n @case ('error') {\n <ng-content select=\"monkey-error\"></ng-content>\n }\n @case ('info') {\n <div class=\"mecx-form-field-info\">\n <ng-content select=\"monkey-info\"></ng-content>\n </div>\n }\n }\n </div>\n}\n", styles: [".mecx-form-field{width:100%;display:inline-flex;flex-direction:column;min-width:0;text-align:left;gap:6px}.mecx-disabled .mecx-form-field{cursor:not-allowed;pointer-events:none}.mecx-form-field-header{display:flex;justify-content:space-between;align-items:center}.mecx-disabled .mecx-form-field-header label{pointer-events:none}.mecx-form-field-body{border-radius:4px;border:2px solid var(--mecx-color-gray-400);padding:8px;gap:4px;background:var(--mecx-color-white);color:var(--mecx-color-gray-500);box-sizing:border-box;height:40px;display:flex;align-items:center;position:relative}.mecx-form-field-invalid .mecx-form-field-body{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-invalid .mecx-form-field-body .mecx-option:not(.mecx-option-disabled).radio:before{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-focused .mecx-form-field-body{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}.mecx-disabled .mecx-form-field-body{border-color:var(--mecx-color-gray-50);background:var(--mecx-color-gray-50);border-radius:8px}.mecx-form-field-body .mecx-clear,.mecx-form-field-body .mecx-calendar{display:flex;align-items:center;justify-content:center;cursor:pointer}.mecx-form-field-body .mecx-calendar svg path{fill:var(--mecx-color-theme-main)}.sm .mecx-form-field-body{height:32px}.md .mecx-form-field-body{height:40px}.lg .mecx-form-field-body{height:48px}.mecx-form-field-footer{display:flex;flex-direction:column}.mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-700);font-size:16px;font-weight:400;font-style:normal;width:22px;text-align:center}.mecx-form-field-prefix-symbol .mk-i{display:flex}.mecx-disabled .mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-400)!important;pointer-events:none}.mecx-form-field-loading{display:flex}.mecx-form-field-loading svg path{fill:var(--mecx-color-theme-main)}.mecx-form-field-borderless .mecx-form-field-body{background-color:transparent;border:0;border-radius:0;padding:0;height:unset;align-items:flex-start;outline:none;outline-offset:unset}.mecx-form-field-borderless.mecx-form-field-focused .mecx-form-field-body{outline:none;outline-offset:unset}\n"], dependencies: [{ kind: "component", type: i1.UtilIconComponent, selector: "util-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
220
220
|
}
|
|
221
221
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyFormFieldComponent, decorators: [{
|
|
222
222
|
type: Component,
|
|
@@ -229,7 +229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
229
229
|
'[attr.id]': 'id',
|
|
230
230
|
'[id]': 'id',
|
|
231
231
|
'[class]': 'size'
|
|
232
|
-
}, template: "@if (showHeader) {\n <div class=\"mecx-form-field-header\" (click)=\"control.onContainerClick($event)\">\n <label [id]=\"labelId\" [attr.for]=\"control.id\">\n <ng-content select=\"monkey-label\"></ng-content>\n </label>\n <ng-content select=\"monkey-helper\"></ng-content>\n </div>\n}\n\n<div class=\"mecx-form-field-body\" (click)=\"control.onContainerClick($event)\">\n @if (hasPrefix) {\n <ng-content select=\"monkey-prefix\"></ng-content>\n }\n @if (getSymbols(); as symbols) {\n <div class=\"mecx-form-field-prefix-symbol\">\n {{ symbols }}\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (showClear) {\n <util-icon class=\"mecx-clear\" name=\"clear\" (click)=\"onClear($event)\" />\n }\n @if (showCalendar) {\n <util-icon class=\"mecx-calendar\" name=\"calendar\" (click)=\"onOpenCalendar($event)\" />\n }\n @if (showLoading) {\n <util-icon class=\"mecx-form-field-loading\" name=\"loading\" />\n }\n\n @if (hasSuffix) {\n <ng-content select=\"monkey-suffix\"></ng-content>\n }\n</div>\n\n@if (showFooter) {\n <div class=\"mecx-form-field-footer\" (click)=\"control.onContainerClick($event)\">\n @switch (getFooterMessages()) {\n @case ('error') {\n <ng-content select=\"monkey-error\"></ng-content>\n }\n @case ('info') {\n <div class=\"mecx-form-field-info\">\n <ng-content select=\"monkey-info\"></ng-content>\n </div>\n }\n }\n </div>\n}\n", styles: [".mecx-form-field{width:100%;display:inline-flex;flex-direction:column;min-width:0;text-align:left;gap:6px}.mecx-disabled .mecx-form-field{cursor:not-allowed;pointer-events:none}.mecx-form-field-header{display:flex;justify-content:space-between;align-items:center}.mecx-disabled .mecx-form-field-header label{pointer-events:none}.mecx-form-field-body{border-radius:4px;border:2px solid var(--mecx-color-gray-400);padding:8px;gap:4px;background:var(--mecx-color-white);color:var(--mecx-color-gray-500);box-sizing:border-box;height:40px;display:flex;align-items:center;position:relative}.mecx-form-field-invalid .mecx-form-field-body{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-invalid .mecx-form-field-body .mecx-option:not(.mecx-option-disabled).radio:before{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-focused .mecx-form-field-body{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}.mecx-disabled .mecx-form-field-body{border-color:var(--mecx-color-gray-50);background:var(--mecx-color-gray-50);border-radius:8px}.mecx-form-field-body .mecx-clear,.mecx-form-field-body .mecx-calendar{display:flex;align-items:center;justify-content:center;cursor:pointer}.mecx-form-field-body .mecx-calendar svg path{fill:var(--mecx-color-theme-main)}.sm .mecx-form-field-body{height:32px}.md .mecx-form-field-body{height:40px}.lg .mecx-form-field-body{height:48px}.mecx-form-field-footer{display:flex;flex-direction:column}.mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-700);font-size:16px;font-weight:400;font-style:normal;width:22px;text-align:center}.mecx-form-field-prefix-symbol .mk-i{display:flex}.mecx-disabled .mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-400)!important;pointer-events:none}.mecx-form-field-loading{display:flex}.mecx-form-field-loading svg path{fill:var(--mecx-color-theme-main)}.mecx-form-field-borderless .mecx-form-field-body{background-color:transparent;border:0;border-radius:0;padding:0;height:unset;align-items:flex-start}.mecx-form-field-borderless.mecx-form-field-focused .mecx-form-field-body{outline:none;outline-offset:unset}\n"] }]
|
|
232
|
+
}, template: "@if (showHeader) {\n <div class=\"mecx-form-field-header\" (click)=\"control.onContainerClick($event)\">\n <label [id]=\"labelId\" [attr.for]=\"control.id\">\n <ng-content select=\"monkey-label\"></ng-content>\n </label>\n <ng-content select=\"monkey-helper\"></ng-content>\n </div>\n}\n\n<div class=\"mecx-form-field-body\" (click)=\"control.onContainerClick($event)\">\n @if (hasPrefix) {\n <ng-content select=\"monkey-prefix\"></ng-content>\n }\n @if (getSymbols(); as symbols) {\n <div class=\"mecx-form-field-prefix-symbol\">\n {{ symbols }}\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (showClear) {\n <util-icon class=\"mecx-clear\" name=\"clear\" (click)=\"onClear($event)\" />\n }\n @if (showCalendar) {\n <util-icon class=\"mecx-calendar\" name=\"calendar\" (click)=\"onOpenCalendar($event)\" />\n }\n @if (showLoading) {\n <util-icon class=\"mecx-form-field-loading\" name=\"loading\" />\n }\n\n @if (hasSuffix) {\n <ng-content select=\"monkey-suffix\"></ng-content>\n }\n</div>\n\n@if (showFooter) {\n <div class=\"mecx-form-field-footer\" (click)=\"control.onContainerClick($event)\">\n @switch (getFooterMessages()) {\n @case ('error') {\n <ng-content select=\"monkey-error\"></ng-content>\n }\n @case ('info') {\n <div class=\"mecx-form-field-info\">\n <ng-content select=\"monkey-info\"></ng-content>\n </div>\n }\n }\n </div>\n}\n", styles: [".mecx-form-field{width:100%;display:inline-flex;flex-direction:column;min-width:0;text-align:left;gap:6px}.mecx-disabled .mecx-form-field{cursor:not-allowed;pointer-events:none}.mecx-form-field-header{display:flex;justify-content:space-between;align-items:center}.mecx-disabled .mecx-form-field-header label{pointer-events:none}.mecx-form-field-body{border-radius:4px;border:2px solid var(--mecx-color-gray-400);padding:8px;gap:4px;background:var(--mecx-color-white);color:var(--mecx-color-gray-500);box-sizing:border-box;height:40px;display:flex;align-items:center;position:relative}.mecx-form-field-invalid .mecx-form-field-body{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-invalid .mecx-form-field-body .mecx-option:not(.mecx-option-disabled).radio:before{border:2px solid var(--mecx-color-error-700)}.mecx-form-field-focused .mecx-form-field-body{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}.mecx-disabled .mecx-form-field-body{border-color:var(--mecx-color-gray-50);background:var(--mecx-color-gray-50);border-radius:8px}.mecx-form-field-body .mecx-clear,.mecx-form-field-body .mecx-calendar{display:flex;align-items:center;justify-content:center;cursor:pointer}.mecx-form-field-body .mecx-calendar svg path{fill:var(--mecx-color-theme-main)}.sm .mecx-form-field-body{height:32px}.md .mecx-form-field-body{height:40px}.lg .mecx-form-field-body{height:48px}.mecx-form-field-footer{display:flex;flex-direction:column}.mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-700);font-size:16px;font-weight:400;font-style:normal;width:22px;text-align:center}.mecx-form-field-prefix-symbol .mk-i{display:flex}.mecx-disabled .mecx-form-field-prefix-symbol{color:var(--mecx-color-gray-400)!important;pointer-events:none}.mecx-form-field-loading{display:flex}.mecx-form-field-loading svg path{fill:var(--mecx-color-theme-main)}.mecx-form-field-borderless .mecx-form-field-body{background-color:transparent;border:0;border-radius:0;padding:0;height:unset;align-items:flex-start;outline:none;outline-offset:unset}.mecx-form-field-borderless.mecx-form-field-focused .mecx-form-field-body{outline:none;outline-offset:unset}\n"] }]
|
|
233
233
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
234
234
|
type: Input
|
|
235
235
|
}], hideAction: [{
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
1
6
|
export * from './accordion';
|
|
2
7
|
export * from './action-bar';
|
|
3
8
|
export * from './alert';
|
|
@@ -13,6 +18,7 @@ export * from './icon';
|
|
|
13
18
|
export * from './icon-button';
|
|
14
19
|
export * from './input';
|
|
15
20
|
export * from './input-code';
|
|
21
|
+
export * from './input-phone';
|
|
16
22
|
export * from './input-upload';
|
|
17
23
|
export * from './modal';
|
|
18
24
|
export * from './option';
|
|
@@ -25,4 +31,4 @@ export * from './toast';
|
|
|
25
31
|
export * from './toggle';
|
|
26
32
|
export * from './toggle-line';
|
|
27
33
|
export * from './tooltip';
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2FjdGlvbi1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9hbGVydCc7XG5leHBvcnQgKiBmcm9tICcuL2F2YXRhcic7XG5leHBvcnQgKiBmcm9tICcuL2JhZGdlJztcbmV4cG9ydCAqIGZyb20gJy4vYnJlYWRjcnVtYic7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZS1yYW5nZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbic7XG5leHBvcnQgKiBmcm9tICcuL2ljb24tYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC1jb2RlJztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtcGhvbmUnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC11cGxvYWQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL29wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3JhZGlvLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL3NlY3VyaXR5LWxldmVsJztcbmV4cG9ydCAqIGZyb20gJy4vc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzJztcbmV4cG9ydCAqIGZyb20gJy4vdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi90b2FzdCc7XG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZS1saW5lJztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbHRpcCc7XG4iXX0=
|
|
@@ -0,0 +1,7 @@
|
|
|
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 './input-phone.component';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0LXBob25lL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqICoqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKiogKi9cbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtcGhvbmUuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,324 @@
|
|
|
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, inject, Input, LOCALE_ID, ViewChildren } from '@angular/core';
|
|
8
|
+
import { FormsModule, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
9
|
+
import parsePhoneNumberFromString, { AsYouType, getCountries, getCountryCallingCode, getExampleNumber, isValidPhoneNumber } from 'libphonenumber-js';
|
|
10
|
+
import examples from 'libphonenumber-js/examples.mobile.json';
|
|
11
|
+
import { Subject } from 'rxjs';
|
|
12
|
+
import { IdGenerator } from '../../../utils';
|
|
13
|
+
import { MECX_COUNTRY_CODE } from '../../tokens';
|
|
14
|
+
import { MonkeyFormFieldControl, MonkeyFormFieldModule } from '../form-field';
|
|
15
|
+
import { MonkeyOptionComponent } from '../option';
|
|
16
|
+
import { MonkeySelectComponent } from '../select';
|
|
17
|
+
import * as i0 from "@angular/core";
|
|
18
|
+
import * as i1 from "@angular/forms";
|
|
19
|
+
export class MonkeyInputPhoneComponent {
|
|
20
|
+
get disabled() {
|
|
21
|
+
if (this.ngControl && this.ngControl.disabled !== null) {
|
|
22
|
+
return this.ngControl.disabled;
|
|
23
|
+
}
|
|
24
|
+
return this._disabled;
|
|
25
|
+
}
|
|
26
|
+
set disabled(value) {
|
|
27
|
+
this._disabled = value;
|
|
28
|
+
if (this.focused) {
|
|
29
|
+
this.focused = false;
|
|
30
|
+
this.stateChanges.next();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
get required() {
|
|
34
|
+
return this._required ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
|
|
35
|
+
}
|
|
36
|
+
set required(value) {
|
|
37
|
+
this._required = value;
|
|
38
|
+
this.stateChanges.next();
|
|
39
|
+
}
|
|
40
|
+
set value(value) {
|
|
41
|
+
if (this._value !== value && value !== undefined) {
|
|
42
|
+
this._value = value;
|
|
43
|
+
this.formatValue(value);
|
|
44
|
+
this._onChange(value);
|
|
45
|
+
this._onTouched(value);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
get value() {
|
|
49
|
+
return this._value;
|
|
50
|
+
}
|
|
51
|
+
constructor() {
|
|
52
|
+
this.placeholder = '';
|
|
53
|
+
this.tabIndex = 0;
|
|
54
|
+
this._disabled = false;
|
|
55
|
+
this._value = null;
|
|
56
|
+
this.ngControl = inject(NgControl, { self: true, optional: true });
|
|
57
|
+
this.idGenerator = inject(IdGenerator);
|
|
58
|
+
this.countryCode = inject(MECX_COUNTRY_CODE);
|
|
59
|
+
this.locale = inject(LOCALE_ID);
|
|
60
|
+
this.id = this.idGenerator.getId('monkey-input-upload-');
|
|
61
|
+
this.inputId = this.idGenerator.getId('monkey-input-upload-input-');
|
|
62
|
+
this.focused = false;
|
|
63
|
+
this.type = 'input-phone';
|
|
64
|
+
this.stateChanges = new Subject();
|
|
65
|
+
this.countries = getCountries()
|
|
66
|
+
.map((code) => {
|
|
67
|
+
return {
|
|
68
|
+
code: `+${getCountryCallingCode(code)}`,
|
|
69
|
+
name: this.getCountryNameFromCode(code),
|
|
70
|
+
flag: `${this.isoToFlagEmoji(code)} `
|
|
71
|
+
};
|
|
72
|
+
})
|
|
73
|
+
.sort((a, b) => {
|
|
74
|
+
return a.name.localeCompare(b.name);
|
|
75
|
+
});
|
|
76
|
+
this.countriesFiltered = this.countries;
|
|
77
|
+
this.selectedCallingCode = this.countryCode.toString();
|
|
78
|
+
this.phoneFormatted = '';
|
|
79
|
+
this.phoneValid = false;
|
|
80
|
+
this._onChange = () => { };
|
|
81
|
+
this._onTouched = () => { };
|
|
82
|
+
if (this.ngControl) {
|
|
83
|
+
this.ngControl.valueAccessor = this;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
getCountryNameFromCode(code) {
|
|
87
|
+
try {
|
|
88
|
+
const locale = this.locale.toString();
|
|
89
|
+
const display = new Intl.DisplayNames([locale], { type: 'region' });
|
|
90
|
+
return display.of(code.toUpperCase()) || code;
|
|
91
|
+
}
|
|
92
|
+
catch {
|
|
93
|
+
return code;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
getCountryByCallingCode(code) {
|
|
97
|
+
const cleanCode = code.replace('+', '');
|
|
98
|
+
return (getCountries().find((country) => {
|
|
99
|
+
return getCountryCallingCode(country) === cleanCode;
|
|
100
|
+
}) || null);
|
|
101
|
+
}
|
|
102
|
+
isoToFlagEmoji(isoCode) {
|
|
103
|
+
return isoCode.toUpperCase().replace(/./g, (char) => {
|
|
104
|
+
return String.fromCodePoint(127397 + char.charCodeAt(0));
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
getCountryFromPhoneNumber(input, changedCountry) {
|
|
108
|
+
try {
|
|
109
|
+
if (changedCountry) {
|
|
110
|
+
return this.selectedCallingCode;
|
|
111
|
+
}
|
|
112
|
+
const parsed = parsePhoneNumberFromString(input);
|
|
113
|
+
const country = getCountryCallingCode(parsed?.country);
|
|
114
|
+
return `+${country}`;
|
|
115
|
+
}
|
|
116
|
+
catch (e) {
|
|
117
|
+
// not to do
|
|
118
|
+
}
|
|
119
|
+
return this.selectedCallingCode;
|
|
120
|
+
}
|
|
121
|
+
performValue(value) {
|
|
122
|
+
this._value = `${this.selectedCallingCode}${value}`;
|
|
123
|
+
this._onChange(this._value);
|
|
124
|
+
this._onTouched(this._value);
|
|
125
|
+
}
|
|
126
|
+
validateValue() {
|
|
127
|
+
const { phoneValid } = this;
|
|
128
|
+
if (!phoneValid) {
|
|
129
|
+
const countryCode = this.getCountryByCallingCode(this.selectedCallingCode);
|
|
130
|
+
const example = getExampleNumber(countryCode, examples);
|
|
131
|
+
this.ngControl?.control?.setErrors({
|
|
132
|
+
phone: true,
|
|
133
|
+
phoneAllowed: example?.nationalNumber
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
formatValue(value, changedCountry = false) {
|
|
138
|
+
if (!value) {
|
|
139
|
+
this.phoneFormatted = '';
|
|
140
|
+
this.phoneValid = false;
|
|
141
|
+
this.validateValue();
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
const detectedCallingCode = this.getCountryFromPhoneNumber(value, changedCountry);
|
|
145
|
+
const isCountryChanged = changedCountry || detectedCallingCode !== this.selectedCallingCode;
|
|
146
|
+
if (isCountryChanged && detectedCallingCode) {
|
|
147
|
+
this.selectedCallingCode = detectedCallingCode;
|
|
148
|
+
}
|
|
149
|
+
const countryCode = this.getCountryByCallingCode(this.selectedCallingCode);
|
|
150
|
+
if (!countryCode) {
|
|
151
|
+
this.phoneFormatted = value;
|
|
152
|
+
this.phoneValid = false;
|
|
153
|
+
this.validateValue();
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
const nationalPart = value.replace(this.selectedCallingCode, '').replace(/[^\d+]/g, '');
|
|
157
|
+
const formatter = new AsYouType(countryCode);
|
|
158
|
+
this.phoneFormatted = formatter.input(nationalPart);
|
|
159
|
+
this.performValue(nationalPart);
|
|
160
|
+
this.phoneValid = isValidPhoneNumber(nationalPart, countryCode);
|
|
161
|
+
this.validateValue();
|
|
162
|
+
}
|
|
163
|
+
ngAfterContentInit() { }
|
|
164
|
+
ngOnChanges(changes) { }
|
|
165
|
+
ngOnDestroy() { }
|
|
166
|
+
onContainerClick(event) {
|
|
167
|
+
this.inputs.first.nativeElement.focus();
|
|
168
|
+
}
|
|
169
|
+
_onFocus() {
|
|
170
|
+
if (!this.disabled) {
|
|
171
|
+
this.focused = true;
|
|
172
|
+
this._onTouched();
|
|
173
|
+
this.stateChanges.next();
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
_onBlur() {
|
|
177
|
+
this.focused = false;
|
|
178
|
+
this.stateChanges.next();
|
|
179
|
+
this.validateValue();
|
|
180
|
+
}
|
|
181
|
+
registerOnChange(fn) {
|
|
182
|
+
this._onChange = fn;
|
|
183
|
+
}
|
|
184
|
+
registerOnTouched(fn) {
|
|
185
|
+
this._onTouched = fn;
|
|
186
|
+
}
|
|
187
|
+
setDisabledState(isDisabled) {
|
|
188
|
+
this.disabled = isDisabled;
|
|
189
|
+
}
|
|
190
|
+
writeValue(value) {
|
|
191
|
+
this.value = value;
|
|
192
|
+
}
|
|
193
|
+
onInputChange(event) {
|
|
194
|
+
const { value } = event.target;
|
|
195
|
+
this.formatValue(value);
|
|
196
|
+
}
|
|
197
|
+
onCountryChange() {
|
|
198
|
+
this.formatValue(this._value, true);
|
|
199
|
+
this.validateValue();
|
|
200
|
+
}
|
|
201
|
+
getMaxLength() {
|
|
202
|
+
try {
|
|
203
|
+
const countryCode = this.getCountryByCallingCode(this.selectedCallingCode);
|
|
204
|
+
if (!countryCode)
|
|
205
|
+
return 20;
|
|
206
|
+
const example = getExampleNumber(countryCode, examples);
|
|
207
|
+
const formatted = new AsYouType(countryCode).input(example.nationalNumber);
|
|
208
|
+
return formatted.length;
|
|
209
|
+
}
|
|
210
|
+
catch {
|
|
211
|
+
return 20;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
onHandleSearchSelect(query) {
|
|
215
|
+
const normalizedQuery = query.trim().toLowerCase();
|
|
216
|
+
this.countriesFiltered = this.countries.filter(({ name }) => {
|
|
217
|
+
return name.toLowerCase().includes(normalizedQuery);
|
|
218
|
+
});
|
|
219
|
+
}
|
|
220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyInputPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyInputPhoneComponent, isStandalone: true, selector: "monkey-input-phone", inputs: { placeholder: "placeholder", tabIndex: "tabIndex", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], value: "value" }, host: { listeners: { "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "attr.data-testid": "'monkey-input-phone'", "class.mecx-input-phone-disabled": "_disabled", "class.mecx-input-phone-focused": "focused", "attr.id": "id", "attr.tabindex": "disabled ? -1 : tabIndex" }, classAttribute: "mecx-input-phone" }, providers: [
|
|
222
|
+
// eslint-disable-next-line no-use-before-define
|
|
223
|
+
{ provide: MonkeyFormFieldControl, useExisting: MonkeyInputPhoneComponent }
|
|
224
|
+
], viewQueries: [{ propertyName: "inputs", predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
225
|
+
<monkey-select
|
|
226
|
+
placeholder=""
|
|
227
|
+
[disabled]="disabled"
|
|
228
|
+
showSearch
|
|
229
|
+
[(ngModel)]="selectedCallingCode"
|
|
230
|
+
class="mecx-phone-select-country"
|
|
231
|
+
(onChange)="onCountryChange()"
|
|
232
|
+
callbackSearch
|
|
233
|
+
(onSearch)="onHandleSearchSelect($event)"
|
|
234
|
+
>
|
|
235
|
+
@for (item of countriesFiltered; track $index) {
|
|
236
|
+
<monkey-option [value]="item.code">
|
|
237
|
+
<span class="option-flag">{{ item.flag }}</span>
|
|
238
|
+
<div class="option-name">{{ item.name }} {{ item.code }}</div>
|
|
239
|
+
</monkey-option>
|
|
240
|
+
}
|
|
241
|
+
</monkey-select>
|
|
242
|
+
<input
|
|
243
|
+
#input
|
|
244
|
+
class="mecx-input"
|
|
245
|
+
[attr.disabled]="disabled"
|
|
246
|
+
placeholder="Enter phone number"
|
|
247
|
+
(input)="onInputChange($event)"
|
|
248
|
+
[ngModel]="phoneFormatted"
|
|
249
|
+
[maxlength]="getMaxLength()"
|
|
250
|
+
(focus)="_onFocus()"
|
|
251
|
+
(blur)="_onBlur()"
|
|
252
|
+
[attr.id]="inputId"
|
|
253
|
+
/>
|
|
254
|
+
`, isInline: true, styles: [":host{display:inline-flex;width:100%;min-width:0}:host monkey-select{width:164px;border-right:2px solid var(--mecx-color-gray-400)}:host.mecx-input-phone-disabled monkey-select{border-right:2px solid var(--mecx-color-gray-200)}:host input{width:100%;border:none;margin-left:8px}monkey-option .option-flag{font-size:30px}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: MonkeySelectComponent, selector: "monkey-select", inputs: ["tabIndex", "placeholder", "loading", "showSearch", "searchPlaceholder", "callbackSearch", "disabled", "required", "value"], outputs: ["onChange", "onSearch"] }, { kind: "component", type: MonkeyOptionComponent, selector: "monkey-option", inputs: ["value", "disabled", "type"] }, { kind: "ngmodule", type: MonkeyFormFieldModule }] }); }
|
|
255
|
+
}
|
|
256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyInputPhoneComponent, decorators: [{
|
|
257
|
+
type: Component,
|
|
258
|
+
args: [{ selector: 'monkey-input-phone', standalone: true, imports: [
|
|
259
|
+
CommonModule,
|
|
260
|
+
FormsModule,
|
|
261
|
+
ReactiveFormsModule,
|
|
262
|
+
MonkeySelectComponent,
|
|
263
|
+
MonkeyOptionComponent,
|
|
264
|
+
MonkeyFormFieldModule
|
|
265
|
+
], template: `
|
|
266
|
+
<monkey-select
|
|
267
|
+
placeholder=""
|
|
268
|
+
[disabled]="disabled"
|
|
269
|
+
showSearch
|
|
270
|
+
[(ngModel)]="selectedCallingCode"
|
|
271
|
+
class="mecx-phone-select-country"
|
|
272
|
+
(onChange)="onCountryChange()"
|
|
273
|
+
callbackSearch
|
|
274
|
+
(onSearch)="onHandleSearchSelect($event)"
|
|
275
|
+
>
|
|
276
|
+
@for (item of countriesFiltered; track $index) {
|
|
277
|
+
<monkey-option [value]="item.code">
|
|
278
|
+
<span class="option-flag">{{ item.flag }}</span>
|
|
279
|
+
<div class="option-name">{{ item.name }} {{ item.code }}</div>
|
|
280
|
+
</monkey-option>
|
|
281
|
+
}
|
|
282
|
+
</monkey-select>
|
|
283
|
+
<input
|
|
284
|
+
#input
|
|
285
|
+
class="mecx-input"
|
|
286
|
+
[attr.disabled]="disabled"
|
|
287
|
+
placeholder="Enter phone number"
|
|
288
|
+
(input)="onInputChange($event)"
|
|
289
|
+
[ngModel]="phoneFormatted"
|
|
290
|
+
[maxlength]="getMaxLength()"
|
|
291
|
+
(focus)="_onFocus()"
|
|
292
|
+
(blur)="_onBlur()"
|
|
293
|
+
[attr.id]="inputId"
|
|
294
|
+
/>
|
|
295
|
+
`, providers: [
|
|
296
|
+
// eslint-disable-next-line no-use-before-define
|
|
297
|
+
{ provide: MonkeyFormFieldControl, useExisting: MonkeyInputPhoneComponent }
|
|
298
|
+
], host: {
|
|
299
|
+
'[attr.data-testid]': "'monkey-input-phone'",
|
|
300
|
+
class: 'mecx-input-phone',
|
|
301
|
+
'[class.mecx-input-phone-disabled]': '_disabled',
|
|
302
|
+
'[class.mecx-input-phone-focused]': 'focused',
|
|
303
|
+
'[attr.id]': 'id',
|
|
304
|
+
'[attr.tabindex]': 'disabled ? -1 : tabIndex',
|
|
305
|
+
'(focus)': '_onFocus()',
|
|
306
|
+
'(blur)': '_onBlur()'
|
|
307
|
+
}, styles: [":host{display:inline-flex;width:100%;min-width:0}:host monkey-select{width:164px;border-right:2px solid var(--mecx-color-gray-400)}:host.mecx-input-phone-disabled monkey-select{border-right:2px solid var(--mecx-color-gray-200)}:host input{width:100%;border:none;margin-left:8px}monkey-option .option-flag{font-size:30px}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"] }]
|
|
308
|
+
}], ctorParameters: () => [], propDecorators: { placeholder: [{
|
|
309
|
+
type: Input
|
|
310
|
+
}], tabIndex: [{
|
|
311
|
+
type: Input
|
|
312
|
+
}], disabled: [{
|
|
313
|
+
type: Input,
|
|
314
|
+
args: [{ transform: booleanAttribute }]
|
|
315
|
+
}], required: [{
|
|
316
|
+
type: Input,
|
|
317
|
+
args: [{ transform: booleanAttribute }]
|
|
318
|
+
}], value: [{
|
|
319
|
+
type: Input
|
|
320
|
+
}], inputs: [{
|
|
321
|
+
type: ViewChildren,
|
|
322
|
+
args: ['input']
|
|
323
|
+
}] } });
|
|
324
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcGhvbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1waG9uZS9pbnB1dC1waG9uZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBRTdCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxFQUNMLFNBQVMsRUFLVCxZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLFdBQVcsRUFDWCxTQUFTLEVBQ1QsbUJBQW1CLEVBQ25CLFVBQVUsRUFDWCxNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sMEJBQTBCLEVBQUUsRUFDakMsU0FBUyxFQUVULFlBQVksRUFDWixxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2hCLGtCQUFrQixFQUNuQixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFDO0FBQzlELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ2xELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7O0FBa0VsRCxNQUFNLE9BQU8seUJBQXlCO0lBT3BDLElBQ0ksUUFBUTtRQUNWLElBQUksSUFBSSxDQUFD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USxFQUFFLFdBQVc7cUJBQ3RCO3dEQUtRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFHRixRQUFRO3NCQURYLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBb0JsQyxRQUFRO3NCQURYLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBYWxDLEtBQUs7c0JBRFIsS0FBSztnQkE0RGlCLE1BQU07c0JBQTVCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBib29sZWFuQXR0cmlidXRlLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIExPQ0FMRV9JRCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIFF1ZXJ5TGlzdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkcmVuXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXG4gIEZvcm1zTW9kdWxlLFxuICBOZ0NvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIFZhbGlkYXRvcnNcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHBhcnNlUGhvbmVOdW1iZXJGcm9tU3RyaW5nLCB7XG4gIEFzWW91VHlwZSxcbiAgQ291bnRyeUNvZGUsXG4gIGdldENvdW50cmllcyxcbiAgZ2V0Q291bnRyeUNhbGxpbmdDb2RlLFxuICBnZXRFeGFtcGxlTnVtYmVyLFxuICBpc1ZhbGlkUGhvbmVOdW1iZXJcbn0gZnJvbSAnbGlicGhvbmVudW1iZXItanMnO1xuaW1wb3J0IGV4YW1wbGVzIGZyb20gJ2xpYnBob25lbnVtYmVyLWpzL2V4YW1wbGVzLm1vYmlsZS5qc29uJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTUVDWF9DT1VOVFJZX0NPREUgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgTW9ua2V5Rm9ybUZpZWxkQ29udHJvbCwgTW9ua2V5Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnLi4vZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNb25rZXlPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9vcHRpb24nO1xuaW1wb3J0IHsgTW9ua2V5U2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi4vc2VsZWN0JztcblxuaW50ZXJmYWNlIENvdW50cnkge1xuICBjb2RlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgZmxhZzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktaW5wdXQtcGhvbmUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTW9ua2V5U2VsZWN0Q29tcG9uZW50LFxuICAgIE1vbmtleU9wdGlvbkNvbXBvbmVudCxcbiAgICBNb25rZXlGb3JtRmllbGRNb2R1bGVcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bW9ua2V5LXNlbGVjdFxuICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIHNob3dTZWFyY2hcbiAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRDYWxsaW5nQ29kZVwiXG4gICAgICBjbGFzcz1cIm1lY3gtcGhvbmUtc2VsZWN0LWNvdW50cnlcIlxuICAgICAgKG9uQ2hhbmdlKT1cIm9uQ291bnRyeUNoYW5nZSgpXCJcbiAgICAgIGNhbGxiYWNrU2VhcmNoXG4gICAgICAob25TZWFyY2gpPVwib25IYW5kbGVTZWFyY2hTZWxlY3QoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgQGZvciAoaXRlbSBvZiBjb3VudHJpZXNGaWx0ZXJlZDsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxtb25rZXktb3B0aW9uIFt2YWx1ZV09XCJpdGVtLmNvZGVcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm9wdGlvbi1mbGFnXCI+e3sgaXRlbS5mbGFnIH19PC9zcGFuPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb24tbmFtZVwiPnt7IGl0ZW0ubmFtZSB9fSB7eyBpdGVtLmNvZGUgfX08L2Rpdj5cbiAgICAgICAgPC9tb25rZXktb3B0aW9uPlxuICAgICAgfVxuICAgIDwvbW9ua2V5LXNlbGVjdD5cbiAgICA8aW5wdXRcbiAgICAgICNpbnB1dFxuICAgICAgY2xhc3M9XCJtZWN4LWlucHV0XCJcbiAgICAgIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiRW50ZXIgcGhvbmUgbnVtYmVyXCJcbiAgICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudClcIlxuICAgICAgW25nTW9kZWxdPVwicGhvbmVGb3JtYXR0ZWRcIlxuICAgICAgW21heGxlbmd0aF09XCJnZXRNYXhMZW5ndGgoKVwiXG4gICAgICAoZm9jdXMpPVwiX29uRm9jdXMoKVwiXG4gICAgICAoYmx1cik9XCJfb25CbHVyKClcIlxuICAgICAgW2F0dHIuaWRdPVwiaW5wdXRJZFwiXG4gICAgLz5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2lucHV0LXBob25lLmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVzZS1iZWZvcmUtZGVmaW5lXG4gICAgeyBwcm92aWRlOiBNb25rZXlGb3JtRmllbGRDb250cm9sLCB1c2VFeGlzdGluZzogTW9ua2V5SW5wdXRQaG9uZUNvbXBvbmVudCB9XG4gIF0sXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuZGF0YS10ZXN0aWRdJzogXCInbW9ua2V5LWlucHV0LXBob25lJ1wiLFxuICAgIGNsYXNzOiAnbWVjeC1pbnB1dC1waG9uZScsXG4gICAgJ1tjbGFzcy5tZWN4LWlucHV0LXBob25lLWRpc2FibGVkXSc6ICdfZGlzYWJsZWQnLFxuICAgICdbY2xhc3MubWVjeC1pbnB1dC1waG9uZS1mb2N1c2VkXSc6ICdmb2N1c2VkJyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAnW2F0dHIudGFiaW5kZXhdJzogJ2Rpc2FibGVkID8gLTEgOiB0YWJJbmRleCcsXG4gICAgJyhmb2N1cyknOiAnX29uRm9jdXMoKScsXG4gICAgJyhibHVyKSc6ICdfb25CbHVyKCknXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5SW5wdXRQaG9uZUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIE1vbmtleUZvcm1GaWVsZENvbnRyb2wsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlc1xue1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgdGFiSW5kZXggPSAwO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMubmdDb250cm9sICYmIHRoaXMubmdDb250cm9sLmRpc2FibGVkICE9PSBudWxsKSB7XG4gICAgICByZXR1cm4gdGhpcy5uZ0NvbnRyb2wuZGlzYWJsZWQ7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuXG4gIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7XG5cbiAgICBpZiAodGhpcy5mb2N1c2VkKSB7XG4gICAgICB0aGlzLmZvY3VzZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG4gIH1cblxuICBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgZ2V0IHJlcXVpcmVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9yZXF1aXJlZCA/PyB0aGlzLm5nQ29udHJvbD8uY29udHJvbD8uaGFzVmFsaWRhdG9yKFZhbGlkYXRvcnMucmVxdWlyZWQpID8/IGZhbHNlO1xuICB9XG5cbiAgc2V0IHJlcXVpcmVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fcmVxdWlyZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gIH1cblxuICBwcml2YXRlIF9yZXF1aXJlZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBzZXQgdmFsdWUodmFsdWU6IGFueSkge1xuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gdmFsdWUgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICAgIHRoaXMuZm9ybWF0VmFsdWUodmFsdWUpO1xuICAgICAgdGhpcy5fb25DaGFuZ2UodmFsdWUpO1xuICAgICAgdGhpcy5fb25Ub3VjaGVkKHZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBnZXQgdmFsdWUoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gIH1cblxuICBfdmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGlmICh0aGlzLm5nQ29udHJvbCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gICAgfVxuICB9XG5cbiAgbmdDb250cm9sOiBOZ0NvbnRyb2wgfCBudWxsID0gaW5qZWN0KE5nQ29udHJvbCwgeyBzZWxmOiB0cnVlLCBvcHRpb25hbDogdHJ1ZSB9KSE7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBpZEdlbmVyYXRvciA9IGluamVjdChJZEdlbmVyYXRvcik7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBjb3VudHJ5Q29kZSA9IGluamVjdChNRUNYX0NPVU5UUllfQ09ERSk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBsb2NhbGUgPSBpbmplY3QoTE9DQUxFX0lEKTtcblxuICByZWFkb25seSBpZDogc3RyaW5nID0gdGhpcy5pZEdlbmVyYXRvci5nZXRJZCgnbW9ua2V5LWlucHV0LXVwbG9hZC0nKTtcblxuICByZWFkb25seSBpbnB1dElkOiBzdHJpbmcgPSB0aGlzLmlkR2VuZXJhdG9yLmdldElkKCdtb25rZXktaW5wdXQtdXBsb2FkLWlucHV0LScpO1xuXG4gIGZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICByZWFkb25seSB0eXBlOiBzdHJpbmcgPSAnaW5wdXQtcGhvbmUnO1xuXG4gIHJlYWRvbmx5IHN0YXRlQ2hhbmdlcyA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY291bnRyaWVzOiBDb3VudHJ5W10gPSBnZXRDb3VudHJpZXMoKVxuICAgIC5tYXAoKGNvZGUpID0+IHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGNvZGU6IGArJHtnZXRDb3VudHJ5Q2FsbGluZ0NvZGUoY29kZSl9YCxcbiAgICAgICAgbmFtZTogdGhpcy5nZXRDb3VudHJ5TmFtZUZyb21Db2RlKGNvZGUpLFxuICAgICAgICBmbGFnOiBgJHt0aGlzLmlzb1RvRmxhZ0Vtb2ppKGNvZGUpfSBgXG4gICAgICB9O1xuICAgIH0pXG4gICAgLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIHJldHVybiBhLm5hbWUubG9jYWxlQ29tcGFyZShiLm5hbWUpO1xuICAgIH0pO1xuXG4gIGNvdW50cmllc0ZpbHRlcmVkID0gdGhpcy5jb3VudHJpZXM7XG5cbiAgc2VsZWN0ZWRDYWxsaW5nQ29kZSA9IHRoaXMuY291bnRyeUNvZGUudG9TdHJpbmcoKTtcblxuICBwaG9uZUZvcm1hdHRlZCA9ICcnO1xuXG4gIHBob25lVmFsaWQgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkcmVuKCdpbnB1dCcpIGlucHV0cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+PjtcblxuICBwcml2YXRlIGdldENvdW50cnlOYW1lRnJvbUNvZGUoY29kZTogc3RyaW5nKSB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGxvY2FsZSA9IHRoaXMubG9jYWxlLnRvU3RyaW5nKCk7XG4gICAgICBjb25zdCBkaXNwbGF5ID0gbmV3IEludGwuRGlzcGxheU5hbWVzKFtsb2NhbGVdLCB7IHR5cGU6ICdyZWdpb24nIH0pO1xuICAgICAgcmV0dXJuIGRpc3BsYXkub2YoY29kZS50b1VwcGVyQ2FzZSgpKSB8fCBjb2RlO1xuICAgIH0gY2F0Y2gge1xuICAgICAgcmV0dXJuIGNvZGU7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXRDb3VudHJ5QnlDYWxsaW5nQ29kZShjb2RlOiBzdHJpbmcpOiBDb3VudHJ5Q29kZSB8IG51bGwge1xuICAgIGNvbnN0IGNsZWFuQ29kZSA9IGNvZGUucmVwbGFjZSgnKycsICcnKTtcblxuICAgIHJldHVybiAoXG4gICAgICBnZXRDb3VudHJpZXMoKS5maW5kKChjb3VudHJ5KSA9PiB7XG4gICAgICAgIHJldHVybiBnZXRDb3VudHJ5Q2FsbGluZ0NvZGUoY291bnRyeSkgPT09IGNsZWFuQ29kZTtcbiAgICAgIH0pIHx8IG51bGxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBpc29Ub0ZsYWdFbW9qaShpc29Db2RlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBpc29Db2RlLnRvVXBwZXJDYXNlKCkucmVwbGFjZSgvLi9nLCAoY2hhcikgPT4ge1xuICAgICAgcmV0dXJuIFN0cmluZy5mcm9tQ29kZVBvaW50KDEyNzM5NyArIGNoYXIuY2hhckNvZGVBdCgwKSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGdldENvdW50cnlGcm9tUGhvbmVOdW1iZXIoaW5wdXQ6IHN0cmluZywgY2hhbmdlZENvdW50cnk6IGJvb2xlYW4pOiBzdHJpbmcge1xuICAgIHRyeSB7XG4gICAgICBpZiAoY2hhbmdlZENvdW50cnkpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRDYWxsaW5nQ29kZTtcbiAgICAgIH1cblxuICAgICAgY29uc3QgcGFyc2VkID0gcGFyc2VQaG9uZU51bWJlckZyb21TdHJpbmcoaW5wdXQpO1xuICAgICAgY29uc3QgY291bnRyeSA9IGdldENvdW50cnlDYWxsaW5nQ29kZShwYXJzZWQ/LmNvdW50cnkhKTtcblxuICAgICAgcmV0dXJuIGArJHtjb3VudHJ5fWA7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgLy8gbm90IHRvIGRvXG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRDYWxsaW5nQ29kZTtcbiAgfVxuXG4gIHByaXZhdGUgcGVyZm9ybVZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl92YWx1ZSA9IGAke3RoaXMuc2VsZWN0ZWRDYWxsaW5nQ29kZX0ke3ZhbHVlfWA7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy5fdmFsdWUpO1xuICAgIHRoaXMuX29uVG91Y2hlZCh0aGlzLl92YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIHZhbGlkYXRlVmFsdWUoKSB7XG4gICAgY29uc3QgeyBwaG9uZVZhbGlkIH0gPSB0aGlzO1xuICAgIGlmICghcGhvbmVWYWxpZCkge1xuICAgICAgY29uc3QgY291bnRyeUNvZGUgPSB0aGlzLmdldENvdW50cnlCeUNhbGxpbmdDb2RlKHRoaXMuc2VsZWN0ZWRDYWxsaW5nQ29kZSk7XG4gICAgICBjb25zdCBleGFtcGxlID0gZ2V0RXhhbXBsZU51bWJlcihjb3VudHJ5Q29kZSEsIGV4YW1wbGVzKTtcblxuICAgICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/LnNldEVycm9ycyh7XG4gICAgICAgIHBob25lOiB0cnVlLFxuICAgICAgICBwaG9uZUFsbG93ZWQ6IGV4YW1wbGU/Lm5hdGlvbmFsTnVtYmVyXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGZvcm1hdFZhbHVlKHZhbHVlOiBzdHJpbmcsIGNoYW5nZWRDb3VudHJ5ID0gZmFsc2UpIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICB0aGlzLnBob25lRm9ybWF0dGVkID0gJyc7XG4gICAgICB0aGlzLnBob25lVmFsaWQgPSBmYWxzZTtcbiAgICAgIHRoaXMudmFsaWRhdGVWYWx1ZSgpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGRldGVjdGVkQ2FsbGluZ0NvZGUgPSB0aGlzLmdldENvdW50cnlGcm9tUGhvbmVOdW1iZXIodmFsdWUsIGNoYW5nZWRDb3VudHJ5KTtcbiAgICBjb25zdCBpc0NvdW50cnlDaGFuZ2VkID0gY2hhbmdlZENvdW50cnkgfHwgZGV0ZWN0ZWRDYWxsaW5nQ29kZSAhPT0gdGhpcy5zZWxlY3RlZENhbGxpbmdDb2RlO1xuXG4gICAgaWYgKGlzQ291bnRyeUNoYW5nZWQgJiYgZGV0ZWN0ZWRDYWxsaW5nQ29kZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZENhbGxpbmdDb2RlID0gZGV0ZWN0ZWRDYWxsaW5nQ29kZTtcbiAgICB9XG5cbiAgICBjb25zdCBjb3VudHJ5Q29kZSA9IHRoaXMuZ2V0Q291bnRyeUJ5Q2FsbGluZ0NvZGUodGhpcy5zZWxlY3RlZENhbGxpbmdDb2RlKTtcblxuICAgIGlmICghY291bnRyeUNvZGUpIHtcbiAgICAgIHRoaXMucGhvbmVGb3JtYXR0ZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMucGhvbmVWYWxpZCA9IGZhbHNlO1xuICAgICAgdGhpcy52YWxpZGF0ZVZhbHVlKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbmF0aW9uYWxQYXJ0ID0gdmFsdWUucmVwbGFjZSh0aGlzLnNlbGVjdGVkQ2FsbGluZ0NvZGUsICcnKS5yZXBsYWNlKC9bXlxcZCtdL2csICcnKTtcblxuICAgIGNvbnN0IGZvcm1hdHRlciA9IG5ldyBBc1lvdVR5cGUoY291bnRyeUNvZGUpO1xuICAgIHRoaXMucGhvbmVGb3JtYXR0ZWQgPSBmb3JtYXR0ZXIuaW5wdXQobmF0aW9uYWxQYXJ0KTtcblxuICAgIHRoaXMucGVyZm9ybVZhbHVlKG5hdGlvbmFsUGFydCk7XG5cbiAgICB0aGlzLnBob25lVmFsaWQgPSBpc1ZhbGlkUGhvbmVOdW1iZXIobmF0aW9uYWxQYXJ0LCBjb3VudHJ5Q29kZSk7XG4gICAgdGhpcy52YWxpZGF0ZVZhbHVlKCk7XG4gIH1cblxuICBkaXNhYmxlVG9CZURpcnR5PzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICBfb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gIF9vblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge31cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHt9XG5cbiAgb25Db250YWluZXJDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRzLmZpcnN0Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgfVxuXG4gIF9vbkZvY3VzKCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5mb2N1c2VkID0gdHJ1ZTtcbiAgICAgIHRoaXMuX29uVG91Y2hlZCgpO1xuICAgICAgdGhpcy5zdGF0ZUNoYW5nZXMubmV4dCgpO1xuICAgIH1cbiAgfVxuXG4gIF9vbkJsdXIoKSB7XG4gICAgdGhpcy5mb2N1c2VkID0gZmFsc2U7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZXMubmV4dCgpO1xuICAgIHRoaXMudmFsaWRhdGVWYWx1ZSgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCB7IHZhbHVlIH0gPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLmZvcm1hdFZhbHVlKHZhbHVlKTtcbiAgfVxuXG4gIG9uQ291bnRyeUNoYW5nZSgpIHtcbiAgICB0aGlzLmZvcm1hdFZhbHVlKHRoaXMuX3ZhbHVlISwgdHJ1ZSk7XG4gICAgdGhpcy52YWxpZGF0ZVZhbHVlKCk7XG4gIH1cblxuICBnZXRNYXhMZW5ndGgoKTogbnVtYmVyIHtcbiAgICB0cnkge1xuICAgICAgY29uc3QgY291bnRyeUNvZGUgPSB0aGlzLmdldENvdW50cnlCeUNhbGxpbmdDb2RlKHRoaXMuc2VsZWN0ZWRDYWxsaW5nQ29kZSk7XG5cbiAgICAgIGlmICghY291bnRyeUNvZGUpIHJldHVybiAyMDtcblxuICAgICAgY29uc3QgZXhhbXBsZSA9IGdldEV4YW1wbGVOdW1iZXIoY291bnRyeUNvZGUsIGV4YW1wbGVzKTtcbiAgICAgIGNvbnN0IGZvcm1hdHRlZCA9IG5ldyBBc1lvdVR5cGUoY291bnRyeUNvZGUpLmlucHV0KGV4YW1wbGUhLm5hdGlvbmFsTnVtYmVyKTtcblxuICAgICAgcmV0dXJuIGZvcm1hdHRlZC5sZW5ndGg7XG4gICAgfSBjYXRjaCB7XG4gICAgICByZXR1cm4gMjA7XG4gICAgfVxuICB9XG5cbiAgb25IYW5kbGVTZWFyY2hTZWxlY3QocXVlcnk6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IG5vcm1hbGl6ZWRRdWVyeSA9IHF1ZXJ5LnRyaW0oKS50b0xvd2VyQ2FzZSgpO1xuXG4gICAgdGhpcy5jb3VudHJpZXNGaWx0ZXJlZCA9IHRoaXMuY291bnRyaWVzLmZpbHRlcigoeyBuYW1lIH0pID0+IHtcbiAgICAgIHJldHVybiBuYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMobm9ybWFsaXplZFF1ZXJ5KTtcbiAgICB9KTtcbiAgfVxufVxuIl19
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
1
6
|
import { Component, Inject, ViewEncapsulation } from '@angular/core';
|
|
2
7
|
import { MonkeyModalRef } from '../modal-ref';
|
|
3
8
|
import { MECX_MODAL_CONFIRMATION_CONFIG } from '../utils';
|
|
@@ -65,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
65
70
|
type: Inject,
|
|
66
71
|
args: [MonkeyModalRef]
|
|
67
72
|
}] }] });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwvY29tcG9uZW50cy9jb25maXJtYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7Ozs7QUF3QjFELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsWUFDaUQsTUFBcUMsRUFDcEQsUUFBd0I7UUFEVCxXQUFNLEdBQU4sTUFBTSxDQUErQjtRQUNwRCxhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUV4RCxZQUFZO0lBQ2QsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FkVSxnQ0FBZ0Msa0JBRWpDLDhCQUE4QixhQUM5QixjQUFjO21HQUhiLGdDQUFnQyxpRUFsQmpDOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUOzs0RkFFVSxnQ0FBZ0M7a0JBdEI1QyxTQUFTOytCQUNFLDJCQUEyQixpQkFDdEIsaUJBQWlCLENBQUMsSUFBSSxZQUUzQjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVDs7MEJBSUUsTUFBTTsyQkFBQyw4QkFBOEI7OzBCQUNyQyxNQUFNOzJCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb25rZXlNb2RhbENvbmZpcm1hdGlvbkNvbmZpZyB9IGZyb20gJy4uL21vZGFsLWNvbmZpZyc7XG5pbXBvcnQgeyBNb25rZXlNb2RhbFJlZiB9IGZyb20gJy4uL21vZGFsLXJlZic7XG5pbXBvcnQgeyBNRUNYX01PREFMX0NPTkZJUk1BVElPTl9DT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1tb2RhbC1jb25maXJtYXRpb24nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdHlsZVVybHM6IFsnLi9jb25maXJtYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bW9ua2V5LW1vZGFsIGNsYXNzPVwibW9kYWwtY29uZmlybWF0aW9uXCI+XG4gICAgICA8bW9ua2V5LW1vZGFsLWNvbnRlbnQ+XG4gICAgICAgIEBpZiAoY29uZmlnLmljb24pIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29uZmlybWF0aW9uLWljb24ge3sgY29uZmlnLnR5cGUgfX1cIj5cbiAgICAgICAgICAgIDxtb25rZXktaWNvbiBbaWNvbl09XCJjb25maWcuaWNvblwiIHNpemU9XCJ4eGxcIj48L21vbmtleS1pY29uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb24tdGl0bGVcIiBbaW5uZXJIVE1MXT1cImNvbmZpZy50aXRsZVwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLWRlc2NyaXB0aW9uXCIgW2lubmVySFRNTF09XCJjb25maWcuY29udGVudFwiPjwvZGl2PlxuICAgICAgPC9tb25rZXktbW9kYWwtY29udGVudD5cbiAgICAgIDxtb25rZXktbW9kYWwtYWN0aW9ucz5cbiAgICAgICAgPG1vbmtleS1idXR0b24gdHlwZT1cInRlcnRpYXJ5XCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPnt7IGNvbmZpZy5jYW5jZWxMYWJlbCB9fTwvbW9ua2V5LWJ1dHRvbj5cbiAgICAgICAgPG1vbmtleS1idXR0b24gdHlwZT1cInByaW1hcnlcIiAoY2xpY2spPVwib25TdWJtaXQoKVwiPnt7IGNvbmZpZy5va0xhYmVsIH19PC9tb25rZXktYnV0dG9uPlxuICAgICAgPC9tb25rZXktbW9kYWwtYWN0aW9ucz5cbiAgICA8L21vbmtleS1tb2RhbD5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlNb2RhbENvbmZpcm1hdGlvbkNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUVDWF9NT0RBTF9DT05GSVJNQVRJT05fQ09ORklHKSBwdWJsaWMgY29uZmlnOiBNb25rZXlNb2RhbENvbmZpcm1hdGlvbkNvbmZpZyxcbiAgICBASW5qZWN0KE1vbmtleU1vZGFsUmVmKSBwcml2YXRlIG1vZGFsUmVmOiBNb25rZXlNb2RhbFJlZlxuICApIHtcbiAgICAvLyBub3QgdG8gZG9cbiAgfVxuXG4gIG9uU3VibWl0KCkge1xuICAgIHRoaXMubW9kYWxSZWYuY2xvc2UodHJ1ZSk7XG4gIH1cblxuICBvbkNsb3NlKCkge1xuICAgIHRoaXMubW9kYWxSZWYuY2xvc2UoKTtcbiAgfVxufVxuIl19
|
|
@@ -71,7 +71,7 @@ export class MonkeyModalComponent {
|
|
|
71
71
|
<ng-content select="[monkey-modal-content]"></ng-content>
|
|
72
72
|
<ng-content select="monkey-modal-actions"></ng-content>
|
|
73
73
|
<ng-content select="[monkey-modal-actions]"></ng-content>
|
|
74
|
-
`, isInline: true, styles: ["monkey-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px}.mecx-modal{opacity:0;animation:
|
|
74
|
+
`, isInline: true, styles: ["monkey-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px}.mecx-modal{opacity:0;animation:modal-fade-in .2s ease-out forwards;transition:opacity .15s ease-in}.mecx-modal.fade-out{animation:modal-fade-out .15s ease-in forwards}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mecx-modal-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--mecx-color-gray-200);padding:12px;position:relative}.mecx-modal-header-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.mecx-modal-header-title{display:flex;gap:8px;align-items:center;justify-content:flex-start}.mecx-modal-header-icon{padding:8px;display:flex;align-items:center;justify-content:center;background:var(--mecx-color-gray-100);border-radius:8px;font-size:24px;color:var(--mecx-color-gray-900)}.mecx-modal-title{font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.54px;color:var(--mecx-color-gray-900)}.mecx-modal-subtitle{font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px;color:var(--mecx-color-gray-700)}.mecx-modal-content{display:block;flex-grow:1;box-sizing:border-box;overflow:auto;max-height:65vh;padding:12px;scrollbar-color:var(--mecx-color-gray-400) transparent}.mecx-modal-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--mecx-color-gray-200);padding:12px}.mecx-modal-actions.align-start{justify-content:flex-start}.mecx-modal-actions.align-center{justify-content:center}.mecx-modal-actions.align-end{justify-content:flex-end}.mecx-modal-overlay{background:#00000052}.monkey-modal-panel{padding:16px}.monkey-modal-panel.monkey-modal-fullscreen{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;padding:0}.monkey-modal-panel.monkey-modal-fullscreen monkey-modal{border-radius:0}.monkey-modal-panel.monkey-modal-fullscreen monkey-modal .mecx-modal-content{max-height:100%}\n"], dependencies: [{ kind: "component", type: i3.MonkeyIconButtonComponent, selector: "monkey-icon-button", inputs: ["type", "size", "disabled", "icon", "id"] }, { kind: "component", type: i4.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "size", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
75
|
}
|
|
76
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyModalComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
@@ -110,7 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
110
110
|
class: 'mecx-modal',
|
|
111
111
|
tabindex: '-1',
|
|
112
112
|
'[attr.id]': 'modalRef?.id || null'
|
|
113
|
-
}, styles: ["monkey-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px}.mecx-modal{opacity:0;animation:
|
|
113
|
+
}, styles: ["monkey-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px}.mecx-modal{opacity:0;animation:modal-fade-in .2s ease-out forwards;transition:opacity .15s ease-in}.mecx-modal.fade-out{animation:modal-fade-out .15s ease-in forwards}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mecx-modal-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--mecx-color-gray-200);padding:12px;position:relative}.mecx-modal-header-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.mecx-modal-header-title{display:flex;gap:8px;align-items:center;justify-content:flex-start}.mecx-modal-header-icon{padding:8px;display:flex;align-items:center;justify-content:center;background:var(--mecx-color-gray-100);border-radius:8px;font-size:24px;color:var(--mecx-color-gray-900)}.mecx-modal-title{font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.54px;color:var(--mecx-color-gray-900)}.mecx-modal-subtitle{font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px;color:var(--mecx-color-gray-700)}.mecx-modal-content{display:block;flex-grow:1;box-sizing:border-box;overflow:auto;max-height:65vh;padding:12px;scrollbar-color:var(--mecx-color-gray-400) transparent}.mecx-modal-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--mecx-color-gray-200);padding:12px}.mecx-modal-actions.align-start{justify-content:flex-start}.mecx-modal-actions.align-center{justify-content:center}.mecx-modal-actions.align-end{justify-content:flex-end}.mecx-modal-overlay{background:#00000052}.monkey-modal-panel{padding:16px}.monkey-modal-panel.monkey-modal-fullscreen{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;padding:0}.monkey-modal-panel.monkey-modal-fullscreen monkey-modal{border-radius:0}.monkey-modal-panel.monkey-modal-fullscreen monkey-modal .mecx-modal-content{max-height:100%}\n"] }]
|
|
114
114
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.OverlayRef, decorators: [{
|
|
115
115
|
type: Optional
|
|
116
116
|
}] }, { type: i2.MonkeyModalRef, decorators: [{
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
1
6
|
export * from './badge';
|
|
2
7
|
export * from './error';
|
|
3
8
|
export * from './helper';
|
|
@@ -7,4 +12,4 @@ export * from './module';
|
|
|
7
12
|
export * from './popover';
|
|
8
13
|
export * from './prefix';
|
|
9
14
|
export * from './suffix';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFVBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiAqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIENvcHlyaWdodCBNb25rZXkgRXhjaGFuZ2UuIEFsbCBSaWdodHMgUmVzZXJ2ZWRcbiAqIFRoaXMgc3R5bGUgZ3VpZGUgd2FzIGRldmVsb3BlZCBieSBNb25rZXkgRXhjaGFuZ2UgVGVhbVxuICogTUlUIExpY2VuY2VcbiAqKioqKioqKioqKioqKioqKioqKioqKioqICovXG5leHBvcnQgKiBmcm9tICcuL2JhZGdlJztcbmV4cG9ydCAqIGZyb20gJy4vZXJyb3InO1xuZXhwb3J0ICogZnJvbSAnLi9oZWxwZXInO1xuZXhwb3J0ICogZnJvbSAnLi9pbmZvJztcbmV4cG9ydCAqIGZyb20gJy4vbGFiZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyJztcbmV4cG9ydCAqIGZyb20gJy4vcHJlZml4JztcbmV4cG9ydCAqIGZyb20gJy4vc3VmZml4JztcbiJdfQ==
|