lib-portal-angular 0.0.32 → 0.0.34
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/components.module.mjs +11 -3
- package/esm2022/lib/components/confirmation/confirmation.component.mjs +34 -0
- package/esm2022/lib/components/confirmation/confirmation.service.mjs +30 -0
- package/esm2022/lib/components/form/form.component.mjs +27 -18
- package/esm2022/lib/directive/autofocus-directive/autofocus.directive.mjs +19 -0
- package/esm2022/lib/lib-portal-angular.module.mjs +6 -3
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/lib-portal-angular.mjs +114 -23
- package/fesm2022/lib-portal-angular.mjs.map +1 -1
- package/lib/components/components.module.d.ts +7 -5
- package/lib/components/confirmation/confirmation.component.d.ts +14 -0
- package/lib/components/confirmation/confirmation.service.d.ts +9 -0
- package/lib/components/form/form.component.d.ts +8 -2
- package/lib/directive/autofocus-directive/autofocus.directive.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
@@ -3,12 +3,14 @@ import { NgModule } from '@angular/core';
|
|
3
3
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
4
4
|
import { NgSelectModule } from '@ng-select/ng-select';
|
5
5
|
import { NgxPaginationModule } from 'ngx-pagination';
|
6
|
+
import { AutofocusDirective } from '../directive/autofocus-directive/autofocus.directive';
|
6
7
|
import { AlertComponent } from './alert/alert.component';
|
7
8
|
import { BadgeComponent } from './badge/badge.component';
|
8
9
|
import { ButtonComponent } from './button/button.component';
|
9
10
|
import { CardComponent } from './card/card.component';
|
10
11
|
import { CheckboxComponent } from './checkbox/checkbox.component';
|
11
12
|
import { CodeHighlightComponent } from './code-highlight/code-highlight.component';
|
13
|
+
import { ConfirmationComponent } from './confirmation/confirmation.component';
|
12
14
|
import { FormComponent } from './form/form.component';
|
13
15
|
import { InputComponent } from './imput/input.component';
|
14
16
|
import { MultiSelectComponent } from './multi-select/multi-select.component';
|
@@ -31,7 +33,9 @@ export class ComponentsModule {
|
|
31
33
|
BootstrapTableComponent,
|
32
34
|
CodeHighlightComponent,
|
33
35
|
BadgeComponent,
|
34
|
-
AlertComponent
|
36
|
+
AlertComponent,
|
37
|
+
ConfirmationComponent,
|
38
|
+
AutofocusDirective], imports: [CommonModule,
|
35
39
|
FormsModule,
|
36
40
|
ReactiveFormsModule,
|
37
41
|
NgSelectModule,
|
@@ -50,7 +54,8 @@ export class ComponentsModule {
|
|
50
54
|
BootstrapTableComponent,
|
51
55
|
CodeHighlightComponent,
|
52
56
|
BadgeComponent,
|
53
|
-
AlertComponent
|
57
|
+
AlertComponent,
|
58
|
+
ConfirmationComponent] }); }
|
54
59
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
55
60
|
FormsModule,
|
56
61
|
ReactiveFormsModule,
|
@@ -76,6 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
76
81
|
CodeHighlightComponent,
|
77
82
|
BadgeComponent,
|
78
83
|
AlertComponent,
|
84
|
+
ConfirmationComponent,
|
85
|
+
AutofocusDirective,
|
79
86
|
],
|
80
87
|
imports: [
|
81
88
|
CommonModule,
|
@@ -101,7 +108,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
101
108
|
CodeHighlightComponent,
|
102
109
|
BadgeComponent,
|
103
110
|
AlertComponent,
|
111
|
+
ConfirmationComponent,
|
104
112
|
],
|
105
113
|
}]
|
106
114
|
}] });
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
115
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWItcG9ydGFsLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NvbXBvbmVudHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDMUYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUErQ2xFLE1BQU0sT0FBTyxnQkFBZ0I7K0dBQWhCLGdCQUFnQjtnSEFBaEIsZ0JBQWdCLGlCQTNDekIsZUFBZTtZQUNmLGFBQWE7WUFDYixhQUFhO1lBQ2IsY0FBYztZQUNkLGlCQUFpQjtZQUNqQixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLGNBQWM7WUFDZCxvQkFBb0I7WUFDcEIsdUJBQXVCO1lBQ3ZCLHNCQUFzQjtZQUN0QixjQUFjO1lBQ2QsY0FBYztZQUNkLHFCQUFxQjtZQUNyQixrQkFBa0IsYUFHbEIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsY0FBYztZQUNkLG1CQUFtQixhQUduQixlQUFlO1lBQ2YsYUFBYTtZQUNiLGFBQWE7WUFDYixjQUFjO1lBQ2QsaUJBQWlCO1lBQ2pCLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsY0FBYztZQUNkLG9CQUFvQjtZQUNwQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCx1QkFBdUI7WUFDdkIsc0JBQXNCO1lBQ3RCLGNBQWM7WUFDZCxjQUFjO1lBQ2QscUJBQXFCO2dIQUdaLGdCQUFnQixZQTFCekIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsY0FBYztZQUNkLG1CQUFtQixFQVluQixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGNBQWM7OzRGQVFMLGdCQUFnQjtrQkE3QzVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ1NlbGVjdE1vZHVsZSB9IGZyb20gJ0BuZy1zZWxlY3Qvbmctc2VsZWN0JztcbmltcG9ydCB7IE5neFBhZ2luYXRpb25Nb2R1bGUgfSBmcm9tICduZ3gtcGFnaW5hdGlvbic7XG5pbXBvcnQgeyBBdXRvZm9jdXNEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmUvYXV0b2ZvY3VzLWRpcmVjdGl2ZS9hdXRvZm9jdXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC9hbGVydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQvY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb2RlSGlnaGxpZ2h0Q29tcG9uZW50IH0gZnJvbSAnLi9jb2RlLWhpZ2hsaWdodC9jb2RlLWhpZ2hsaWdodC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb25maXJtYXRpb24vY29uZmlybWF0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi9mb3JtL2Zvcm0uY29tcG9uZW50JztcbmltcG9ydCB7IElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9pbXB1dC9pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTXVsdGlTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL211bHRpLXNlbGVjdC9tdWx0aS1zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby9yYWRpby5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCb290c3RyYXBUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGVzL2Jvb3RzdHJhcC10YWJsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGV4dGFyZWFDb21wb25lbnQgfSBmcm9tICcuL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBDYXJkQ29tcG9uZW50LFxuICAgIEZvcm1Db21wb25lbnQsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgVGV4dGFyZWFDb21wb25lbnQsXG4gICAgU2VsZWN0Q29tcG9uZW50LFxuICAgIFJhZGlvQ29tcG9uZW50LFxuICAgIE11bHRpU2VsZWN0Q29tcG9uZW50LFxuICAgIEJvb3RzdHJhcFRhYmxlQ29tcG9uZW50LFxuICAgIENvZGVIaWdobGlnaHRDb21wb25lbnQsXG4gICAgQmFkZ2VDb21wb25lbnQsXG4gICAgQWxlcnRDb21wb25lbnQsXG4gICAgQ29uZmlybWF0aW9uQ29tcG9uZW50LFxuICAgIEF1dG9mb2N1c0RpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nU2VsZWN0TW9kdWxlLFxuICAgIE5neFBhZ2luYXRpb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgQ2FyZENvbXBvbmVudCxcbiAgICBGb3JtQ29tcG9uZW50LFxuICAgIElucHV0Q29tcG9uZW50LFxuICAgIENoZWNrYm94Q29tcG9uZW50LFxuICAgIFRleHRhcmVhQ29tcG9uZW50LFxuICAgIFNlbGVjdENvbXBvbmVudCxcbiAgICBSYWRpb0NvbXBvbmVudCxcbiAgICBNdWx0aVNlbGVjdENvbXBvbmVudCxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nU2VsZWN0TW9kdWxlLFxuICAgIEJvb3RzdHJhcFRhYmxlQ29tcG9uZW50LFxuICAgIENvZGVIaWdobGlnaHRDb21wb25lbnQsXG4gICAgQmFkZ2VDb21wb25lbnQsXG4gICAgQWxlcnRDb21wb25lbnQsXG4gICAgQ29uZmlybWF0aW9uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDb21wb25lbnRzTW9kdWxlIHsgfVxuIl19
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@ng-bootstrap/ng-bootstrap";
|
4
|
+
import * as i2 from "../../directive/autofocus-directive/autofocus.directive";
|
5
|
+
export class ConfirmationComponent {
|
6
|
+
constructor(activeModal) {
|
7
|
+
this.activeModal = activeModal;
|
8
|
+
this.title = 'Confirmação';
|
9
|
+
this.message = 'Você tem certeza que deseja continuar?';
|
10
|
+
this.confirmButtonText = 'Sim';
|
11
|
+
this.cancelButtonText = 'Não';
|
12
|
+
}
|
13
|
+
confirm() {
|
14
|
+
this.activeModal.close('confirm');
|
15
|
+
}
|
16
|
+
cancel() {
|
17
|
+
this.activeModal.dismiss('cancel');
|
18
|
+
}
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationComponent, selector: "app-confirmation", inputs: { title: "title", message: "message", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText" }, ngImport: i0, template: "<div class=\"modal-header\">\n <h5 class=\"modal-title\" id=\"confirmationModalLabel\">{{ title }}</h5>\n</div>\n<div class=\"modal-body\">\n <p>{{ message }}</p>\n</div>\n<div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\">{{ cancelButtonText }}</button>\n <button type=\"button\" class=\"btn btn-primary\" (click)=\"confirm()\" appAutofocus>{{ confirmButtonText }}</button>\n</div>\n", styles: ["@charset \"UTF-8\";.modal-header{background-color:#00444c}.modal-title{font-family:Inter,sans-serif;color:#fff}.modal-body{text-align:center}.modal-body p{color:#666;font-family:Inter,sans-serif;font-size:1.5rem}.modal-footer{background-color:#e9eaeb}.btn-primary{background-color:#00444c;border-color:#00444c;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-primary:hover{opacity:.8}.btn-primary:active{transform:scale(.98);background-color:#00444c;border-color:#00444c}.btn-secondary{background-color:#f44336;border-color:#f44336;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-secondary:hover{opacity:.8}.btn-secondary:active{transform:scale(.98);background-color:#f44336;border-color:#f44336}\n"], dependencies: [{ kind: "directive", type: i2.AutofocusDirective, selector: "[appAutofocus]" }] }); }
|
21
|
+
}
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationComponent, decorators: [{
|
23
|
+
type: Component,
|
24
|
+
args: [{ selector: 'app-confirmation', template: "<div class=\"modal-header\">\n <h5 class=\"modal-title\" id=\"confirmationModalLabel\">{{ title }}</h5>\n</div>\n<div class=\"modal-body\">\n <p>{{ message }}</p>\n</div>\n<div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\">{{ cancelButtonText }}</button>\n <button type=\"button\" class=\"btn btn-primary\" (click)=\"confirm()\" appAutofocus>{{ confirmButtonText }}</button>\n</div>\n", styles: ["@charset \"UTF-8\";.modal-header{background-color:#00444c}.modal-title{font-family:Inter,sans-serif;color:#fff}.modal-body{text-align:center}.modal-body p{color:#666;font-family:Inter,sans-serif;font-size:1.5rem}.modal-footer{background-color:#e9eaeb}.btn-primary{background-color:#00444c;border-color:#00444c;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-primary:hover{opacity:.8}.btn-primary:active{transform:scale(.98);background-color:#00444c;border-color:#00444c}.btn-secondary{background-color:#f44336;border-color:#f44336;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-secondary:hover{opacity:.8}.btn-secondary:active{transform:scale(.98);background-color:#f44336;border-color:#f44336}\n"] }]
|
25
|
+
}], ctorParameters: function () { return [{ type: i1.NgbActiveModal }]; }, propDecorators: { title: [{
|
26
|
+
type: Input
|
27
|
+
}], message: [{
|
28
|
+
type: Input
|
29
|
+
}], confirmButtonText: [{
|
30
|
+
type: Input
|
31
|
+
}], cancelButtonText: [{
|
32
|
+
type: Input
|
33
|
+
}] } });
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi1wb3J0YWwtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvY29uZmlybWF0aW9uL2NvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWItcG9ydGFsLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NvbmZpcm1hdGlvbi9jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLHFCQUFxQjtJQU05QixZQUFtQixXQUEyQjtRQUEzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFMckMsVUFBSyxHQUFXLGFBQWEsQ0FBQztRQUM5QixZQUFPLEdBQVcsd0NBQXdDLENBQUM7UUFDM0Qsc0JBQWlCLEdBQVcsS0FBSyxDQUFDO1FBQ2xDLHFCQUFnQixHQUFXLEtBQUssQ0FBQztJQUVRLENBQUM7SUFFbkQsT0FBTztRQUNILElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0FkUSxxQkFBcUI7bUdBQXJCLHFCQUFxQixzTENSbEMsMmJBVUE7OzRGREZhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDSSxrQkFBa0I7cUdBS25CLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nYkFjdGl2ZU1vZGFsIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jb25maXJtYXRpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NvbmZpcm1hdGlvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICdDb25maXJtYcOnw6NvJztcbiAgICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmcgPSAnVm9jw6ogdGVtIGNlcnRlemEgcXVlIGRlc2VqYSBjb250aW51YXI/JztcbiAgICBASW5wdXQoKSBjb25maXJtQnV0dG9uVGV4dDogc3RyaW5nID0gJ1NpbSc7XG4gICAgQElucHV0KCkgY2FuY2VsQnV0dG9uVGV4dDogc3RyaW5nID0gJ07Do28nO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGFjdGl2ZU1vZGFsOiBOZ2JBY3RpdmVNb2RhbCkgeyB9XG5cbiAgICBjb25maXJtKCkge1xuICAgICAgICB0aGlzLmFjdGl2ZU1vZGFsLmNsb3NlKCdjb25maXJtJyk7XG4gICAgfVxuXG4gICAgY2FuY2VsKCkge1xuICAgICAgICB0aGlzLmFjdGl2ZU1vZGFsLmRpc21pc3MoJ2NhbmNlbCcpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cbiAgPGg1IGNsYXNzPVwibW9kYWwtdGl0bGVcIiBpZD1cImNvbmZpcm1hdGlvbk1vZGFsTGFiZWxcIj57eyB0aXRsZSB9fTwvaDU+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gIDxwPnt7IG1lc3NhZ2UgfX08L3A+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cbiAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gYnRuLXNlY29uZGFyeVwiIChjbGljayk9XCJjYW5jZWwoKVwiPnt7IGNhbmNlbEJ1dHRvblRleHQgfX08L2J1dHRvbj5cbiAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIiAoY2xpY2spPVwiY29uZmlybSgpXCIgYXBwQXV0b2ZvY3VzPnt7IGNvbmZpcm1CdXR0b25UZXh0IH19PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { Injectable } from '@angular/core';
|
2
|
+
import { ConfirmationComponent } from './confirmation.component';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@ng-bootstrap/ng-bootstrap";
|
5
|
+
export class ConfirmationService {
|
6
|
+
constructor(modalService) {
|
7
|
+
this.modalService = modalService;
|
8
|
+
}
|
9
|
+
confirm(title, message, confirmButtonText = 'Sim', cancelButtonText = 'Não') {
|
10
|
+
const modalRef = this.modalService.open(ConfirmationComponent, { backdrop: 'static', keyboard: false });
|
11
|
+
modalRef.componentInstance.title = title;
|
12
|
+
modalRef.componentInstance.message = message;
|
13
|
+
modalRef.componentInstance.confirmButtonText = confirmButtonText;
|
14
|
+
modalRef.componentInstance.cancelButtonText = cancelButtonText;
|
15
|
+
return modalRef.result.then((result) => {
|
16
|
+
return result === 'confirm';
|
17
|
+
}, () => {
|
18
|
+
return false;
|
19
|
+
});
|
20
|
+
}
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
22
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, providedIn: 'root' }); }
|
23
|
+
}
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, decorators: [{
|
25
|
+
type: Injectable,
|
26
|
+
args: [{
|
27
|
+
providedIn: 'root'
|
28
|
+
}]
|
29
|
+
}], ctorParameters: function () { return [{ type: i1.NgbModal }]; } });
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWItcG9ydGFsLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NvbmZpcm1hdGlvbi9jb25maXJtYXRpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFLakUsTUFBTSxPQUFPLG1CQUFtQjtJQUU1QixZQUFvQixZQUFzQjtRQUF0QixpQkFBWSxHQUFaLFlBQVksQ0FBVTtJQUFJLENBQUM7SUFFL0MsT0FBTyxDQUNILEtBQWEsRUFDYixPQUFlLEVBQ2Ysb0JBQTRCLEtBQUssRUFDakMsbUJBQTJCLEtBQUs7UUFFaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3hHLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3pDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQzdDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUNqRSxRQUFRLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFFL0QsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ25DLE9BQU8sTUFBTSxLQUFLLFNBQVMsQ0FBQztRQUNoQyxDQUFDLEVBQUUsR0FBRyxFQUFFO1lBQ0osT0FBTyxLQUFLLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOytHQXJCUSxtQkFBbUI7bUhBQW5CLG1CQUFtQixjQUZoQixNQUFNOzs0RkFFVCxtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1IsVUFBVSxFQUFFLE1BQU07aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdiTW9kYWwgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBDb25maXJtYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2NvbmZpcm1hdGlvbi5jb21wb25lbnQnO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvblNlcnZpY2Uge1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBtb2RhbFNlcnZpY2U6IE5nYk1vZGFsKSB7IH1cblxuICAgIGNvbmZpcm0oXG4gICAgICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgICAgIG1lc3NhZ2U6IHN0cmluZyxcbiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6IHN0cmluZyA9ICdTaW0nLFxuICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiBzdHJpbmcgPSAnTsOjbydcbiAgICApOiBQcm9taXNlPGJvb2xlYW4+IHtcbiAgICAgICAgY29uc3QgbW9kYWxSZWYgPSB0aGlzLm1vZGFsU2VydmljZS5vcGVuKENvbmZpcm1hdGlvbkNvbXBvbmVudCwgeyBiYWNrZHJvcDogJ3N0YXRpYycsIGtleWJvYXJkOiBmYWxzZSB9KTtcbiAgICAgICAgbW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSB0aXRsZTtcbiAgICAgICAgbW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UubWVzc2FnZSA9IG1lc3NhZ2U7XG4gICAgICAgIG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmNvbmZpcm1CdXR0b25UZXh0ID0gY29uZmlybUJ1dHRvblRleHQ7XG4gICAgICAgIG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmNhbmNlbEJ1dHRvblRleHQgPSBjYW5jZWxCdXR0b25UZXh0O1xuXG4gICAgICAgIHJldHVybiBtb2RhbFJlZi5yZXN1bHQudGhlbigocmVzdWx0KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gcmVzdWx0ID09PSAnY29uZmlybSc7XG4gICAgICAgIH0sICgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIl19
|
@@ -4,11 +4,12 @@ import * as i1 from "@angular/common";
|
|
4
4
|
export class FormComponent {
|
5
5
|
constructor() {
|
6
6
|
this.cardTitle = 'Default Form Title';
|
7
|
-
this.colClasses = 'col-12'; // Classes de coluna responsiva
|
8
|
-
// Valores de margem dinâmica
|
9
7
|
this.marginTop = 0; // Em rem
|
10
8
|
this.marginLeft = 0; // Em rem
|
11
9
|
this.marginRight = 0; // Em rem
|
10
|
+
this.fontSize = 1.2; // Em rem, equivalente a 42px assumindo 1rem = 16px
|
11
|
+
this.titleAlign = 'left'; // Alinhamento do título
|
12
|
+
this.showSeparator = true; // Mostrar ou esconder a linha separadora
|
12
13
|
}
|
13
14
|
getRowStyles() {
|
14
15
|
return {
|
@@ -17,47 +18,55 @@ export class FormComponent {
|
|
17
18
|
'margin-right': `${this.marginRight}rem`
|
18
19
|
};
|
19
20
|
}
|
21
|
+
getTitleStyles() {
|
22
|
+
return {
|
23
|
+
'font-size': `${this.fontSize}rem`,
|
24
|
+
'text-align': this.titleAlign
|
25
|
+
};
|
26
|
+
}
|
20
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, selector: "sim-app-form", inputs: { cardTitle: "cardTitle",
|
22
|
-
<div class="row" [ngStyle]="getRowStyles()">
|
23
|
-
<div [ngClass]="colClasses">
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, selector: "sim-app-form", inputs: { cardTitle: "cardTitle", marginTop: "marginTop", marginLeft: "marginLeft", marginRight: "marginRight", fontSize: "fontSize", titleAlign: "titleAlign", showSeparator: "showSeparator" }, ngImport: i0, template: `
|
29
|
+
<div class="row" [ngStyle]="getRowStyles()">
|
24
30
|
<div class="card">
|
25
|
-
<div class="card-title">
|
31
|
+
<div class="card-title" [ngStyle]="getTitleStyles()">
|
26
32
|
{{ cardTitle }}
|
27
33
|
</div>
|
34
|
+
<div *ngIf="showSeparator" class="separator"></div>
|
28
35
|
<div class="card-content">
|
29
36
|
<ng-content></ng-content>
|
30
37
|
</div>
|
31
|
-
</div>
|
32
|
-
</div>
|
38
|
+
</div>
|
33
39
|
</div>
|
34
|
-
`, isInline: true, styles: [".
|
40
|
+
`, isInline: true, styles: [".card{border:2px solid #ddd;border-radius:.5rem;padding:1rem}.card-title{font-family:Inter;font-weight:400;line-height:1.2;text-align:left;width:100%;margin-bottom:.2rem}.separator{border-bottom:1px solid rgba(0,0,0,.1);margin-top:.2rem;margin-bottom:1rem;width:100%}.card-content{font-family:Inter}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
35
41
|
}
|
36
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, decorators: [{
|
37
43
|
type: Component,
|
38
44
|
args: [{ selector: 'sim-app-form', template: `
|
39
|
-
<div class="row" [ngStyle]="getRowStyles()">
|
40
|
-
<div [ngClass]="colClasses">
|
45
|
+
<div class="row" [ngStyle]="getRowStyles()">
|
41
46
|
<div class="card">
|
42
|
-
<div class="card-title">
|
47
|
+
<div class="card-title" [ngStyle]="getTitleStyles()">
|
43
48
|
{{ cardTitle }}
|
44
49
|
</div>
|
50
|
+
<div *ngIf="showSeparator" class="separator"></div>
|
45
51
|
<div class="card-content">
|
46
52
|
<ng-content></ng-content>
|
47
53
|
</div>
|
48
|
-
</div>
|
49
|
-
</div>
|
54
|
+
</div>
|
50
55
|
</div>
|
51
|
-
`, styles: [".
|
56
|
+
`, styles: [".card{border:2px solid #ddd;border-radius:.5rem;padding:1rem}.card-title{font-family:Inter;font-weight:400;line-height:1.2;text-align:left;width:100%;margin-bottom:.2rem}.separator{border-bottom:1px solid rgba(0,0,0,.1);margin-top:.2rem;margin-bottom:1rem;width:100%}.card-content{font-family:Inter}\n"] }]
|
52
57
|
}], propDecorators: { cardTitle: [{
|
53
58
|
type: Input
|
54
|
-
}], colClasses: [{
|
55
|
-
type: Input
|
56
59
|
}], marginTop: [{
|
57
60
|
type: Input
|
58
61
|
}], marginLeft: [{
|
59
62
|
type: Input
|
60
63
|
}], marginRight: [{
|
61
64
|
type: Input
|
65
|
+
}], fontSize: [{
|
66
|
+
type: Input
|
67
|
+
}], titleAlign: [{
|
68
|
+
type: Input
|
69
|
+
}], showSeparator: [{
|
70
|
+
type: Input
|
62
71
|
}] } });
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWItcG9ydGFsLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZm9ybS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTBDakQsTUFBTSxPQUFPLGFBQWE7SUF4QzFCO1FBeUNXLGNBQVMsR0FBVyxvQkFBb0IsQ0FBQztRQUN6QyxjQUFTLEdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUztRQUNoQyxlQUFVLEdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUztRQUNqQyxnQkFBVyxHQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDbEMsYUFBUSxHQUFXLEdBQUcsQ0FBQyxDQUFDLG1EQUFtRDtRQUMzRSxlQUFVLEdBQWdDLE1BQU0sQ0FBQyxDQUFDLHdCQUF3QjtRQUMxRSxrQkFBYSxHQUFZLElBQUksQ0FBQyxDQUFDLHlDQUF5QztLQWdCbEY7SUFkQyxZQUFZO1FBQ1YsT0FBTztZQUNMLFlBQVksRUFBRSxHQUFHLElBQUksQ0FBQyxTQUFTLEtBQUs7WUFDcEMsYUFBYSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsS0FBSztZQUN0QyxjQUFjLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLO1NBQ3pDLENBQUM7SUFDSixDQUFDO0lBRUQsY0FBYztRQUNaLE9BQU87WUFDTCxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxLQUFLO1lBQ2xDLFlBQVksRUFBRSxJQUFJLENBQUMsVUFBVTtTQUM5QixDQUFDO0lBQ0osQ0FBQzsrR0F0QlUsYUFBYTttR0FBYixhQUFhLHNQQXRDZDs7Ozs7Ozs7Ozs7O0dBWVQ7OzRGQTBCVSxhQUFhO2tCQXhDekIsU0FBUzsrQkFDRSxjQUFjLFlBQ2Q7Ozs7Ozs7Ozs7OztHQVlUOzhCQTJCUSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW0tYXBwLWZvcm0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBbbmdTdHlsZV09XCJnZXRSb3dTdHlsZXMoKVwiPiAgICAgIFxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCIgW25nU3R5bGVdPVwiZ2V0VGl0bGVTdHlsZXMoKVwiPlxuICAgICAgICAgICAge3sgY2FyZFRpdGxlIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cInNob3dTZXBhcmF0b3JcIiBjbGFzcz1cInNlcGFyYXRvclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+ICAgICAgXG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW2AgICBcbiAgICAuY2FyZCB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAjZGRkO1xuICAgICAgYm9yZGVyLXJhZGl1czogMC41MHJlbTtcbiAgICAgIHBhZGRpbmc6IDFyZW07XG4gICAgfVxuICAgIC5jYXJkLXRpdGxlIHtcbiAgICAgIGZvbnQtZmFtaWx5OiBJbnRlcjtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICBsaW5lLWhlaWdodDogMS4yOyAvKiBBanVzdGUgcGFyYSByZW0gKi9cbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuMnJlbTsgLyogUmVkdXppZG8gcGFyYSBhcHJveGltYXIgZG8gc2VwYXJhZG9yICovXG4gICAgfVxuICAgIC5zZXBhcmF0b3Ige1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICAgIG1hcmdpbi10b3A6IDAuMnJlbTsgLyogUmVkdXppZG8gcGFyYSBhcHJveGltYXIgZG8gdMOtdHVsbyAqL1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgICAuY2FyZC1jb250ZW50IHtcbiAgICAgIGZvbnQtZmFtaWx5OiBJbnRlcjtcbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1Db21wb25lbnQge1xuICBASW5wdXQoKSBjYXJkVGl0bGU6IHN0cmluZyA9ICdEZWZhdWx0IEZvcm0gVGl0bGUnO1xuICBASW5wdXQoKSBtYXJnaW5Ub3A6IG51bWJlciA9IDA7IC8vIEVtIHJlbVxuICBASW5wdXQoKSBtYXJnaW5MZWZ0OiBudW1iZXIgPSAwOyAvLyBFbSByZW1cbiAgQElucHV0KCkgbWFyZ2luUmlnaHQ6IG51bWJlciA9IDA7IC8vIEVtIHJlbVxuICBASW5wdXQoKSBmb250U2l6ZTogbnVtYmVyID0gMS4yOyAvLyBFbSByZW0sIGVxdWl2YWxlbnRlIGEgNDJweCBhc3N1bWluZG8gMXJlbSA9IDE2cHhcbiAgQElucHV0KCkgdGl0bGVBbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnID0gJ2xlZnQnOyAvLyBBbGluaGFtZW50byBkbyB0w610dWxvXG4gIEBJbnB1dCgpIHNob3dTZXBhcmF0b3I6IGJvb2xlYW4gPSB0cnVlOyAvLyBNb3N0cmFyIG91IGVzY29uZGVyIGEgbGluaGEgc2VwYXJhZG9yYVxuXG4gIGdldFJvd1N0eWxlcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ21hcmdpbi10b3AnOiBgJHt0aGlzLm1hcmdpblRvcH1yZW1gLFxuICAgICAgJ21hcmdpbi1sZWZ0JzogYCR7dGhpcy5tYXJnaW5MZWZ0fXJlbWAsXG4gICAgICAnbWFyZ2luLXJpZ2h0JzogYCR7dGhpcy5tYXJnaW5SaWdodH1yZW1gXG4gICAgfTtcbiAgfVxuXG4gIGdldFRpdGxlU3R5bGVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZm9udC1zaXplJzogYCR7dGhpcy5mb250U2l6ZX1yZW1gLFxuICAgICAgJ3RleHQtYWxpZ24nOiB0aGlzLnRpdGxlQWxpZ25cbiAgICB9O1xuICB9XG59XG4iXX0=
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { Directive } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class AutofocusDirective {
|
4
|
+
constructor(elementRef) {
|
5
|
+
this.elementRef = elementRef;
|
6
|
+
}
|
7
|
+
ngAfterViewInit() {
|
8
|
+
this.elementRef.nativeElement.focus();
|
9
|
+
}
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AutofocusDirective, selector: "[appAutofocus]", ngImport: i0 }); }
|
12
|
+
}
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutofocusDirective, decorators: [{
|
14
|
+
type: Directive,
|
15
|
+
args: [{
|
16
|
+
selector: '[appAutofocus]'
|
17
|
+
}]
|
18
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2ZvY3VzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi1wb3J0YWwtYW5ndWxhci9zcmMvbGliL2RpcmVjdGl2ZS9hdXRvZm9jdXMtZGlyZWN0aXZlL2F1dG9mb2N1cy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7O0FBS3JFLE1BQU0sT0FBTyxrQkFBa0I7SUFDM0IsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUFJLENBQUM7SUFFL0MsZUFBZTtRQUNYLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzFDLENBQUM7K0dBTFEsa0JBQWtCO21HQUFsQixrQkFBa0I7OzRGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbYXBwQXV0b2ZvY3VzXSdcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2ZvY3VzRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG59XG4iXX0=
|
@@ -1,12 +1,14 @@
|
|
1
1
|
import { NgModule } from '@angular/core';
|
2
2
|
import { NotificationService } from './components/alert/notification.service';
|
3
3
|
import { ComponentsModule } from './components/components.module';
|
4
|
+
import { ConfirmationService } from './components/confirmation/confirmation.service';
|
4
5
|
import * as i0 from "@angular/core";
|
5
6
|
export class LibPortalAngularModule {
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
8
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, imports: [ComponentsModule], exports: [ComponentsModule] }); }
|
8
9
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, providers: [
|
9
|
-
NotificationService
|
10
|
+
NotificationService,
|
11
|
+
ConfirmationService
|
10
12
|
], imports: [ComponentsModule, ComponentsModule] }); }
|
11
13
|
}
|
12
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, decorators: [{
|
@@ -19,8 +21,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
19
21
|
ComponentsModule,
|
20
22
|
],
|
21
23
|
providers: [
|
22
|
-
NotificationService
|
24
|
+
NotificationService,
|
25
|
+
ConfirmationService
|
23
26
|
],
|
24
27
|
}]
|
25
28
|
}] });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXBvcnRhbC1hbmd1bGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi1wb3J0YWwtYW5ndWxhci9zcmMvbGliL2xpYi1wb3J0YWwtYW5ndWxhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7QUFjckYsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO2dIQUF0QixzQkFBc0IsWUFWL0IsZ0JBQWdCLGFBR2hCLGdCQUFnQjtnSEFPUCxzQkFBc0IsYUFMdEI7WUFDVCxtQkFBbUI7WUFDbkIsbUJBQW1CO1NBQ3BCLFlBUkMsZ0JBQWdCLEVBR2hCLGdCQUFnQjs7NEZBT1Asc0JBQXNCO2tCQVpsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7cUJBQ2pCO29CQUNELFNBQVMsRUFBRTt3QkFDVCxtQkFBbUI7d0JBQ25CLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uU2VydmljZSB9IGZyb20gJy4vY29tcG9uZW50cy9hbGVydC9ub3RpZmljYXRpb24uc2VydmljZSc7XG5pbXBvcnQgeyBDb21wb25lbnRzTW9kdWxlIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbXBvbmVudHMubW9kdWxlJztcbmltcG9ydCB7IENvbmZpcm1hdGlvblNlcnZpY2UgfSBmcm9tICcuL2NvbXBvbmVudHMvY29uZmlybWF0aW9uL2NvbmZpcm1hdGlvbi5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbXBvbmVudHNNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb21wb25lbnRzTW9kdWxlLCAgICBcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgTm90aWZpY2F0aW9uU2VydmljZSxcbiAgICBDb25maXJtYXRpb25TZXJ2aWNlXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIExpYlBvcnRhbEFuZ3VsYXJNb2R1bGUgeyB9XG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
@@ -11,6 +11,7 @@ export * from './lib/components/button/button.component';
|
|
11
11
|
export * from './lib/components/card/card.component';
|
12
12
|
export * from './lib/components/checkbox/checkbox.component';
|
13
13
|
export * from './lib/components/code-highlight/code-highlight.component';
|
14
|
+
export * from './lib/components/confirmation/confirmation.component';
|
14
15
|
export * from './lib/components/form/form.component';
|
15
16
|
export * from './lib/components/imput/input.component';
|
16
17
|
export * from './lib/components/multi-select/multi-select.component';
|
@@ -25,4 +26,5 @@ export * from './lib/components/components.module';
|
|
25
26
|
export * from './lib/lib-portal-angular.module';
|
26
27
|
// Service
|
27
28
|
export * from './lib/components/alert/notification.service';
|
28
|
-
|
29
|
+
export * from './lib/components/confirmation/confirmation.service';
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2xpYi1wb3J0YWwtYW5ndWxhci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUVILGNBQWM7QUFDZCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsOENBQThDLENBQUM7QUFFN0QsUUFBUTtBQUNSLGNBQWMsOEJBQThCLENBQUM7QUFFN0MsVUFBVTtBQUNWLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUVoRCxVQUFVO0FBQ1YsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG9EQUFvRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzaW0tbGliXG4gKlxuICogRXN0ZSBhcnF1aXZvIGV4cG9ydGEgdG9kb3Mgb3MgY29tcG9uZW50ZXMsIGVudW1zIGUgbcOzZHVsb3MgbmVjZXNzw6FyaW9zXG4gKiBwYXJhIHF1ZSBvcyBjb25zdW1pZG9yZXMgZGEgYmlibGlvdGVjYSBwb3NzYW0gdXRpbGl6w6EtbG9zIGVtIHN1YXMgYXBsaWNhw6fDtWVzLlxuICovXG5cbi8vIENvbXBvbmVudGVzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NvZGUtaGlnaGxpZ2h0L2NvZGUtaGlnaGxpZ2h0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NvbmZpcm1hdGlvbi9jb25maXJtYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9mb3JtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ltcHV0L2lucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL211bHRpLXNlbGVjdC9tdWx0aS1zZWxlY3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90YWJsZXMvYm9vdHN0cmFwLXRhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudCc7XG5cbi8vIEVudW1zXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lbnVtL0J1dHRvbkNsYXNzZXNFbnVtJztcblxuLy8gTcOzZHVsb3NcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLXBvcnRhbC1hbmd1bGFyLm1vZHVsZSc7XG5cbi8vIFNlcnZpY2VcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYWxlcnQvbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb25maXJtYXRpb24vY29uZmlybWF0aW9uLnNlcnZpY2UnO1xuXG4iXX0=
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { Component, Input, EventEmitter, ChangeDetectionStrategy, Output, HostListener, forwardRef, ViewChild, NgModule, createComponent, Injectable } from '@angular/core';
|
2
|
+
import { Component, Input, EventEmitter, ChangeDetectionStrategy, Output, HostListener, forwardRef, ViewChild, Directive, NgModule, createComponent, Injectable } from '@angular/core';
|
3
3
|
import * as i1 from '@angular/common';
|
4
4
|
import { CommonModule } from '@angular/common';
|
5
5
|
import * as i2 from '@angular/forms';
|
6
6
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
7
7
|
import hljs from 'highlight.js';
|
8
|
+
import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
|
8
9
|
import { of, Subject } from 'rxjs';
|
9
10
|
import * as i3 from '@ng-select/ng-select';
|
10
11
|
import { NgSelectModule } from '@ng-select/ng-select';
|
@@ -646,14 +647,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
646
647
|
args: ['codeElement']
|
647
648
|
}] } });
|
648
649
|
|
650
|
+
class AutofocusDirective {
|
651
|
+
constructor(elementRef) {
|
652
|
+
this.elementRef = elementRef;
|
653
|
+
}
|
654
|
+
ngAfterViewInit() {
|
655
|
+
this.elementRef.nativeElement.focus();
|
656
|
+
}
|
657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
658
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AutofocusDirective, selector: "[appAutofocus]", ngImport: i0 }); }
|
659
|
+
}
|
660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutofocusDirective, decorators: [{
|
661
|
+
type: Directive,
|
662
|
+
args: [{
|
663
|
+
selector: '[appAutofocus]'
|
664
|
+
}]
|
665
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
666
|
+
|
667
|
+
class ConfirmationComponent {
|
668
|
+
constructor(activeModal) {
|
669
|
+
this.activeModal = activeModal;
|
670
|
+
this.title = 'Confirmação';
|
671
|
+
this.message = 'Você tem certeza que deseja continuar?';
|
672
|
+
this.confirmButtonText = 'Sim';
|
673
|
+
this.cancelButtonText = 'Não';
|
674
|
+
}
|
675
|
+
confirm() {
|
676
|
+
this.activeModal.close('confirm');
|
677
|
+
}
|
678
|
+
cancel() {
|
679
|
+
this.activeModal.dismiss('cancel');
|
680
|
+
}
|
681
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1$1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationComponent, selector: "app-confirmation", inputs: { title: "title", message: "message", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText" }, ngImport: i0, template: "<div class=\"modal-header\">\n <h5 class=\"modal-title\" id=\"confirmationModalLabel\">{{ title }}</h5>\n</div>\n<div class=\"modal-body\">\n <p>{{ message }}</p>\n</div>\n<div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\">{{ cancelButtonText }}</button>\n <button type=\"button\" class=\"btn btn-primary\" (click)=\"confirm()\" appAutofocus>{{ confirmButtonText }}</button>\n</div>\n", styles: ["@charset \"UTF-8\";.modal-header{background-color:#00444c}.modal-title{font-family:Inter,sans-serif;color:#fff}.modal-body{text-align:center}.modal-body p{color:#666;font-family:Inter,sans-serif;font-size:1.5rem}.modal-footer{background-color:#e9eaeb}.btn-primary{background-color:#00444c;border-color:#00444c;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-primary:hover{opacity:.8}.btn-primary:active{transform:scale(.98);background-color:#00444c;border-color:#00444c}.btn-secondary{background-color:#f44336;border-color:#f44336;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-secondary:hover{opacity:.8}.btn-secondary:active{transform:scale(.98);background-color:#f44336;border-color:#f44336}\n"], dependencies: [{ kind: "directive", type: AutofocusDirective, selector: "[appAutofocus]" }] }); }
|
683
|
+
}
|
684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationComponent, decorators: [{
|
685
|
+
type: Component,
|
686
|
+
args: [{ selector: 'app-confirmation', template: "<div class=\"modal-header\">\n <h5 class=\"modal-title\" id=\"confirmationModalLabel\">{{ title }}</h5>\n</div>\n<div class=\"modal-body\">\n <p>{{ message }}</p>\n</div>\n<div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\">{{ cancelButtonText }}</button>\n <button type=\"button\" class=\"btn btn-primary\" (click)=\"confirm()\" appAutofocus>{{ confirmButtonText }}</button>\n</div>\n", styles: ["@charset \"UTF-8\";.modal-header{background-color:#00444c}.modal-title{font-family:Inter,sans-serif;color:#fff}.modal-body{text-align:center}.modal-body p{color:#666;font-family:Inter,sans-serif;font-size:1.5rem}.modal-footer{background-color:#e9eaeb}.btn-primary{background-color:#00444c;border-color:#00444c;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-primary:hover{opacity:.8}.btn-primary:active{transform:scale(.98);background-color:#00444c;border-color:#00444c}.btn-secondary{background-color:#f44336;border-color:#f44336;font-family:Inter,sans-serif;transition:opacity .3s,transform .1s}.btn-secondary:hover{opacity:.8}.btn-secondary:active{transform:scale(.98);background-color:#f44336;border-color:#f44336}\n"] }]
|
687
|
+
}], ctorParameters: function () { return [{ type: i1$1.NgbActiveModal }]; }, propDecorators: { title: [{
|
688
|
+
type: Input
|
689
|
+
}], message: [{
|
690
|
+
type: Input
|
691
|
+
}], confirmButtonText: [{
|
692
|
+
type: Input
|
693
|
+
}], cancelButtonText: [{
|
694
|
+
type: Input
|
695
|
+
}] } });
|
696
|
+
|
649
697
|
class FormComponent {
|
650
698
|
constructor() {
|
651
699
|
this.cardTitle = 'Default Form Title';
|
652
|
-
this.colClasses = 'col-12'; // Classes de coluna responsiva
|
653
|
-
// Valores de margem dinâmica
|
654
700
|
this.marginTop = 0; // Em rem
|
655
701
|
this.marginLeft = 0; // Em rem
|
656
702
|
this.marginRight = 0; // Em rem
|
703
|
+
this.fontSize = 1.2; // Em rem, equivalente a 42px assumindo 1rem = 16px
|
704
|
+
this.titleAlign = 'left'; // Alinhamento do título
|
705
|
+
this.showSeparator = true; // Mostrar ou esconder a linha separadora
|
657
706
|
}
|
658
707
|
getRowStyles() {
|
659
708
|
return {
|
@@ -662,48 +711,56 @@ class FormComponent {
|
|
662
711
|
'margin-right': `${this.marginRight}rem`
|
663
712
|
};
|
664
713
|
}
|
714
|
+
getTitleStyles() {
|
715
|
+
return {
|
716
|
+
'font-size': `${this.fontSize}rem`,
|
717
|
+
'text-align': this.titleAlign
|
718
|
+
};
|
719
|
+
}
|
665
720
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
666
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, selector: "sim-app-form", inputs: { cardTitle: "cardTitle",
|
667
|
-
<div class="row" [ngStyle]="getRowStyles()">
|
668
|
-
<div [ngClass]="colClasses">
|
721
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, selector: "sim-app-form", inputs: { cardTitle: "cardTitle", marginTop: "marginTop", marginLeft: "marginLeft", marginRight: "marginRight", fontSize: "fontSize", titleAlign: "titleAlign", showSeparator: "showSeparator" }, ngImport: i0, template: `
|
722
|
+
<div class="row" [ngStyle]="getRowStyles()">
|
669
723
|
<div class="card">
|
670
|
-
<div class="card-title">
|
724
|
+
<div class="card-title" [ngStyle]="getTitleStyles()">
|
671
725
|
{{ cardTitle }}
|
672
726
|
</div>
|
727
|
+
<div *ngIf="showSeparator" class="separator"></div>
|
673
728
|
<div class="card-content">
|
674
729
|
<ng-content></ng-content>
|
675
730
|
</div>
|
676
|
-
</div>
|
677
|
-
</div>
|
731
|
+
</div>
|
678
732
|
</div>
|
679
|
-
`, isInline: true, styles: [".
|
733
|
+
`, isInline: true, styles: [".card{border:2px solid #ddd;border-radius:.5rem;padding:1rem}.card-title{font-family:Inter;font-weight:400;line-height:1.2;text-align:left;width:100%;margin-bottom:.2rem}.separator{border-bottom:1px solid rgba(0,0,0,.1);margin-top:.2rem;margin-bottom:1rem;width:100%}.card-content{font-family:Inter}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
680
734
|
}
|
681
735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, decorators: [{
|
682
736
|
type: Component,
|
683
737
|
args: [{ selector: 'sim-app-form', template: `
|
684
|
-
<div class="row" [ngStyle]="getRowStyles()">
|
685
|
-
<div [ngClass]="colClasses">
|
738
|
+
<div class="row" [ngStyle]="getRowStyles()">
|
686
739
|
<div class="card">
|
687
|
-
<div class="card-title">
|
740
|
+
<div class="card-title" [ngStyle]="getTitleStyles()">
|
688
741
|
{{ cardTitle }}
|
689
742
|
</div>
|
743
|
+
<div *ngIf="showSeparator" class="separator"></div>
|
690
744
|
<div class="card-content">
|
691
745
|
<ng-content></ng-content>
|
692
746
|
</div>
|
693
|
-
</div>
|
694
|
-
</div>
|
747
|
+
</div>
|
695
748
|
</div>
|
696
|
-
`, styles: [".
|
749
|
+
`, styles: [".card{border:2px solid #ddd;border-radius:.5rem;padding:1rem}.card-title{font-family:Inter;font-weight:400;line-height:1.2;text-align:left;width:100%;margin-bottom:.2rem}.separator{border-bottom:1px solid rgba(0,0,0,.1);margin-top:.2rem;margin-bottom:1rem;width:100%}.card-content{font-family:Inter}\n"] }]
|
697
750
|
}], propDecorators: { cardTitle: [{
|
698
751
|
type: Input
|
699
|
-
}], colClasses: [{
|
700
|
-
type: Input
|
701
752
|
}], marginTop: [{
|
702
753
|
type: Input
|
703
754
|
}], marginLeft: [{
|
704
755
|
type: Input
|
705
756
|
}], marginRight: [{
|
706
757
|
type: Input
|
758
|
+
}], fontSize: [{
|
759
|
+
type: Input
|
760
|
+
}], titleAlign: [{
|
761
|
+
type: Input
|
762
|
+
}], showSeparator: [{
|
763
|
+
type: Input
|
707
764
|
}] } });
|
708
765
|
|
709
766
|
class InputComponent {
|
@@ -1577,7 +1634,9 @@ class ComponentsModule {
|
|
1577
1634
|
BootstrapTableComponent,
|
1578
1635
|
CodeHighlightComponent,
|
1579
1636
|
BadgeComponent,
|
1580
|
-
AlertComponent
|
1637
|
+
AlertComponent,
|
1638
|
+
ConfirmationComponent,
|
1639
|
+
AutofocusDirective], imports: [CommonModule,
|
1581
1640
|
FormsModule,
|
1582
1641
|
ReactiveFormsModule,
|
1583
1642
|
NgSelectModule,
|
@@ -1596,7 +1655,8 @@ class ComponentsModule {
|
|
1596
1655
|
BootstrapTableComponent,
|
1597
1656
|
CodeHighlightComponent,
|
1598
1657
|
BadgeComponent,
|
1599
|
-
AlertComponent
|
1658
|
+
AlertComponent,
|
1659
|
+
ConfirmationComponent] }); }
|
1600
1660
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
|
1601
1661
|
FormsModule,
|
1602
1662
|
ReactiveFormsModule,
|
@@ -1622,6 +1682,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1622
1682
|
CodeHighlightComponent,
|
1623
1683
|
BadgeComponent,
|
1624
1684
|
AlertComponent,
|
1685
|
+
ConfirmationComponent,
|
1686
|
+
AutofocusDirective,
|
1625
1687
|
],
|
1626
1688
|
imports: [
|
1627
1689
|
CommonModule,
|
@@ -1647,6 +1709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1647
1709
|
CodeHighlightComponent,
|
1648
1710
|
BadgeComponent,
|
1649
1711
|
AlertComponent,
|
1712
|
+
ConfirmationComponent,
|
1650
1713
|
],
|
1651
1714
|
}]
|
1652
1715
|
}] });
|
@@ -1678,11 +1741,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1678
1741
|
}]
|
1679
1742
|
}], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }]; } });
|
1680
1743
|
|
1744
|
+
class ConfirmationService {
|
1745
|
+
constructor(modalService) {
|
1746
|
+
this.modalService = modalService;
|
1747
|
+
}
|
1748
|
+
confirm(title, message, confirmButtonText = 'Sim', cancelButtonText = 'Não') {
|
1749
|
+
const modalRef = this.modalService.open(ConfirmationComponent, { backdrop: 'static', keyboard: false });
|
1750
|
+
modalRef.componentInstance.title = title;
|
1751
|
+
modalRef.componentInstance.message = message;
|
1752
|
+
modalRef.componentInstance.confirmButtonText = confirmButtonText;
|
1753
|
+
modalRef.componentInstance.cancelButtonText = cancelButtonText;
|
1754
|
+
return modalRef.result.then((result) => {
|
1755
|
+
return result === 'confirm';
|
1756
|
+
}, () => {
|
1757
|
+
return false;
|
1758
|
+
});
|
1759
|
+
}
|
1760
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, deps: [{ token: i1$1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
1761
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, providedIn: 'root' }); }
|
1762
|
+
}
|
1763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationService, decorators: [{
|
1764
|
+
type: Injectable,
|
1765
|
+
args: [{
|
1766
|
+
providedIn: 'root'
|
1767
|
+
}]
|
1768
|
+
}], ctorParameters: function () { return [{ type: i1$1.NgbModal }]; } });
|
1769
|
+
|
1681
1770
|
class LibPortalAngularModule {
|
1682
1771
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
1683
1772
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, imports: [ComponentsModule], exports: [ComponentsModule] }); }
|
1684
1773
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, providers: [
|
1685
|
-
NotificationService
|
1774
|
+
NotificationService,
|
1775
|
+
ConfirmationService
|
1686
1776
|
], imports: [ComponentsModule, ComponentsModule] }); }
|
1687
1777
|
}
|
1688
1778
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibPortalAngularModule, decorators: [{
|
@@ -1695,7 +1785,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1695
1785
|
ComponentsModule,
|
1696
1786
|
],
|
1697
1787
|
providers: [
|
1698
|
-
NotificationService
|
1788
|
+
NotificationService,
|
1789
|
+
ConfirmationService
|
1699
1790
|
],
|
1700
1791
|
}]
|
1701
1792
|
}] });
|
@@ -1712,5 +1803,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1712
1803
|
* Generated bundle index. Do not edit.
|
1713
1804
|
*/
|
1714
1805
|
|
1715
|
-
export { AlertComponent, BadgeComponent, BootstrapTableComponent, ButtonClasses, ButtonComponent, CardComponent, CheckboxComponent, CodeHighlightComponent, ComponentsModule, FormComponent, InputComponent, LibPortalAngularModule, MultiSelectComponent, NotificationService, RadioComponent, SelectComponent, TextareaComponent };
|
1806
|
+
export { AlertComponent, BadgeComponent, BootstrapTableComponent, ButtonClasses, ButtonComponent, CardComponent, CheckboxComponent, CodeHighlightComponent, ComponentsModule, ConfirmationComponent, ConfirmationService, FormComponent, InputComponent, LibPortalAngularModule, MultiSelectComponent, NotificationService, RadioComponent, SelectComponent, TextareaComponent };
|
1716
1807
|
//# sourceMappingURL=lib-portal-angular.mjs.map
|