ux4g-components-angular 1.4.0 → 1.5.0

package/dist/native/file-upload/fesm2022/ux4g-components-angular-native-file-upload.mjs

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, NgZone, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateFileUploadDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * Validates a file against accept and maxSizeBytes constraints.
+ * Returns null if valid, or a reason string if invalid.
+ */
+function validateFile(file, accept, maxSizeBytes) {
+    if (maxSizeBytes !== undefined && file.size > maxSizeBytes) {
+        return `File size ${file.size} bytes exceeds maximum ${maxSizeBytes} bytes`;
+    }
+    if (accept) {
+        const acceptedTypes = accept.split(',').map((t) => t.trim().toLowerCase());
+        const fileType = file.type.toLowerCase();
+        const fileExtension = '.' + file.name.split('.').pop()?.toLowerCase();
+        const isAccepted = acceptedTypes.some((accepted) => {
+            if (accepted === fileType)
+                return true;
+            if (accepted.endsWith('/*')) {
+                const category = accepted.slice(0, accepted.indexOf('/'));
+                return fileType.startsWith(category + '/');
+            }
+            if (accepted.startsWith('.')) {
+                return accepted === fileExtension;
+            }
+            return false;
+        });
+        if (!isAccepted) {
+            return `File type "${file.type || fileExtension}" is not accepted. Allowed: ${accept}`;
+        }
+    }
+    return null;
+}
+/**
+ * Angular Native FileUpload component.
+ * Generates the complete UX4G file upload DOM structure internally using the shared DOM Generator.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-file-upload
+ *   [accept]="'image/*,.pdf'"
+ *   [maxSizeBytes]="5242880"
+ *   [multiple]="true"
+ *   (upload)="onUpload($event)"
+ *   (uploadError)="onError($event)">
+ * </ux4g-native-file-upload>
+ * ```
+ */
+class UX4GNativeFileUploadComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.multiple = false;
+        this.upload = new EventEmitter();
+        this.uploadError = new EventEmitter();
+        this.ngZone = inject(NgZone);
+        this.files = [];
+        this.isDragOver = false;
+    }
+    ngOnInit() {
+        this.renderComponent();
+        this.attachEventListeners();
+    }
+    ngOnChanges(_changes) {
+        this.renderComponent();
+    }
+    renderComponent() {
+        super.renderComponent();
+        const props = {
+            files: this.files,
+            accept: this.accept,
+            maxSizeBytes: this.maxSizeBytes,
+            multiple: this.multiple,
+        };
+        const descriptor = generateFileUploadDOM(props);
+        renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);
+    }
+    attachEventListeners() {
+        const hostEl = this.elementRef.nativeElement;
+        // Click on drop zone triggers file input
+        this.renderer.listen(hostEl, 'click', (event) => {
+            const target = event.target;
+            if (target.closest('.ux4g-upload-drop-zone')) {
+                const input = hostEl.querySelector('input[type="file"]');
+                if (input) {
+                    input.click();
+                }
+            }
+        });
+        // File input change
+        this.renderer.listen(hostEl, 'change', (event) => {
+            const target = event.target;
+            if (target.tagName === 'INPUT' && target.type === 'file' && target.files) {
+                this.processFiles(target.files);
+                target.value = '';
+            }
+        });
+        // Drag and drop support
+        this.renderer.listen(hostEl, 'dragover', (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.isDragOver) {
+                this.isDragOver = true;
+                this.renderer.addClass(hostEl, 'ux4g-upload-drag-over');
+            }
+        });
+        this.renderer.listen(hostEl, 'dragleave', (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            this.isDragOver = false;
+            this.renderer.removeClass(hostEl, 'ux4g-upload-drag-over');
+        });
+        this.renderer.listen(hostEl, 'drop', (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            this.isDragOver = false;
+            this.renderer.removeClass(hostEl, 'ux4g-upload-drag-over');
+            if (event.dataTransfer?.files && event.dataTransfer.files.length > 0) {
+                this.processFiles(event.dataTransfer.files);
+            }
+        });
+    }
+    processFiles(fileList) {
+        this.ngZone.run(() => {
+            const validFiles = [];
+            for (let i = 0; i < fileList.length; i++) {
+                const file = fileList[i];
+                const reason = validateFile(file, this.accept, this.maxSizeBytes);
+                if (reason) {
+                    this.uploadError.emit({ file, reason });
+                }
+                else {
+                    validFiles.push(file);
+                }
+            }
+            if (validFiles.length > 0) {
+                this.upload.emit(validFiles);
+                // Update internal file list
+                const newFileEntries = validFiles.map((f) => ({
+                    name: f.name,
+                    size: f.size,
+                }));
+                this.files = this.multiple ? [...this.files, ...newFileEntries] : newFileEntries;
+                this.renderComponent();
+            }
+        });
+    }
+    ngOnDestroy() {
+        // Cleanup handled by base class
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeFileUploadComponent, isStandalone: true, selector: "ux4g-native-file-upload", inputs: { accept: "accept", maxSizeBytes: "maxSizeBytes", multiple: "multiple" }, outputs: { upload: "upload", uploadError: "uploadError" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-file-upload',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { accept: [{
+                type: Input
+            }], maxSizeBytes: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], upload: [{
+                type: Output
+            }], uploadError: [{
+                type: Output
+            }] } });
+
+class UX4GNativeFileUploadModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadModule, imports: [UX4GNativeFileUploadComponent], exports: [UX4GNativeFileUploadComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeFileUploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeFileUploadComponent],
+                    exports: [UX4GNativeFileUploadComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeFileUploadComponent, UX4GNativeFileUploadModule };
+//# sourceMappingURL=ux4g-components-angular-native-file-upload.mjs.map

package/dist/native/file-upload/fesm2022/ux4g-components-angular-native-file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-file-upload.mjs","sources":["../../../../src/native/file-upload/ux4g-native-file-upload.component.ts","../../../../src/native/file-upload/ux4g-native-file-upload.module.ts","../../../../src/native/file-upload/ux4g-components-angular-native-file-upload.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  OnInit,\r\n  NgZone,\r\n  inject,\r\n} from '@angular/core';\r\nimport { generateFileUploadDOM, FileUploadGeneratorProps } from 'ux4g-components-web/dom-generators';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * Validates a file against accept and maxSizeBytes constraints.\r\n * Returns null if valid, or a reason string if invalid.\r\n */\r\nfunction validateFile(\r\n  file: File,\r\n  accept?: string,\r\n  maxSizeBytes?: number\r\n): string | null {\r\n  if (maxSizeBytes !== undefined && file.size > maxSizeBytes) {\r\n    return `File size ${file.size} bytes exceeds maximum ${maxSizeBytes} bytes`;\r\n  }\r\n\r\n  if (accept) {\r\n    const acceptedTypes = accept.split(',').map((t) => t.trim().toLowerCase());\r\n    const fileType = file.type.toLowerCase();\r\n    const fileExtension = '.' + file.name.split('.').pop()?.toLowerCase();\r\n\r\n    const isAccepted = acceptedTypes.some((accepted) => {\r\n      if (accepted === fileType) return true;\r\n      if (accepted.endsWith('/*')) {\r\n        const category = accepted.slice(0, accepted.indexOf('/'));\r\n        return fileType.startsWith(category + '/');\r\n      }\r\n      if (accepted.startsWith('.')) {\r\n        return accepted === fileExtension;\r\n      }\r\n      return false;\r\n    });\r\n\r\n    if (!isAccepted) {\r\n      return `File type \"${file.type || fileExtension}\" is not accepted. Allowed: ${accept}`;\r\n    }\r\n  }\r\n\r\n  return null;\r\n}\r\n\r\n/**\r\n * Angular Native FileUpload component.\r\n * Generates the complete UX4G file upload DOM structure internally using the shared DOM Generator.\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-file-upload\r\n *   [accept]=\"'image/*,.pdf'\"\r\n *   [maxSizeBytes]=\"5242880\"\r\n *   [multiple]=\"true\"\r\n *   (upload)=\"onUpload($event)\"\r\n *   (uploadError)=\"onError($event)\">\r\n * </ux4g-native-file-upload>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-file-upload',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeFileUploadComponent extends BaseNativeComponent implements OnChanges, OnInit {\r\n  @Input() accept?: string;\r\n  @Input() maxSizeBytes?: number;\r\n  @Input() multiple: boolean = false;\r\n\r\n  @Output() upload = new EventEmitter<File[]>();\r\n  @Output() uploadError = new EventEmitter<{ file: File; reason: string }>();\r\n\r\n  private ngZone = inject(NgZone);\r\n  private files: Array<{ name: string; size: number }> = [];\r\n  private isDragOver = false;\r\n\r\n  ngOnInit(): void {\r\n    this.renderComponent();\r\n    this.attachEventListeners();\r\n  }\r\n\r\n  ngOnChanges(_changes: SimpleChanges): void {\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected override renderComponent(): void {\r\n    super.renderComponent();\r\n\r\n    const props: FileUploadGeneratorProps = {\r\n      files: this.files,\r\n      accept: this.accept,\r\n      maxSizeBytes: this.maxSizeBytes,\r\n      multiple: this.multiple,\r\n    };\r\n\r\n    const descriptor = generateFileUploadDOM(props);\r\n    renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);\r\n  }\r\n\r\n  private attachEventListeners(): void {\r\n    const hostEl = this.elementRef.nativeElement;\r\n\r\n    // Click on drop zone triggers file input\r\n    this.renderer.listen(hostEl, 'click', (event: Event) => {\r\n      const target = event.target as HTMLElement;\r\n      if (target.closest('.ux4g-upload-drop-zone')) {\r\n        const input = hostEl.querySelector('input[type=\"file\"]') as HTMLInputElement;\r\n        if (input) {\r\n          input.click();\r\n        }\r\n      }\r\n    });\r\n\r\n    // File input change\r\n    this.renderer.listen(hostEl, 'change', (event: Event) => {\r\n      const target = event.target as HTMLInputElement;\r\n      if (target.tagName === 'INPUT' && target.type === 'file' && target.files) {\r\n        this.processFiles(target.files);\r\n        target.value = '';\r\n      }\r\n    });\r\n\r\n    // Drag and drop support\r\n    this.renderer.listen(hostEl, 'dragover', (event: DragEvent) => {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      if (!this.isDragOver) {\r\n        this.isDragOver = true;\r\n        this.renderer.addClass(hostEl, 'ux4g-upload-drag-over');\r\n      }\r\n    });\r\n\r\n    this.renderer.listen(hostEl, 'dragleave', (event: DragEvent) => {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      this.isDragOver = false;\r\n      this.renderer.removeClass(hostEl, 'ux4g-upload-drag-over');\r\n    });\r\n\r\n    this.renderer.listen(hostEl, 'drop', (event: DragEvent) => {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      this.isDragOver = false;\r\n      this.renderer.removeClass(hostEl, 'ux4g-upload-drag-over');\r\n\r\n      if (event.dataTransfer?.files && event.dataTransfer.files.length > 0) {\r\n        this.processFiles(event.dataTransfer.files);\r\n      }\r\n    });\r\n  }\r\n\r\n  private processFiles(fileList: FileList): void {\r\n    this.ngZone.run(() => {\r\n      const validFiles: File[] = [];\r\n\r\n      for (let i = 0; i < fileList.length; i++) {\r\n        const file = fileList[i];\r\n        const reason = validateFile(file, this.accept, this.maxSizeBytes);\r\n\r\n        if (reason) {\r\n          this.uploadError.emit({ file, reason });\r\n        } else {\r\n          validFiles.push(file);\r\n        }\r\n      }\r\n\r\n      if (validFiles.length > 0) {\r\n        this.upload.emit(validFiles);\r\n\r\n        // Update internal file list\r\n        const newFileEntries = validFiles.map((f) => ({\r\n          name: f.name,\r\n          size: f.size,\r\n        }));\r\n        this.files = this.multiple ? [...this.files, ...newFileEntries] : newFileEntries;\r\n        this.renderComponent();\r\n      }\r\n    });\r\n  }\r\n\r\n  override ngOnDestroy(): void {\r\n    // Cleanup handled by base class\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeFileUploadComponent } from './ux4g-native-file-upload.component';\r\n\r\n@NgModule({\r\n  imports: [UX4GNativeFileUploadComponent],\r\n  exports: [UX4GNativeFileUploadComponent],\r\n})\r\nexport class UX4GNativeFileUploadModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/native/file-upload/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ux4g-components-angular" />
+export * from './public-api';
+//# sourceMappingURL=ux4g-components-angular-native-file-upload.d.ts.map

package/dist/native/file-upload/public-api.d.ts

@@ -0,0 +1,3 @@
+export { UX4GNativeFileUploadComponent } from './ux4g-native-file-upload.component';
+export { UX4GNativeFileUploadModule } from './ux4g-native-file-upload.module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/native/file-upload/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/file-upload/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/native/file-upload/ux4g-components-angular-native-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-file-upload.d.ts","sourceRoot":"","sources":["../../../src/native/file-upload/ux4g-components-angular-native-file-upload.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/dist/native/file-upload/ux4g-native-file-upload.component.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * Angular Native FileUpload component.
+ * Generates the complete UX4G file upload DOM structure internally using the shared DOM Generator.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-file-upload
+ *   [accept]="'image/*,.pdf'"
+ *   [maxSizeBytes]="5242880"
+ *   [multiple]="true"
+ *   (upload)="onUpload($event)"
+ *   (uploadError)="onError($event)">
+ * </ux4g-native-file-upload>
+ * ```
+ */
+export declare class UX4GNativeFileUploadComponent extends BaseNativeComponent implements OnChanges, OnInit {
+    accept?: string;
+    maxSizeBytes?: number;
+    multiple: boolean;
+    upload: EventEmitter<File[]>;
+    uploadError: EventEmitter<{
+        file: File;
+        reason: string;
+    }>;
+    private ngZone;
+    private files;
+    private isDragOver;
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    protected renderComponent(): void;
+    private attachEventListeners;
+    private processFiles;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeFileUploadComponent, "ux4g-native-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "maxSizeBytes": { "alias": "maxSizeBytes"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, { "upload": "upload"; "uploadError": "uploadError"; }, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-file-upload.component.d.ts.map

package/dist/native/file-upload/ux4g-native-file-upload.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-file-upload.component.d.ts","sourceRoot":"","sources":["../../../src/native/file-upload/ux4g-native-file-upload.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,aAAa,EACb,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAwCjF;;;;;;;;;;;;;;GAcG;AACH,qBAMa,6BAA8B,SAAQ,mBAAoB,YAAW,SAAS,EAAE,MAAM;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAS;IAEzB,MAAM,uBAA8B;IACpC,WAAW;cAA4B,IAAI;gBAAU,MAAM;OAAM;IAE3E,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAA6C;IAC1D,OAAO,CAAC,UAAU,CAAS;IAE3B,QAAQ,IAAI,IAAI;IAKhB,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;cAIvB,eAAe,IAAI,IAAI;IAc1C,OAAO,CAAC,oBAAoB;IAoD5B,OAAO,CAAC,YAAY;IA6BX,WAAW,IAAI,IAAI;yCApHjB,6BAA6B;2CAA7B,6BAA6B;CAuHzC"}

package/dist/native/file-upload/ux4g-native-file-upload.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-file-upload.component";
+export declare class UX4GNativeFileUploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeFileUploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeFileUploadModule, never, [typeof i1.UX4GNativeFileUploadComponent], [typeof i1.UX4GNativeFileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeFileUploadModule>;
+}
+//# sourceMappingURL=ux4g-native-file-upload.module.d.ts.map

package/dist/native/file-upload/ux4g-native-file-upload.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-file-upload.module.d.ts","sourceRoot":"","sources":["../../../src/native/file-upload/ux4g-native-file-upload.module.ts"],"names":[],"mappings":";;AAGA,qBAIa,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAAG"}