keevo-components 1.8.83 → 1.8.85
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.
|
@@ -18,6 +18,7 @@ import { KvTreetableModule } from './kv-tree-table/kv-tree-table.module';
|
|
|
18
18
|
import { KvtreeViewModule } from './kv-tree-view/kv-tree-view.module';
|
|
19
19
|
import { KvWorkspaceModule } from './kv-workspace/kv-workspace.module';
|
|
20
20
|
import { KvStepperModule } from './kv-stepper/kv-stepper.module';
|
|
21
|
+
import { KvImageUploadModule } from './kv-image-upload/kv-image-upload.module';
|
|
21
22
|
import * as i0 from "@angular/core";
|
|
22
23
|
export class KeevoComponentsModule {
|
|
23
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -38,7 +39,8 @@ export class KeevoComponentsModule {
|
|
|
38
39
|
KvTreetableModule,
|
|
39
40
|
KvtreeViewModule,
|
|
40
41
|
KvWorkspaceModule,
|
|
41
|
-
KvStepperModule
|
|
42
|
+
KvStepperModule,
|
|
43
|
+
KvImageUploadModule], exports: [KvAvatarModule,
|
|
42
44
|
KvButtonsModule,
|
|
43
45
|
KvCarouselModule,
|
|
44
46
|
KvChartModule,
|
|
@@ -56,7 +58,8 @@ export class KeevoComponentsModule {
|
|
|
56
58
|
KvTreetableModule,
|
|
57
59
|
KvtreeViewModule,
|
|
58
60
|
KvWorkspaceModule,
|
|
59
|
-
KvStepperModule
|
|
61
|
+
KvStepperModule,
|
|
62
|
+
KvImageUploadModule] }); }
|
|
60
63
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvAvatarModule,
|
|
61
64
|
KvButtonsModule,
|
|
62
65
|
KvCarouselModule,
|
|
@@ -74,7 +77,8 @@ export class KeevoComponentsModule {
|
|
|
74
77
|
KvTreetableModule,
|
|
75
78
|
KvtreeViewModule,
|
|
76
79
|
KvWorkspaceModule,
|
|
77
|
-
KvStepperModule,
|
|
80
|
+
KvStepperModule,
|
|
81
|
+
KvImageUploadModule, KvAvatarModule,
|
|
78
82
|
KvButtonsModule,
|
|
79
83
|
KvCarouselModule,
|
|
80
84
|
KvChartModule,
|
|
@@ -92,7 +96,8 @@ export class KeevoComponentsModule {
|
|
|
92
96
|
KvTreetableModule,
|
|
93
97
|
KvtreeViewModule,
|
|
94
98
|
KvWorkspaceModule,
|
|
95
|
-
KvStepperModule
|
|
99
|
+
KvStepperModule,
|
|
100
|
+
KvImageUploadModule] }); }
|
|
96
101
|
}
|
|
97
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, decorators: [{
|
|
98
103
|
type: NgModule,
|
|
@@ -117,6 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
117
122
|
KvtreeViewModule,
|
|
118
123
|
KvWorkspaceModule,
|
|
119
124
|
KvStepperModule,
|
|
125
|
+
KvImageUploadModule
|
|
120
126
|
],
|
|
121
127
|
exports: [
|
|
122
128
|
KvAvatarModule,
|
|
@@ -138,7 +144,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
138
144
|
KvtreeViewModule,
|
|
139
145
|
KvWorkspaceModule,
|
|
140
146
|
KvStepperModule,
|
|
147
|
+
KvImageUploadModule
|
|
141
148
|
]
|
|
142
149
|
}]
|
|
143
150
|
}] });
|
|
144
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2Vldm8tY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rZWV2by1jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFB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IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgS3ZBdmF0YXJNb2R1bGUgfSBmcm9tICcuL2t2LWF2YXRhci9rdi1hdmF0YXIubW9kdWxlJztcclxuaW1wb3J0IHsgS3ZCdXR0b25zTW9kdWxlIH0gZnJvbSAnLi9rdi1idXR0b25zL2t2LWJ1dHRvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkNhcm91c2VsTW9kdWxlIH0gZnJvbSAnLi9rdi1jYXJvdXNlbC9rdi1jYXJvdXNlbC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkNoYXJ0TW9kdWxlIH0gZnJvbSAnLi9rdi1jaGFydC9rdi1jaGFydC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdklucHV0c01vZHVsZSB9IGZyb20gJy4va3YtaW5wdXRzL2t2LWlucHV0cy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkxvYWRlck1vZHVsZSB9IGZyb20gJy4va3YtbG9hZGVyL2t2LWxvYWRlci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkxvZ2luTW9kdWxlIH0gZnJvbSAnLi9rdi1sb2dpbi9rdi1sb2dpbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdk1lbnVNb2R1bGUgfSBmcm9tICcuL2t2LW1lbnUva3YtbWVudS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdk1vZGFsTW9kdWxlIH0gZnJvbSAnLi9rdi1tb2RhbC9rdi1tb2RhbC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdk9yZ2NoYXJ0TW9kdWxlIH0gZnJvbSAnLi9rdi1vcmdjaGFydC9rdi1vcmdjaGFydC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdlBhZ2VGb3JtTW9kdWxlIH0gZnJvbSAnLi9rdi1wYWdlLWZvcm0va3YtcGFnZS1mb3JtLm1vZHVsZSc7XHJcbmltcG9ydCB7IEt2UGlja0xpc3RNb2R1bGUgfSBmcm9tICcuL2t2LXBpY2stbGlzdC9rdi1waWNrLWxpc3QubW9kdWxlJztcclxuaW1wb3J0IHsgS3ZQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJy4va3YtcHJvZ3Jlc3MtYmFyL2t2LXByb2dyZXNzLWJhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdlRhYmxlRWRpdE1vZHVsZSB9IGZyb20gJy4va3YtdGFibGUtZWRpdC9rdi10YWJsZS1lZGl0Lm1vZHVsZSc7XHJcbmltcG9ydCB7IEt2VGFibGVNb2R1bGUgfSBmcm9tICcuL2t2LXRhYmxlL2t2LXRhYmxlLm1vZHVsZSc7XHJcbmltcG9ydCB7IEt2VHJlZXRhYmxlTW9kdWxlIH0gZnJvbSAnLi9rdi10cmVlLXRhYmxlL2t2LXRyZWUtdGFibGUubW9kdWxlJztcclxuaW1wb3J0IHsgS3Z0cmVlVmlld01vZHVsZSB9IGZyb20gJy4va3YtdHJlZS12aWV3L2t2LXRyZWUtdmlldy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdldvcmtzcGFjZU1vZHVsZSB9IGZyb20gJy4va3Ytd29ya3NwYWNlL2t2LXdvcmtzcGFjZS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdlN0ZXBwZXJNb2R1bGUgfSBmcm9tICcuL2t2LXN0ZXBwZXIva3Ytc3RlcHBlci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBLdkltYWdlVXBsb2FkTW9kdWxlIH0gZnJvbSAnLi9rdi1pbWFnZS11cGxvYWQva3YtaW1hZ2UtdXBsb2FkLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gIFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgS3ZBdmF0YXJNb2R1bGUsXHJcbiAgICBLdkJ1dHRvbnNNb2R1bGUsXHJcbiAgICBLdkNhcm91c2VsTW9kdWxlLFxyXG4gICAgS3ZDaGFydE1vZHVsZSxcclxuICAgIEt2SW5wdXRzTW9kdWxlLFxyXG4gICAgS3ZMb2FkZXJNb2R1bGUsXHJcbiAgICBLdkxvZ2luTW9kdWxlLFxyXG4gICAgS3ZNZW51TW9kdWxlLFxyXG4gICAgS3ZNb2RhbE1vZHVsZSxcclxuICAgIEt2T3JnY2hhcnRNb2R1bGUsXHJcbiAgICBLdlBhZ2VGb3JtTW9kdWxlLFxyXG4gICAgS3ZQaWNrTGlzdE1vZHVsZSxcclxuICAgIEt2UHJvZ3Jlc3NCYXJNb2R1bGUsXHJcbiAgICBLdlRhYmxlTW9kdWxlLFxyXG4gICAgS3ZUcmVldGFibGVNb2R1bGUsXHJcbiAgICBLdnRyZWVWaWV3TW9kdWxlLFxyXG4gICAgS3ZXb3Jrc3BhY2VNb2R1bGUsXHJcbiAgICBLdlN0ZXBwZXJNb2R1bGUsXHJcbiAgICBLdkltYWdlVXBsb2FkTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBLdkF2YXRhck1vZHVsZSxcclxuICAgIEt2QnV0dG9uc01vZHVsZSxcclxuICAgIEt2Q2Fyb3VzZWxNb2R1bGUsXHJcbiAgICBLdkNoYXJ0TW9kdWxlLFxyXG4gICAgS3ZJbnB1dHNNb2R1bGUsXHJcbiAgICBLdkxvYWRlck1vZHVsZSxcclxuICAgIEt2TG9naW5Nb2R1bGUsXHJcbiAgICBLdk1lbnVNb2R1bGUsXHJcbiAgICBLdk1vZGFsTW9kdWxlLFxyXG4gICAgS3ZPcmdjaGFydE1vZHVsZSxcclxuICAgIEt2UGFnZUZvcm1Nb2R1bGUsXHJcbiAgICBLdlBpY2tMaXN0TW9kdWxlLFxyXG4gICAgS3ZQcm9ncmVzc0Jhck1vZHVsZSxcclxuICAgIEt2VGFibGVFZGl0TW9kdWxlLFxyXG4gICAgS3ZUYWJsZU1vZHVsZSxcclxuICAgIEt2VHJlZXRhYmxlTW9kdWxlLFxyXG4gICAgS3Z0cmVlVmlld01vZHVsZSxcclxuICAgIEt2V29ya3NwYWNlTW9kdWxlLFxyXG4gICAgS3ZTdGVwcGVyTW9kdWxlLFxyXG4gICAgS3ZJbWFnZVVwbG9hZE1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEtlZXZvQ29tcG9uZW50c01vZHVsZSB7IH1cclxuIl19
|
|
@@ -5970,6 +5970,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
5970
5970
|
}]
|
|
5971
5971
|
}] });
|
|
5972
5972
|
|
|
5973
|
+
class KvImageUploadComponent {
|
|
5974
|
+
constructor(notificationService) {
|
|
5975
|
+
this.notificationService = notificationService;
|
|
5976
|
+
this.file = null;
|
|
5977
|
+
this.fileSrc = null;
|
|
5978
|
+
this.widthComponent = '400px';
|
|
5979
|
+
this.heigthComponent = 'auto';
|
|
5980
|
+
this.fileEmit = new EventEmitter();
|
|
5981
|
+
}
|
|
5982
|
+
onDragOver(event) {
|
|
5983
|
+
event.preventDefault();
|
|
5984
|
+
event.stopPropagation();
|
|
5985
|
+
this.addDragOverClass(event);
|
|
5986
|
+
}
|
|
5987
|
+
onDragLeave(event) {
|
|
5988
|
+
event.preventDefault();
|
|
5989
|
+
event.stopPropagation();
|
|
5990
|
+
this.removeDragOverClass(event);
|
|
5991
|
+
}
|
|
5992
|
+
onDrop(event) {
|
|
5993
|
+
event.preventDefault();
|
|
5994
|
+
event.stopPropagation();
|
|
5995
|
+
this.removeDragOverClass(event);
|
|
5996
|
+
if (event.dataTransfer && event.dataTransfer.files.length > 0) {
|
|
5997
|
+
this.handleFile(event.dataTransfer.files[0]);
|
|
5998
|
+
}
|
|
5999
|
+
}
|
|
6000
|
+
onFileSelected(event) {
|
|
6001
|
+
const input = event.target;
|
|
6002
|
+
if (input.files && input.files.length > 0) {
|
|
6003
|
+
this.handleFile(input.files[0]);
|
|
6004
|
+
}
|
|
6005
|
+
}
|
|
6006
|
+
handleFile(file) {
|
|
6007
|
+
if (file.type.startsWith('image/')) {
|
|
6008
|
+
this.file = file;
|
|
6009
|
+
const reader = new FileReader();
|
|
6010
|
+
reader.onload = (e) => {
|
|
6011
|
+
this.fileSrc = reader.result;
|
|
6012
|
+
};
|
|
6013
|
+
reader.readAsDataURL(file);
|
|
6014
|
+
this.fileEmit.emit(file);
|
|
6015
|
+
}
|
|
6016
|
+
else {
|
|
6017
|
+
this.notificationService.toastError('Apenas arquivos de imagem são permitidos.');
|
|
6018
|
+
}
|
|
6019
|
+
}
|
|
6020
|
+
addDragOverClass(event) {
|
|
6021
|
+
const container = event.target;
|
|
6022
|
+
container.classList.add('dragover');
|
|
6023
|
+
}
|
|
6024
|
+
removeDragOverClass(event) {
|
|
6025
|
+
const container = event.target;
|
|
6026
|
+
container.classList.remove('dragover');
|
|
6027
|
+
}
|
|
6028
|
+
deleteImage() {
|
|
6029
|
+
this.file = null;
|
|
6030
|
+
this.fileSrc = null;
|
|
6031
|
+
}
|
|
6032
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6033
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { widthComponent: "widthComponent", heigthComponent: "heigthComponent" }, outputs: { fileEmit: "fileEmit" }, ngImport: i0, template: "<div\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n (drop)=\"onDrop($event)\"\r\n class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n [style.width]=\"widthComponent\"\r\n [style.height]=\"heigthComponent\"\r\n>\r\n @if(file) {\r\n <button\r\n pButton\r\n (click)=\"deleteImage()\"\r\n class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n [text]=\"true\"\r\n [icon]=\"'pi pi-trash'\"\r\n >\r\n </button>\r\n }\r\n\r\n\r\n <div\r\n class=\"w-full flex align-items-center justify-content-center\"\r\n style=\"cursor: pointer;\"\r\n (click)=\"fileInput.click()\"\r\n >\r\n <input\r\n type=\"file\"\r\n (change)=\"onFileSelected($event)\"\r\n #fileInput\r\n hidden\r\n accept=\"image/*\"\r\n >\r\n <div\r\n *ngIf=\"!file\"\r\n class=\"flex flex-column align-items-center justify-content-center\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined mt-2\"\r\n style=\"font-size: 3rem;\"\r\n >\r\n cloud_upload\r\n </span>\r\n <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n\r\n </div>\r\n <div *ngIf=\"file\">\r\n <img\r\n [src]=\"fileSrc\"\r\n [alt]=\"file.name\"\r\n class=\"w-full\"\r\n >\r\n </div>\r\n </div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
6034
|
+
}
|
|
6035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, decorators: [{
|
|
6036
|
+
type: Component,
|
|
6037
|
+
args: [{ selector: 'kv-image-upload', template: "<div\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n (drop)=\"onDrop($event)\"\r\n class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n [style.width]=\"widthComponent\"\r\n [style.height]=\"heigthComponent\"\r\n>\r\n @if(file) {\r\n <button\r\n pButton\r\n (click)=\"deleteImage()\"\r\n class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n [text]=\"true\"\r\n [icon]=\"'pi pi-trash'\"\r\n >\r\n </button>\r\n }\r\n\r\n\r\n <div\r\n class=\"w-full flex align-items-center justify-content-center\"\r\n style=\"cursor: pointer;\"\r\n (click)=\"fileInput.click()\"\r\n >\r\n <input\r\n type=\"file\"\r\n (change)=\"onFileSelected($event)\"\r\n #fileInput\r\n hidden\r\n accept=\"image/*\"\r\n >\r\n <div\r\n *ngIf=\"!file\"\r\n class=\"flex flex-column align-items-center justify-content-center\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined mt-2\"\r\n style=\"font-size: 3rem;\"\r\n >\r\n cloud_upload\r\n </span>\r\n <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n\r\n </div>\r\n <div *ngIf=\"file\">\r\n <img\r\n [src]=\"fileSrc\"\r\n [alt]=\"file.name\"\r\n class=\"w-full\"\r\n >\r\n </div>\r\n </div>\r\n\r\n</div>" }]
|
|
6038
|
+
}], ctorParameters: () => [{ type: NotificationService }], propDecorators: { widthComponent: [{
|
|
6039
|
+
type: Input
|
|
6040
|
+
}], heigthComponent: [{
|
|
6041
|
+
type: Input
|
|
6042
|
+
}], fileEmit: [{
|
|
6043
|
+
type: Output
|
|
6044
|
+
}] } });
|
|
6045
|
+
|
|
6046
|
+
class KvImageUploadModule {
|
|
6047
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6048
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, declarations: [KvImageUploadComponent], imports: [PrimeNgModule], exports: [KvImageUploadComponent] }); }
|
|
6049
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, imports: [PrimeNgModule] }); }
|
|
6050
|
+
}
|
|
6051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, decorators: [{
|
|
6052
|
+
type: NgModule,
|
|
6053
|
+
args: [{
|
|
6054
|
+
declarations: [KvImageUploadComponent],
|
|
6055
|
+
imports: [PrimeNgModule],
|
|
6056
|
+
exports: [KvImageUploadComponent]
|
|
6057
|
+
}]
|
|
6058
|
+
}] });
|
|
6059
|
+
|
|
5973
6060
|
class KeevoComponentsModule {
|
|
5974
6061
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5975
6062
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvAvatarModule,
|
|
@@ -5989,7 +6076,8 @@ class KeevoComponentsModule {
|
|
|
5989
6076
|
KvTreetableModule,
|
|
5990
6077
|
KvtreeViewModule,
|
|
5991
6078
|
KvWorkspaceModule,
|
|
5992
|
-
KvStepperModule
|
|
6079
|
+
KvStepperModule,
|
|
6080
|
+
KvImageUploadModule], exports: [KvAvatarModule,
|
|
5993
6081
|
KvButtonsModule,
|
|
5994
6082
|
KvCarouselModule,
|
|
5995
6083
|
KvChartModule,
|
|
@@ -6007,7 +6095,8 @@ class KeevoComponentsModule {
|
|
|
6007
6095
|
KvTreetableModule,
|
|
6008
6096
|
KvtreeViewModule,
|
|
6009
6097
|
KvWorkspaceModule,
|
|
6010
|
-
KvStepperModule
|
|
6098
|
+
KvStepperModule,
|
|
6099
|
+
KvImageUploadModule] }); }
|
|
6011
6100
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvAvatarModule,
|
|
6012
6101
|
KvButtonsModule,
|
|
6013
6102
|
KvCarouselModule,
|
|
@@ -6025,7 +6114,8 @@ class KeevoComponentsModule {
|
|
|
6025
6114
|
KvTreetableModule,
|
|
6026
6115
|
KvtreeViewModule,
|
|
6027
6116
|
KvWorkspaceModule,
|
|
6028
|
-
KvStepperModule,
|
|
6117
|
+
KvStepperModule,
|
|
6118
|
+
KvImageUploadModule, KvAvatarModule,
|
|
6029
6119
|
KvButtonsModule,
|
|
6030
6120
|
KvCarouselModule,
|
|
6031
6121
|
KvChartModule,
|
|
@@ -6043,7 +6133,8 @@ class KeevoComponentsModule {
|
|
|
6043
6133
|
KvTreetableModule,
|
|
6044
6134
|
KvtreeViewModule,
|
|
6045
6135
|
KvWorkspaceModule,
|
|
6046
|
-
KvStepperModule
|
|
6136
|
+
KvStepperModule,
|
|
6137
|
+
KvImageUploadModule] }); }
|
|
6047
6138
|
}
|
|
6048
6139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, decorators: [{
|
|
6049
6140
|
type: NgModule,
|
|
@@ -6068,6 +6159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
6068
6159
|
KvtreeViewModule,
|
|
6069
6160
|
KvWorkspaceModule,
|
|
6070
6161
|
KvStepperModule,
|
|
6162
|
+
KvImageUploadModule
|
|
6071
6163
|
],
|
|
6072
6164
|
exports: [
|
|
6073
6165
|
KvAvatarModule,
|
|
@@ -6089,99 +6181,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
6089
6181
|
KvtreeViewModule,
|
|
6090
6182
|
KvWorkspaceModule,
|
|
6091
6183
|
KvStepperModule,
|
|
6184
|
+
KvImageUploadModule
|
|
6092
6185
|
]
|
|
6093
6186
|
}]
|
|
6094
6187
|
}] });
|
|
6095
6188
|
|
|
6096
6189
|
;
|
|
6097
6190
|
|
|
6098
|
-
class KvImageUploadComponent {
|
|
6099
|
-
constructor(notificationService) {
|
|
6100
|
-
this.notificationService = notificationService;
|
|
6101
|
-
this.file = null;
|
|
6102
|
-
this.fileSrc = null;
|
|
6103
|
-
this.widthComponent = '400px';
|
|
6104
|
-
this.heigthComponent = 'auto';
|
|
6105
|
-
this.fileEmit = new EventEmitter();
|
|
6106
|
-
}
|
|
6107
|
-
onDragOver(event) {
|
|
6108
|
-
event.preventDefault();
|
|
6109
|
-
event.stopPropagation();
|
|
6110
|
-
this.addDragOverClass(event);
|
|
6111
|
-
}
|
|
6112
|
-
onDragLeave(event) {
|
|
6113
|
-
event.preventDefault();
|
|
6114
|
-
event.stopPropagation();
|
|
6115
|
-
this.removeDragOverClass(event);
|
|
6116
|
-
}
|
|
6117
|
-
onDrop(event) {
|
|
6118
|
-
event.preventDefault();
|
|
6119
|
-
event.stopPropagation();
|
|
6120
|
-
this.removeDragOverClass(event);
|
|
6121
|
-
if (event.dataTransfer && event.dataTransfer.files.length > 0) {
|
|
6122
|
-
this.handleFile(event.dataTransfer.files[0]);
|
|
6123
|
-
}
|
|
6124
|
-
}
|
|
6125
|
-
onFileSelected(event) {
|
|
6126
|
-
const input = event.target;
|
|
6127
|
-
if (input.files && input.files.length > 0) {
|
|
6128
|
-
this.handleFile(input.files[0]);
|
|
6129
|
-
}
|
|
6130
|
-
}
|
|
6131
|
-
handleFile(file) {
|
|
6132
|
-
if (file.type.startsWith('image/')) {
|
|
6133
|
-
this.file = file;
|
|
6134
|
-
const reader = new FileReader();
|
|
6135
|
-
reader.onload = (e) => {
|
|
6136
|
-
this.fileSrc = reader.result;
|
|
6137
|
-
};
|
|
6138
|
-
reader.readAsDataURL(file);
|
|
6139
|
-
this.fileEmit.emit(file);
|
|
6140
|
-
}
|
|
6141
|
-
else {
|
|
6142
|
-
this.notificationService.toastError('Apenas arquivos de imagem são permitidos.');
|
|
6143
|
-
}
|
|
6144
|
-
}
|
|
6145
|
-
addDragOverClass(event) {
|
|
6146
|
-
const container = event.target;
|
|
6147
|
-
container.classList.add('dragover');
|
|
6148
|
-
}
|
|
6149
|
-
removeDragOverClass(event) {
|
|
6150
|
-
const container = event.target;
|
|
6151
|
-
container.classList.remove('dragover');
|
|
6152
|
-
}
|
|
6153
|
-
deleteImage() {
|
|
6154
|
-
this.file = null;
|
|
6155
|
-
this.fileSrc = null;
|
|
6156
|
-
}
|
|
6157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6158
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { widthComponent: "widthComponent", heigthComponent: "heigthComponent" }, outputs: { fileEmit: "fileEmit" }, ngImport: i0, template: "<div\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n (drop)=\"onDrop($event)\"\r\n class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n [style.width]=\"widthComponent\"\r\n [style.height]=\"heigthComponent\"\r\n>\r\n @if(file) {\r\n <button\r\n pButton\r\n (click)=\"deleteImage()\"\r\n class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n [text]=\"true\"\r\n [icon]=\"'pi pi-trash'\"\r\n >\r\n </button>\r\n }\r\n\r\n\r\n <div\r\n class=\"w-full flex align-items-center justify-content-center\"\r\n style=\"cursor: pointer;\"\r\n (click)=\"fileInput.click()\"\r\n >\r\n <input\r\n type=\"file\"\r\n (change)=\"onFileSelected($event)\"\r\n #fileInput\r\n hidden\r\n accept=\"image/*\"\r\n >\r\n <div\r\n *ngIf=\"!file\"\r\n class=\"flex flex-column align-items-center justify-content-center\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined mt-2\"\r\n style=\"font-size: 3rem;\"\r\n >\r\n cloud_upload\r\n </span>\r\n <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n\r\n </div>\r\n <div *ngIf=\"file\">\r\n <img\r\n [src]=\"fileSrc\"\r\n [alt]=\"file.name\"\r\n class=\"w-full\"\r\n >\r\n </div>\r\n </div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
6159
|
-
}
|
|
6160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, decorators: [{
|
|
6161
|
-
type: Component,
|
|
6162
|
-
args: [{ selector: 'kv-image-upload', template: "<div\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n (drop)=\"onDrop($event)\"\r\n class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n [style.width]=\"widthComponent\"\r\n [style.height]=\"heigthComponent\"\r\n>\r\n @if(file) {\r\n <button\r\n pButton\r\n (click)=\"deleteImage()\"\r\n class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n [text]=\"true\"\r\n [icon]=\"'pi pi-trash'\"\r\n >\r\n </button>\r\n }\r\n\r\n\r\n <div\r\n class=\"w-full flex align-items-center justify-content-center\"\r\n style=\"cursor: pointer;\"\r\n (click)=\"fileInput.click()\"\r\n >\r\n <input\r\n type=\"file\"\r\n (change)=\"onFileSelected($event)\"\r\n #fileInput\r\n hidden\r\n accept=\"image/*\"\r\n >\r\n <div\r\n *ngIf=\"!file\"\r\n class=\"flex flex-column align-items-center justify-content-center\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined mt-2\"\r\n style=\"font-size: 3rem;\"\r\n >\r\n cloud_upload\r\n </span>\r\n <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n\r\n </div>\r\n <div *ngIf=\"file\">\r\n <img\r\n [src]=\"fileSrc\"\r\n [alt]=\"file.name\"\r\n class=\"w-full\"\r\n >\r\n </div>\r\n </div>\r\n\r\n</div>" }]
|
|
6163
|
-
}], ctorParameters: () => [{ type: NotificationService }], propDecorators: { widthComponent: [{
|
|
6164
|
-
type: Input
|
|
6165
|
-
}], heigthComponent: [{
|
|
6166
|
-
type: Input
|
|
6167
|
-
}], fileEmit: [{
|
|
6168
|
-
type: Output
|
|
6169
|
-
}] } });
|
|
6170
|
-
|
|
6171
|
-
class KvImageUploadModule {
|
|
6172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6173
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, declarations: [KvImageUploadComponent], imports: [PrimeNgModule], exports: [KvImageUploadComponent] }); }
|
|
6174
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, imports: [PrimeNgModule] }); }
|
|
6175
|
-
}
|
|
6176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadModule, decorators: [{
|
|
6177
|
-
type: NgModule,
|
|
6178
|
-
args: [{
|
|
6179
|
-
declarations: [KvImageUploadComponent],
|
|
6180
|
-
imports: [PrimeNgModule],
|
|
6181
|
-
exports: [KvImageUploadComponent]
|
|
6182
|
-
}]
|
|
6183
|
-
}] });
|
|
6184
|
-
|
|
6185
6191
|
/*
|
|
6186
6192
|
* Public API Surface of keevo-components
|
|
6187
6193
|
*/
|