gentera-rdnd 0.0.9 → 0.1.0
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/gentera-rdnd.mjs +5 -0
- package/esm2022/lib/components/button/button.component.mjs +85 -0
- package/esm2022/lib/components/input/input.component.mjs +113 -0
- package/esm2022/lib/components/modal/modal.component.mjs +48 -0
- package/esm2022/lib/components/screen-title/screen-title.component.mjs +20 -0
- package/esm2022/lib/hooks/button.service.mjs +28 -0
- package/esm2022/lib/hooks/input.service.mjs +59 -0
- package/esm2022/lib/hooks/modal.service.mjs +83 -0
- package/esm2022/lib/styles/colors.mjs +47 -0
- package/esm2022/lib/styles/themes.mjs +97 -0
- package/esm2022/public-api.mjs +13 -0
- package/fesm2022/gentera-rdnd.mjs +560 -0
- package/fesm2022/gentera-rdnd.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/button/button.component.d.ts +121 -0
- package/lib/components/input/input.component.d.ts +35 -0
- package/lib/components/modal/modal.component.d.ts +110 -0
- package/lib/components/screen-title/screen-title.component.d.ts +7 -0
- package/lib/hooks/button.service.d.ts +14 -0
- package/lib/hooks/input.service.d.ts +19 -0
- package/lib/hooks/modal.service.d.ts +22 -0
- package/lib/styles/colors.d.ts +46 -0
- package/lib/styles/themes.d.ts +93 -0
- package/package.json +29 -16
- package/{src/public-api.ts → public-api.d.ts} +8 -16
- package/ng-package.json +0 -7
- package/src/lib/components/button/button.component.html +0 -21
- package/src/lib/components/button/button.component.scss +0 -41
- package/src/lib/components/button/button.component.ts +0 -82
- package/src/lib/components/input/input.component.html +0 -27
- package/src/lib/components/input/input.component.scss +0 -86
- package/src/lib/components/input/input.component.ts +0 -105
- package/src/lib/components/modal/modal.component.html +0 -51
- package/src/lib/components/modal/modal.component.scss +0 -50
- package/src/lib/components/modal/modal.component.ts +0 -41
- package/src/lib/components/screen-title/screen-title.component.html +0 -3
- package/src/lib/components/screen-title/screen-title.component.scss +0 -16
- package/src/lib/components/screen-title/screen-title.component.ts +0 -16
- package/src/lib/gentera-rdnd.component.ts +0 -16
- package/src/lib/gentera-rdnd.service.ts +0 -9
- package/src/lib/hooks/button.service.ts +0 -31
- package/src/lib/hooks/input.service.ts +0 -75
- package/src/lib/hooks/modal.service.ts +0 -87
- package/src/lib/styles/colors.scss +0 -63
- package/src/lib/styles/colors.ts +0 -55
- package/src/lib/styles/fonts.scss +0 -93
- package/src/lib/styles/sizes.scss +0 -10
- package/src/lib/styles/themes.ts +0 -98
- package/src/lib/styles/z_indexes.scss +0 -3
- package/tsconfig.lib.json +0 -25
- package/tsconfig.lib.prod.json +0 -11
- package/tsconfig.spec.json +0 -15
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VudGVyYS1yZG5kLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvZ2VudGVyYS1yZG5kL3NyYy9nZW50ZXJhLXJkbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Subscription } from 'rxjs';
|
|
3
|
+
import { FaIconComponent } from "@fortawesome/angular-fontawesome";
|
|
4
|
+
import { NgClass, NgIf } from "@angular/common";
|
|
5
|
+
// @ts-ignore
|
|
6
|
+
import { themes } from "../../styles/themes";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "../../hooks/button.service";
|
|
9
|
+
// @ts-ignore
|
|
10
|
+
export class RdndButton {
|
|
11
|
+
buttonService;
|
|
12
|
+
id;
|
|
13
|
+
icon;
|
|
14
|
+
text = 'Enviar';
|
|
15
|
+
theme = themes.magenta;
|
|
16
|
+
size = 'full';
|
|
17
|
+
type = 'submit';
|
|
18
|
+
borders = true;
|
|
19
|
+
disabled = false;
|
|
20
|
+
callback = new EventEmitter();
|
|
21
|
+
themes = themes;
|
|
22
|
+
subscription;
|
|
23
|
+
hoverBackgroundColor = this.theme.default;
|
|
24
|
+
buttonControl;
|
|
25
|
+
constructor(buttonService) {
|
|
26
|
+
this.buttonService = buttonService;
|
|
27
|
+
}
|
|
28
|
+
ngOnInit() {
|
|
29
|
+
this.buttonControl = this.buttonService.useButton(this.id);
|
|
30
|
+
this.subscription = new Subscription(() => this.buttonControl.disabled$.subscribe((isDisabled) => {
|
|
31
|
+
this.disabled = isDisabled;
|
|
32
|
+
}));
|
|
33
|
+
}
|
|
34
|
+
ngOnDestroy() {
|
|
35
|
+
if (this.subscription) {
|
|
36
|
+
this.subscription.unsubscribe();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
handleClick(event) {
|
|
40
|
+
event.stopPropagation();
|
|
41
|
+
if (!this.disabled && this.type !== 'submit') {
|
|
42
|
+
this.callback.emit();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
onMouseEnter() {
|
|
46
|
+
if (!this.disabled) {
|
|
47
|
+
this.hoverBackgroundColor = this.theme.hover;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
onMouseLeave() {
|
|
51
|
+
if (!this.disabled) {
|
|
52
|
+
this.hoverBackgroundColor = this.theme.default;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
event = event;
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndButton, deps: [{ token: i1.ButtonService }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RdndButton, isStandalone: true, selector: "rdnd-button", inputs: { id: "id", icon: "icon", text: "text", theme: "theme", size: "size", type: "type", borders: "borders", disabled: "disabled" }, outputs: { callback: "callback" }, ngImport: i0, template: "<button\r\n [ngClass]=\"{\r\n 'full': size === 'full',\r\n 'contained': size === 'contained',\r\n 'bordered': borders,\r\n 'disabled': disabled\r\n }\"\r\n [style.background]=\"disabled ? themes.disabled.default : theme.default\"\r\n [style.color]=\"theme.fontColor\"\r\n [style.border]=\"borders ? '1px solid ' + theme.border : 'none'\"\r\n [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\"\r\n [attr.type]=\"type\"\r\n [disabled]=\"disabled\"\r\n\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"handleClick($event)\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <fa-icon *ngIf=\"icon\" [icon]=\"icon\" class=\"icon\"></fa-icon>\r\n {{ text }}\r\n</button>\r\n", styles: ["button{height:40px;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;font-size:14px;transition:all .3s ease}button.full{width:100%}button.contained{width:fit-content}button.bordered{border-radius:5px}button.disabled{pointer-events:none;background-color:#ddd;border-color:transparent!important;color:#9e9e9e!important}button .icon{transition:all .3s ease}button:hover{opacity:.8}button:active{transform:scale(.99)}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
58
|
+
}
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndButton, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'rdnd-button', standalone: true, imports: [
|
|
62
|
+
FaIconComponent,
|
|
63
|
+
NgIf,
|
|
64
|
+
NgClass
|
|
65
|
+
], template: "<button\r\n [ngClass]=\"{\r\n 'full': size === 'full',\r\n 'contained': size === 'contained',\r\n 'bordered': borders,\r\n 'disabled': disabled\r\n }\"\r\n [style.background]=\"disabled ? themes.disabled.default : theme.default\"\r\n [style.color]=\"theme.fontColor\"\r\n [style.border]=\"borders ? '1px solid ' + theme.border : 'none'\"\r\n [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\"\r\n [attr.type]=\"type\"\r\n [disabled]=\"disabled\"\r\n\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"handleClick($event)\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <fa-icon *ngIf=\"icon\" [icon]=\"icon\" class=\"icon\"></fa-icon>\r\n {{ text }}\r\n</button>\r\n", styles: ["button{height:40px;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;font-size:14px;transition:all .3s ease}button.full{width:100%}button.contained{width:fit-content}button.bordered{border-radius:5px}button.disabled{pointer-events:none;background-color:#ddd;border-color:transparent!important;color:#9e9e9e!important}button .icon{transition:all .3s ease}button:hover{opacity:.8}button:active{transform:scale(.99)}\n"] }]
|
|
66
|
+
}], ctorParameters: () => [{ type: i1.ButtonService }], propDecorators: { id: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], icon: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], text: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], theme: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], size: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], type: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], borders: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], disabled: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], callback: [{
|
|
83
|
+
type: Output
|
|
84
|
+
}] } });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlbnRlcmEtcmRuZC9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW50ZXJhLXJkbmQvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFMUYsT0FBTyxFQUFhLFlBQVksRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxhQUFhO0FBQ2IsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7QUFFM0MsYUFBYTtBQWViLE1BQU0sT0FBTyxVQUFVO0lBa0JEO0lBakJYLEVBQUUsQ0FBVTtJQUNaLElBQUksQ0FBa0I7SUFDdEIsSUFBSSxHQUFXLFFBQVEsQ0FBQztJQUN4QixLQUFLLEdBQVEsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUM1QixJQUFJLEdBQXlCLE1BQU0sQ0FBQztJQUNwQyxJQUFJLEdBQWtDLFFBQVEsQ0FBQztJQUMvQyxPQUFPLEdBQVksSUFBSSxDQUFDO0lBQ3hCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFFekIsUUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBRS9DLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDM0IsWUFBWSxDQUFnQjtJQUNwQyxvQkFBb0IsR0FBVyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVsRCxhQUFhLENBQXNCO0lBRW5DLFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO0lBQ2hELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFM0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLFlBQVksQ0FBRSxHQUFHLEVBQUUsQ0FDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsVUFBbUIsRUFBRSxFQUFFO1lBQzdELElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUNILENBQUE7SUFFSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUcsSUFBSSxDQUFDLFlBQVksRUFBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMvQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNqRCxDQUFDO0lBQ0gsQ0FBQztJQUVrQixLQUFLLEdBQUcsS0FBSyxDQUFDO3dHQXpEdEIsVUFBVTs0RkFBVixVQUFVLGtQQ3ZCdkIsd3JCQXFCQSxtZkRKSSxlQUFlLDRNQUNmLElBQUksNkZBQ0osT0FBTzs7NEZBSUUsVUFBVTtrQkFYdEIsU0FBUzsrQkFDRSxhQUFhLGNBRVgsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsSUFBSTt3QkFDSixPQUFPO3FCQUNSO2tGQUlRLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG5pbXBvcnQge09ic2VydmFibGUsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7RmFJY29uQ29tcG9uZW50fSBmcm9tIFwiQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWVcIjtcclxuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbi8vIEB0cy1pZ25vcmVcclxuaW1wb3J0IHt0aGVtZXN9IGZyb20gXCIuLi8uLi9zdHlsZXMvdGhlbWVzXCI7XHJcbmltcG9ydCB7QnV0dG9uU2VydmljZSwgQnV0dG9uU2VydmljZVR5cGV9IGZyb20gXCIuLi8uLi9ob29rcy9idXR0b24uc2VydmljZVwiO1xyXG4vLyBAdHMtaWdub3JlXHJcblxyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRuZC1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgRmFJY29uQ29tcG9uZW50LFxyXG4gICAgTmdJZixcclxuICAgIE5nQ2xhc3NcclxuICBdLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZG5kQnV0dG9uIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIGlkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb24/OiBJY29uRGVmaW5pdGlvbjtcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnRW52aWFyJztcclxuICBASW5wdXQoKSB0aGVtZTogYW55ID0gdGhlbWVzLm1hZ2VudGE7XHJcbiAgQElucHV0KCkgc2l6ZTogJ2NvbnRhaW5lZCcgfCAnZnVsbCcgPSAnZnVsbCc7XHJcbiAgQElucHV0KCkgdHlwZTogJ2J1dHRvbicgfCAnc3VibWl0JyB8ICdyZXNldCcgPSAnc3VibWl0JztcclxuICBASW5wdXQoKSBib3JkZXJzOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgY2FsbGJhY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHRoZW1lcyA9IHRoZW1lcztcclxuICBwcml2YXRlIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBob3ZlckJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gdGhpcy50aGVtZS5kZWZhdWx0O1xyXG5cclxuICBidXR0b25Db250cm9sITogQnV0dG9uU2VydmljZVR5cGUgO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGJ1dHRvblNlcnZpY2U6IEJ1dHRvblNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25Db250cm9sID0gdGhpcy5idXR0b25TZXJ2aWNlLnVzZUJ1dHRvbih0aGlzLmlkKTtcclxuXHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oICgpID0+XHJcbiAgICAgIHRoaXMuYnV0dG9uQ29udHJvbC5kaXNhYmxlZCQuc3Vic2NyaWJlKChpc0Rpc2FibGVkOiBib29sZWFuKSA9PiB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgICAgIH0pXHJcbiAgICApXHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBpZih0aGlzLnN1YnNjcmlwdGlvbil7XHJcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgdGhpcy50eXBlICE9PSAnc3VibWl0Jykge1xyXG4gICAgICB0aGlzLmNhbGxiYWNrLmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmhvdmVyQmFja2dyb3VuZENvbG9yID0gdGhpcy50aGVtZS5ob3ZlcjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmhvdmVyQmFja2dyb3VuZENvbG9yID0gdGhpcy50aGVtZS5kZWZhdWx0O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGV2ZW50ID0gZXZlbnQ7XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdmdWxsJzogc2l6ZSA9PT0gJ2Z1bGwnLFxyXG4gICAgJ2NvbnRhaW5lZCc6IHNpemUgPT09ICdjb250YWluZWQnLFxyXG4gICAgJ2JvcmRlcmVkJzogYm9yZGVycyxcclxuICAgICdkaXNhYmxlZCc6IGRpc2FibGVkXHJcbiAgfVwiXHJcbiAgW3N0eWxlLmJhY2tncm91bmRdPVwiZGlzYWJsZWQgPyB0aGVtZXMuZGlzYWJsZWQuZGVmYXVsdCA6IHRoZW1lLmRlZmF1bHRcIlxyXG4gIFtzdHlsZS5jb2xvcl09XCJ0aGVtZS5mb250Q29sb3JcIlxyXG4gIFtzdHlsZS5ib3JkZXJdPVwiYm9yZGVycyA/ICcxcHggc29saWQgJyArIHRoZW1lLmJvcmRlciA6ICdub25lJ1wiXHJcbiAgW3N0eWxlLmN1cnNvcl09XCJkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcidcIlxyXG4gIFthdHRyLnR5cGVdPVwidHlwZVwiXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuXHJcbiAgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIlxyXG4gIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcclxuICAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiXHJcbj5cclxuICA8ZmEtaWNvbiAqbmdJZj1cImljb25cIiBbaWNvbl09XCJpY29uXCIgY2xhc3M9XCJpY29uXCI+PC9mYS1pY29uPlxyXG4gIHt7IHRleHQgfX1cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
3
|
+
import { faEyeSlash } from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import { NgClass, NgIf } from '@angular/common';
|
|
5
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../../hooks/input.service";
|
|
8
|
+
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
9
|
+
import * as i3 from "@angular/forms";
|
|
10
|
+
export class RdndInput {
|
|
11
|
+
inputService;
|
|
12
|
+
id;
|
|
13
|
+
name;
|
|
14
|
+
type = 'text';
|
|
15
|
+
placeholder = '';
|
|
16
|
+
value = '';
|
|
17
|
+
validators = [];
|
|
18
|
+
disabled = false;
|
|
19
|
+
valueChange = new EventEmitter();
|
|
20
|
+
onKeyDown = new EventEmitter();
|
|
21
|
+
onPaste = new EventEmitter();
|
|
22
|
+
onFocus = new EventEmitter();
|
|
23
|
+
onBlur = new EventEmitter();
|
|
24
|
+
control;
|
|
25
|
+
faEyeSlash = faEyeSlash;
|
|
26
|
+
showPassword = false;
|
|
27
|
+
showError = false;
|
|
28
|
+
constructor(inputService) {
|
|
29
|
+
this.inputService = inputService;
|
|
30
|
+
}
|
|
31
|
+
ngOnInit() {
|
|
32
|
+
this.control = new FormControl(this.value, this.validators);
|
|
33
|
+
this.valueChange.emit(this.value);
|
|
34
|
+
this.inputService.updateInputState(this.control, this.id);
|
|
35
|
+
this.control.valueChanges.subscribe((value) => {
|
|
36
|
+
this.valueChange.emit(value);
|
|
37
|
+
this.inputService.updateInputState(this.control, this.id);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
getErrorMessage() {
|
|
41
|
+
if (this.control && this.control.errors) {
|
|
42
|
+
const errorKeys = Object.keys(this.control.errors);
|
|
43
|
+
if (errorKeys.length > 0) {
|
|
44
|
+
const firstErrorKey = errorKeys[0];
|
|
45
|
+
return this.control.errors[firstErrorKey];
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
toggleErrorDisplay() {
|
|
51
|
+
this.showError = !this.showError;
|
|
52
|
+
}
|
|
53
|
+
hasError() {
|
|
54
|
+
return this.control.invalid && (this.control.dirty || this.control.touched);
|
|
55
|
+
}
|
|
56
|
+
handleTogglePassword() {
|
|
57
|
+
this.showPassword = !this.showPassword;
|
|
58
|
+
}
|
|
59
|
+
handleKeyDown(event) {
|
|
60
|
+
const allowRegex = /^[a-zA-Z!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]*$/;
|
|
61
|
+
if (this.type === 'number' && !(['Backspace', 'Shift', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) && !(event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)) {
|
|
62
|
+
event.key.match(allowRegex) ? event.preventDefault() : this.onKeyDown.emit(event);
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
this.onKeyDown.emit(event);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
handlePaste(event) {
|
|
69
|
+
this.onPaste.emit(event);
|
|
70
|
+
}
|
|
71
|
+
handleFocus(event) {
|
|
72
|
+
this.onFocus.emit(event);
|
|
73
|
+
}
|
|
74
|
+
handleBlur(event) {
|
|
75
|
+
this.onBlur.emit(event);
|
|
76
|
+
}
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndInput, deps: [{ token: i1.InputService }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RdndInput, isStandalone: true, selector: "rdnd-input", inputs: { id: "id", name: "name", type: "type", placeholder: "placeholder", value: "value", validators: "validators", disabled: "disabled" }, outputs: { valueChange: "valueChange", onKeyDown: "onKeyDown", onPaste: "onPaste", onFocus: "onFocus", onBlur: "onBlur" }, ngImport: i0, template: "<div [ngClass]=\"{ 'disabled': disabled }\" class=\"input-container\">\r\n <!-- \u00CDcono de error que aparece por encima del campo si hay error -->\r\n <span *ngIf=\"hasError()\" class=\"error-icon\" (click)=\"toggleErrorDisplay()\">ⓘ</span>\r\n\r\n <!-- Bot\u00F3n de mostrar/ocultar contrase\u00F1a centrado verticalmente -->\r\n <button *ngIf=\"type === 'password'\" type=\"button\" (click)=\"handleTogglePassword()\" class=\"toggle-button\">\r\n <fa-icon [icon]=\"faEyeSlash\" class=\"icon\" [class.active]=\"showPassword\"></fa-icon>\r\n </button>\r\n\r\n <!-- Input que cambia de borde si tiene error -->\r\n <input\r\n [type]=\"type === 'password' && showPassword ? 'text' : type\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n (paste)=\"handlePaste($event)\"\r\n (focus)=\"handleFocus($event)\"\r\n (blur)=\"handleBlur($event)\"\r\n [ngClass]=\"{ 'error-border': hasError() }\"\r\n />\r\n\r\n <!-- Mensaje de error que aparece solo cuando se clickea en el \u00EDcono de error -->\r\n <div *ngIf=\"control.invalid && control.dirty && showError\" class=\"error-message\">\r\n {{ getErrorMessage() }}\r\n </div>\r\n</div>\r\n", styles: [".input-container{width:100%;min-width:100%;box-sizing:border-box;position:relative;display:block}input{position:relative;width:100%;min-width:100%;padding:7px 35px 7px 8px;border-radius:3px;font-family:Poppins,sans-serif;height:40px;font-size:16px;border:1px solid #ccc;outline:none;box-sizing:border-box;transition:all .3s ease;background-color:#fff!important;appearance:none;-moz-appearance:textfield;-webkit-appearance:textfield}input:-webkit-autofill{background-color:#fff!important}input.error-border{border-color:red}input:focus{border:1px solid blue}.error-icon{position:absolute;right:8px;top:1px;bottom:1px;font-size:24px;color:red;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background-color:#fff}.error-message{position:absolute;bottom:0;left:0;color:red;padding:0 0 0 8px;border-radius:4px;font-size:12px;font-family:sans-serif;white-space:nowrap}.toggle-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:2}.icon{transition:opacity .3s ease}.icon.active{opacity:.5}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndInput, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'rdnd-input', standalone: true, imports: [
|
|
83
|
+
NgIf,
|
|
84
|
+
NgClass,
|
|
85
|
+
FontAwesomeModule,
|
|
86
|
+
ReactiveFormsModule
|
|
87
|
+
], template: "<div [ngClass]=\"{ 'disabled': disabled }\" class=\"input-container\">\r\n <!-- \u00CDcono de error que aparece por encima del campo si hay error -->\r\n <span *ngIf=\"hasError()\" class=\"error-icon\" (click)=\"toggleErrorDisplay()\">ⓘ</span>\r\n\r\n <!-- Bot\u00F3n de mostrar/ocultar contrase\u00F1a centrado verticalmente -->\r\n <button *ngIf=\"type === 'password'\" type=\"button\" (click)=\"handleTogglePassword()\" class=\"toggle-button\">\r\n <fa-icon [icon]=\"faEyeSlash\" class=\"icon\" [class.active]=\"showPassword\"></fa-icon>\r\n </button>\r\n\r\n <!-- Input que cambia de borde si tiene error -->\r\n <input\r\n [type]=\"type === 'password' && showPassword ? 'text' : type\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n (paste)=\"handlePaste($event)\"\r\n (focus)=\"handleFocus($event)\"\r\n (blur)=\"handleBlur($event)\"\r\n [ngClass]=\"{ 'error-border': hasError() }\"\r\n />\r\n\r\n <!-- Mensaje de error que aparece solo cuando se clickea en el \u00EDcono de error -->\r\n <div *ngIf=\"control.invalid && control.dirty && showError\" class=\"error-message\">\r\n {{ getErrorMessage() }}\r\n </div>\r\n</div>\r\n", styles: [".input-container{width:100%;min-width:100%;box-sizing:border-box;position:relative;display:block}input{position:relative;width:100%;min-width:100%;padding:7px 35px 7px 8px;border-radius:3px;font-family:Poppins,sans-serif;height:40px;font-size:16px;border:1px solid #ccc;outline:none;box-sizing:border-box;transition:all .3s ease;background-color:#fff!important;appearance:none;-moz-appearance:textfield;-webkit-appearance:textfield}input:-webkit-autofill{background-color:#fff!important}input.error-border{border-color:red}input:focus{border:1px solid blue}.error-icon{position:absolute;right:8px;top:1px;bottom:1px;font-size:24px;color:red;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background-color:#fff}.error-message{position:absolute;bottom:0;left:0;color:red;padding:0 0 0 8px;border-radius:4px;font-size:12px;font-family:sans-serif;white-space:nowrap}.toggle-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:2}.icon{transition:opacity .3s ease}.icon.active{opacity:.5}\n"] }]
|
|
88
|
+
}], ctorParameters: () => [{ type: i1.InputService }], propDecorators: { id: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], name: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], type: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], placeholder: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], value: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], validators: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], disabled: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], valueChange: [{
|
|
103
|
+
type: Output
|
|
104
|
+
}], onKeyDown: [{
|
|
105
|
+
type: Output
|
|
106
|
+
}], onPaste: [{
|
|
107
|
+
type: Output
|
|
108
|
+
}], onFocus: [{
|
|
109
|
+
type: Output
|
|
110
|
+
}], onBlur: [{
|
|
111
|
+
type: Output
|
|
112
|
+
}] } });
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VudGVyYS1yZG5kL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW50ZXJhLXJkbmQvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBNEMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDN0QsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7QUFnQm5FLE1BQU0sT0FBTyxTQUFTO0lBb0JBO0lBbkJYLEVBQUUsQ0FBVTtJQUNaLElBQUksQ0FBVTtJQUNkLElBQUksR0FBbUMsTUFBTSxDQUFDO0lBQzlDLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixVQUFVLEdBQWtCLEVBQUUsQ0FBQztJQUMvQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRXpCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3pDLFNBQVMsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUM5QyxPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFDN0MsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7SUFDekMsTUFBTSxHQUFHLElBQUksWUFBWSxF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O0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFxQjtRQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBaUI7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQzt3R0FuRlUsU0FBUzs0RkFBVCxTQUFTLCtVQ3BCdEIsMHZDQTJCQSxxcENEZEksSUFBSSw2RkFDSixPQUFPLG1GQUNQLGlCQUFpQiw0UEFDakIsbUJBQW1COzs0RkFJVixTQUFTO2tCQVpyQixTQUFTOytCQUNFLFlBQVksY0FFVixJQUFJLFdBQ1A7d0JBQ1AsSUFBSTt3QkFDSixPQUFPO3dCQUNQLGlCQUFpQjt3QkFDakIsbUJBQW1CO3FCQUNwQjtpRkFJUSxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Zvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBWYWxpZGF0aW9uRXJyb3JzLCBWYWxpZGF0b3JGbiwgVmFsaWRhdG9yc30gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge2ZhRXllU2xhc2h9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7TmdDbGFzcywgTmdJZn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtGb250QXdlc29tZU1vZHVsZX0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQge0lucHV0U2VydmljZX0gZnJvbSBcIi4uLy4uL2hvb2tzL2lucHV0LnNlcnZpY2VcIjtcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JkbmQtaW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0lmLFxyXG4gICAgTmdDbGFzcyxcclxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmRuZElucHV0IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBpZCE6IHN0cmluZztcclxuICBASW5wdXQoKSBuYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdwYXNzd29yZCcgfCAnbnVtYmVyJyA9ICd0ZXh0JztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBbXTtcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAT3V0cHV0KCkgb25LZXlEb3duID0gbmV3IEV2ZW50RW1pdHRlcjxLZXlib2FyZEV2ZW50PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhc3RlID0gbmV3IEV2ZW50RW1pdHRlcjxDbGlwYm9hcmRFdmVudD4oKTtcclxuICBAT3V0cHV0KCkgb25Gb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9jdXNFdmVudD4oKTtcclxuICBAT3V0cHV0KCkgb25CbHVyID0gbmV3IEV2ZW50RW1pdHRlcjxGb2N1c0V2ZW50PigpO1xyXG5cclxuICBjb250cm9sITogRm9ybUNvbnRyb2w7XHJcbiAgZmFFeWVTbGFzaCA9IGZhRXllU2xhc2g7XHJcbiAgc2hvd1Bhc3N3b3JkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc2hvd0Vycm9yOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5wdXRTZXJ2aWNlOiBJbnB1dFNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5jb250cm9sID0gbmV3IEZvcm1Db250cm9sKHRoaXMudmFsdWUsIHRoaXMudmFsaWRhdG9ycyk7XHJcblxyXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5pbnB1dFNlcnZpY2UudXBkYXRlSW5wdXRTdGF0ZSh0aGlzLmNvbnRyb2wsIHRoaXMuaWQpO1xyXG5cclxuICAgIHRoaXMuY29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xyXG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpO1xyXG4gICAgICB0aGlzLmlucHV0U2VydmljZS51cGRhdGVJbnB1dFN0YXRlKHRoaXMuY29udHJvbCwgdGhpcy5pZCk7XHJcbiAgICB9KTtcclxuXHJcbiAgfVxyXG5cclxuICBnZXRFcnJvck1lc3NhZ2UoKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICBpZiAodGhpcy5jb250cm9sICYmIHRoaXMuY29udHJvbC5lcnJvcnMpIHtcclxuICAgICAgY29uc3QgZXJyb3JLZXlzID0gT2JqZWN0LmtleXModGhpcy5jb250cm9sLmVycm9ycyk7XHJcbiAgICAgIGlmIChlcnJvcktleXMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIGNvbnN0IGZpcnN0RXJyb3JLZXkgPSBlcnJvcktleXNbMF07XHJcbiAgICAgICAgcmV0dXJuICh0aGlzLmNvbnRyb2wuZXJyb3JzIGFzIFZhbGlkYXRpb25FcnJvcnMpW2ZpcnN0RXJyb3JLZXldO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gbnVsbDtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUVycm9yRGlzcGxheSgpIHtcclxuICAgIHRoaXMuc2hvd0Vycm9yID0gIXRoaXMuc2hvd0Vycm9yO1xyXG4gIH1cclxuXHJcbiAgaGFzRXJyb3IoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5jb250cm9sLmludmFsaWQgJiYgKHRoaXMuY29udHJvbC5kaXJ0eSB8fCB0aGlzLmNvbnRyb2wudG91Y2hlZCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVUb2dnbGVQYXNzd29yZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gIXRoaXMuc2hvd1Bhc3N3b3JkO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgY29uc3QgYWxsb3dSZWdleCA9IC9eW2EtekEtWiFAIyQlXiYqKClfK1xcLT1cXFtcXF17fTsnOlwiXFxcXHwsLjw+XFwvP10qJC9cclxuXHJcbiAgICBpZiAoXHJcbiAgICAgIHRoaXMudHlwZSA9PT0gJ251bWJlcicgJiYgIShcclxuICAgICAgICBbJ0JhY2tzcGFjZScsICdTaGlmdCcsICdBcnJvd0xlZnQnLCAnQXJyb3dSaWdodCcsICdBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGV2ZW50LmtleSlcclxuICAgICAgKSAmJiAhKGV2ZW50LmFsdEtleSB8fCBldmVudC5jdHJsS2V5IHx8IGV2ZW50Lm1ldGFLZXkgfHwgZXZlbnQuc2hpZnRLZXkpXHJcbiAgICApIHtcclxuICAgICAgZXZlbnQua2V5Lm1hdGNoKGFsbG93UmVnZXgpID8gZXZlbnQucHJldmVudERlZmF1bHQoKSA6IHRoaXMub25LZXlEb3duLmVtaXQoZXZlbnQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vbktleURvd24uZW1pdChldmVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBoYW5kbGVQYXN0ZShldmVudDogQ2xpcGJvYXJkRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMub25QYXN0ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGhhbmRsZUZvY3VzKGV2ZW50OiBGb2N1c0V2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uRm9jdXMuZW1pdChldmVudCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVCbHVyKGV2ZW50OiBGb2N1c0V2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQmx1ci5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBbbmdDbGFzc109XCJ7ICdkaXNhYmxlZCc6IGRpc2FibGVkIH1cIiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gIDwhLS0gw41jb25vIGRlIGVycm9yIHF1ZSBhcGFyZWNlIHBvciBlbmNpbWEgZGVsIGNhbXBvIHNpIGhheSBlcnJvciAtLT5cclxuICA8c3BhbiAqbmdJZj1cImhhc0Vycm9yKClcIiBjbGFzcz1cImVycm9yLWljb25cIiAoY2xpY2spPVwidG9nZ2xlRXJyb3JEaXNwbGF5KClcIj4mIzk0MzI7PC9zcGFuPlxyXG5cclxuICA8IS0tIEJvdMOzbiBkZSBtb3N0cmFyL29jdWx0YXIgY29udHJhc2XDsWEgY2VudHJhZG8gdmVydGljYWxtZW50ZSAtLT5cclxuICA8YnV0dG9uICpuZ0lmPVwidHlwZSA9PT0gJ3Bhc3N3b3JkJ1wiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiaGFuZGxlVG9nZ2xlUGFzc3dvcmQoKVwiIGNsYXNzPVwidG9nZ2xlLWJ1dHRvblwiPlxyXG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFFeWVTbGFzaFwiIGNsYXNzPVwiaWNvblwiIFtjbGFzcy5hY3RpdmVdPVwic2hvd1Bhc3N3b3JkXCI+PC9mYS1pY29uPlxyXG4gIDwvYnV0dG9uPlxyXG5cclxuICA8IS0tIElucHV0IHF1ZSBjYW1iaWEgZGUgYm9yZGUgc2kgdGllbmUgZXJyb3IgLS0+XHJcbiAgPGlucHV0XHJcbiAgICBbdHlwZV09XCJ0eXBlID09PSAncGFzc3dvcmQnICYmIHNob3dQYXNzd29yZCA/ICd0ZXh0JyA6IHR5cGVcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAoa2V5ZG93bik9XCJoYW5kbGVLZXlEb3duKCRldmVudClcIlxyXG4gICAgKHBhc3RlKT1cImhhbmRsZVBhc3RlKCRldmVudClcIlxyXG4gICAgKGZvY3VzKT1cImhhbmRsZUZvY3VzKCRldmVudClcIlxyXG4gICAgKGJsdXIpPVwiaGFuZGxlQmx1cigkZXZlbnQpXCJcclxuICAgIFtuZ0NsYXNzXT1cInsgJ2Vycm9yLWJvcmRlcic6IGhhc0Vycm9yKCkgfVwiXHJcbiAgLz5cclxuXHJcbiAgPCEtLSBNZW5zYWplIGRlIGVycm9yIHF1ZSBhcGFyZWNlIHNvbG8gY3VhbmRvIHNlIGNsaWNrZWEgZW4gZWwgw61jb25vIGRlIGVycm9yIC0tPlxyXG4gIDxkaXYgKm5nSWY9XCJjb250cm9sLmludmFsaWQgJiYgY29udHJvbC5kaXJ0eSAmJiBzaG93RXJyb3JcIiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIj5cclxuICAgIHt7IGdldEVycm9yTWVzc2FnZSgpIH19XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { themes } from "../../styles/themes";
|
|
4
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
5
|
+
import { RdndButton } from "../button/button.component";
|
|
6
|
+
import { RdndScreenTitle } from "../screen-title/screen-title.component";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
9
|
+
export class RdndModal {
|
|
10
|
+
title = '';
|
|
11
|
+
type = 'success';
|
|
12
|
+
theme = themes.magenta;
|
|
13
|
+
confirmText = '';
|
|
14
|
+
cancelText = '';
|
|
15
|
+
close = new EventEmitter();
|
|
16
|
+
themes = themes;
|
|
17
|
+
icon;
|
|
18
|
+
content = '';
|
|
19
|
+
closeModal(result) {
|
|
20
|
+
this.close.emit(result);
|
|
21
|
+
}
|
|
22
|
+
constructor() {
|
|
23
|
+
}
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RdndModal, isStandalone: true, selector: "rdnd-modal", inputs: { title: "title", type: "type", theme: "theme", confirmText: "confirmText", cancelText: "cancelText" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"modal-wrapper\">\r\n\r\n <div class=\"container\" (click)=\"$event.stopPropagation()\">\r\n\r\n <div class=\"content\">\r\n\r\n @if (icon) {\r\n <fa-icon [icon]=\"icon\" class=\"icon\" [style.color]=\"theme.default\"\r\n />\r\n }\r\n\r\n <span class=\"subtitle align-center\">{{ title }}</span>\r\n\r\n <div class=\"text align-center\" [innerHTML]=\"content\">\r\n </div>\r\n\r\n\r\n @if (type !== 'question') {\r\n <rdnd-button\r\n [id]=\"'btn-modal'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(true)\"\r\n [text]=\"'Aceptar'\"\r\n [theme]=\"theme\"\r\n [size]=\"'full'\"\r\n />\r\n } @else {\r\n <rdnd-button\r\n [id]=\"'btn-modal-accept'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(true)\"\r\n [text]=\"confirmText\"\r\n [theme]=\"theme\"\r\n [size]=\"'full'\"\r\n />\r\n <rdnd-button\r\n [id]=\"'btn-modal-cancel'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(false)\"\r\n [text]=\"cancelText\"\r\n [theme]=\"themes.bordered\"\r\n [size]=\"'full'\"\r\n />\r\n }\r\n\r\n </div>\r\n\r\n\r\n </div>\r\n</div>\r\n\r\n", styles: [".subtitle{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:18px;color:#000!important;font-weight:500}.subtitle.magenta{color:#c2185b}.subtitle.green{color:#44bb96}.subtitle.gray{color:#9e9e9e}.subtitle.white{color:#fff}.subtitle.white-soft{color:#ffffff78}.subtitle.bold{font-weight:700!important}.text-medium{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:16px;font-weight:500}.text-medium.magenta{color:#c2185b}.text-medium.green{color:#44bb96}.text-medium.gray{color:#9e9e9e}.text-medium.white{color:#fff}.text-medium.white-soft{color:#ffffff78}.text-medium.bold{font-weight:700!important}.text{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:14.5px}.text.magenta{color:#c2185b}.text.green{color:#44bb96}.text.gray{color:#9e9e9e}.text.white{color:#fff}.text.white-soft{color:#ffffff78}.text.bold{font-weight:700!important}.text-small{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:12px}.text-small.magenta{color:#c2185b}.text-small.green{color:#44bb96}.text-small.gray{color:#9e9e9e}.text-small.white{color:#fff}.text-small.white-soft{color:#ffffff78}.text-small.bold{font-weight:700!important}.label{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:14.5px;font-weight:700;margin:0;padding:0}.label.magenta{color:#c2185b}.label.green{color:#44bb96}.label.gray{color:#9e9e9e}.label.white{color:#fff}.label.white-soft{color:#ffffff78}.label.bold{font-weight:700!important}.label-medium{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:16px;font-weight:700;margin:0;padding:0}.label-medium.magenta{color:#c2185b}.label-medium.green{color:#44bb96}.label-medium.gray{color:#9e9e9e}.label-medium.white{color:#fff}.label-medium.white-soft{color:#ffffff78}.label-medium.bold{font-weight:700!important}.label-small{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:12px;font-weight:700;margin:0;padding:0}.label-small.magenta{color:#c2185b}.label-small.green{color:#44bb96}.label-small.gray{color:#9e9e9e}.label-small.white{color:#fff}.label-small.white-soft{color:#ffffff78}.label-small.bold{font-weight:700!important}.align-center{text-align:center}.align-right{text-align:right}@font-face{font-family:Barcode;src:url(/assets/fonts/BarcodeFont.ttf) format(\"truetype\");font-weight:400;font-style:normal}.modal-wrapper{position:fixed;inset:0;z-index:95;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:16px}.modal-wrapper .container{width:100%;max-width:720px;background-color:#fff;padding:32px 16px;border-radius:4px;position:relative}.modal-wrapper .container .content{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px;margin:auto}.modal-wrapper .container .content .icon{margin:auto;font-size:40px;line-height:normal}.modal-wrapper .container .content p{margin:14px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: RdndButton, selector: "rdnd-button", inputs: ["id", "icon", "text", "theme", "size", "type", "borders", "disabled"], outputs: ["callback"] }] });
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndModal, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'rdnd-modal', standalone: true, imports: [
|
|
30
|
+
CommonModule,
|
|
31
|
+
FontAwesomeModule,
|
|
32
|
+
RdndButton,
|
|
33
|
+
RdndScreenTitle,
|
|
34
|
+
], template: "<div class=\"modal-wrapper\">\r\n\r\n <div class=\"container\" (click)=\"$event.stopPropagation()\">\r\n\r\n <div class=\"content\">\r\n\r\n @if (icon) {\r\n <fa-icon [icon]=\"icon\" class=\"icon\" [style.color]=\"theme.default\"\r\n />\r\n }\r\n\r\n <span class=\"subtitle align-center\">{{ title }}</span>\r\n\r\n <div class=\"text align-center\" [innerHTML]=\"content\">\r\n </div>\r\n\r\n\r\n @if (type !== 'question') {\r\n <rdnd-button\r\n [id]=\"'btn-modal'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(true)\"\r\n [text]=\"'Aceptar'\"\r\n [theme]=\"theme\"\r\n [size]=\"'full'\"\r\n />\r\n } @else {\r\n <rdnd-button\r\n [id]=\"'btn-modal-accept'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(true)\"\r\n [text]=\"confirmText\"\r\n [theme]=\"theme\"\r\n [size]=\"'full'\"\r\n />\r\n <rdnd-button\r\n [id]=\"'btn-modal-cancel'\"\r\n [type]=\"'button'\"\r\n (callback)=\"closeModal(false)\"\r\n [text]=\"cancelText\"\r\n [theme]=\"themes.bordered\"\r\n [size]=\"'full'\"\r\n />\r\n }\r\n\r\n </div>\r\n\r\n\r\n </div>\r\n</div>\r\n\r\n", styles: [".subtitle{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:18px;color:#000!important;font-weight:500}.subtitle.magenta{color:#c2185b}.subtitle.green{color:#44bb96}.subtitle.gray{color:#9e9e9e}.subtitle.white{color:#fff}.subtitle.white-soft{color:#ffffff78}.subtitle.bold{font-weight:700!important}.text-medium{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:16px;font-weight:500}.text-medium.magenta{color:#c2185b}.text-medium.green{color:#44bb96}.text-medium.gray{color:#9e9e9e}.text-medium.white{color:#fff}.text-medium.white-soft{color:#ffffff78}.text-medium.bold{font-weight:700!important}.text{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:14.5px}.text.magenta{color:#c2185b}.text.green{color:#44bb96}.text.gray{color:#9e9e9e}.text.white{color:#fff}.text.white-soft{color:#ffffff78}.text.bold{font-weight:700!important}.text-small{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:12px}.text-small.magenta{color:#c2185b}.text-small.green{color:#44bb96}.text-small.gray{color:#9e9e9e}.text-small.white{color:#fff}.text-small.white-soft{color:#ffffff78}.text-small.bold{font-weight:700!important}.label{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:14.5px;font-weight:700;margin:0;padding:0}.label.magenta{color:#c2185b}.label.green{color:#44bb96}.label.gray{color:#9e9e9e}.label.white{color:#fff}.label.white-soft{color:#ffffff78}.label.bold{font-weight:700!important}.label-medium{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:16px;font-weight:700;margin:0;padding:0}.label-medium.magenta{color:#c2185b}.label-medium.green{color:#44bb96}.label-medium.gray{color:#9e9e9e}.label-medium.white{color:#fff}.label-medium.white-soft{color:#ffffff78}.label-medium.bold{font-weight:700!important}.label-small{font-family:Poppins,sans-serif;text-align:left;width:100%;font-weight:400;line-height:normal;font-size:12px;font-weight:700;margin:0;padding:0}.label-small.magenta{color:#c2185b}.label-small.green{color:#44bb96}.label-small.gray{color:#9e9e9e}.label-small.white{color:#fff}.label-small.white-soft{color:#ffffff78}.label-small.bold{font-weight:700!important}.align-center{text-align:center}.align-right{text-align:right}@font-face{font-family:Barcode;src:url(/assets/fonts/BarcodeFont.ttf) format(\"truetype\");font-weight:400;font-style:normal}.modal-wrapper{position:fixed;inset:0;z-index:95;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:16px}.modal-wrapper .container{width:100%;max-width:720px;background-color:#fff;padding:32px 16px;border-radius:4px;position:relative}.modal-wrapper .container .content{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px;margin:auto}.modal-wrapper .container .content .icon{margin:auto;font-size:40px;line-height:normal}.modal-wrapper .container .content p{margin:14px 0}\n"] }]
|
|
35
|
+
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], type: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], theme: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], confirmText: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], cancelText: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], close: [{
|
|
46
|
+
type: Output
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VudGVyYS1yZG5kL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW50ZXJhLXJkbmQvc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRTdDLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMzQyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdDQUF3QyxDQUFDOzs7QUFjdkUsTUFBTSxPQUFPLFNBQVM7SUFDWCxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLElBQUksR0FBMEQsU0FBUyxDQUFDO0lBQ3hFLEtBQUssR0FBUSxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQzVCLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUN2QixLQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUUzQixNQUFNLEdBQUcsTUFBTSxDQUFDO0lBRW5DLElBQUksQ0FBa0I7SUFDdEIsT0FBTyxHQUFXLEVBQUUsQ0FBQztJQUVyQixVQUFVLENBQUMsTUFBZTtRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQ7SUFDQSxDQUFDO3dHQWxCVSxTQUFTOzRGQUFULFNBQVMsbU5DcEJ0Qiw4eUNBbURBLDZwR0R2Q0ksWUFBWSw4QkFDWixpQkFBaUIsNlBBQ2pCLFVBQVU7OzRGQU1ELFNBQVM7a0JBWnJCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsVUFBVTt3QkFDVixlQUFlO3FCQUNoQjt3REFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge0ljb25EZWZpbml0aW9ufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQge3RoZW1lc30gZnJvbSBcIi4uLy4uL3N0eWxlcy90aGVtZXNcIjtcclxuaW1wb3J0IHtGb250QXdlc29tZU1vZHVsZX0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQge1JkbmRCdXR0b259IGZyb20gXCIuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge1JkbmRTY3JlZW5UaXRsZX0gZnJvbSBcIi4uL3NjcmVlbi10aXRsZS9zY3JlZW4tdGl0bGUuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JkbmQtbW9kYWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXHJcbiAgICBSZG5kQnV0dG9uLFxyXG4gICAgUmRuZFNjcmVlblRpdGxlLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZG5kTW9kYWwge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0eXBlOiAnc3VjY2VzcycgfCAnZXJyb3InIHwgJ3F1ZXN0aW9uJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyA9ICdzdWNjZXNzJztcclxuICBASW5wdXQoKSB0aGVtZTogYW55ID0gdGhlbWVzLm1hZ2VudGE7XHJcbiAgQElucHV0KCkgY29uZmlybVRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGNhbmNlbFRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHRoZW1lcyA9IHRoZW1lcztcclxuXHJcbiAgaWNvbj86IEljb25EZWZpbml0aW9uO1xyXG4gIGNvbnRlbnQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICBjbG9zZU1vZGFsKHJlc3VsdDogYm9vbGVhbikge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KHJlc3VsdCk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC13cmFwcGVyXCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuXHJcbiAgICAgIEBpZiAoaWNvbikge1xyXG4gICAgICAgIDxmYS1pY29uIFtpY29uXT1cImljb25cIiBjbGFzcz1cImljb25cIiBbc3R5bGUuY29sb3JdPVwidGhlbWUuZGVmYXVsdFwiXHJcbiAgICAgICAgLz5cclxuICAgICAgfVxyXG5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzdWJ0aXRsZSBhbGlnbi1jZW50ZXJcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0IGFsaWduLWNlbnRlclwiIFtpbm5lckhUTUxdPVwiY29udGVudFwiPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcblxyXG4gICAgICBAaWYgKHR5cGUgIT09ICdxdWVzdGlvbicpIHtcclxuICAgICAgICA8cmRuZC1idXR0b25cclxuICAgICAgICAgIFtpZF09XCInYnRuLW1vZGFsJ1wiXHJcbiAgICAgICAgICBbdHlwZV09XCInYnV0dG9uJ1wiXHJcbiAgICAgICAgICAoY2FsbGJhY2spPVwiY2xvc2VNb2RhbCh0cnVlKVwiXHJcbiAgICAgICAgICBbdGV4dF09XCInQWNlcHRhcidcIlxyXG4gICAgICAgICAgW3RoZW1lXT1cInRoZW1lXCJcclxuICAgICAgICAgIFtzaXplXT1cIidmdWxsJ1wiXHJcbiAgICAgICAgLz5cclxuICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgPHJkbmQtYnV0dG9uXHJcbiAgICAgICAgICBbaWRdPVwiJ2J0bi1tb2RhbC1hY2NlcHQnXCJcclxuICAgICAgICAgIFt0eXBlXT1cIididXR0b24nXCJcclxuICAgICAgICAgIChjYWxsYmFjayk9XCJjbG9zZU1vZGFsKHRydWUpXCJcclxuICAgICAgICAgIFt0ZXh0XT1cImNvbmZpcm1UZXh0XCJcclxuICAgICAgICAgIFt0aGVtZV09XCJ0aGVtZVwiXHJcbiAgICAgICAgICBbc2l6ZV09XCInZnVsbCdcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgICAgPHJkbmQtYnV0dG9uXHJcbiAgICAgICAgICBbaWRdPVwiJ2J0bi1tb2RhbC1jYW5jZWwnXCJcclxuICAgICAgICAgIFt0eXBlXT1cIididXR0b24nXCJcclxuICAgICAgICAgIChjYWxsYmFjayk9XCJjbG9zZU1vZGFsKGZhbHNlKVwiXHJcbiAgICAgICAgICBbdGV4dF09XCJjYW5jZWxUZXh0XCJcclxuICAgICAgICAgIFt0aGVtZV09XCJ0aGVtZXMuYm9yZGVyZWRcIlxyXG4gICAgICAgICAgW3NpemVdPVwiJ2Z1bGwnXCJcclxuICAgICAgICAvPlxyXG4gICAgICB9XHJcblxyXG4gICAgPC9kaXY+XHJcblxyXG5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { NgClass } from "@angular/common";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class RdndScreenTitle {
|
|
5
|
+
title;
|
|
6
|
+
align = 'CENTER';
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndScreenTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RdndScreenTitle, isStandalone: true, selector: "rdnd-screen-title", inputs: { title: "title", align: "align" }, ngImport: i0, template: "<h1 [class]=\" 'align-' + align \">\r\n {{ title }}\r\n</h1>\r\n", styles: ["h1{font-size:24px;font-family:Poppins,sans-serif;color:#910677;font-weight:400;width:100%}h1.align-LEFT{text-align:left}h1.align-CENTER{text-align:center}\n"] });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RdndScreenTitle, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'rdnd-screen-title', standalone: true, imports: [
|
|
13
|
+
NgClass
|
|
14
|
+
], template: "<h1 [class]=\" 'align-' + align \">\r\n {{ title }}\r\n</h1>\r\n", styles: ["h1{font-size:24px;font-family:Poppins,sans-serif;color:#910677;font-weight:400;width:100%}h1.align-LEFT{text-align:left}h1.align-CENTER{text-align:center}\n"] }]
|
|
15
|
+
}], propDecorators: { title: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], align: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}] } });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NyZWVuLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlbnRlcmEtcmRuZC9zcmMvbGliL2NvbXBvbmVudHMvc2NyZWVuLXRpdGxlL3NjcmVlbi10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW50ZXJhLXJkbmQvc3JjL2xpYi9jb21wb25lbnRzL3NjcmVlbi10aXRsZS9zY3JlZW4tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDOztBQVd4QyxNQUFNLE9BQU8sZUFBZTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLEdBQXNCLFFBQVEsQ0FBQzt3R0FGbEMsZUFBZTs0RkFBZixlQUFlLHlIQ1o1QixtRUFHQTs7NEZEU2EsZUFBZTtrQkFUM0IsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLE9BQU87cUJBQ1I7OEJBS1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdDbGFzc30gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZG5kLXNjcmVlbi10aXRsZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0NsYXNzXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2NyZWVuLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2NyZWVuLXRpdGxlLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUmRuZFNjcmVlblRpdGxlIHtcclxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBhbGlnbjogJ0xFRlQnIHwgJ0NFTlRFUicgPSAnQ0VOVEVSJztcclxufVxyXG4iLCI8aDEgW2NsYXNzXT1cIiAnYWxpZ24tJyArIGFsaWduIFwiPlxyXG4gIHt7IHRpdGxlIH19XHJcbjwvaDE+XHJcbiJdfQ==
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class ButtonService {
|
|
5
|
+
buttonsState = {};
|
|
6
|
+
ensureButtonExists(id) {
|
|
7
|
+
if (!this.buttonsState[id]) {
|
|
8
|
+
this.buttonsState[id] = new BehaviorSubject(false);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
useButton(id) {
|
|
12
|
+
this.ensureButtonExists(id);
|
|
13
|
+
return {
|
|
14
|
+
disabled$: this.buttonsState[id].asObservable(),
|
|
15
|
+
enable: () => this.buttonsState[id].next(false),
|
|
16
|
+
disable: () => this.buttonsState[id].next(true),
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
20
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonService, providedIn: 'root' });
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonService, decorators: [{
|
|
23
|
+
type: Injectable,
|
|
24
|
+
args: [{
|
|
25
|
+
providedIn: 'root',
|
|
26
|
+
}]
|
|
27
|
+
}] });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW50ZXJhLXJkbmQvc3JjL2xpYi9ob29rcy9idXR0b24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBV25ELE1BQU0sT0FBTyxhQUFhO0lBQ2hCLFlBQVksR0FBK0MsRUFBRSxDQUFDO0lBRTlELGtCQUFrQixDQUFDLEVBQVU7UUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQzlELENBQUM7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLEVBQVU7UUFDbEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTVCLE9BQU87WUFDTCxTQUFTLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxZQUFZLEVBQUU7WUFDL0MsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUMvQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ2hELENBQUM7SUFDSixDQUFDO3dHQWpCVSxhQUFhOzRHQUFiLGFBQWEsY0FGWixNQUFNOzs0RkFFUCxhQUFhO2tCQUh6QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvblNlcnZpY2VUeXBlIHtcclxuICBlbmFibGU6ICgpID0+IHZvaWQ7XHJcbiAgZGlzYWJsZTogKCkgPT4gdm9pZDtcclxuICBkaXNhYmxlZCQ6IE9ic2VydmFibGU8Ym9vbGVhbj5cclxufVxyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvblNlcnZpY2Uge1xyXG4gIHByaXZhdGUgYnV0dG9uc1N0YXRlOiB7IFtpZDogc3RyaW5nXTogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+IH0gPSB7fTtcclxuXHJcbiAgcHJpdmF0ZSBlbnN1cmVCdXR0b25FeGlzdHMoaWQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmJ1dHRvbnNTdGF0ZVtpZF0pIHtcclxuICAgICAgdGhpcy5idXR0b25zU3RhdGVbaWRdID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB1c2VCdXR0b24oaWQ6IHN0cmluZyk6IEJ1dHRvblNlcnZpY2VUeXBlIHtcclxuICAgIHRoaXMuZW5zdXJlQnV0dG9uRXhpc3RzKGlkKTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBkaXNhYmxlZCQ6IHRoaXMuYnV0dG9uc1N0YXRlW2lkXS5hc09ic2VydmFibGUoKSxcclxuICAgICAgZW5hYmxlOiAoKSA9PiB0aGlzLmJ1dHRvbnNTdGF0ZVtpZF0ubmV4dChmYWxzZSksXHJcbiAgICAgIGRpc2FibGU6ICgpID0+IHRoaXMuYnV0dG9uc1N0YXRlW2lkXS5uZXh0KHRydWUpLFxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class InputService {
|
|
5
|
+
inputState = {};
|
|
6
|
+
ensureInputExists(id) {
|
|
7
|
+
if (!this.inputState[id]) {
|
|
8
|
+
this.inputState[id] = {
|
|
9
|
+
valid$: new BehaviorSubject(false),
|
|
10
|
+
errorMessage$: new BehaviorSubject(null),
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
useInput(id) {
|
|
15
|
+
this.ensureInputExists(id);
|
|
16
|
+
return {
|
|
17
|
+
isValid: this.inputState[id].valid$,
|
|
18
|
+
valid: this.inputState[id].valid$.asObservable(),
|
|
19
|
+
errorMessage: this.inputState[id].errorMessage$.asObservable(),
|
|
20
|
+
setValid: (isValid) => this.inputState[id].valid$.next(isValid),
|
|
21
|
+
setErrorMessage: (message) => this.inputState[id].errorMessage$.next(message),
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
updateInputState(control, id) {
|
|
25
|
+
this.ensureInputExists(id);
|
|
26
|
+
const errors = control.errors;
|
|
27
|
+
console.log(`Updating state for ${id}: valid=${control.valid}, errors=${errors}`);
|
|
28
|
+
if (control.valid) {
|
|
29
|
+
this.inputState[id].valid$.next(true);
|
|
30
|
+
this.inputState[id].errorMessage$.next(null);
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.inputState[id].valid$.next(false);
|
|
34
|
+
this.inputState[id].errorMessage$.next(this.getErrorMessage(errors));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
getErrorMessage(errors) {
|
|
38
|
+
if (!errors)
|
|
39
|
+
return null;
|
|
40
|
+
if (errors['required'])
|
|
41
|
+
return 'Este campo es obligatorio';
|
|
42
|
+
if (errors['minlength'])
|
|
43
|
+
return `Mínimo ${errors['minlength'].requiredLength} caracteres requeridos`;
|
|
44
|
+
if (errors['maxlength'])
|
|
45
|
+
return `Máximo ${errors['maxlength'].requiredLength} caracteres permitidos`;
|
|
46
|
+
if (errors['email'])
|
|
47
|
+
return 'Formato de correo inválido';
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
51
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, providedIn: 'root' });
|
|
52
|
+
}
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputService, decorators: [{
|
|
54
|
+
type: Injectable,
|
|
55
|
+
args: [{
|
|
56
|
+
providedIn: 'root',
|
|
57
|
+
}]
|
|
58
|
+
}] });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlbnRlcmEtcmRuZC9zcmMvbGliL2hvb2tzL2lucHV0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZUFBZSxFQUFhLE1BQU0sTUFBTSxDQUFDOztBQWNqRCxNQUFNLE9BQU8sWUFBWTtJQUVmLFVBQVUsR0FLZCxFQUFFLENBQUM7SUFFQyxpQkFBaUIsQ0FBQyxFQUFVO1FBQ2xDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsR0FBRztnQkFDcEIsTUFBTSxFQUFFLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQztnQkFDM0MsYUFBYSxFQUFFLElBQUksZUFBZSxDQUFnQixJQUFJLENBQUM7YUFDeEQsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLEVBQVU7UUFDakIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTNCLE9BQU87WUFDTCxPQUFPLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNO1lBQ25DLEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUU7WUFDaEQsWUFBWSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRTtZQUM5RCxRQUFRLEVBQUUsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ3hFLGVBQWUsRUFBRSxDQUFDLE9BQXNCLEVBQUUsRUFBRSxDQUMxQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2xELENBQUM7SUFDSixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBb0IsRUFBRSxFQUFVO1FBQy9DLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUUzQixNQUFNLE1BQU0sR0FBNEIsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUV2RCxPQUFPLENBQUMsR0FBRyxDQUFDLHNCQUFzQixFQUFFLFdBQVcsT0FBTyxDQUFDLEtBQUssWUFBWSxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBRWxGLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN0QyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0MsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUN2RSxDQUFDO0lBQ0gsQ0FBQztJQUVPLGVBQWUsQ0FBQyxNQUErQjtRQUNyRCxJQUFJLENBQUMsTUFBTTtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBRXpCLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQztZQUFFLE9BQU8sMkJBQTJCLENBQUM7UUFDM0QsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ3JCLE9BQU8sVUFBVSxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsY0FBYyx3QkFBd0IsQ0FBQztRQUM5RSxJQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUM7WUFDckIsT0FBTyxVQUFVLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxjQUFjLHdCQUF3QixDQUFDO1FBQzlFLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQztZQUFFLE9BQU8sNEJBQTRCLENBQUM7UUFFekQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO3dHQTFEVSxZQUFZOzRHQUFaLFlBQVksY0FGWCxNQUFNOzs0RkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgVmFsaWRhdGlvbkVycm9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmV4cG9ydCB0eXBlIElucHV0U3RhdGVUeXBlID0ge1xyXG4gIGlzVmFsaWQ6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPjtcclxuICB2YWxpZDogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxuICBlcnJvck1lc3NhZ2U6IE9ic2VydmFibGU8c3RyaW5nIHwgbnVsbD47XHJcbiAgc2V0VmFsaWQ6IChpc1ZhbGlkOiBib29sZWFuKSA9PiB2b2lkO1xyXG4gIHNldEVycm9yTWVzc2FnZTogKG1lc3NhZ2U6IHN0cmluZyB8IG51bGwpID0+IHZvaWQ7XHJcbn07XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRTZXJ2aWNlIHtcclxuXHJcbiAgcHJpdmF0ZSBpbnB1dFN0YXRlOiB7XHJcbiAgICBbaWQ6IHN0cmluZ106IHtcclxuICAgICAgdmFsaWQkOiBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj47XHJcbiAgICAgIGVycm9yTWVzc2FnZSQ6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmcgfCBudWxsPjtcclxuICAgIH07XHJcbiAgfSA9IHt9O1xyXG5cclxuICBwcml2YXRlIGVuc3VyZUlucHV0RXhpc3RzKGlkOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5pbnB1dFN0YXRlW2lkXSkge1xyXG4gICAgICB0aGlzLmlucHV0U3RhdGVbaWRdID0ge1xyXG4gICAgICAgIHZhbGlkJDogbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSksXHJcbiAgICAgICAgZXJyb3JNZXNzYWdlJDogbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmcgfCBudWxsPihudWxsKSxcclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHVzZUlucHV0KGlkOiBzdHJpbmcpOiBJbnB1dFN0YXRlVHlwZSB7XHJcbiAgICB0aGlzLmVuc3VyZUlucHV0RXhpc3RzKGlkKTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBpc1ZhbGlkOiB0aGlzLmlucHV0U3RhdGVbaWRdLnZhbGlkJCxcclxuICAgICAgdmFsaWQ6IHRoaXMuaW5wdXRTdGF0ZVtpZF0udmFsaWQkLmFzT2JzZXJ2YWJsZSgpLFxyXG4gICAgICBlcnJvck1lc3NhZ2U6IHRoaXMuaW5wdXRTdGF0ZVtpZF0uZXJyb3JNZXNzYWdlJC5hc09ic2VydmFibGUoKSxcclxuICAgICAgc2V0VmFsaWQ6IChpc1ZhbGlkOiBib29sZWFuKSA9PiB0aGlzLmlucHV0U3RhdGVbaWRdLnZhbGlkJC5uZXh0KGlzVmFsaWQpLFxyXG4gICAgICBzZXRFcnJvck1lc3NhZ2U6IChtZXNzYWdlOiBzdHJpbmcgfCBudWxsKSA9PlxyXG4gICAgICAgIHRoaXMuaW5wdXRTdGF0ZVtpZF0uZXJyb3JNZXNzYWdlJC5uZXh0KG1lc3NhZ2UpLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIHVwZGF0ZUlucHV0U3RhdGUoY29udHJvbDogRm9ybUNvbnRyb2wsIGlkOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMuZW5zdXJlSW5wdXRFeGlzdHMoaWQpO1xyXG5cclxuICAgIGNvbnN0IGVycm9yczogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwgPSBjb250cm9sLmVycm9ycztcclxuXHJcbiAgICBjb25zb2xlLmxvZyhgVXBkYXRpbmcgc3RhdGUgZm9yICR7aWR9OiB2YWxpZD0ke2NvbnRyb2wudmFsaWR9LCBlcnJvcnM9JHtlcnJvcnN9YCk7XHJcblxyXG4gICAgaWYgKGNvbnRyb2wudmFsaWQpIHtcclxuICAgICAgdGhpcy5pbnB1dFN0YXRlW2lkXS52YWxpZCQubmV4dCh0cnVlKTtcclxuICAgICAgdGhpcy5pbnB1dFN0YXRlW2lkXS5lcnJvck1lc3NhZ2UkLm5leHQobnVsbCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmlucHV0U3RhdGVbaWRdLnZhbGlkJC5uZXh0KGZhbHNlKTtcclxuICAgICAgdGhpcy5pbnB1dFN0YXRlW2lkXS5lcnJvck1lc3NhZ2UkLm5leHQodGhpcy5nZXRFcnJvck1lc3NhZ2UoZXJyb3JzKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEVycm9yTWVzc2FnZShlcnJvcnM6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICBpZiAoIWVycm9ycykgcmV0dXJuIG51bGw7XHJcblxyXG4gICAgaWYgKGVycm9yc1sncmVxdWlyZWQnXSkgcmV0dXJuICdFc3RlIGNhbXBvIGVzIG9ibGlnYXRvcmlvJztcclxuICAgIGlmIChlcnJvcnNbJ21pbmxlbmd0aCddKVxyXG4gICAgICByZXR1cm4gYE3DrW5pbW8gJHtlcnJvcnNbJ21pbmxlbmd0aCddLnJlcXVpcmVkTGVuZ3RofSBjYXJhY3RlcmVzIHJlcXVlcmlkb3NgO1xyXG4gICAgaWYgKGVycm9yc1snbWF4bGVuZ3RoJ10pXHJcbiAgICAgIHJldHVybiBgTcOheGltbyAke2Vycm9yc1snbWF4bGVuZ3RoJ10ucmVxdWlyZWRMZW5ndGh9IGNhcmFjdGVyZXMgcGVybWl0aWRvc2A7XHJcbiAgICBpZiAoZXJyb3JzWydlbWFpbCddKSByZXR1cm4gJ0Zvcm1hdG8gZGUgY29ycmVvIGludsOhbGlkbyc7XHJcblxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { faCircleCheck, faCircleQuestion } from '@fortawesome/free-solid-svg-icons';
|
|
3
|
+
import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons/faTriangleExclamation";
|
|
4
|
+
import { themes } from "../styles/themes";
|
|
5
|
+
import { faTable } from "@fortawesome/free-solid-svg-icons/faTable";
|
|
6
|
+
import { RdndModal } from "../components/modal/modal.component";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class ModalService {
|
|
9
|
+
appRef;
|
|
10
|
+
componentFactoryResolver;
|
|
11
|
+
injector;
|
|
12
|
+
modalRef = null;
|
|
13
|
+
constructor(appRef, componentFactoryResolver, injector) {
|
|
14
|
+
this.appRef = appRef;
|
|
15
|
+
this.componentFactoryResolver = componentFactoryResolver;
|
|
16
|
+
this.injector = injector;
|
|
17
|
+
}
|
|
18
|
+
openModal(title, content, type = 'success', confirmText = 'Continuar', cancelText = 'Cancelar') {
|
|
19
|
+
if (this.modalRef)
|
|
20
|
+
return Promise.resolve(false);
|
|
21
|
+
const factory = this.componentFactoryResolver.resolveComponentFactory(RdndModal);
|
|
22
|
+
this.modalRef = factory.create(this.injector);
|
|
23
|
+
this.modalRef.instance.title = title;
|
|
24
|
+
this.modalRef.instance.type = type;
|
|
25
|
+
this.modalRef.instance.theme = this.getStyleTheme(type);
|
|
26
|
+
this.modalRef.instance.content = content;
|
|
27
|
+
this.modalRef.instance.icon = this.getIcon(type);
|
|
28
|
+
this.modalRef.instance.confirmText = confirmText;
|
|
29
|
+
this.modalRef.instance.cancelText = cancelText;
|
|
30
|
+
const result = new Promise((resolve) => {
|
|
31
|
+
this.modalRef.instance.close.subscribe((res) => {
|
|
32
|
+
this.closeModal();
|
|
33
|
+
resolve(res);
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
this.appRef.attachView(this.modalRef.hostView);
|
|
37
|
+
const domElem = this.modalRef.hostView.rootNodes[0];
|
|
38
|
+
document.body.appendChild(domElem);
|
|
39
|
+
return result;
|
|
40
|
+
}
|
|
41
|
+
getStyleTheme = (theme) => {
|
|
42
|
+
switch (theme) {
|
|
43
|
+
case "success":
|
|
44
|
+
return themes.green;
|
|
45
|
+
case 'error':
|
|
46
|
+
return themes.magentaNormal;
|
|
47
|
+
case 'question':
|
|
48
|
+
return themes.purple;
|
|
49
|
+
case 'warning':
|
|
50
|
+
return themes.yellow;
|
|
51
|
+
case 'info':
|
|
52
|
+
return themes.purple;
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
closeModal() {
|
|
56
|
+
if (this.modalRef) {
|
|
57
|
+
this.appRef.detachView(this.modalRef.hostView);
|
|
58
|
+
this.modalRef.destroy();
|
|
59
|
+
this.modalRef = null;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
getIcon(theme) {
|
|
63
|
+
switch (theme) {
|
|
64
|
+
case 'error':
|
|
65
|
+
return faTriangleExclamation;
|
|
66
|
+
case 'question':
|
|
67
|
+
return faCircleQuestion;
|
|
68
|
+
case "success":
|
|
69
|
+
return faCircleCheck;
|
|
70
|
+
case "warning":
|
|
71
|
+
return faTriangleExclamation;
|
|
72
|
+
case "info":
|
|
73
|
+
return faTable;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
77
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, providedIn: 'root' });
|
|
78
|
+
}
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
|
|
80
|
+
type: Injectable,
|
|
81
|
+
args: [{ providedIn: 'root' }]
|
|
82
|
+
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }] });
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlbnRlcmEtcmRuZC9zcmMvbGliL2hvb2tzL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsYUFBYSxFQUFFLGdCQUFnQixFQUFpQixNQUFNLG1DQUFtQyxDQUFDO0FBQ2xHLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQzlGLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUN4QyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDbEUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLHFDQUFxQyxDQUFDOztBQUk5RCxNQUFNLE9BQU8sWUFBWTtJQUliO0lBQ0E7SUFDQTtJQUxGLFFBQVEsR0FBbUMsSUFBSSxDQUFDO0lBRXhELFlBQ1UsTUFBc0IsRUFDdEIsd0JBQWtELEVBQ2xELFFBQWtCO1FBRmxCLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQ3RCLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFDbEQsYUFBUSxHQUFSLFFBQVEsQ0FBVTtJQUU1QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWEsRUFBRSxPQUFlLEVBQUUsT0FBOEQsU0FBUyxFQUFFLFdBQVcsR0FBRyxXQUFXLEVBQUUsVUFBVSxHQUFHLFVBQVU7UUFDbkssSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsdUJBQXVCLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDakYsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsTUFBTSxD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LFVBQVUsRUFBRSxNQUFNLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGUsIENvbXBvbmVudFJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7QXBwbGljYXRpb25SZWYsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge2ZhQ2lyY2xlQ2hlY2ssIGZhQ2lyY2xlUXVlc3Rpb24sIEljb25EZWZpbml0aW9ufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQge2ZhVHJpYW5nbGVFeGNsYW1hdGlvbn0gZnJvbSBcIkBmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucy9mYVRyaWFuZ2xlRXhjbGFtYXRpb25cIjtcclxuaW1wb3J0IHt0aGVtZXN9IGZyb20gXCIuLi9zdHlsZXMvdGhlbWVzXCI7XHJcbmltcG9ydCB7ZmFUYWJsZX0gZnJvbSBcIkBmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucy9mYVRhYmxlXCI7XHJcbmltcG9ydCB7UmRuZE1vZGFsfSBmcm9tIFwiLi4vY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnRcIjtcclxuXHJcblxyXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcclxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XHJcbiAgcHJpdmF0ZSBtb2RhbFJlZjogQ29tcG9uZW50UmVmPFJkbmRNb2RhbD4gfCBudWxsID0gbnVsbDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGFwcFJlZjogQXBwbGljYXRpb25SZWYsXHJcbiAgICBwcml2YXRlIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3JcclxuICApIHtcclxuICB9XHJcblxyXG4gIG9wZW5Nb2RhbCh0aXRsZTogc3RyaW5nLCBjb250ZW50OiBzdHJpbmcsIHR5cGU6ICdzdWNjZXNzJyB8ICdlcnJvcicgfCAncXVlc3Rpb24nIHwgJ3dhcm5pbmcnIHwgJ2luZm8nID0gJ3N1Y2Nlc3MnLCBjb25maXJtVGV4dCA9ICdDb250aW51YXInLCBjYW5jZWxUZXh0ID0gJ0NhbmNlbGFyJyk6IFByb21pc2U8Ym9vbGVhbj4ge1xyXG4gICAgaWYgKHRoaXMubW9kYWxSZWYpIHJldHVybiBQcm9taXNlLnJlc29sdmUoZmFsc2UpO1xyXG5cclxuICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShSZG5kTW9kYWwpO1xyXG4gICAgdGhpcy5tb2RhbFJlZiA9IGZhY3RvcnkuY3JlYXRlKHRoaXMuaW5qZWN0b3IpO1xyXG5cclxuICAgIHRoaXMubW9kYWxSZWYuaW5zdGFuY2UudGl0bGUgPSB0aXRsZTtcclxuICAgIHRoaXMubW9kYWxSZWYuaW5zdGFuY2UudHlwZSA9IHR5cGU7XHJcbiAgICB0aGlzLm1vZGFsUmVmLmluc3RhbmNlLnRoZW1lID0gdGhpcy5nZXRTdHlsZVRoZW1lKHR5cGUpO1xyXG4gICAgdGhpcy5tb2RhbFJlZi5pbnN0YW5jZS5jb250ZW50ID0gY29udGVudDtcclxuICAgIHRoaXMubW9kYWxSZWYuaW5zdGFuY2UuaWNvbiA9IHRoaXMuZ2V0SWNvbih0eXBlKTtcclxuICAgIHRoaXMubW9kYWxSZWYuaW5zdGFuY2UuY29uZmlybVRleHQgPSBjb25maXJtVGV4dDtcclxuICAgIHRoaXMubW9kYWxSZWYuaW5zdGFuY2UuY2FuY2VsVGV4dCA9IGNhbmNlbFRleHQ7XHJcblxyXG4gICAgY29uc3QgcmVzdWx0ID0gbmV3IFByb21pc2U8Ym9vbGVhbj4oKHJlc29sdmUpID0+IHtcclxuICAgICAgdGhpcy5tb2RhbFJlZiEuaW5zdGFuY2UuY2xvc2Uuc3Vic2NyaWJlKChyZXM6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICB0aGlzLmNsb3NlTW9kYWwoKTtcclxuICAgICAgICByZXNvbHZlKHJlcyk7XHJcbiAgICAgIH0pO1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5hcHBSZWYuYXR0YWNoVmlldyh0aGlzLm1vZGFsUmVmLmhvc3RWaWV3KTtcclxuICAgIGNvbnN0IGRvbUVsZW0gPSAodGhpcy5tb2RhbFJlZi5ob3N0VmlldyBhcyBhbnkpLnJvb3ROb2Rlc1swXSBhcyBIVE1MRWxlbWVudDtcclxuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZG9tRWxlbSk7XHJcblxyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcblxyXG4gIGdldFN0eWxlVGhlbWUgPSAodGhlbWU6ICdzdWNjZXNzJyB8ICdlcnJvcicgfCAncXVlc3Rpb24nIHwgJ3dhcm5pbmcnIHwgJ2luZm8nKSA9PiB7XHJcbiAgICBzd2l0Y2ggKHRoZW1lKSB7XHJcbiAgICAgIGNhc2UgXCJzdWNjZXNzXCI6XHJcbiAgICAgICAgcmV0dXJuIHRoZW1lcy5ncmVlbjtcclxuICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgIHJldHVybiB0aGVtZXMubWFnZW50YU5vcm1hbDtcclxuICAgICAgY2FzZSAncXVlc3Rpb24nOlxyXG4gICAgICAgIHJldHVybiB0aGVtZXMucHVycGxlXHJcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxyXG4gICAgICAgIHJldHVybiB0aGVtZXMueWVsbG93XHJcbiAgICAgIGNhc2UgJ2luZm8nOlxyXG4gICAgICAgIHJldHVybiB0aGVtZXMucHVycGxlXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbG9zZU1vZGFsKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubW9kYWxSZWYpIHtcclxuICAgICAgdGhpcy5hcHBSZWYuZGV0YWNoVmlldyh0aGlzLm1vZGFsUmVmLmhvc3RWaWV3KTtcclxuICAgICAgdGhpcy5tb2RhbFJlZi5kZXN0cm95KCk7XHJcbiAgICAgIHRoaXMubW9kYWxSZWYgPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0SWNvbih0aGVtZTogJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICdxdWVzdGlvbicgfCAnd2FybmluZycgfCAnaW5mbycpOiBJY29uRGVmaW5pdGlvbiB7XHJcbiAgICBzd2l0Y2ggKHRoZW1lKSB7XHJcbiAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICByZXR1cm4gZmFUcmlhbmdsZUV4Y2xhbWF0aW9uO1xyXG4gICAgICBjYXNlICdxdWVzdGlvbic6XHJcbiAgICAgICAgcmV0dXJuIGZhQ2lyY2xlUXVlc3Rpb25cclxuICAgICAgY2FzZSBcInN1Y2Nlc3NcIjpcclxuICAgICAgICByZXR1cm4gZmFDaXJjbGVDaGVja1xyXG4gICAgICBjYXNlIFwid2FybmluZ1wiOlxyXG4gICAgICAgIHJldHVybiBmYVRyaWFuZ2xlRXhjbGFtYXRpb247XHJcbiAgICAgIGNhc2UgXCJpbmZvXCI6XHJcbiAgICAgICAgcmV0dXJuIGZhVGFibGU7XHJcbiAgICB9XHJcblxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export const colors = {
|
|
2
|
+
black: '#171717',
|
|
3
|
+
'black-light': '#343434',
|
|
4
|
+
'black-dark': '#000000',
|
|
5
|
+
'black-navy': '#191a21',
|
|
6
|
+
'xs-dark-gray': '#5A5A5A',
|
|
7
|
+
'dark-gray': '#9E9E9E',
|
|
8
|
+
'medium-gray': '#AFAFAF',
|
|
9
|
+
gray: '#C4C4C4',
|
|
10
|
+
'light-gray': '#C6C6C6',
|
|
11
|
+
'xs-light-gray': '#DFDFDF',
|
|
12
|
+
'xxs-light-gray': '#F2F2F2',
|
|
13
|
+
'soft-white': '#EEEEEE',
|
|
14
|
+
green: '#28a746',
|
|
15
|
+
'green-medium': '#208B6A',
|
|
16
|
+
'green-dark': '#156a29',
|
|
17
|
+
'green-xs-dark': 'rgb(33, 97, 90)',
|
|
18
|
+
'green-1': '#009F74',
|
|
19
|
+
'green-2': '#00B987',
|
|
20
|
+
'green-3': '#19C496',
|
|
21
|
+
'green-light': '#84ce94',
|
|
22
|
+
'green-4': '#50D8B3',
|
|
23
|
+
'green-5': '#83E6B8',
|
|
24
|
+
"blue-info": '#7390EC',
|
|
25
|
+
blue: '#3360fa',
|
|
26
|
+
'blue-dark': '#1a389e',
|
|
27
|
+
'blue-light': '#3390fa',
|
|
28
|
+
'blue-gray-soft': '#E5EAEDFF',
|
|
29
|
+
'blue-gray-light': 'rgb(244,247,250)',
|
|
30
|
+
orange: '#F77C00',
|
|
31
|
+
'orange-light': '#F7B500',
|
|
32
|
+
yellow: '#F09D00',
|
|
33
|
+
"yellow-normal": '#FFBC57',
|
|
34
|
+
'yellow-light': '#FFC400',
|
|
35
|
+
purple: '#6459be',
|
|
36
|
+
'purple-light': 'rgb(149, 138, 242)',
|
|
37
|
+
red: '#E60018',
|
|
38
|
+
'red-light': '#e74364',
|
|
39
|
+
'red-medium': '#c51628',
|
|
40
|
+
"white": "#FFFFFF",
|
|
41
|
+
"magentaStart": "#C2185B",
|
|
42
|
+
"magentaEnd": "#7E0083",
|
|
43
|
+
'magenta-normal': '#B41364',
|
|
44
|
+
disabled: '#C6C6C6',
|
|
45
|
+
"disabledText": "#9E9E9E",
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VudGVyYS1yZG5kL3NyYy9saWIvc3R5bGVzL2NvbG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUc7SUFDcEIsS0FBSyxFQUFFLFNBQVM7SUFDaEIsYUFBYSxFQUFFLFNBQVM7SUFDeEIsWUFBWSxFQUFFLFNBQVM7SUFDdkIsWUFBWSxFQUFFLFNBQVM7SUFFdkIsY0FBYyxFQUFFLFNBQVM7SUFDekIsV0FBVyxFQUFFLFNBQVM7SUFDdEIsYUFBYSxFQUFFLFNBQVM7SUFDeEIsSUFBSSxFQUFFLFNBQVM7SUFDZixZQUFZLEVBQUUsU0FBUztJQUN2QixlQUFlLEVBQUUsU0FBUztJQUMxQixnQkFBZ0IsRUFBRSxTQUFTO0lBQzNCLFlBQVksRUFBRSxTQUFTO0lBRXZCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLGVBQWUsRUFBRSxpQkFBaUI7SUFDbEMsU0FBUyxFQUFFLFNBQVM7SUFDcEIsU0FBUyxFQUFFLFNBQVM7SUFDcEIsU0FBUyxFQUFFLFNBQVM7SUFDcEIsYUFBYSxFQUFFLFNBQVM7SUFDeEIsU0FBUyxFQUFFLFNBQVM7SUFDcEIsU0FBUyxFQUFFLFNBQVM7SUFFcEIsV0FBVyxFQUFFLFNBQVM7SUFDdEIsSUFBSSxFQUFFLFNBQVM7SUFDZixXQUFXLEVBQUUsU0FBUztJQUN0QixZQUFZLEVBQUUsU0FBUztJQUN2QixnQkFBZ0IsRUFBRSxXQUFXO0lBQzdCLGlCQUFpQixFQUFFLGtCQUFrQjtJQUVyQyxNQUFNLEVBQUUsU0FBUztJQUNqQixjQUFjLEVBQUUsU0FBUztJQUV6QixNQUFNLEVBQUUsU0FBUztJQUNqQixlQUFlLEVBQUUsU0FBUztJQUMxQixjQUFjLEVBQUUsU0FBUztJQUV6QixNQUFNLEVBQUUsU0FBUztJQUNqQixjQUFjLEVBQUUsb0JBQW9CO0lBRXBDLEdBQUcsRUFBRSxTQUFTO0lBQ2QsV0FBVyxFQUFFLFNBQVM7SUFDdEIsWUFBWSxFQUFFLFNBQVM7SUFFdkIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsY0FBYyxFQUFFLFNBQVM7SUFDekIsWUFBWSxFQUFFLFNBQVM7SUFDdkIsZ0JBQWdCLEVBQUUsU0FBUztJQUUzQixRQUFRLEVBQUUsU0FBUztJQUNuQixjQUFjLEVBQUUsU0FBUztDQUMxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGNvbG9ycyA9IHtcclxuICBibGFjazogJyMxNzE3MTcnLFxyXG4gICdibGFjay1saWdodCc6ICcjMzQzNDM0JyxcclxuICAnYmxhY2stZGFyayc6ICcjMDAwMDAwJyxcclxuICAnYmxhY2stbmF2eSc6ICcjMTkxYTIxJyxcclxuXHJcbiAgJ3hzLWRhcmstZ3JheSc6ICcjNUE1QTVBJyxcclxuICAnZGFyay1ncmF5JzogJyM5RTlFOUUnLFxyXG4gICdtZWRpdW0tZ3JheSc6ICcjQUZBRkFGJyxcclxuICBncmF5OiAnI0M0QzRDNCcsXHJcbiAgJ2xpZ2h0LWdyYXknOiAnI0M2QzZDNicsXHJcbiAgJ3hzLWxpZ2h0LWdyYXknOiAnI0RGREZERicsXHJcbiAgJ3h4cy1saWdodC1ncmF5JzogJyNGMkYyRjInLFxyXG4gICdzb2Z0LXdoaXRlJzogJyNFRUVFRUUnLFxyXG5cclxuICBncmVlbjogJyMyOGE3NDYnLFxyXG4gICdncmVlbi1tZWRpdW0nOiAnIzIwOEI2QScsXHJcbiAgJ2dyZWVuLWRhcmsnOiAnIzE1NmEyOScsXHJcbiAgJ2dyZWVuLXhzLWRhcmsnOiAncmdiKDMzLCA5NywgOTApJyxcclxuICAnZ3JlZW4tMSc6ICcjMDA5Rjc0JyxcclxuICAnZ3JlZW4tMic6ICcjMDBCOTg3JyxcclxuICAnZ3JlZW4tMyc6ICcjMTlDNDk2JyxcclxuICAnZ3JlZW4tbGlnaHQnOiAnIzg0Y2U5NCcsXHJcbiAgJ2dyZWVuLTQnOiAnIzUwRDhCMycsXHJcbiAgJ2dyZWVuLTUnOiAnIzgzRTZCOCcsXHJcblxyXG4gIFwiYmx1ZS1pbmZvXCI6ICcjNzM5MEVDJyxcclxuICBibHVlOiAnIzMzNjBmYScsXHJcbiAgJ2JsdWUtZGFyayc6ICcjMWEzODllJyxcclxuICAnYmx1ZS1saWdodCc6ICcjMzM5MGZhJyxcclxuICAnYmx1ZS1ncmF5LXNvZnQnOiAnI0U1RUFFREZGJyxcclxuICAnYmx1ZS1ncmF5LWxpZ2h0JzogJ3JnYigyNDQsMjQ3LDI1MCknLFxyXG5cclxuICBvcmFuZ2U6ICcjRjc3QzAwJyxcclxuICAnb3JhbmdlLWxpZ2h0JzogJyNGN0I1MDAnLFxyXG5cclxuICB5ZWxsb3c6ICcjRjA5RDAwJyxcclxuICBcInllbGxvdy1ub3JtYWxcIjogJyNGRkJDNTcnLFxyXG4gICd5ZWxsb3ctbGlnaHQnOiAnI0ZGQzQwMCcsXHJcblxyXG4gIHB1cnBsZTogJyM2NDU5YmUnLFxyXG4gICdwdXJwbGUtbGlnaHQnOiAncmdiKDE0OSwgMTM4LCAyNDIpJyxcclxuXHJcbiAgcmVkOiAnI0U2MDAxOCcsXHJcbiAgJ3JlZC1saWdodCc6ICcjZTc0MzY0JyxcclxuICAncmVkLW1lZGl1bSc6ICcjYzUxNjI4JyxcclxuXHJcbiAgXCJ3aGl0ZVwiOiBcIiNGRkZGRkZcIixcclxuICBcIm1hZ2VudGFTdGFydFwiOiBcIiNDMjE4NUJcIixcclxuICBcIm1hZ2VudGFFbmRcIjogXCIjN0UwMDgzXCIsXHJcbiAgJ21hZ2VudGEtbm9ybWFsJzogJyNCNDEzNjQnLFxyXG5cclxuICBkaXNhYmxlZDogJyNDNkM2QzYnLFxyXG4gIFwiZGlzYWJsZWRUZXh0XCI6IFwiIzlFOUU5RVwiLFxyXG59O1xyXG4iXX0=
|