@dealpos-npm/ng-dealpos-library 3.1.0 → 3.2.0

package/components/uppy-file-upload/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@dealpos-npm/ng-dealpos-library/components/uppy-file-upload" />
+export * from './public-api';

package/components/uppy-file-upload/public-api.d.ts

@@ -0,0 +1 @@
+export * from "./src/uppy.component";

package/components/uppy-file-upload/src/uppy.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { HttpService } from '@dealpos-npm/ng-dealpos-library/services/http';
+import { Uppy } from '@uppy/core';
+import * as i0 from "@angular/core";
+export declare class UppyComponent {
+    sampleUrl: string;
+    showSample: boolean;
+    uppyCoreConfiguration: import("@angular/core").InputSignal<any>;
+    dashboardPropsConfiguration: import("@angular/core").InputSignal<any>;
+    fileUploaded: EventEmitter<Blob | File>;
+    http: HttpService;
+    uppy: Uppy;
+    dashboardProps: {
+        hideUploadButton: boolean;
+        width: number;
+        height: number;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UppyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UppyComponent, "POS-uppy", never, { "sampleUrl": { "alias": "sampleUrl"; "required": false; }; "uppyCoreConfiguration": { "alias": "uppyCoreConfiguration"; "required": false; "isSignal": true; }; "dashboardPropsConfiguration": { "alias": "dashboardPropsConfiguration"; "required": false; "isSignal": true; }; }, { "fileUploaded": "fileUploaded"; }, never, never, true, never>;
+}

package/esm2022/components/uppy-file-upload/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVhbHBvcy1ucG0tbmctZGVhbHBvcy1saWJyYXJ5LWNvbXBvbmVudHMtdXBweS1maWxlLXVwbG9hZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RlYWxwb3MtbnBtL25nLWRlYWxwb3MtbGlicmFyeS9jb21wb25lbnRzL3VwcHktZmlsZS11cGxvYWQvZGVhbHBvcy1ucG0tbmctZGVhbHBvcy1saWJyYXJ5LWNvbXBvbmVudHMtdXBweS1maWxlLXVwbG9hZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/components/uppy-file-upload/public-api.mjs

@@ -0,0 +1,2 @@
+export * from "./src/uppy.component";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RlYWxwb3MtbnBtL25nLWRlYWxwb3MtbGlicmFyeS9jb21wb25lbnRzL3VwcHktZmlsZS11cGxvYWQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vc3JjL3VwcHkuY29tcG9uZW50XCI7Il19

package/esm2022/components/uppy-file-upload/src/uppy.component.mjs

@@ -0,0 +1,53 @@
+import { CommonModule } from '@angular/common';
+import { Component, effect, EventEmitter, inject, input, Input, Output } from '@angular/core';
+import { HttpService } from '@dealpos-npm/ng-dealpos-library/services/http';
+import { UppyAngularDashboardModule } from '@uppy/angular';
+import { Uppy } from '@uppy/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@uppy/angular";
+import * as i2 from "@angular/common";
+export class UppyComponent {
+    constructor() {
+        this.sampleUrl = '';
+        this.showSample = true;
+        this.uppyCoreConfiguration = input();
+        this.dashboardPropsConfiguration = input();
+        this.fileUploaded = new EventEmitter();
+        this.http = inject(HttpService);
+        this.uppy = new Uppy({
+            debug: true,
+            autoProceed: true,
+            allowMultipleUploadBatches: false,
+            restrictions: {
+                allowedFileTypes: ['.csv'],
+                maxTotalFileSize: 1000000
+            }
+        });
+        this.dashboardProps = {
+            hideUploadButton: true,
+            width: 580,
+            height: 400
+        };
+        effect(() => this.uppy.setOptions({ ...this.uppyCoreConfiguration() }));
+        effect(() => this.dashboardProps = ({ ...this.dashboardProps, ...this.dashboardPropsConfiguration() }));
+        this.uppy.on('upload', (_, uppyFiles) => {
+            const file = uppyFiles[0]?.data;
+            this.showSample = false;
+            this.fileUploaded.emit(file);
+        });
+        this.uppy.on('file-removed', (file) => {
+            this.showSample = true;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UppyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: UppyComponent, isStandalone: true, selector: "POS-uppy", inputs: { sampleUrl: { classPropertyName: "sampleUrl", publicName: "sampleUrl", isSignal: false, isRequired: false, transformFunction: null }, uppyCoreConfiguration: { classPropertyName: "uppyCoreConfiguration", publicName: "uppyCoreConfiguration", isSignal: true, isRequired: false, transformFunction: null }, dashboardPropsConfiguration: { classPropertyName: "dashboardPropsConfiguration", publicName: "dashboardPropsConfiguration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileUploaded: "fileUploaded" }, ngImport: i0, template: "<div class=\"position-relative\">\r\n    <uppy-dashboard [uppy]=\"uppy\" [props]=\"dashboardProps\"> </uppy-dashboard>\r\n    <a *ngIf=\"sampleUrl && showSample\" class=\"sample position-absolute\" role=\"button\" [href]=\"sampleUrl\">\r\n        <i class=\"fa-solid fa-download ms-3\"></i> Download Template\r\n    </a>\r\n</div>", styles: ["::ng-deep .uppy-Dashboard-AddFiles-info{display:none!important}.sample{top:53%;left:calc(50% - 63.5px)}\n"], dependencies: [{ kind: "ngmodule", type: UppyAngularDashboardModule }, { kind: "component", type: i1.DashboardComponent, selector: "uppy-dashboard", inputs: ["uppy", "props"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UppyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'POS-uppy', standalone: true, imports: [UppyAngularDashboardModule, CommonModule], template: "<div class=\"position-relative\">\r\n    <uppy-dashboard [uppy]=\"uppy\" [props]=\"dashboardProps\"> </uppy-dashboard>\r\n    <a *ngIf=\"sampleUrl && showSample\" class=\"sample position-absolute\" role=\"button\" [href]=\"sampleUrl\">\r\n        <i class=\"fa-solid fa-download ms-3\"></i> Download Template\r\n    </a>\r\n</div>", styles: ["::ng-deep .uppy-Dashboard-AddFiles-info{display:none!important}.sample{top:53%;left:calc(50% - 63.5px)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sampleUrl: [{
+                type: Input
+            }], fileUploaded: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBweS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZWFscG9zLW5wbS9uZy1kZWFscG9zLWxpYnJhcnkvY29tcG9uZW50cy91cHB5LWZpbGUtdXBsb2FkL3NyYy91cHB5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RlYWxwb3MtbnBtL25nLWRlYWxwb3MtbGlicmFyeS9jb21wb25lbnRzL3VwcHktZmlsZS11cGxvYWQvc3JjL3VwcHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7O0FBU2xDLE1BQU0sT0FBTyxhQUFhO0lBeUJ4QjtRQXhCUyxjQUFTLEdBQVcsRUFBRSxDQUFBO1FBQy9CLGVBQVUsR0FBWSxJQUFJLENBQUE7UUFDMUIsMEJBQXFCLEdBQUcsS0FBSyxFQUFPLENBQUM7UUFDckMsZ0NBQTJCLEdBQUcsS0FBSyxFQUFPLENBQUM7UUFDakMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFBO1FBRXhELFNBQUksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUE7UUFFMUIsU0FBSSxHQUFTLElBQUksSUFBSSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxJQUFJO1lBQ1gsV0FBVyxFQUFFLElBQUk7WUFDakIsMEJBQTBCLEVBQUUsS0FBSztZQUNqQyxZQUFZLEVBQUU7Z0JBQ1osZ0JBQWdCLEVBQUUsQ0FBQyxNQUFNLENBQUM7Z0JBQzFCLGdCQUFnQixFQUFFLE9BQU87YUFDMUI7U0FDRixDQUFDLENBQUM7UUFFSCxtQkFBYyxHQUFHO1lBQ2YsZ0JBQWdCLEVBQUUsSUFBSTtZQUN0QixLQUFLLEVBQUUsR0FBRztZQUNWLE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQTtRQUdDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFDLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEVBQUMsQ0FBQyxDQUFDLENBQUE7UUFDckUsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxFQUFDLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLElBQUksQ0FBQywyQkFBMkIsRUFBRSxFQUFDLENBQUMsQ0FBQyxDQUFBO1FBRXJHLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRTtZQUN0QyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFBO1lBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFBO1lBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQzlCLENBQUMsQ0FBQyxDQUFBO1FBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsY0FBYyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDcEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUE7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXRDVSxhQUFhO2tHQUFiLGFBQWEsa21CQ2IxQiw0VUFLTSxrS0RJTSwwQkFBMEIseUlBQUUsWUFBWTs7MkZBSXZDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLDBCQUEwQixFQUFFLFlBQVksQ0FBQzt3REFLMUMsU0FBUztzQkFBakIsS0FBSztnQkFJSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBlZmZlY3QsIEV2ZW50RW1pdHRlciwgaW5qZWN0LCBpbnB1dCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBIdHRwU2VydmljZSB9IGZyb20gJ0BkZWFscG9zLW5wbS9uZy1kZWFscG9zLWxpYnJhcnkvc2VydmljZXMvaHR0cCc7XHJcbmltcG9ydCB7IFVwcHlBbmd1bGFyRGFzaGJvYXJkTW9kdWxlIH0gZnJvbSAnQHVwcHkvYW5ndWxhcic7XHJcbmltcG9ydCB7IFVwcHkgfSBmcm9tICdAdXBweS9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnUE9TLXVwcHknLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1VwcHlBbmd1bGFyRGFzaGJvYXJkTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91cHB5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vdXBweS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFVwcHlDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNhbXBsZVVybDogc3RyaW5nID0gJydcclxuICBzaG93U2FtcGxlOiBib29sZWFuID0gdHJ1ZVxyXG4gIHVwcHlDb3JlQ29uZmlndXJhdGlvbiA9IGlucHV0PGFueT4oKTtcclxuICBkYXNoYm9hcmRQcm9wc0NvbmZpZ3VyYXRpb24gPSBpbnB1dDxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIGZpbGVVcGxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QmxvYiB8IEZpbGU+KClcclxuXHJcbiAgaHR0cCA9IGluamVjdChIdHRwU2VydmljZSlcclxuXHJcbiAgdXBweTogVXBweSA9IG5ldyBVcHB5KHsgXHJcbiAgICBkZWJ1ZzogdHJ1ZSwgXHJcbiAgICBhdXRvUHJvY2VlZDogdHJ1ZSwgXHJcbiAgICBhbGxvd011bHRpcGxlVXBsb2FkQmF0Y2hlczogZmFsc2UsXHJcbiAgICByZXN0cmljdGlvbnM6IHtcclxuICAgICAgYWxsb3dlZEZpbGVUeXBlczogWycuY3N2J10sXHJcbiAgICAgIG1heFRvdGFsRmlsZVNpemU6IDEwMDAwMDBcclxuICAgIH1cclxuICB9KTtcclxuICBcclxuICBkYXNoYm9hcmRQcm9wcyA9IHtcclxuICAgIGhpZGVVcGxvYWRCdXR0b246IHRydWUsXHJcbiAgICB3aWR0aDogNTgwLFxyXG4gICAgaGVpZ2h0OiA0MDBcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgZWZmZWN0KCgpID0+IHRoaXMudXBweS5zZXRPcHRpb25zKHsuLi50aGlzLnVwcHlDb3JlQ29uZmlndXJhdGlvbigpfSkpXHJcbiAgICBlZmZlY3QoKCkgPT4gdGhpcy5kYXNoYm9hcmRQcm9wcyA9ICh7Li4udGhpcy5kYXNoYm9hcmRQcm9wcywgLi4udGhpcy5kYXNoYm9hcmRQcm9wc0NvbmZpZ3VyYXRpb24oKX0pKVxyXG5cclxuICAgIHRoaXMudXBweS5vbigndXBsb2FkJywgKF8sIHVwcHlGaWxlcykgPT4ge1xyXG4gICAgICBjb25zdCBmaWxlID0gdXBweUZpbGVzWzBdPy5kYXRhXHJcbiAgICAgIHRoaXMuc2hvd1NhbXBsZSA9IGZhbHNlXHJcbiAgICAgIHRoaXMuZmlsZVVwbG9hZGVkLmVtaXQoZmlsZSlcclxuICAgIH0pXHJcblxyXG4gICAgdGhpcy51cHB5Lm9uKCdmaWxlLXJlbW92ZWQnLCAoZmlsZSkgPT4ge1xyXG4gICAgICB0aGlzLnNob3dTYW1wbGUgPSB0cnVlXHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBvc2l0aW9uLXJlbGF0aXZlXCI+XHJcbiAgICA8dXBweS1kYXNoYm9hcmQgW3VwcHldPVwidXBweVwiIFtwcm9wc109XCJkYXNoYm9hcmRQcm9wc1wiPiA8L3VwcHktZGFzaGJvYXJkPlxyXG4gICAgPGEgKm5nSWY9XCJzYW1wbGVVcmwgJiYgc2hvd1NhbXBsZVwiIGNsYXNzPVwic2FtcGxlIHBvc2l0aW9uLWFic29sdXRlXCIgcm9sZT1cImJ1dHRvblwiIFtocmVmXT1cInNhbXBsZVVybFwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZG93bmxvYWQgbXMtM1wiPjwvaT4gRG93bmxvYWQgVGVtcGxhdGVcclxuICAgIDwvYT5cclxuPC9kaXY+Il19

package/fesm2022/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs

@@ -0,0 +1,60 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, inject, effect, Component, Input, Output } from '@angular/core';
+import { HttpService } from '@dealpos-npm/ng-dealpos-library/services/http';
+import * as i1 from '@uppy/angular';
+import { UppyAngularDashboardModule } from '@uppy/angular';
+import { Uppy } from '@uppy/core';
+
+class UppyComponent {
+    constructor() {
+        this.sampleUrl = '';
+        this.showSample = true;
+        this.uppyCoreConfiguration = input();
+        this.dashboardPropsConfiguration = input();
+        this.fileUploaded = new EventEmitter();
+        this.http = inject(HttpService);
+        this.uppy = new Uppy({
+            debug: true,
+            autoProceed: true,
+            allowMultipleUploadBatches: false,
+            restrictions: {
+                allowedFileTypes: ['.csv'],
+                maxTotalFileSize: 1000000
+            }
+        });
+        this.dashboardProps = {
+            hideUploadButton: true,
+            width: 580,
+            height: 400
+        };
+        effect(() => this.uppy.setOptions({ ...this.uppyCoreConfiguration() }));
+        effect(() => this.dashboardProps = ({ ...this.dashboardProps, ...this.dashboardPropsConfiguration() }));
+        this.uppy.on('upload', (_, uppyFiles) => {
+            const file = uppyFiles[0]?.data;
+            this.showSample = false;
+            this.fileUploaded.emit(file);
+        });
+        this.uppy.on('file-removed', (file) => {
+            this.showSample = true;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UppyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: UppyComponent, isStandalone: true, selector: "POS-uppy", inputs: { sampleUrl: { classPropertyName: "sampleUrl", publicName: "sampleUrl", isSignal: false, isRequired: false, transformFunction: null }, uppyCoreConfiguration: { classPropertyName: "uppyCoreConfiguration", publicName: "uppyCoreConfiguration", isSignal: true, isRequired: false, transformFunction: null }, dashboardPropsConfiguration: { classPropertyName: "dashboardPropsConfiguration", publicName: "dashboardPropsConfiguration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileUploaded: "fileUploaded" }, ngImport: i0, template: "<div class=\"position-relative\">\r\n    <uppy-dashboard [uppy]=\"uppy\" [props]=\"dashboardProps\"> </uppy-dashboard>\r\n    <a *ngIf=\"sampleUrl && showSample\" class=\"sample position-absolute\" role=\"button\" [href]=\"sampleUrl\">\r\n        <i class=\"fa-solid fa-download ms-3\"></i> Download Template\r\n    </a>\r\n</div>", styles: ["::ng-deep .uppy-Dashboard-AddFiles-info{display:none!important}.sample{top:53%;left:calc(50% - 63.5px)}\n"], dependencies: [{ kind: "ngmodule", type: UppyAngularDashboardModule }, { kind: "component", type: i1.DashboardComponent, selector: "uppy-dashboard", inputs: ["uppy", "props"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UppyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'POS-uppy', standalone: true, imports: [UppyAngularDashboardModule, CommonModule], template: "<div class=\"position-relative\">\r\n    <uppy-dashboard [uppy]=\"uppy\" [props]=\"dashboardProps\"> </uppy-dashboard>\r\n    <a *ngIf=\"sampleUrl && showSample\" class=\"sample position-absolute\" role=\"button\" [href]=\"sampleUrl\">\r\n        <i class=\"fa-solid fa-download ms-3\"></i> Download Template\r\n    </a>\r\n</div>", styles: ["::ng-deep .uppy-Dashboard-AddFiles-info{display:none!important}.sample{top:53%;left:calc(50% - 63.5px)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sampleUrl: [{
+                type: Input
+            }], fileUploaded: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UppyComponent };
+//# sourceMappingURL=dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs.map

package/fesm2022/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs","sources":["../../../projects/dealpos-npm/ng-dealpos-library/components/uppy-file-upload/src/uppy.component.ts","../../../projects/dealpos-npm/ng-dealpos-library/components/uppy-file-upload/src/uppy.component.html","../../../projects/dealpos-npm/ng-dealpos-library/components/uppy-file-upload/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, effect, EventEmitter, inject, input, Input, Output } from '@angular/core';\r\nimport { HttpService } from '@dealpos-npm/ng-dealpos-library/services/http';\r\nimport { UppyAngularDashboardModule } from '@uppy/angular';\r\nimport { Uppy } from '@uppy/core';\r\n\r\n@Component({\r\n  selector: 'POS-uppy',\r\n  standalone: true,\r\n  imports: [UppyAngularDashboardModule, CommonModule],\r\n  templateUrl: './uppy.component.html',\r\n  styleUrl: './uppy.component.scss'\r\n})\r\nexport class UppyComponent {\r\n  @Input() sampleUrl: string = ''\r\n  showSample: boolean = true\r\n  uppyCoreConfiguration = input<any>();\r\n  dashboardPropsConfiguration = input<any>();\r\n  @Output() fileUploaded = new EventEmitter<Blob | File>()\r\n\r\n  http = inject(HttpService)\r\n\r\n  uppy: Uppy = new Uppy({ \r\n    debug: true, \r\n    autoProceed: true, \r\n    allowMultipleUploadBatches: false,\r\n    restrictions: {\r\n      allowedFileTypes: ['.csv'],\r\n      maxTotalFileSize: 1000000\r\n    }\r\n  });\r\n  \r\n  dashboardProps = {\r\n    hideUploadButton: true,\r\n    width: 580,\r\n    height: 400\r\n  }\r\n\r\n  constructor() {\r\n    effect(() => this.uppy.setOptions({...this.uppyCoreConfiguration()}))\r\n    effect(() => this.dashboardProps = ({...this.dashboardProps, ...this.dashboardPropsConfiguration()}))\r\n\r\n    this.uppy.on('upload', (_, uppyFiles) => {\r\n      const file = uppyFiles[0]?.data\r\n      this.showSample = false\r\n      this.fileUploaded.emit(file)\r\n    })\r\n\r\n    this.uppy.on('file-removed', (file) => {\r\n      this.showSample = true\r\n    });\r\n  }\r\n}\r\n","<div class=\"position-relative\">\r\n    <uppy-dashboard [uppy]=\"uppy\" [props]=\"dashboardProps\"> </uppy-dashboard>\r\n    <a *ngIf=\"sampleUrl && showSample\" class=\"sample position-absolute\" role=\"button\" [href]=\"sampleUrl\">\r\n        <i class=\"fa-solid fa-download ms-3\"></i> Download Template\r\n    </a>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAaa,aAAa,CAAA;AAyBxB,IAAA,WAAA,GAAA;QAxBS,IAAS,CAAA,SAAA,GAAW,EAAE,CAAA;QAC/B,IAAU,CAAA,UAAA,GAAY,IAAI,CAAA;QAC1B,IAAqB,CAAA,qBAAA,GAAG,KAAK,EAAO,CAAC;QACrC,IAA2B,CAAA,2BAAA,GAAG,KAAK,EAAO,CAAC;AACjC,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAe,CAAA;AAExD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;QAE1B,IAAI,CAAA,IAAA,GAAS,IAAI,IAAI,CAAC;AACpB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,0BAA0B,EAAE,KAAK;AACjC,YAAA,YAAY,EAAE;gBACZ,gBAAgB,EAAE,CAAC,MAAM,CAAC;AAC1B,gBAAA,gBAAgB,EAAE,OAAO;AAC1B,aAAA;AACF,SAAA,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,cAAc,GAAG;AACf,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;SACZ,CAAA;AAGC,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAC,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAAC,CAAC,CAAC,CAAA;QACrE,MAAM,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,2BAA2B,EAAE,EAAC,CAAC,CAAC,CAAA;AAErG,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAI;YACtC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,CAAA;AAC/B,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAC9B,SAAC,CAAC,CAAA;QAEF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,IAAI,KAAI;AACpC,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;AACxB,SAAC,CAAC,CAAC;KACJ;8GAtCU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,ECb1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,2BAAA,EAAA,EAAA,iBAAA,EAAA,6BAAA,EAAA,UAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4UAKM,EDIM,MAAA,EAAA,CAAA,2GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,0BAA0B,yIAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIvC,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cACR,IAAI,EAAA,OAAA,EACP,CAAC,0BAA0B,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,4UAAA,EAAA,MAAA,EAAA,CAAA,2GAAA,CAAA,EAAA,CAAA;wDAK1C,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAII,YAAY,EAAA,CAAA;sBAArB,MAAM;;;AElBT;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dealpos-npm/ng-dealpos-library",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0",
@@ -56,18 +56,18 @@
       "esm": "./esm2022/components/datepicker-range/dealpos-npm-ng-dealpos-library-components-datepicker-range.mjs",
       "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-datepicker-range.mjs"
     },
-    "./components/dialog": {
-      "types": "./components/dialog/index.d.ts",
-      "esm2022": "./esm2022/components/dialog/dealpos-npm-ng-dealpos-library-components-dialog.mjs",
-      "esm": "./esm2022/components/dialog/dealpos-npm-ng-dealpos-library-components-dialog.mjs",
-      "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-dialog.mjs"
-    },
     "./components/info-page-input": {
       "types": "./components/info-page-input/index.d.ts",
       "esm2022": "./esm2022/components/info-page-input/dealpos-npm-ng-dealpos-library-components-info-page-input.mjs",
       "esm": "./esm2022/components/info-page-input/dealpos-npm-ng-dealpos-library-components-info-page-input.mjs",
       "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-info-page-input.mjs"
     },
+    "./components/dialog": {
+      "types": "./components/dialog/index.d.ts",
+      "esm2022": "./esm2022/components/dialog/dealpos-npm-ng-dealpos-library-components-dialog.mjs",
+      "esm": "./esm2022/components/dialog/dealpos-npm-ng-dealpos-library-components-dialog.mjs",
+      "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-dialog.mjs"
+    },
     "./components/modal-changelog": {
       "types": "./components/modal-changelog/index.d.ts",
       "esm2022": "./esm2022/components/modal-changelog/dealpos-npm-ng-dealpos-library-components-modal-changelog.mjs",
@@ -110,6 +110,12 @@
       "esm": "./esm2022/components/toastr/dealpos-npm-ng-dealpos-library-components-toastr.mjs",
       "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-toastr.mjs"
     },
+    "./components/uppy-file-upload": {
+      "types": "./components/uppy-file-upload/index.d.ts",
+      "esm2022": "./esm2022/components/uppy-file-upload/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs",
+      "esm": "./esm2022/components/uppy-file-upload/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs",
+      "default": "./fesm2022/dealpos-npm-ng-dealpos-library-components-uppy-file-upload.mjs"
+    },
     "./directives/autonumeric": {
       "types": "./directives/autonumeric/index.d.ts",
       "esm2022": "./esm2022/directives/autonumeric/dealpos-npm-ng-dealpos-library-directives-autonumeric.mjs",
@@ -122,18 +128,18 @@
       "esm": "./esm2022/directives/file-drag-drop/dealpos-npm-ng-dealpos-library-directives-file-drag-drop.mjs",
       "default": "./fesm2022/dealpos-npm-ng-dealpos-library-directives-file-drag-drop.mjs"
     },
-    "./directives/file-size-check": {
-      "types": "./directives/file-size-check/index.d.ts",
-      "esm2022": "./esm2022/directives/file-size-check/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs",
-      "esm": "./esm2022/directives/file-size-check/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs",
-      "default": "./fesm2022/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs"
-    },
     "./directives/form-or-floating-on-masked": {
       "types": "./directives/form-or-floating-on-masked/index.d.ts",
       "esm2022": "./esm2022/directives/form-or-floating-on-masked/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs",
       "esm": "./esm2022/directives/form-or-floating-on-masked/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs",
       "default": "./fesm2022/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs"
     },
+    "./directives/file-size-check": {
+      "types": "./directives/file-size-check/index.d.ts",
+      "esm2022": "./esm2022/directives/file-size-check/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs",
+      "esm": "./esm2022/directives/file-size-check/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs",
+      "default": "./fesm2022/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs"
+    },
     "./directives/is-invalid-email-or-phone": {
       "types": "./directives/is-invalid-email-or-phone/index.d.ts",
       "esm2022": "./esm2022/directives/is-invalid-email-or-phone/dealpos-npm-ng-dealpos-library-directives-is-invalid-email-or-phone.mjs",