uitec-ng-upload-order 1.0.0

package/fesm2020/ui-upload-order.mjs

@@ -0,0 +1,198 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i2 from 'ngx-filepond';
+import { registerPlugin, FilePondModule } from 'ngx-filepond';
+import * as i1 from 'ngx-lightbox';
+import { LightboxModule } from 'ngx-lightbox';
+import { CommonModule } from '@angular/common';
+import * as FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
+import * as FilePondPluginImagePreview from 'filepond-plugin-image-preview';
+import * as FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';
+import * as FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';
+import * as FilePondPluginImageCrop from 'filepond-plugin-image-crop';
+import * as FilePondPluginImageResize from 'filepond-plugin-image-resize';
+
+class UiUploadOrderComponent {
+    constructor(_lightbox) {
+        this._lightbox = _lightbox;
+        this.multiple = true;
+        this.maxFiles = 6;
+        this.onRemove = new EventEmitter();
+        this.onAdded = new EventEmitter();
+        this.onActivate = new EventEmitter();
+        this.onInit = new EventEmitter();
+        this.onMaxReached = new EventEmitter();
+        this.onReOrder = new EventEmitter();
+        this.pondOptions = {
+            allowMultiple: this.multiple,
+            labelIdle: 'Arraste seus arquivos<br>ou<br><span class="filepond--label-action">Clique aqui</span> para selecionar',
+            allowReorder: true,
+            maxFiles: this.maxFiles,
+            acceptedFileTypes: ['image/*'],
+            instantUpload: true,
+            dropValidation: true,
+            iconRemove: '<img src="assets/icons/delete_forever.svg" alt="SVG Icon">',
+            styleButtonRemoveItemPosition: 'right',
+            imageResizeMode: 'contain',
+            styleItemPanelAspectRatio: '0.75',
+            itemInsertLocation: 'after',
+            server: {
+                process: {
+                    url: 'https://upload.uishop.com.br/imagem/upload?id=7737&bucket=hom-produto&path=12510&name=Egito', //this.url
+                },
+                load: (source, load, error, progress, abort, headers) => {
+                    var myRequest = new Request(source);
+                    fetch(myRequest).then(response => {
+                        response.blob().then(myBlob => {
+                            load(myBlob);
+                        });
+                    }).catch(error => {
+                        console.log('ERROR: ', error);
+                    });
+                },
+            },
+        };
+        this.pondFiles = [];
+        this.album = [];
+    }
+    ngOnInit() {
+        if (this.initialFiles) {
+            this.pondFiles = this.initialFiles.map((item) => {
+                return {
+                    source: item,
+                    options: {
+                        type: 'local',
+                    },
+                };
+            });
+        }
+    }
+    pondHandleInit() {
+        this.onInit.emit(this.pondFiles);
+    }
+    pondHandleAddFile(event) {
+        this.onAdded.emit(event.file);
+    }
+    pondHandleActivateFile(event) {
+        this.onActivate.emit(event.file);
+        this.openLightBox(event.file.filenameWithoutExtension);
+    }
+    pondHandleUpdate(event) {
+        this.fillAlbum(event.items);
+    }
+    pondHandleRemove(event) {
+        this.onRemove.emit(event.file);
+    }
+    onReorderFiles(event) {
+        this.fillAlbum(event.items, true);
+        this.onReOrder.emit(event.items);
+    }
+    warning(event) {
+        if (event.error.code == 0) {
+            this.onMaxReached.emit(`Limite de Arquivos atingido. Você pode inserir um total de ${this.maxFiles} arquivos.`);
+        }
+    }
+    openLightBox(fileName) {
+        let index = this.album.map(function (e) { return e.caption; }).indexOf(fileName);
+        this._lightbox.open(this.album, index);
+    }
+    async fillAlbum(files, reOrder) {
+        if (files.length !== this.album.length || reOrder) {
+            const preAlbum = await Promise.all(files.map(async (file) => {
+                let fileUrl;
+                if (file.source instanceof File) {
+                    fileUrl = await this.readFileAsync(file.source);
+                }
+                else {
+                    fileUrl = file.source.toString();
+                }
+                return {
+                    src: fileUrl,
+                    caption: file.filenameWithoutExtension,
+                    thumb: ''
+                };
+            }));
+            this.album = preAlbum;
+        }
+    }
+    readFileAsync(file) {
+        return new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                const dataUrl = reader.result;
+                const fileUrl = dataUrl.toString();
+                resolve(fileUrl);
+            };
+        });
+    }
+}
+UiUploadOrderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, deps: [{ token: i1.Lightbox }], target: i0.ɵɵFactoryTarget.Component });
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i1.Lightbox }]; }, propDecorators: { url: [{
+                type: Input
+            }], uploadHandler: [{
+                type: Input
+            }], initialFiles: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], maxFiles: [{
+                type: Input
+            }], onRemove: [{
+                type: Output
+            }], onAdded: [{
+                type: Output
+            }], onActivate: [{
+                type: Output
+            }], onInit: [{
+                type: Output
+            }], onMaxReached: [{
+                type: Output
+            }], onReOrder: [{
+                type: Output
+            }], myPond: [{
+                type: ViewChild,
+                args: ["myPond"]
+            }] } });
+
+registerPlugin(FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageExifOrientation, FilePondPluginFileValidateSize, FilePondPluginImageCrop, FilePondPluginImageResize);
+class UiUploadOrderModule {
+}
+UiUploadOrderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UiUploadOrderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, declarations: [UiUploadOrderComponent], imports: [CommonModule,
+        FilePondModule,
+        LightboxModule], exports: [UiUploadOrderComponent] });
+UiUploadOrderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, imports: [CommonModule,
+        FilePondModule,
+        LightboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UiUploadOrderComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FilePondModule,
+                        LightboxModule
+                    ],
+                    exports: [
+                        UiUploadOrderComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ui-upload-order
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UiUploadOrderComponent, UiUploadOrderModule };
+//# sourceMappingURL=ui-upload-order.mjs.map

package/fesm2020/ui-upload-order.mjs.map

@@ -0,0 +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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"}

package/fesm2020/uitec-ng-upload-order.mjs

@@ -0,0 +1,198 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i2 from 'ngx-filepond';
+import { registerPlugin, FilePondModule } from 'ngx-filepond';
+import * as i1 from 'ngx-lightbox';
+import { LightboxModule } from 'ngx-lightbox';
+import { CommonModule } from '@angular/common';
+import * as FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
+import * as FilePondPluginImagePreview from 'filepond-plugin-image-preview';
+import * as FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';
+import * as FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';
+import * as FilePondPluginImageCrop from 'filepond-plugin-image-crop';
+import * as FilePondPluginImageResize from 'filepond-plugin-image-resize';
+
+class UiUploadOrderComponent {
+    constructor(_lightbox) {
+        this._lightbox = _lightbox;
+        this.multiple = true;
+        this.maxFiles = 6;
+        this.onRemove = new EventEmitter();
+        this.onAdded = new EventEmitter();
+        this.onActivate = new EventEmitter();
+        this.onInit = new EventEmitter();
+        this.onMaxReached = new EventEmitter();
+        this.onReOrder = new EventEmitter();
+        this.pondOptions = {
+            allowMultiple: this.multiple,
+            labelIdle: 'Arraste seus arquivos<br>ou<br><span class="filepond--label-action">Clique aqui</span> para selecionar',
+            allowReorder: true,
+            maxFiles: this.maxFiles,
+            acceptedFileTypes: ['image/*'],
+            instantUpload: true,
+            dropValidation: true,
+            iconRemove: '<img src="assets/icons/delete_forever.svg" alt="SVG Icon">',
+            styleButtonRemoveItemPosition: 'right',
+            imageResizeMode: 'contain',
+            styleItemPanelAspectRatio: '0.75',
+            itemInsertLocation: 'after',
+            server: {
+                process: {
+                    url: 'https://upload.uishop.com.br/imagem/upload?id=7737&bucket=hom-produto&path=12510&name=Egito', //this.url
+                },
+                load: (source, load, error, progress, abort, headers) => {
+                    var myRequest = new Request(source);
+                    fetch(myRequest).then(response => {
+                        response.blob().then(myBlob => {
+                            load(myBlob);
+                        });
+                    }).catch(error => {
+                        console.log('ERROR: ', error);
+                    });
+                },
+            },
+        };
+        this.pondFiles = [];
+        this.album = [];
+    }
+    ngOnInit() {
+        if (this.initialFiles) {
+            this.pondFiles = this.initialFiles.map((item) => {
+                return {
+                    source: item,
+                    options: {
+                        type: 'local',
+                    },
+                };
+            });
+        }
+    }
+    pondHandleInit() {
+        this.onInit.emit(this.pondFiles);
+    }
+    pondHandleAddFile(event) {
+        this.onAdded.emit(event.file);
+    }
+    pondHandleActivateFile(event) {
+        this.onActivate.emit(event.file);
+        this.openLightBox(event.file.filenameWithoutExtension);
+    }
+    pondHandleUpdate(event) {
+        this.fillAlbum(event.items);
+    }
+    pondHandleRemove(event) {
+        this.onRemove.emit(event.file);
+    }
+    onReorderFiles(event) {
+        this.fillAlbum(event.items, true);
+        this.onReOrder.emit(event.items);
+    }
+    warning(event) {
+        if (event.error.code == 0) {
+            this.onMaxReached.emit(`Limite de Arquivos atingido. Você pode inserir um total de ${this.maxFiles} arquivos.`);
+        }
+    }
+    openLightBox(fileName) {
+        let index = this.album.map(function (e) { return e.caption; }).indexOf(fileName);
+        this._lightbox.open(this.album, index);
+    }
+    async fillAlbum(files, reOrder) {
+        if (files.length !== this.album.length || reOrder) {
+            const preAlbum = await Promise.all(files.map(async (file) => {
+                let fileUrl;
+                if (file.source instanceof File) {
+                    fileUrl = await this.readFileAsync(file.source);
+                }
+                else {
+                    fileUrl = file.source.toString();
+                }
+                return {
+                    src: fileUrl,
+                    caption: file.filenameWithoutExtension,
+                    thumb: ''
+                };
+            }));
+            this.album = preAlbum;
+        }
+    }
+    readFileAsync(file) {
+        return new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                const dataUrl = reader.result;
+                const fileUrl = dataUrl.toString();
+                resolve(fileUrl);
+            };
+        });
+    }
+}
+UiUploadOrderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, deps: [{ token: i1.Lightbox }], target: i0.ɵɵFactoryTarget.Component });
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i1.Lightbox }]; }, propDecorators: { url: [{
+                type: Input
+            }], uploadHandler: [{
+                type: Input
+            }], initialFiles: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], maxFiles: [{
+                type: Input
+            }], onRemove: [{
+                type: Output
+            }], onAdded: [{
+                type: Output
+            }], onActivate: [{
+                type: Output
+            }], onInit: [{
+                type: Output
+            }], onMaxReached: [{
+                type: Output
+            }], onReOrder: [{
+                type: Output
+            }], myPond: [{
+                type: ViewChild,
+                args: ["myPond"]
+            }] } });
+
+registerPlugin(FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageExifOrientation, FilePondPluginFileValidateSize, FilePondPluginImageCrop, FilePondPluginImageResize);
+class UiUploadOrderModule {
+}
+UiUploadOrderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UiUploadOrderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, declarations: [UiUploadOrderComponent], imports: [CommonModule,
+        FilePondModule,
+        LightboxModule], exports: [UiUploadOrderComponent] });
+UiUploadOrderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, imports: [CommonModule,
+        FilePondModule,
+        LightboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiUploadOrderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UiUploadOrderComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FilePondModule,
+                        LightboxModule
+                    ],
+                    exports: [
+                        UiUploadOrderComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ui-upload-order
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UiUploadOrderComponent, UiUploadOrderModule };
+//# sourceMappingURL=uitec-ng-upload-order.mjs.map

package/fesm2020/uitec-ng-upload-order.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uitec-ng-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/uitec-ng-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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"}