uitec-ng-upload-order 1.0.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/README.md ADDED
@@ -0,0 +1,24 @@
1
+ # UiUploadOrder
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
4
+
5
+ ## Code scaffolding
6
+
7
+ Run `ng generate component component-name --project ui-upload-order` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ui-upload-order`.
8
+ > Note: Don't forget to add `--project ui-upload-order` or else it will be added to the default project in your `angular.json` file.
9
+
10
+ ## Build
11
+
12
+ Run `ng build ui-upload-order` to build the project. The build artifacts will be stored in the `dist/` directory.
13
+
14
+ ## Publishing
15
+
16
+ After building your library with `ng build ui-upload-order`, go to the dist folder `cd dist/ui-upload-order` and run `npm publish`.
17
+
18
+ ## Running unit tests
19
+
20
+ Run `ng test ui-upload-order` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
+
22
+ ## Further help
23
+
24
+ To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -0,0 +1,153 @@
1
+ import { Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
2
+ import { FilePondComponent, } from "ngx-filepond";
3
+ import { Lightbox } from 'ngx-lightbox';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "ngx-lightbox";
6
+ import * as i2 from "ngx-filepond";
7
+ export class UiUploadOrderComponent {
8
+ constructor(_lightbox) {
9
+ this._lightbox = _lightbox;
10
+ this.multiple = true;
11
+ this.maxFiles = 6;
12
+ this.onRemove = new EventEmitter();
13
+ this.onAdded = new EventEmitter();
14
+ this.onActivate = new EventEmitter();
15
+ this.onInit = new EventEmitter();
16
+ this.onMaxReached = new EventEmitter();
17
+ this.onReOrder = new EventEmitter();
18
+ this.pondOptions = {
19
+ allowMultiple: this.multiple,
20
+ labelIdle: 'Arraste seus arquivos<br>ou<br><span class="filepond--label-action">Clique aqui</span> para selecionar',
21
+ allowReorder: true,
22
+ maxFiles: this.maxFiles,
23
+ acceptedFileTypes: ['image/*'],
24
+ instantUpload: true,
25
+ dropValidation: true,
26
+ iconRemove: '<img src="assets/icons/delete_forever.svg" alt="SVG Icon">',
27
+ styleButtonRemoveItemPosition: 'right',
28
+ imageResizeMode: 'contain',
29
+ styleItemPanelAspectRatio: '0.75',
30
+ itemInsertLocation: 'after',
31
+ server: {
32
+ process: {
33
+ url: 'https://upload.uishop.com.br/imagem/upload?id=7737&bucket=hom-produto&path=12510&name=Egito', //this.url
34
+ },
35
+ load: (source, load, error, progress, abort, headers) => {
36
+ var myRequest = new Request(source);
37
+ fetch(myRequest).then(response => {
38
+ response.blob().then(myBlob => {
39
+ load(myBlob);
40
+ });
41
+ }).catch(error => {
42
+ console.log('ERROR: ', error);
43
+ });
44
+ },
45
+ },
46
+ };
47
+ this.pondFiles = [];
48
+ this.album = [];
49
+ }
50
+ ngOnInit() {
51
+ if (this.initialFiles) {
52
+ this.pondFiles = this.initialFiles.map((item) => {
53
+ return {
54
+ source: item,
55
+ options: {
56
+ type: 'local',
57
+ },
58
+ };
59
+ });
60
+ }
61
+ }
62
+ pondHandleInit() {
63
+ this.onInit.emit(this.pondFiles);
64
+ }
65
+ pondHandleAddFile(event) {
66
+ this.onAdded.emit(event.file);
67
+ }
68
+ pondHandleActivateFile(event) {
69
+ this.onActivate.emit(event.file);
70
+ this.openLightBox(event.file.filenameWithoutExtension);
71
+ }
72
+ pondHandleUpdate(event) {
73
+ this.fillAlbum(event.items);
74
+ }
75
+ pondHandleRemove(event) {
76
+ this.onRemove.emit(event.file);
77
+ }
78
+ onReorderFiles(event) {
79
+ this.fillAlbum(event.items, true);
80
+ this.onReOrder.emit(event.items);
81
+ }
82
+ warning(event) {
83
+ if (event.error.code == 0) {
84
+ this.onMaxReached.emit(`Limite de Arquivos atingido. Você pode inserir um total de ${this.maxFiles} arquivos.`);
85
+ }
86
+ }
87
+ openLightBox(fileName) {
88
+ let index = this.album.map(function (e) { return e.caption; }).indexOf(fileName);
89
+ this._lightbox.open(this.album, index);
90
+ }
91
+ async fillAlbum(files, reOrder) {
92
+ if (files.length !== this.album.length || reOrder) {
93
+ const preAlbum = await Promise.all(files.map(async (file) => {
94
+ let fileUrl;
95
+ if (file.source instanceof File) {
96
+ fileUrl = await this.readFileAsync(file.source);
97
+ }
98
+ else {
99
+ fileUrl = file.source.toString();
100
+ }
101
+ return {
102
+ src: fileUrl,
103
+ caption: file.filenameWithoutExtension,
104
+ thumb: ''
105
+ };
106
+ }));
107
+ this.album = preAlbum;
108
+ }
109
+ }
110
+ readFileAsync(file) {
111
+ return new Promise((resolve) => {
112
+ const reader = new FileReader();
113
+ reader.readAsDataURL(file);
114
+ reader.onload = () => {
115
+ const dataUrl = reader.result;
116
+ const fileUrl = dataUrl.toString();
117
+ resolve(fileUrl);
118
+ };
119
+ });
120
+ }
121
+ }
122
+ UiUploadOrderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, deps: [{ token: i1.Lightbox }], target: i0.ɵɵFactoryTarget.Component });
123
+ UiUploadOrderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiUploadOrderComponent, selector: "ui-upload-order", inputs: { url: "url", uploadHandler: "uploadHandler", initialFiles: "initialFiles", multiple: "multiple", maxFiles: "maxFiles" }, outputs: { onRemove: "onRemove", onAdded: "onAdded", onActivate: "onActivate", onInit: "onInit", onMaxReached: "onMaxReached", onReOrder: "onReOrder" }, viewQueries: [{ propertyName: "myPond", first: true, predicate: ["myPond"], descendants: true }], ngImport: i0, template: "<!-- app.component.html -->\r\n<file-pond\r\n #myPond\r\n name='UploadForm[imagem][]'\r\n [options]=\"pondOptions\"\r\n (oninit)=\"pondHandleInit()\"\r\n [files]=\"pondFiles\"\r\n (onaddfile)=\"pondHandleAddFile($event)\"\r\n (onupdatefiles)=\"pondHandleUpdate($event)\"\r\n (onactivatefile)=\"pondHandleActivateFile($event)\"\r\n (onremovefile)=\"pondHandleRemove($event)\"\r\n (onreorderfiles)=\"onReorderFiles($event)\"\r\n (onwarning)=\"warning($event)\"\r\n/>\r\n", styles: [":host ::ng-deep .filepond--root .filepond--drop-label{height:128px}:host ::ng-deep .filepond--drop-label{color:#555}:host ::ng-deep .filepond--panel-root{background-color:#fff;border:1.5px solid rgba(173,181,189,.5019607843);border-style:dashed}:host ::ng-deep .filepond--image-preview-overlay{display:none}:host ::ng-deep .filepond--file-action-button{background-color:#f73264}:host ::ng-deep .filepond--list{margin-left:5%}@media (min-width: 30em){:host ::ng-deep .filepond--item{width:calc(40% - .5em)}}@media (min-width: 50em){:host ::ng-deep .filepond--item{width:calc(24% - .5em)}}\n"], dependencies: [{ kind: "component", type: i2.FilePondComponent, selector: "file-pond", inputs: ["options", "files"], outputs: ["oninit", "onwarning", "onerror", "oninitfile", "onactivatefile", "onaddfilestart", "onaddfileprogress", "onaddfile", "onprocessfilestart", "onprocessfileprogress", "onprocessfileabort", "onprocessfilerevert", "onprocessfile", "onprocessfiles", "onremovefile", "onpreparefile", "onupdatefiles", "onreorderfiles"] }] });
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, decorators: [{
125
+ type: Component,
126
+ args: [{ selector: 'ui-upload-order', template: "<!-- app.component.html -->\r\n<file-pond\r\n #myPond\r\n name='UploadForm[imagem][]'\r\n [options]=\"pondOptions\"\r\n (oninit)=\"pondHandleInit()\"\r\n [files]=\"pondFiles\"\r\n (onaddfile)=\"pondHandleAddFile($event)\"\r\n (onupdatefiles)=\"pondHandleUpdate($event)\"\r\n (onactivatefile)=\"pondHandleActivateFile($event)\"\r\n (onremovefile)=\"pondHandleRemove($event)\"\r\n (onreorderfiles)=\"onReorderFiles($event)\"\r\n (onwarning)=\"warning($event)\"\r\n/>\r\n", styles: [":host ::ng-deep .filepond--root .filepond--drop-label{height:128px}:host ::ng-deep .filepond--drop-label{color:#555}:host ::ng-deep .filepond--panel-root{background-color:#fff;border:1.5px solid rgba(173,181,189,.5019607843);border-style:dashed}:host ::ng-deep .filepond--image-preview-overlay{display:none}:host ::ng-deep .filepond--file-action-button{background-color:#f73264}:host ::ng-deep .filepond--list{margin-left:5%}@media (min-width: 30em){:host ::ng-deep .filepond--item{width:calc(40% - .5em)}}@media (min-width: 50em){:host ::ng-deep .filepond--item{width:calc(24% - .5em)}}\n"] }]
127
+ }], ctorParameters: function () { return [{ type: i1.Lightbox }]; }, propDecorators: { url: [{
128
+ type: Input
129
+ }], uploadHandler: [{
130
+ type: Input
131
+ }], initialFiles: [{
132
+ type: Input
133
+ }], multiple: [{
134
+ type: Input
135
+ }], maxFiles: [{
136
+ type: Input
137
+ }], onRemove: [{
138
+ type: Output
139
+ }], onAdded: [{
140
+ type: Output
141
+ }], onActivate: [{
142
+ type: Output
143
+ }], onInit: [{
144
+ type: Output
145
+ }], onMaxReached: [{
146
+ type: Output
147
+ }], onReOrder: [{
148
+ type: Output
149
+ }], myPond: [{
150
+ type: ViewChild,
151
+ args: ["myPond"]
152
+ }] } });
153
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdXBsb2FkLW9yZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLXVwbG9hZC1vcmRlci9zcmMvbGliL3VpLXVwbG9hZC1vcmRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS11cGxvYWQtb3JkZXIvc3JjL2xpYi91aS11cGxvYWQtb3JkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxpQkFBaUIsR0FBRyxNQUFNLGNBQWMsQ0FBQztBQUVsRCxPQUFPLEVBQVUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7O0FBT2hELE1BQU0sT0FBTyxzQkFBc0I7SUFpQi9CLFlBQW9CLFNBQW1CO1FBQW5CLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFiOUIsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6QixhQUFRLEdBQVcsQ0FBQyxDQUFDO1FBR3BCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUM1QyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDM0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBQzlDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUN0RCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO1FBUXpELGdCQUFXLEdBQW9CO1lBQzNCLGFBQWEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUM1QixTQUFTLEVBQUUsd0dBQXdHO1lBQ25ILFlBQVksRUFBRSxJQUFJO1lBQ2xCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixpQkFB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TyxFQUFFLEVBQUU7WUFDM0IsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNqQixNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDO2dCQUM5QixNQUFNLE9BQU8sR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ25DLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNyQixDQUFDLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7O29IQTlJUSxzQkFBc0I7d0dBQXRCLHNCQUFzQixvYkNWbkMsaWVBY0E7NEZESmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGlCQUFpQjsrRkFLbEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFFYyxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEZpbGVQb25kQ29tcG9uZW50LCB9IGZyb20gXCJuZ3gtZmlsZXBvbmRcIjtcclxuaW1wb3J0IHsgRmlsZVBvbmRDYWxsYmFja1Byb3BzLCBGaWxlUG9uZEZpbGUsIEZpbGVQb25kT3B0aW9ucyB9IGZyb20gXCJmaWxlcG9uZFwiO1xyXG5pbXBvcnQgeyBJQWxidW0sIExpZ2h0Ym94IH0gZnJvbSAnbmd4LWxpZ2h0Ym94JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd1aS11cGxvYWQtb3JkZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLXVwbG9hZC1vcmRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS11cGxvYWQtb3JkZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVWlVcGxvYWRPcmRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSB1cmw6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHVwbG9hZEhhbmRsZXI6IGFueTtcclxuICAgIEBJbnB1dCgpIGluaXRpYWxGaWxlczogc3RyaW5nW107XHJcbiAgICBASW5wdXQoKSBtdWx0aXBsZTogYm9vbGVhbiA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBtYXhGaWxlczogbnVtYmVyID0gNjtcclxuXHJcblxyXG4gICAgQE91dHB1dCgpIG9uUmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlUG9uZEZpbGU+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25BZGRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZVBvbmRGaWxlPigpO1xyXG4gICAgQE91dHB1dCgpIG9uQWN0aXZhdGUgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGVQb25kRmlsZT4oKTtcclxuICAgIEBPdXRwdXQoKSBvbkluaXQgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGVQb25kT3B0aW9uc1tcImZpbGVzXCJdPigpO1xyXG4gICAgQE91dHB1dCgpIG9uTWF4UmVhY2hlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gICAgQE91dHB1dCgpIG9uUmVPcmRlciA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZVBvbmRGaWxlW10+KCk7XHJcblxyXG4gICAgQFZpZXdDaGlsZChcIm15UG9uZFwiKSBteVBvbmQ6IEZpbGVQb25kQ29tcG9uZW50O1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2xpZ2h0Ym94OiBMaWdodGJveCkge1xyXG5cclxuICAgIH1cclxuXHJcbiAgICBwb25kT3B0aW9uczogRmlsZVBvbmRPcHRpb25zID0ge1xyXG4gICAgICAgIGFsbG93TXVsdGlwbGU6IHRoaXMubXVsdGlwbGUsXHJcbiAgICAgICAgbGFiZWxJZGxlOiAnQXJyYXN0ZSBzZXVzIGFycXVpdm9zPGJyPm91PGJyPjxzcGFuIGNsYXNzPVwiZmlsZXBvbmQtLWxhYmVsLWFjdGlvblwiPkNsaXF1ZSBhcXVpPC9zcGFuPiBwYXJhIHNlbGVjaW9uYXInLFxyXG4gICAgICAgIGFsbG93UmVvcmRlcjogdHJ1ZSxcclxuICAgICAgICBtYXhGaWxlczogdGhpcy5tYXhGaWxlcyxcclxuICAgICAgICBhY2NlcHRlZEZpbGVUeXBlczogWydpbWFnZS8qJ10sXHJcbiAgICAgICAgaW5zdGFudFVwbG9hZDogdHJ1ZSxcclxuICAgICAgICBkcm9wVmFsaWRhdGlvbjogdHJ1ZSxcclxuICAgICAgICBpY29uUmVtb3ZlOiAnPGltZyBzcmM9XCJhc3NldHMvaWNvbnMvZGVsZXRlX2ZvcmV2ZXIuc3ZnXCIgYWx0PVwiU1ZHIEljb25cIj4nLFxyXG4gICAgICAgIHN0eWxlQnV0dG9uUmVtb3ZlSXRlbVBvc2l0aW9uOiAncmlnaHQnLFxyXG4gICAgICAgIGltYWdlUmVzaXplTW9kZTogJ2NvbnRhaW4nLFxyXG4gICAgICAgIHN0eWxlSXRlbVBhbmVsQXNwZWN0UmF0aW86ICcwLjc1JyxcclxuICAgICAgICBpdGVtSW5zZXJ0TG9jYXRpb246ICdhZnRlcicsXHJcbiAgICAgICAgc2VydmVyOiB7XHJcbiAgICAgICAgICAgIHByb2Nlc3M6IHtcclxuICAgICAgICAgICAgICAgIHVybDogJ2h0dHBzOi8vdXBsb2FkLnVpc2hvcC5jb20uYnIvaW1hZ2VtL3VwbG9hZD9pZD03NzM3JmJ1Y2tldD1ob20tcHJvZHV0byZwYXRoPTEyNTEwJm5hbWU9RWdpdG8nLCAvL3RoaXMudXJsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIGxvYWQ6IChzb3VyY2UsIGxvYWQsIGVycm9yLCBwcm9ncmVzcywgYWJvcnQsIGhlYWRlcnMpID0+IHtcclxuICAgICAgICAgICAgICAgIHZhciBteVJlcXVlc3QgPSBuZXcgUmVxdWVzdChzb3VyY2UpO1xyXG4gICAgICAgICAgICAgICAgZmV0Y2gobXlSZXF1ZXN0KS50aGVuKHJlc3BvbnNlID0+IHtcclxuICAgICAgICAgICAgICAgICAgICByZXNwb25zZS5ibG9iKCkudGhlbihteUJsb2IgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBsb2FkKG15QmxvYilcclxuICAgICAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgICAgIH0pLmNhdGNoKGVycm9yID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnRVJST1I6ICcsIGVycm9yKVxyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuXHJcbiAgICB9O1xyXG5cclxuICAgIHBvbmRGaWxlczogRmlsZVBvbmRPcHRpb25zW1wiZmlsZXNcIl0gPSBbXTtcclxuXHJcbiAgICBwdWJsaWMgYWxidW06IElBbGJ1bVtdID0gW107XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuaW5pdGlhbEZpbGVzKSB7XHJcbiAgICAgICAgICAgIHRoaXMucG9uZEZpbGVzID0gdGhpcy5pbml0aWFsRmlsZXMubWFwKChpdGVtOiBzdHJpbmcpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgICAgICAgICAgc291cmNlOiBpdGVtLFxyXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnM6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2xvY2FsJyxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHBvbmRIYW5kbGVJbml0KCkge1xyXG4gICAgICAgIHRoaXMub25Jbml0LmVtaXQodGhpcy5wb25kRmlsZXMpXHJcbiAgICB9XHJcblxyXG4gICAgcG9uZEhhbmRsZUFkZEZpbGUoZXZlbnQ6IGFueSkge1xyXG4gICAgICAgIHRoaXMub25BZGRlZC5lbWl0KGV2ZW50LmZpbGUpXHJcbiAgICB9XHJcblxyXG4gICAgcG9uZEhhbmRsZUFjdGl2YXRlRmlsZShldmVudDogYW55KSB7XHJcbiAgICAgICAgdGhpcy5vbkFjdGl2YXRlLmVtaXQoZXZlbnQuZmlsZSlcclxuICAgICAgICB0aGlzLm9wZW5MaWdodEJveChldmVudC5maWxlLmZpbGVuYW1lV2l0aG91dEV4dGVuc2lvbilcclxuXHJcbiAgICB9XHJcblxyXG4gICAgcG9uZEhhbmRsZVVwZGF0ZShldmVudDogYW55KSB7XHJcbiAgICAgICAgdGhpcy5maWxsQWxidW0oZXZlbnQuaXRlbXMpXHJcblxyXG4gICAgfVxyXG5cclxuICAgIHBvbmRIYW5kbGVSZW1vdmUoZXZlbnQ6IGFueSkge1xyXG4gICAgICAgIHRoaXMub25SZW1vdmUuZW1pdChldmVudC5maWxlKVxyXG4gICAgfVxyXG5cclxuICAgIG9uUmVvcmRlckZpbGVzKGV2ZW50OiBhbnkpIHtcclxuICAgICAgICB0aGlzLmZpbGxBbGJ1bShldmVudC5pdGVtcywgdHJ1ZSlcclxuICAgICAgICB0aGlzLm9uUmVPcmRlci5lbWl0KGV2ZW50Lml0ZW1zKVxyXG4gICAgfVxyXG5cclxuICAgIHdhcm5pbmcoZXZlbnQ6IGFueSkge1xyXG4gICAgICAgIGlmIChldmVudC5lcnJvci5jb2RlID09IDApIHtcclxuICAgICAgICAgICAgdGhpcy5vbk1heFJlYWNoZWQuZW1pdChgTGltaXRlIGRlIEFycXVpdm9zIGF0aW5naWRvLiBWb2PDqiBwb2RlIGluc2VyaXIgdW0gdG90YWwgZGUgJHt0aGlzLm1heEZpbGVzfSBhcnF1aXZvcy5gKVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvcGVuTGlnaHRCb3goZmlsZU5hbWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIGxldCBpbmRleCA9IHRoaXMuYWxidW0ubWFwKGZ1bmN0aW9uIChlKSB7IHJldHVybiBlLmNhcHRpb247IH0pLmluZGV4T2YoZmlsZU5hbWUpO1xyXG4gICAgICAgIHRoaXMuX2xpZ2h0Ym94Lm9wZW4odGhpcy5hbGJ1bSwgaW5kZXgpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBhc3luYyBmaWxsQWxidW0oZmlsZXM6IFtdLCByZU9yZGVyPzogYm9vbGVhbikge1xyXG4gICAgICAgIGlmIChmaWxlcy5sZW5ndGggIT09IHRoaXMuYWxidW0ubGVuZ3RoIHx8IHJlT3JkZXIpIHtcclxuXHJcbiAgICAgICAgICAgIGNvbnN0IHByZUFsYnVtID0gYXdhaXQgUHJvbWlzZS5hbGwoZmlsZXMubWFwKGFzeW5jIChmaWxlOiBGaWxlUG9uZEZpbGUpID0+IHtcclxuICAgICAgICAgICAgICAgIGxldCBmaWxlVXJsOiBzdHJpbmc7XHJcblxyXG4gICAgICAgICAgICAgICAgaWYgKGZpbGUuc291cmNlIGluc3RhbmNlb2YgRmlsZSkge1xyXG4gICAgICAgICAgICAgICAgICAgIGZpbGVVcmwgPSBhd2FpdCB0aGlzLnJlYWRGaWxlQXN5bmMoZmlsZS5zb3VyY2UpO1xyXG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBmaWxlVXJsID0gZmlsZS5zb3VyY2UudG9TdHJpbmcoKTtcclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHNyYzogZmlsZVVybCxcclxuICAgICAgICAgICAgICAgICAgICBjYXB0aW9uOiBmaWxlLmZpbGVuYW1lV2l0aG91dEV4dGVuc2lvbixcclxuICAgICAgICAgICAgICAgICAgICB0aHVtYjogJydcclxuICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIH0pKTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuYWxidW0gPSBwcmVBbGJ1bTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmVhZEZpbGVBc3luYyhmaWxlOiBGaWxlKTogUHJvbWlzZTxzdHJpbmc+IHtcclxuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUpID0+IHtcclxuICAgICAgICAgICAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcclxuICAgICAgICAgICAgcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XHJcbiAgICAgICAgICAgIHJlYWRlci5vbmxvYWQgPSAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhVXJsID0gcmVhZGVyLnJlc3VsdDtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGZpbGVVcmwgPSBkYXRhVXJsLnRvU3RyaW5nKCk7XHJcbiAgICAgICAgICAgICAgICByZXNvbHZlKGZpbGVVcmwpO1xyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG59XHJcbiIsIjwhLS0gYXBwLmNvbXBvbmVudC5odG1sIC0tPlxyXG48ZmlsZS1wb25kXHJcbiAgI215UG9uZFxyXG4gIG5hbWU9J1VwbG9hZEZvcm1baW1hZ2VtXVtdJ1xyXG4gIFtvcHRpb25zXT1cInBvbmRPcHRpb25zXCJcclxuICAob25pbml0KT1cInBvbmRIYW5kbGVJbml0KClcIlxyXG4gIFtmaWxlc109XCJwb25kRmlsZXNcIlxyXG4gIChvbmFkZGZpbGUpPVwicG9uZEhhbmRsZUFkZEZpbGUoJGV2ZW50KVwiXHJcbiAgKG9udXBkYXRlZmlsZXMpPVwicG9uZEhhbmRsZVVwZGF0ZSgkZXZlbnQpXCJcclxuICAob25hY3RpdmF0ZWZpbGUpPVwicG9uZEhhbmRsZUFjdGl2YXRlRmlsZSgkZXZlbnQpXCJcclxuICAob25yZW1vdmVmaWxlKT1cInBvbmRIYW5kbGVSZW1vdmUoJGV2ZW50KVwiXHJcbiAgKG9ucmVvcmRlcmZpbGVzKT1cIm9uUmVvcmRlckZpbGVzKCRldmVudClcIlxyXG4gIChvbndhcm5pbmcpPVwid2FybmluZygkZXZlbnQpXCJcclxuLz5cclxuIl19
@@ -0,0 +1,41 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { UiUploadOrderComponent } from './ui-upload-order.component';
3
+ import { CommonModule } from '@angular/common';
4
+ import { LightboxModule } from 'ngx-lightbox';
5
+ // import filepond module
6
+ import { FilePondModule, registerPlugin } from "ngx-filepond";
7
+ // import and register filepond plugins
8
+ import * as FilePondPluginFileValidateType from "filepond-plugin-file-validate-type";
9
+ import * as FilePondPluginImagePreview from 'filepond-plugin-image-preview';
10
+ import * as FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';
11
+ import * as FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';
12
+ import * as FilePondPluginImageCrop from 'filepond-plugin-image-crop';
13
+ import * as FilePondPluginImageResize from 'filepond-plugin-image-resize';
14
+ import * as i0 from "@angular/core";
15
+ registerPlugin(FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageExifOrientation, FilePondPluginFileValidateSize, FilePondPluginImageCrop, FilePondPluginImageResize);
16
+ export class UiUploadOrderModule {
17
+ }
18
+ UiUploadOrderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
19
+ UiUploadOrderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, declarations: [UiUploadOrderComponent], imports: [CommonModule,
20
+ FilePondModule,
21
+ LightboxModule], exports: [UiUploadOrderComponent] });
22
+ UiUploadOrderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, imports: [CommonModule,
23
+ FilePondModule,
24
+ LightboxModule] });
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, decorators: [{
26
+ type: NgModule,
27
+ args: [{
28
+ declarations: [
29
+ UiUploadOrderComponent
30
+ ],
31
+ imports: [
32
+ CommonModule,
33
+ FilePondModule,
34
+ LightboxModule
35
+ ],
36
+ exports: [
37
+ UiUploadOrderComponent
38
+ ]
39
+ }]
40
+ }] });
41
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdXBsb2FkLW9yZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLXVwbG9hZC1vcmRlci9zcmMvbGliL3VpLXVwbG9hZC1vcmRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5Qyx5QkFBeUI7QUFDekIsT0FBTyxFQUFFLGNBQWMsRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUQsdUNBQXVDO0FBQ3ZDLE9BQU8sS0FBSyw4QkFBOEIsTUFBTSxvQ0FBb0MsQ0FBQztBQUNyRixPQUFPLEtBQUssMEJBQTBCLE1BQU0sK0JBQStCLENBQUM7QUFDNUUsT0FBTyxLQUFLLGtDQUFrQyxNQUFNLHdDQUF3QyxDQUFDO0FBQzdGLE9BQU8sS0FBSyw4QkFBOEIsTUFBTSxvQ0FBb0MsQ0FBQztBQUNyRixPQUFPLEtBQUssdUJBQXVCLE1BQU0sNEJBQTRCLENBQUM7QUFDdEUsT0FBTyxLQUFLLHlCQUF5QixNQUFNLDhCQUE4QixDQUFDOztBQUUxRSxjQUFjLENBQ1YsOEJBQThCLEVBQzlCLDBCQUEwQixFQUMxQixrQ0FBa0MsRUFDbEMsOEJBQThCLEVBQzlCLHVCQUF1QixFQUN2Qix5QkFBeUIsQ0FDNUIsQ0FBQztBQWVGLE1BQU0sT0FBTyxtQkFBbUI7O2lIQUFuQixtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkFYeEIsc0JBQXNCLGFBR3RCLFlBQVk7UUFDWixjQUFjO1FBQ2QsY0FBYyxhQUdkLHNCQUFzQjtrSEFHakIsbUJBQW1CLFlBUnhCLFlBQVk7UUFDWixjQUFjO1FBQ2QsY0FBYzs0RkFNVCxtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLHNCQUFzQjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsc0JBQXNCO3FCQUN6QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVpVXBsb2FkT3JkZXJDb21wb25lbnQgfSBmcm9tICcuL3VpLXVwbG9hZC1vcmRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBMaWdodGJveE1vZHVsZSB9IGZyb20gJ25neC1saWdodGJveCc7XHJcblxyXG4vLyBpbXBvcnQgZmlsZXBvbmQgbW9kdWxlXHJcbmltcG9ydCB7IEZpbGVQb25kTW9kdWxlLCByZWdpc3RlclBsdWdpbiB9IGZyb20gXCJuZ3gtZmlsZXBvbmRcIjtcclxuXHJcbi8vIGltcG9ydCBhbmQgcmVnaXN0ZXIgZmlsZXBvbmQgcGx1Z2luc1xyXG5pbXBvcnQgKiBhcyBGaWxlUG9uZFBsdWdpbkZpbGVWYWxpZGF0ZVR5cGUgZnJvbSBcImZpbGVwb25kLXBsdWdpbi1maWxlLXZhbGlkYXRlLXR5cGVcIjtcclxuaW1wb3J0ICogYXMgRmlsZVBvbmRQbHVnaW5JbWFnZVByZXZpZXcgZnJvbSAnZmlsZXBvbmQtcGx1Z2luLWltYWdlLXByZXZpZXcnO1xyXG5pbXBvcnQgKiBhcyBGaWxlUG9uZFBsdWdpbkltYWdlRXhpZk9yaWVudGF0aW9uIGZyb20gJ2ZpbGVwb25kLXBsdWdpbi1pbWFnZS1leGlmLW9yaWVudGF0aW9uJztcclxuaW1wb3J0ICogYXMgRmlsZVBvbmRQbHVnaW5GaWxlVmFsaWRhdGVTaXplIGZyb20gJ2ZpbGVwb25kLXBsdWdpbi1maWxlLXZhbGlkYXRlLXNpemUnO1xyXG5pbXBvcnQgKiBhcyBGaWxlUG9uZFBsdWdpbkltYWdlQ3JvcCBmcm9tICdmaWxlcG9uZC1wbHVnaW4taW1hZ2UtY3JvcCc7XHJcbmltcG9ydCAqIGFzIEZpbGVQb25kUGx1Z2luSW1hZ2VSZXNpemUgZnJvbSAnZmlsZXBvbmQtcGx1Z2luLWltYWdlLXJlc2l6ZSc7XHJcblxyXG5yZWdpc3RlclBsdWdpbihcclxuICAgIEZpbGVQb25kUGx1Z2luRmlsZVZhbGlkYXRlVHlwZSxcclxuICAgIEZpbGVQb25kUGx1Z2luSW1hZ2VQcmV2aWV3LFxyXG4gICAgRmlsZVBvbmRQbHVnaW5JbWFnZUV4aWZPcmllbnRhdGlvbixcclxuICAgIEZpbGVQb25kUGx1Z2luRmlsZVZhbGlkYXRlU2l6ZSxcclxuICAgIEZpbGVQb25kUGx1Z2luSW1hZ2VDcm9wLFxyXG4gICAgRmlsZVBvbmRQbHVnaW5JbWFnZVJlc2l6ZVxyXG4pO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogW1xyXG4gICAgICAgIFVpVXBsb2FkT3JkZXJDb21wb25lbnRcclxuICAgIF0sXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIEZpbGVQb25kTW9kdWxlLFxyXG4gICAgICAgIExpZ2h0Ym94TW9kdWxlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIFVpVXBsb2FkT3JkZXJDb21wb25lbnRcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFVpVXBsb2FkT3JkZXJNb2R1bGUgeyB9XHJcbiJdfQ==
@@ -0,0 +1,6 @@
1
+ /*
2
+ * Public API Surface of ui-upload-order
3
+ */
4
+ export * from './lib/ui-upload-order.component';
5
+ export * from './lib/ui-upload-order.module';
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpLXVwbG9hZC1vcmRlci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB1aS11cGxvYWQtb3JkZXJcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS11cGxvYWQtb3JkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdWktdXBsb2FkLW9yZGVyLm1vZHVsZSc7XHJcbiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdXBsb2FkLW9yZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdWktdXBsb2FkLW9yZGVyL3NyYy91aS11cGxvYWQtb3JkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWl0ZWMtbmctdXBsb2FkLW9yZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdWktdXBsb2FkLW9yZGVyL3NyYy91aXRlYy1uZy11cGxvYWQtb3JkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWl0ZWMtdXBsb2FkLW9yZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdWktdXBsb2FkLW9yZGVyL3NyYy91aXRlYy11cGxvYWQtb3JkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
@@ -0,0 +1,201 @@
1
+ import { __awaiter } from 'tslib';
2
+ import * as i0 from '@angular/core';
3
+ import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
4
+ import * as i1 from 'ngx-lightbox';
5
+ import { LightboxModule } from 'ngx-lightbox';
6
+ import * as i2 from 'ngx-filepond';
7
+ import { registerPlugin, FilePondModule } from 'ngx-filepond';
8
+ import { CommonModule } from '@angular/common';
9
+ import * as FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
10
+ import * as FilePondPluginImagePreview from 'filepond-plugin-image-preview';
11
+ import * as FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';
12
+ import * as FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';
13
+ import * as FilePondPluginImageCrop from 'filepond-plugin-image-crop';
14
+ import * as FilePondPluginImageResize from 'filepond-plugin-image-resize';
15
+
16
+ class UiUploadOrderComponent {
17
+ constructor(_lightbox) {
18
+ this._lightbox = _lightbox;
19
+ this.multiple = true;
20
+ this.maxFiles = 6;
21
+ this.onRemove = new EventEmitter();
22
+ this.onAdded = new EventEmitter();
23
+ this.onActivate = new EventEmitter();
24
+ this.onInit = new EventEmitter();
25
+ this.onMaxReached = new EventEmitter();
26
+ this.onReOrder = new EventEmitter();
27
+ this.pondOptions = {
28
+ allowMultiple: this.multiple,
29
+ labelIdle: 'Arraste seus arquivos<br>ou<br><span class="filepond--label-action">Clique aqui</span> para selecionar',
30
+ allowReorder: true,
31
+ maxFiles: this.maxFiles,
32
+ acceptedFileTypes: ['image/*'],
33
+ instantUpload: true,
34
+ dropValidation: true,
35
+ iconRemove: '<img src="assets/icons/delete_forever.svg" alt="SVG Icon">',
36
+ styleButtonRemoveItemPosition: 'right',
37
+ imageResizeMode: 'contain',
38
+ styleItemPanelAspectRatio: '0.75',
39
+ itemInsertLocation: 'after',
40
+ server: {
41
+ process: {
42
+ url: 'https://upload.uishop.com.br/imagem/upload?id=7737&bucket=hom-produto&path=12510&name=Egito', //this.url
43
+ },
44
+ load: (source, load, error, progress, abort, headers) => {
45
+ var myRequest = new Request(source);
46
+ fetch(myRequest).then(response => {
47
+ response.blob().then(myBlob => {
48
+ load(myBlob);
49
+ });
50
+ }).catch(error => {
51
+ console.log('ERROR: ', error);
52
+ });
53
+ },
54
+ },
55
+ };
56
+ this.pondFiles = [];
57
+ this.album = [];
58
+ }
59
+ ngOnInit() {
60
+ if (this.initialFiles) {
61
+ this.pondFiles = this.initialFiles.map((item) => {
62
+ return {
63
+ source: item,
64
+ options: {
65
+ type: 'local',
66
+ },
67
+ };
68
+ });
69
+ }
70
+ }
71
+ pondHandleInit() {
72
+ this.onInit.emit(this.pondFiles);
73
+ }
74
+ pondHandleAddFile(event) {
75
+ this.onAdded.emit(event.file);
76
+ }
77
+ pondHandleActivateFile(event) {
78
+ this.onActivate.emit(event.file);
79
+ this.openLightBox(event.file.filenameWithoutExtension);
80
+ }
81
+ pondHandleUpdate(event) {
82
+ this.fillAlbum(event.items);
83
+ }
84
+ pondHandleRemove(event) {
85
+ this.onRemove.emit(event.file);
86
+ }
87
+ onReorderFiles(event) {
88
+ this.fillAlbum(event.items, true);
89
+ this.onReOrder.emit(event.items);
90
+ }
91
+ warning(event) {
92
+ if (event.error.code == 0) {
93
+ this.onMaxReached.emit(`Limite de Arquivos atingido. Você pode inserir um total de ${this.maxFiles} arquivos.`);
94
+ }
95
+ }
96
+ openLightBox(fileName) {
97
+ let index = this.album.map(function (e) { return e.caption; }).indexOf(fileName);
98
+ this._lightbox.open(this.album, index);
99
+ }
100
+ fillAlbum(files, reOrder) {
101
+ return __awaiter(this, void 0, void 0, function* () {
102
+ if (files.length !== this.album.length || reOrder) {
103
+ const preAlbum = yield Promise.all(files.map((file) => __awaiter(this, void 0, void 0, function* () {
104
+ let fileUrl;
105
+ if (file.source instanceof File) {
106
+ fileUrl = yield this.readFileAsync(file.source);
107
+ }
108
+ else {
109
+ fileUrl = file.source.toString();
110
+ }
111
+ return {
112
+ src: fileUrl,
113
+ caption: file.filenameWithoutExtension,
114
+ thumb: ''
115
+ };
116
+ })));
117
+ this.album = preAlbum;
118
+ }
119
+ });
120
+ }
121
+ readFileAsync(file) {
122
+ return new Promise((resolve) => {
123
+ const reader = new FileReader();
124
+ reader.readAsDataURL(file);
125
+ reader.onload = () => {
126
+ const dataUrl = reader.result;
127
+ const fileUrl = dataUrl.toString();
128
+ resolve(fileUrl);
129
+ };
130
+ });
131
+ }
132
+ }
133
+ UiUploadOrderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, deps: [{ token: i1.Lightbox }], target: i0.ɵɵFactoryTarget.Component });
134
+ UiUploadOrderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiUploadOrderComponent, selector: "ui-upload-order", inputs: { url: "url", uploadHandler: "uploadHandler", initialFiles: "initialFiles", multiple: "multiple", maxFiles: "maxFiles" }, outputs: { onRemove: "onRemove", onAdded: "onAdded", onActivate: "onActivate", onInit: "onInit", onMaxReached: "onMaxReached", onReOrder: "onReOrder" }, viewQueries: [{ propertyName: "myPond", first: true, predicate: ["myPond"], descendants: true }], ngImport: i0, template: "<!-- app.component.html -->\r\n<file-pond\r\n #myPond\r\n name='UploadForm[imagem][]'\r\n [options]=\"pondOptions\"\r\n (oninit)=\"pondHandleInit()\"\r\n [files]=\"pondFiles\"\r\n (onaddfile)=\"pondHandleAddFile($event)\"\r\n (onupdatefiles)=\"pondHandleUpdate($event)\"\r\n (onactivatefile)=\"pondHandleActivateFile($event)\"\r\n (onremovefile)=\"pondHandleRemove($event)\"\r\n (onreorderfiles)=\"onReorderFiles($event)\"\r\n (onwarning)=\"warning($event)\"\r\n/>\r\n", styles: [":host ::ng-deep .filepond--root .filepond--drop-label{height:128px}:host ::ng-deep .filepond--drop-label{color:#555}:host ::ng-deep .filepond--panel-root{background-color:#fff;border:1.5px solid rgba(173,181,189,.5019607843);border-style:dashed}:host ::ng-deep .filepond--image-preview-overlay{display:none}:host ::ng-deep .filepond--file-action-button{background-color:#f73264}:host ::ng-deep .filepond--list{margin-left:5%}@media (min-width: 30em){:host ::ng-deep .filepond--item{width:calc(40% - .5em)}}@media (min-width: 50em){:host ::ng-deep .filepond--item{width:calc(24% - .5em)}}\n"], dependencies: [{ kind: "component", type: i2.FilePondComponent, selector: "file-pond", inputs: ["options", "files"], outputs: ["oninit", "onwarning", "onerror", "oninitfile", "onactivatefile", "onaddfilestart", "onaddfileprogress", "onaddfile", "onprocessfilestart", "onprocessfileprogress", "onprocessfileabort", "onprocessfilerevert", "onprocessfile", "onprocessfiles", "onremovefile", "onpreparefile", "onupdatefiles", "onreorderfiles"] }] });
135
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, decorators: [{
136
+ type: Component,
137
+ args: [{ selector: 'ui-upload-order', template: "<!-- app.component.html -->\r\n<file-pond\r\n #myPond\r\n name='UploadForm[imagem][]'\r\n [options]=\"pondOptions\"\r\n (oninit)=\"pondHandleInit()\"\r\n [files]=\"pondFiles\"\r\n (onaddfile)=\"pondHandleAddFile($event)\"\r\n (onupdatefiles)=\"pondHandleUpdate($event)\"\r\n (onactivatefile)=\"pondHandleActivateFile($event)\"\r\n (onremovefile)=\"pondHandleRemove($event)\"\r\n (onreorderfiles)=\"onReorderFiles($event)\"\r\n (onwarning)=\"warning($event)\"\r\n/>\r\n", styles: [":host ::ng-deep .filepond--root .filepond--drop-label{height:128px}:host ::ng-deep .filepond--drop-label{color:#555}:host ::ng-deep .filepond--panel-root{background-color:#fff;border:1.5px solid rgba(173,181,189,.5019607843);border-style:dashed}:host ::ng-deep .filepond--image-preview-overlay{display:none}:host ::ng-deep .filepond--file-action-button{background-color:#f73264}:host ::ng-deep .filepond--list{margin-left:5%}@media (min-width: 30em){:host ::ng-deep .filepond--item{width:calc(40% - .5em)}}@media (min-width: 50em){:host ::ng-deep .filepond--item{width:calc(24% - .5em)}}\n"] }]
138
+ }], ctorParameters: function () { return [{ type: i1.Lightbox }]; }, propDecorators: { url: [{
139
+ type: Input
140
+ }], uploadHandler: [{
141
+ type: Input
142
+ }], initialFiles: [{
143
+ type: Input
144
+ }], multiple: [{
145
+ type: Input
146
+ }], maxFiles: [{
147
+ type: Input
148
+ }], onRemove: [{
149
+ type: Output
150
+ }], onAdded: [{
151
+ type: Output
152
+ }], onActivate: [{
153
+ type: Output
154
+ }], onInit: [{
155
+ type: Output
156
+ }], onMaxReached: [{
157
+ type: Output
158
+ }], onReOrder: [{
159
+ type: Output
160
+ }], myPond: [{
161
+ type: ViewChild,
162
+ args: ["myPond"]
163
+ }] } });
164
+
165
+ registerPlugin(FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageExifOrientation, FilePondPluginFileValidateSize, FilePondPluginImageCrop, FilePondPluginImageResize);
166
+ class UiUploadOrderModule {
167
+ }
168
+ UiUploadOrderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
169
+ UiUploadOrderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, declarations: [UiUploadOrderComponent], imports: [CommonModule,
170
+ FilePondModule,
171
+ LightboxModule], exports: [UiUploadOrderComponent] });
172
+ UiUploadOrderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, imports: [CommonModule,
173
+ FilePondModule,
174
+ LightboxModule] });
175
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, decorators: [{
176
+ type: NgModule,
177
+ args: [{
178
+ declarations: [
179
+ UiUploadOrderComponent
180
+ ],
181
+ imports: [
182
+ CommonModule,
183
+ FilePondModule,
184
+ LightboxModule
185
+ ],
186
+ exports: [
187
+ UiUploadOrderComponent
188
+ ]
189
+ }]
190
+ }] });
191
+
192
+ /*
193
+ * Public API Surface of ui-upload-order
194
+ */
195
+
196
+ /**
197
+ * Generated bundle index. Do not edit.
198
+ */
199
+
200
+ export { UiUploadOrderComponent, UiUploadOrderModule };
201
+ //# sourceMappingURL=ui-upload-order.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ui-upload-order.mjs","sources":["../../../projects/ui-upload-order/src/lib/ui-upload-order.component.ts","../../../projects/ui-upload-order/src/lib/ui-upload-order.component.html","../../../projects/ui-upload-order/src/lib/ui-upload-order.module.ts","../../../projects/ui-upload-order/src/public-api.ts","../../../projects/ui-upload-order/src/ui-upload-order.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild } from \"@angular/core\";\r\nimport { FilePondComponent, } from \"ngx-filepond\";\r\nimport { FilePondCallbackProps, FilePondFile, FilePondOptions } from \"filepond\";\r\nimport { IAlbum, Lightbox } from 'ngx-lightbox';\r\n\r\n@Component({\r\n selector: 'ui-upload-order',\r\n templateUrl: './ui-upload-order.component.html',\r\n styleUrls: ['./ui-upload-order.component.scss']\r\n})\r\nexport class UiUploadOrderComponent implements OnInit {\r\n @Input() url: string;\r\n @Input() uploadHandler: any;\r\n @Input() initialFiles: string[];\r\n @Input() multiple: boolean = true;\r\n @Input() maxFiles: number = 6;\r\n\r\n\r\n @Output() onRemove = new EventEmitter<FilePondFile>();\r\n @Output() onAdded = new EventEmitter<FilePondFile>();\r\n @Output() onActivate = new EventEmitter<FilePondFile>();\r\n @Output() onInit = new EventEmitter<FilePondOptions[\"files\"]>();\r\n @Output() onMaxReached = new EventEmitter<string>();\r\n @Output() onReOrder = new EventEmitter<FilePondFile[]>();\r\n\r\n @ViewChild(\"myPond\") myPond: FilePondComponent;\r\n\r\n constructor(private _lightbox: Lightbox) {\r\n\r\n }\r\n\r\n pondOptions: FilePondOptions = {\r\n allowMultiple: this.multiple,\r\n labelIdle: 'Arraste seus arquivos<br>ou<br><span class=\"filepond--label-action\">Clique aqui</span> para selecionar',\r\n allowReorder: true,\r\n maxFiles: this.maxFiles,\r\n acceptedFileTypes: ['image/*'],\r\n instantUpload: true,\r\n dropValidation: true,\r\n iconRemove: '<img src=\"assets/icons/delete_forever.svg\" alt=\"SVG Icon\">',\r\n styleButtonRemoveItemPosition: 'right',\r\n imageResizeMode: 'contain',\r\n styleItemPanelAspectRatio: '0.75',\r\n itemInsertLocation: 'after',\r\n server: {\r\n process: {\r\n url: 'https://upload.uishop.com.br/imagem/upload?id=7737&bucket=hom-produto&path=12510&name=Egito', //this.url\r\n },\r\n load: (source, load, error, progress, abort, headers) => {\r\n var myRequest = new Request(source);\r\n fetch(myRequest).then(response => {\r\n response.blob().then(myBlob => {\r\n load(myBlob)\r\n });\r\n }).catch(error => {\r\n console.log('ERROR: ', error)\r\n });\r\n },\r\n },\r\n\r\n };\r\n\r\n pondFiles: FilePondOptions[\"files\"] = [];\r\n\r\n public album: IAlbum[] = [];\r\n\r\n ngOnInit(): void {\r\n if (this.initialFiles) {\r\n this.pondFiles = this.initialFiles.map((item: string) => {\r\n return {\r\n source: item,\r\n options: {\r\n type: 'local',\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n pondHandleInit() {\r\n this.onInit.emit(this.pondFiles)\r\n }\r\n\r\n pondHandleAddFile(event: any) {\r\n this.onAdded.emit(event.file)\r\n }\r\n\r\n pondHandleActivateFile(event: any) {\r\n this.onActivate.emit(event.file)\r\n this.openLightBox(event.file.filenameWithoutExtension)\r\n\r\n }\r\n\r\n pondHandleUpdate(event: any) {\r\n this.fillAlbum(event.items)\r\n\r\n }\r\n\r\n pondHandleRemove(event: any) {\r\n this.onRemove.emit(event.file)\r\n }\r\n\r\n onReorderFiles(event: any) {\r\n this.fillAlbum(event.items, true)\r\n this.onReOrder.emit(event.items)\r\n }\r\n\r\n warning(event: any) {\r\n if (event.error.code == 0) {\r\n this.onMaxReached.emit(`Limite de Arquivos atingido. Você pode inserir um total de ${this.maxFiles} arquivos.`)\r\n }\r\n }\r\n\r\n openLightBox(fileName: string): void {\r\n let index = this.album.map(function (e) { return e.caption; }).indexOf(fileName);\r\n this._lightbox.open(this.album, index);\r\n }\r\n\r\n\r\n async fillAlbum(files: [], reOrder?: boolean) {\r\n if (files.length !== this.album.length || reOrder) {\r\n\r\n const preAlbum = await Promise.all(files.map(async (file: FilePondFile) => {\r\n let fileUrl: string;\r\n\r\n if (file.source instanceof File) {\r\n fileUrl = await this.readFileAsync(file.source);\r\n } else {\r\n fileUrl = file.source.toString();\r\n }\r\n\r\n return {\r\n src: fileUrl,\r\n caption: file.filenameWithoutExtension,\r\n thumb: ''\r\n };\r\n }));\r\n\r\n this.album = preAlbum;\r\n }\r\n }\r\n\r\n readFileAsync(file: File): Promise<string> {\r\n return new Promise((resolve) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => {\r\n const dataUrl = reader.result;\r\n const fileUrl = dataUrl.toString();\r\n resolve(fileUrl);\r\n };\r\n });\r\n }\r\n}\r\n","<!-- app.component.html -->\r\n<file-pond\r\n #myPond\r\n name='UploadForm[imagem][]'\r\n [options]=\"pondOptions\"\r\n (oninit)=\"pondHandleInit()\"\r\n [files]=\"pondFiles\"\r\n (onaddfile)=\"pondHandleAddFile($event)\"\r\n (onupdatefiles)=\"pondHandleUpdate($event)\"\r\n (onactivatefile)=\"pondHandleActivateFile($event)\"\r\n (onremovefile)=\"pondHandleRemove($event)\"\r\n (onreorderfiles)=\"onReorderFiles($event)\"\r\n (onwarning)=\"warning($event)\"\r\n/>\r\n","import { NgModule } from '@angular/core';\r\nimport { UiUploadOrderComponent } from './ui-upload-order.component';\r\nimport { CommonModule } from '@angular/common';\r\nimport { LightboxModule } from 'ngx-lightbox';\r\n\r\n// import filepond module\r\nimport { FilePondModule, registerPlugin } from \"ngx-filepond\";\r\n\r\n// import and register filepond plugins\r\nimport * as FilePondPluginFileValidateType from \"filepond-plugin-file-validate-type\";\r\nimport * as FilePondPluginImagePreview from 'filepond-plugin-image-preview';\r\nimport * as FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';\r\nimport * as FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';\r\nimport * as FilePondPluginImageCrop from 'filepond-plugin-image-crop';\r\nimport * as FilePondPluginImageResize from 'filepond-plugin-image-resize';\r\n\r\nregisterPlugin(\r\n FilePondPluginFileValidateType,\r\n FilePondPluginImagePreview,\r\n FilePondPluginImageExifOrientation,\r\n FilePondPluginFileValidateSize,\r\n FilePondPluginImageCrop,\r\n FilePondPluginImageResize\r\n);\r\n\r\n@NgModule({\r\n declarations: [\r\n UiUploadOrderComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n FilePondModule,\r\n LightboxModule\r\n ],\r\n exports: [\r\n UiUploadOrderComponent\r\n ]\r\n})\r\nexport class UiUploadOrderModule { }\r\n","/*\r\n * Public API Surface of ui-upload-order\r\n */\r\n\r\nexport * from './lib/ui-upload-order.component';\r\nexport * from './lib/ui-upload-order.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}