@shival99/z-ui 0.0.1 → 1.0.2

package/fesm2022/shival99-z-ui-components-z-upload.mjs

@@ -0,0 +1,504 @@
+import * as i0 from '@angular/core';
+import { input, output, viewChild, signal, inject, Injector, DestroyRef, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NgControl, NgModel, PristineChangeEvent, TouchedChangeEvent, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { merge, filter } from 'rxjs';
+import { cva } from 'class-variance-authority';
+import { zTransform, zGenerateId, zMergeClasses } from '@shival99/z-ui/utils';
+import { ZIconComponent } from '@shival99/z-ui/components/z-icon';
+import { ZLoadingComponent } from '@shival99/z-ui/components/z-loading';
+import { ZTooltipDirective } from '@shival99/z-ui/components/z-tooltip';
+
+const formatFileSize = (bytes) => {
+    if (bytes === 0) {
+        return '0 B';
+    }
+    const units = ['B', 'KB', 'MB', 'GB'];
+    const k = 1024;
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    const size = bytes / Math.pow(k, i);
+    return `${size.toFixed(i > 0 ? 1 : 0)} ${units[i]}`;
+};
+
+const zUploadDropzoneVariants = cva([
+    'relative flex flex-col items-center justify-center rounded-[6px] border-2 border-dashed',
+    'transition-[border-color,background-color] duration-200 cursor-pointer',
+    'hover:border-primary/50 hover:bg-primary/5',
+], {
+    variants: {
+        zSize: {
+            sm: 'min-h-24 gap-1 p-3',
+            default: 'min-h-32 gap-2 p-4',
+            lg: 'min-h-40 gap-3 p-6',
+        },
+        zStatus: {
+            default: 'border-input bg-background',
+            active: 'border-primary bg-primary/10',
+            disabled: 'opacity-50 cursor-not-allowed bg-muted border-muted',
+            readonly: 'opacity-70 cursor-default bg-muted/50 border-muted',
+            error: 'border-destructive! bg-destructive/5 hover:border-destructive!',
+        },
+    },
+    defaultVariants: {
+        zSize: 'default',
+        zStatus: 'default',
+    },
+});
+const zUploadFileItemVariants = cva([
+    'relative flex items-center gap-3 rounded-[6px] border border-input bg-background p-3',
+    'transition-all duration-200',
+], {
+    variants: {
+        zStatus: {
+            pending: '',
+            uploading: '',
+            success: '',
+            error: '',
+        },
+    },
+    defaultVariants: {
+        zStatus: 'pending',
+    },
+});
+
+class ZUploadComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
+    zLabel = input('', ...(ngDevMode ? [{ debugName: "zLabel" }] : []));
+    zLabelClass = input('', ...(ngDevMode ? [{ debugName: "zLabelClass" }] : []));
+    zNote = input('', ...(ngDevMode ? [{ debugName: "zNote" }] : []));
+    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
+    zAcceptFile = input('*', ...(ngDevMode ? [{ debugName: "zAcceptFile" }] : []));
+    zMultipleFile = input(false, { ...(ngDevMode ? { debugName: "zMultipleFile" } : {}), transform: zTransform });
+    zMaxSize = input(10, ...(ngDevMode ? [{ debugName: "zMaxSize" }] : []));
+    zMaxFiles = input(5, ...(ngDevMode ? [{ debugName: "zMaxFiles" }] : []));
+    zRequired = input(false, { ...(ngDevMode ? { debugName: "zRequired" } : {}), transform: zTransform });
+    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
+    zReadonly = input(false, { ...(ngDevMode ? { debugName: "zReadonly" } : {}), transform: zTransform });
+    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : {}), transform: zTransform });
+    zShowProgress = input(true, { ...(ngDevMode ? { debugName: "zShowProgress" } : {}), transform: zTransform });
+    zValidators = input([], ...(ngDevMode ? [{ debugName: "zValidators" }] : []));
+    zOnUpload = output();
+    zOnRemove = output();
+    zOnDownload = output();
+    zOnError = output();
+    zOnFileChange = output();
+    zControl = output();
+    fileInputRef = viewChild('fileInput', ...(ngDevMode ? [{ debugName: "fileInputRef" }] : []));
+    files = signal([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+    inputId = zGenerateId('z-upload');
+    isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
+    isTouched = signal(false, ...(ngDevMode ? [{ debugName: "isTouched" }] : []));
+    _dirty = signal(false, ...(ngDevMode ? [{ debugName: "_dirty" }] : []));
+    _fileError = signal('', ...(ngDevMode ? [{ debugName: "_fileError" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _formControl = signal(null, ...(ngDevMode ? [{ debugName: "_formControl" }] : []));
+    _formStateVersion = signal(0, ...(ngDevMode ? [{ debugName: "_formStateVersion" }] : []));
+    _isNgModel = signal(false, ...(ngDevMode ? [{ debugName: "_isNgModel" }] : []));
+    _injector = inject(Injector);
+    _destroyRef = inject(DestroyRef);
+    _onChange = () => void 0;
+    _onTouched = () => void 0;
+    _ngControl = null;
+    isDisabled = computed(() => this._disabled() || this.zDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    isBlocked = computed(() => this.isDisabled() || this.zLoading() || this.zReadonly(), ...(ngDevMode ? [{ debugName: "isBlocked" }] : []));
+    _shouldShowValidation = computed(() => {
+        const control = this._formControl();
+        this._formStateVersion();
+        if (this._isNgModel()) {
+            return this._dirty() || this.isTouched();
+        }
+        if (control) {
+            return control.dirty;
+        }
+        return this._dirty() || this.isTouched();
+    }, ...(ngDevMode ? [{ debugName: "_shouldShowValidation" }] : []));
+    hasError = computed(() => {
+        if (this._fileError()) {
+            return true;
+        }
+        const customErrors = this._getValidationErrors();
+        if (customErrors.length > 0) {
+            return true;
+        }
+        const control = this._formControl();
+        this._formStateVersion();
+        if (!control) {
+            return false;
+        }
+        return control.invalid && this._shouldShowValidation();
+    }, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
+    showError = computed(() => this.hasError() && (this._shouldShowValidation() || !!this._fileError()), ...(ngDevMode ? [{ debugName: "showError" }] : []));
+    errorMessage = computed(() => {
+        const fileError = this._fileError();
+        if (fileError) {
+            return fileError;
+        }
+        const customErrors = this._getValidationErrors();
+        if (customErrors.length > 0) {
+            return customErrors[0];
+        }
+        const control = this._formControl();
+        const errors = control?.errors;
+        if (!errors) {
+            return '';
+        }
+        const validators = this.zValidators();
+        for (const validator of validators) {
+            if (errors[validator.error]) {
+                return validator.message;
+            }
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    currentStatus = computed(() => {
+        if (this.isDisabled()) {
+            return 'disabled';
+        }
+        if (this.zReadonly()) {
+            return 'readonly';
+        }
+        if (this._fileError()) {
+            return 'error';
+        }
+        if (this.hasError() && this._shouldShowValidation()) {
+            return 'error';
+        }
+        if (this.isDragOver()) {
+            return 'active';
+        }
+        return 'default';
+    }, ...(ngDevMode ? [{ debugName: "currentStatus" }] : []));
+    dropzoneClasses = computed(() => zMergeClasses(zUploadDropzoneVariants({
+        zSize: this.zSize(),
+        zStatus: this.currentStatus(),
+    }), this.class()), ...(ngDevMode ? [{ debugName: "dropzoneClasses" }] : []));
+    acceptTypes = computed(() => {
+        const accept = this.zAcceptFile();
+        return accept === '*' ? '' : accept;
+    }, ...(ngDevMode ? [{ debugName: "acceptTypes" }] : []));
+    formatFileSize = formatFileSize;
+    getFileItemClasses = (file) => zUploadFileItemVariants({ zStatus: file.status });
+    ngOnInit() {
+        void Promise.resolve().then(() => {
+            try {
+                this._ngControl = this._injector.get(NgControl, null);
+                this._isNgModel.set(this._ngControl instanceof NgModel);
+                if (this._ngControl?.control) {
+                    const { control } = this._ngControl;
+                    this._formControl.set(control);
+                    merge(control.statusChanges, control.valueChanges, control.events.pipe(filter(event => event instanceof PristineChangeEvent || event instanceof TouchedChangeEvent)))
+                        .pipe(takeUntilDestroyed(this._destroyRef))
+                        .subscribe(() => {
+                        this._formStateVersion.update(v => v + 1);
+                    });
+                }
+            }
+            catch {
+                this._ngControl = null;
+            }
+        });
+        setTimeout(() => this._emitControl());
+    }
+    writeValue(value) {
+        this.files.set(value ?? []);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+    }
+    updateProgress(fileId, progress) {
+        this.files.update(files => files.map(f => {
+            if (f.id !== fileId) {
+                return f;
+            }
+            return {
+                ...f,
+                progress: Math.min(100, Math.max(0, progress)),
+                status: progress >= 100 ? 'success' : 'uploading',
+            };
+        }));
+        this._notifyChange();
+    }
+    setFileStatus(fileId, status) {
+        this.files.update(files => files.map(f => {
+            if (f.id !== fileId) {
+                return f;
+            }
+            return { ...f, status };
+        }));
+        this._notifyChange();
+    }
+    clearFiles() {
+        this.files.set([]);
+        this._notifyChange();
+    }
+    validate() {
+        this.isTouched.set(true);
+        this._dirty.set(true);
+        this._onTouched();
+        if (this._ngControl?.control) {
+            this._ngControl.control.markAsDirty();
+            this._ngControl.control.markAsTouched();
+        }
+    }
+    reset() {
+        this.files.set([]);
+        this.isTouched.set(false);
+        this._dirty.set(false);
+        this._fileError.set('');
+        this._onChange([]);
+        if (this._ngControl?.control) {
+            this._ngControl.control.markAsPristine();
+            this._ngControl.control.markAsUntouched();
+        }
+    }
+    markAsTouched() {
+        this.isTouched.set(true);
+        this._onTouched();
+    }
+    markAsUntouched() {
+        this.isTouched.set(false);
+    }
+    markAsDirty() {
+        this._dirty.set(true);
+    }
+    markAsPristine() {
+        this._dirty.set(false);
+    }
+    _emitControl() {
+        this.zControl.emit({
+            validate: () => this.validate(),
+            reset: () => this.reset(),
+            clearFiles: () => this.clearFiles(),
+            openFileDialog: () => this.openFileDialog(),
+            markAsTouched: () => this.markAsTouched(),
+            markAsUntouched: () => this.markAsUntouched(),
+            markAsDirty: () => this.markAsDirty(),
+            markAsPristine: () => this.markAsPristine(),
+            hasError: this.hasError,
+            files: this.files.asReadonly(),
+            errorMessage: this.errorMessage,
+        });
+    }
+    getFiles() {
+        return this.files()
+            .filter(f => f.file)
+            .map(f => f.file);
+    }
+    openFileDialog() {
+        if (this.isBlocked()) {
+            return;
+        }
+        this.fileInputRef()?.nativeElement.click();
+    }
+    onFileSelected(event) {
+        const input = event.target;
+        if (!input.files?.length) {
+            return;
+        }
+        this._processFiles(Array.from(input.files));
+        input.value = '';
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isBlocked()) {
+            return;
+        }
+        this.isDragOver.set(true);
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver.set(false);
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver.set(false);
+        if (this.isBlocked()) {
+            return;
+        }
+        const droppedFiles = event.dataTransfer?.files;
+        if (!droppedFiles?.length) {
+            return;
+        }
+        this._processFiles(Array.from(droppedFiles));
+    }
+    removeFile(file) {
+        if (this.zLoading()) {
+            return;
+        }
+        this.files.update(files => files.filter(f => f.id !== file.id));
+        this._notifyChange();
+        this._emitFileChange();
+        this.zOnRemove.emit(file);
+    }
+    downloadFile(file) {
+        if (this.zLoading()) {
+            return;
+        }
+        this.zOnDownload.emit(file);
+        if (file.url) {
+            const link = document.createElement('a');
+            link.href = file.url;
+            link.download = file.name;
+            link.target = '_blank';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return;
+        }
+        if (file.file) {
+            const url = URL.createObjectURL(file.file);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = file.name;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+    }
+    _getValidationErrors() {
+        const validators = this.zValidators();
+        const currentFiles = this.files();
+        const control = this._formControl();
+        const errors = [];
+        const isRequired = this.zRequired() || control?.errors?.['required'];
+        if (isRequired && currentFiles.length === 0) {
+            errors.push('Vui lòng chọn file');
+        }
+        for (const validator of validators) {
+            if (validator.validate && !validator.validate(currentFiles)) {
+                errors.push(validator.message);
+            }
+        }
+        return errors;
+    }
+    _processFiles(newFiles) {
+        const maxFiles = this.zMaxFiles();
+        const maxSize = this.zMaxSize() * 1024 * 1024;
+        const accept = this.zAcceptFile();
+        const validFiles = [];
+        if (!this.zMultipleFile()) {
+            this.files.set([]);
+        }
+        for (const file of newFiles) {
+            if (!this.zMultipleFile() && validFiles.length > 0) {
+                break;
+            }
+            if (this.zMultipleFile()) {
+                const currentCount = this.files().length + validFiles.length;
+                if (currentCount >= maxFiles) {
+                    const errorMsg = `Maximum ${maxFiles} files allowed`;
+                    this._fileError.set(errorMsg);
+                    this.zOnError.emit({ file, error: errorMsg });
+                    continue;
+                }
+            }
+            if (file.size > maxSize) {
+                const errorMsg = `File size exceeds ${this.zMaxSize()}MB limit`;
+                this._fileError.set(errorMsg);
+                this.zOnError.emit({ file, error: errorMsg });
+                continue;
+            }
+            if (accept !== '*' && !this._isValidFileType(file, accept)) {
+                const errorMsg = `File type not allowed. Accepted: ${accept}`;
+                this._fileError.set(errorMsg);
+                this.zOnError.emit({ file, error: errorMsg });
+                continue;
+            }
+            validFiles.push({
+                id: zGenerateId('file'),
+                name: file.name,
+                size: file.size,
+                type: file.type,
+                file,
+                progress: 0,
+                status: 'pending',
+            });
+        }
+        if (validFiles.length === 0) {
+            this._notifyChange();
+            return;
+        }
+        this._fileError.set('');
+        if (!this.zMultipleFile()) {
+            this.files.set(validFiles.slice(0, 1));
+            this.isTouched.set(true);
+            this._dirty.set(true);
+            this._onTouched();
+            this._notifyChange();
+            this._emitFileChange();
+            this.zOnUpload.emit(validFiles);
+            return;
+        }
+        this.files.update(files => [...files, ...validFiles]);
+        this.isTouched.set(true);
+        this._dirty.set(true);
+        this._onTouched();
+        this._notifyChange();
+        this._emitFileChange();
+        this.zOnUpload.emit(validFiles);
+    }
+    _emitFileChange() {
+        const rawFiles = this.getFiles();
+        this.zOnFileChange.emit(rawFiles);
+    }
+    _isValidFileType(file, accept) {
+        const acceptTypes = accept.split(',').map(t => t.trim().toLowerCase());
+        for (const type of acceptTypes) {
+            if (type.startsWith('.')) {
+                if (file.name.toLowerCase().endsWith(type)) {
+                    return true;
+                }
+                continue;
+            }
+            if (type.endsWith('/*')) {
+                const category = type.slice(0, -2);
+                if (file.type.startsWith(category + '/')) {
+                    return true;
+                }
+                continue;
+            }
+            if (file.type.toLowerCase() === type) {
+                return true;
+            }
+        }
+        return false;
+    }
+    _notifyChange() {
+        this._onChange(this.files());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZUploadComponent, isStandalone: true, selector: "z-upload", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zLabel: { classPropertyName: "zLabel", publicName: "zLabel", isSignal: true, isRequired: false, transformFunction: null }, zLabelClass: { classPropertyName: "zLabelClass", publicName: "zLabelClass", isSignal: true, isRequired: false, transformFunction: null }, zNote: { classPropertyName: "zNote", publicName: "zNote", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zAcceptFile: { classPropertyName: "zAcceptFile", publicName: "zAcceptFile", isSignal: true, isRequired: false, transformFunction: null }, zMultipleFile: { classPropertyName: "zMultipleFile", publicName: "zMultipleFile", isSignal: true, isRequired: false, transformFunction: null }, zMaxSize: { classPropertyName: "zMaxSize", publicName: "zMaxSize", isSignal: true, isRequired: false, transformFunction: null }, zMaxFiles: { classPropertyName: "zMaxFiles", publicName: "zMaxFiles", isSignal: true, isRequired: false, transformFunction: null }, zRequired: { classPropertyName: "zRequired", publicName: "zRequired", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zReadonly: { classPropertyName: "zReadonly", publicName: "zReadonly", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zShowProgress: { classPropertyName: "zShowProgress", publicName: "zShowProgress", isSignal: true, isRequired: false, transformFunction: null }, zValidators: { classPropertyName: "zValidators", publicName: "zValidators", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zOnUpload: "zOnUpload", zOnRemove: "zOnRemove", zOnDownload: "zOnDownload", zOnError: "zOnError", zOnFileChange: "zOnFileChange", zControl: "zControl" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ZUploadComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], exportAs: ["zUpload"], ngImport: i0, template: "<div class=\"z-upload-wrapper flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"inputId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    class=\"z-upload-dropzone\"\n    [class]=\"dropzoneClasses()\"\n    (click)=\"openFileDialog()\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\">\n    @if (zLoading()) {\n      <div class=\"bg-background/80 absolute inset-0 z-10 flex items-center justify-center rounded-[6px]\">\n        <svg\n          class=\"text-primary size-6 animate-spin\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\">\n          <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n        </svg>\n      </div>\n    }\n\n    <svg\n      class=\"text-muted-foreground\"\n      [class.size-5]=\"zSize() === 'sm'\"\n      [class.size-6]=\"zSize() === 'default'\"\n      [class.size-8]=\"zSize() === 'lg'\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      @if (isDragOver()) {\n        <path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" />\n        <path d=\"M12 12v9\" />\n        <path d=\"m16 16-4-4-4 4\" />\n      } @else {\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n        <polyline points=\"17 8 12 3 7 8\" />\n        <line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\" />\n      }\n    </svg>\n\n    <div class=\"text-center\">\n      <p class=\"text-muted-foreground m-0 text-sm\">\n        @if (isDragOver()) {\n          Drop files here\n        } @else {\n          Drag files here or\n          <span class=\"text-primary cursor-pointer font-medium\">browse</span>\n        }\n      </p>\n\n      @if (zNote() || zAcceptFile() !== '*') {\n        <div class=\"text-muted-foreground/70 mt-2 flex flex-col gap-0.5 text-xs\">\n          @if (zNote()) {\n            <span>{{ zNote() }}</span>\n          }\n          @if (zAcceptFile() !== '*') {\n            <span>Accepted: {{ zAcceptFile() }}</span>\n          }\n        </div>\n      }\n    </div>\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      [id]=\"inputId\"\n      [accept]=\"acceptTypes()\"\n      [multiple]=\"zMultipleFile()\"\n      [disabled]=\"isBlocked()\"\n      (change)=\"onFileSelected($event)\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n\n  @if (files().length > 0) {\n    <div class=\"z-upload-file-list flex flex-col gap-1.5\">\n      @for (file of files(); track file.id) {\n        <div [class]=\"getFileItemClasses(file)\" class=\"relative overflow-hidden p-2!\">\n          <!-- Progress border at bottom -->\n          @if (zShowProgress() && file.status === 'uploading') {\n            <div\n              class=\"bg-primary absolute bottom-0 left-0 h-0.5 transition-all duration-300\"\n              [style.width.%]=\"file.progress\"></div>\n          }\n\n          <div class=\"bg-muted relative flex size-8 shrink-0 items-center justify-center self-start rounded\">\n            <z-icon zType=\"lucideFile\" zSize=\"16\" class=\"text-muted-foreground\" />\n          </div>\n\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <div class=\"flex items-center gap-1.5\">\n              <span class=\"line-clamp-2 text-xs font-medium\" z-tooltip [zContent]=\"file.name\" [zAlwaysShow]=\"false\">\n                {{ file.name }}\n              </span>\n\n              @if (file.status === 'uploading') {\n                <z-loading zSize=\"2xs\" class=\"shrink-0\" [zLoading]=\"true\" />\n                @if (zShowProgress() && file.progress > 0) {\n                  <span class=\"text-primary shrink-0 text-[10px] font-medium\">{{ file.progress }}%</span>\n                }\n              }\n              @if (file.status === 'success') {\n                <z-icon zType=\"lucideCheckCircle\" zSize=\"14\" class=\"shrink-0 text-green-500\" />\n              }\n              @if (file.status === 'error') {\n                <z-icon zType=\"lucideXCircle\" zSize=\"14\" class=\"text-destructive shrink-0\" />\n              }\n            </div>\n\n            <span class=\"text-muted-foreground mt-0.5 text-[10px]\">\n              {{ formatFileSize(file.size) }}\n            </span>\n          </div>\n\n          <div class=\"flex shrink-0 items-center gap-0.5\">\n            @if (file.url || file.file) {\n              <button\n                type=\"button\"\n                class=\"group hover:bg-accent flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"downloadFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideDownload\" zSize=\"14\" class=\"text-muted-foreground\" />\n              </button>\n            }\n\n            @if (!zReadonly()) {\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/10 flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"removeFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideX\" zSize=\"14\" class=\"text-destructive\" />\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".z-upload-wrapper .z-upload-dropzone:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.z-upload-wrapper .z-upload-progress-bar .z-upload-progress-fill{transition:width .3s ease-out}.z-upload-wrapper .z-upload-file-list{animation:z-upload-slide-in .2s ease-out}@keyframes z-upload-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "component", type: ZLoadingComponent, selector: "z-loading", inputs: ["class", "zSpinner", "zSize", "zColor", "zText", "zOverlay", "zOverlayType", "zFullscreen", "zLoading"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTrigger", "zTooltipType", "zTooltipSize", "zClass", "zShowDelay", "zHideDelay", "zArrow", "zDisabled", "zOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'z-upload', imports: [ZIconComponent, ZLoadingComponent, ZTooltipDirective], standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ZUploadComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'zUpload', template: "<div class=\"z-upload-wrapper flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"inputId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    class=\"z-upload-dropzone\"\n    [class]=\"dropzoneClasses()\"\n    (click)=\"openFileDialog()\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\">\n    @if (zLoading()) {\n      <div class=\"bg-background/80 absolute inset-0 z-10 flex items-center justify-center rounded-[6px]\">\n        <svg\n          class=\"text-primary size-6 animate-spin\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\">\n          <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n        </svg>\n      </div>\n    }\n\n    <svg\n      class=\"text-muted-foreground\"\n      [class.size-5]=\"zSize() === 'sm'\"\n      [class.size-6]=\"zSize() === 'default'\"\n      [class.size-8]=\"zSize() === 'lg'\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      @if (isDragOver()) {\n        <path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" />\n        <path d=\"M12 12v9\" />\n        <path d=\"m16 16-4-4-4 4\" />\n      } @else {\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n        <polyline points=\"17 8 12 3 7 8\" />\n        <line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\" />\n      }\n    </svg>\n\n    <div class=\"text-center\">\n      <p class=\"text-muted-foreground m-0 text-sm\">\n        @if (isDragOver()) {\n          Drop files here\n        } @else {\n          Drag files here or\n          <span class=\"text-primary cursor-pointer font-medium\">browse</span>\n        }\n      </p>\n\n      @if (zNote() || zAcceptFile() !== '*') {\n        <div class=\"text-muted-foreground/70 mt-2 flex flex-col gap-0.5 text-xs\">\n          @if (zNote()) {\n            <span>{{ zNote() }}</span>\n          }\n          @if (zAcceptFile() !== '*') {\n            <span>Accepted: {{ zAcceptFile() }}</span>\n          }\n        </div>\n      }\n    </div>\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      [id]=\"inputId\"\n      [accept]=\"acceptTypes()\"\n      [multiple]=\"zMultipleFile()\"\n      [disabled]=\"isBlocked()\"\n      (change)=\"onFileSelected($event)\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n\n  @if (files().length > 0) {\n    <div class=\"z-upload-file-list flex flex-col gap-1.5\">\n      @for (file of files(); track file.id) {\n        <div [class]=\"getFileItemClasses(file)\" class=\"relative overflow-hidden p-2!\">\n          <!-- Progress border at bottom -->\n          @if (zShowProgress() && file.status === 'uploading') {\n            <div\n              class=\"bg-primary absolute bottom-0 left-0 h-0.5 transition-all duration-300\"\n              [style.width.%]=\"file.progress\"></div>\n          }\n\n          <div class=\"bg-muted relative flex size-8 shrink-0 items-center justify-center self-start rounded\">\n            <z-icon zType=\"lucideFile\" zSize=\"16\" class=\"text-muted-foreground\" />\n          </div>\n\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <div class=\"flex items-center gap-1.5\">\n              <span class=\"line-clamp-2 text-xs font-medium\" z-tooltip [zContent]=\"file.name\" [zAlwaysShow]=\"false\">\n                {{ file.name }}\n              </span>\n\n              @if (file.status === 'uploading') {\n                <z-loading zSize=\"2xs\" class=\"shrink-0\" [zLoading]=\"true\" />\n                @if (zShowProgress() && file.progress > 0) {\n                  <span class=\"text-primary shrink-0 text-[10px] font-medium\">{{ file.progress }}%</span>\n                }\n              }\n              @if (file.status === 'success') {\n                <z-icon zType=\"lucideCheckCircle\" zSize=\"14\" class=\"shrink-0 text-green-500\" />\n              }\n              @if (file.status === 'error') {\n                <z-icon zType=\"lucideXCircle\" zSize=\"14\" class=\"text-destructive shrink-0\" />\n              }\n            </div>\n\n            <span class=\"text-muted-foreground mt-0.5 text-[10px]\">\n              {{ formatFileSize(file.size) }}\n            </span>\n          </div>\n\n          <div class=\"flex shrink-0 items-center gap-0.5\">\n            @if (file.url || file.file) {\n              <button\n                type=\"button\"\n                class=\"group hover:bg-accent flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"downloadFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideDownload\" zSize=\"14\" class=\"text-muted-foreground\" />\n              </button>\n            }\n\n            @if (!zReadonly()) {\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/10 flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"removeFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideX\" zSize=\"14\" class=\"text-destructive\" />\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".z-upload-wrapper .z-upload-dropzone:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.z-upload-wrapper .z-upload-progress-bar .z-upload-progress-fill{transition:width .3s ease-out}.z-upload-wrapper .z-upload-file-list{animation:z-upload-slide-in .2s ease-out}@keyframes z-upload-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLabel", required: false }] }], zLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLabelClass", required: false }] }], zNote: [{ type: i0.Input, args: [{ isSignal: true, alias: "zNote", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zAcceptFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAcceptFile", required: false }] }], zMultipleFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMultipleFile", required: false }] }], zMaxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMaxSize", required: false }] }], zMaxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMaxFiles", required: false }] }], zRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRequired", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "zReadonly", required: false }] }], zLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLoading", required: false }] }], zShowProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowProgress", required: false }] }], zValidators: [{ type: i0.Input, args: [{ isSignal: true, alias: "zValidators", required: false }] }], zOnUpload: [{ type: i0.Output, args: ["zOnUpload"] }], zOnRemove: [{ type: i0.Output, args: ["zOnRemove"] }], zOnDownload: [{ type: i0.Output, args: ["zOnDownload"] }], zOnError: [{ type: i0.Output, args: ["zOnError"] }], zOnFileChange: [{ type: i0.Output, args: ["zOnFileChange"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], fileInputRef: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ZUploadComponent, formatFileSize, zUploadDropzoneVariants, zUploadFileItemVariants };
+//# sourceMappingURL=shival99-z-ui-components-z-upload.mjs.map

package/fesm2022/shival99-z-ui-components-z-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shival99-z-ui-components-z-upload.mjs","sources":["../../../../libs/core-ui/components/z-upload/z-upload.types.ts","../../../../libs/core-ui/components/z-upload/z-upload.variants.ts","../../../../libs/core-ui/components/z-upload/z-upload.component.ts","../../../../libs/core-ui/components/z-upload/z-upload.component.html","../../../../libs/core-ui/components/z-upload/shival99-z-ui-components-z-upload.ts"],"sourcesContent":["import type { Signal } from '@angular/core';\r\n\r\nexport type ZUploadSize = 'sm' | 'default' | 'lg';\r\nexport type ZUploadStatus = 'pending' | 'uploading' | 'success' | 'error';\r\n\r\nexport interface ZUploadFile {\r\n  id: string;\r\n  name: string;\r\n  size: number;\r\n  type: string;\r\n  file?: File;\r\n  url?: string;\r\n  progress: number;\r\n  status: ZUploadStatus;\r\n}\r\n\r\nexport interface ZUploadError {\r\n  file: File;\r\n  error: string;\r\n}\r\n\r\nexport interface ZUploadValidator {\r\n  error: string;\r\n  message: string;\r\n  validate?: (files: ZUploadFile[]) => boolean;\r\n}\r\n\r\nexport interface ZUploadControl {\r\n  validate: () => void;\r\n  reset: () => void;\r\n  clearFiles: () => void;\r\n  openFileDialog: () => void;\r\n  markAsTouched: () => void;\r\n  markAsUntouched: () => void;\r\n  markAsDirty: () => void;\r\n  markAsPristine: () => void;\r\n  hasError: Signal<boolean>;\r\n  files: Signal<ZUploadFile[]>;\r\n  errorMessage: Signal<string>;\r\n}\r\n\r\nexport const formatFileSize = (bytes: number): string => {\r\n  if (bytes === 0) {\r\n    return '0 B';\r\n  }\r\n\r\n  const units = ['B', 'KB', 'MB', 'GB'];\r\n  const k = 1024;\r\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n  const size = bytes / Math.pow(k, i);\r\n  return `${size.toFixed(i > 0 ? 1 : 0)} ${units[i]}`;\r\n};\r\n","import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\nexport const zUploadDropzoneVariants = cva(\r\n  [\r\n    'relative flex flex-col items-center justify-center rounded-[6px] border-2 border-dashed',\r\n    'transition-[border-color,background-color] duration-200 cursor-pointer',\r\n    'hover:border-primary/50 hover:bg-primary/5',\r\n  ],\r\n  {\r\n    variants: {\r\n      zSize: {\r\n        sm: 'min-h-24 gap-1 p-3',\r\n        default: 'min-h-32 gap-2 p-4',\r\n        lg: 'min-h-40 gap-3 p-6',\r\n      },\r\n      zStatus: {\r\n        default: 'border-input bg-background',\r\n        active: 'border-primary bg-primary/10',\r\n        disabled: 'opacity-50 cursor-not-allowed bg-muted border-muted',\r\n        readonly: 'opacity-70 cursor-default bg-muted/50 border-muted',\r\n        error: 'border-destructive! bg-destructive/5 hover:border-destructive!',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      zSize: 'default',\r\n      zStatus: 'default',\r\n    },\r\n  }\r\n);\r\n\r\nexport type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;\r\n\r\nexport const zUploadFileItemVariants = cva(\r\n  [\r\n    'relative flex items-center gap-3 rounded-[6px] border border-input bg-background p-3',\r\n    'transition-all duration-200',\r\n  ],\r\n  {\r\n    variants: {\r\n      zStatus: {\r\n        pending: '',\r\n        uploading: '',\r\n        success: '',\r\n        error: '',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      zStatus: 'pending',\r\n    },\r\n  }\r\n);\r\n\r\nexport type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;\r\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  forwardRef,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  type AbstractControl,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  NgControl,\n  NgModel,\n  PristineChangeEvent,\n  TouchedChangeEvent,\n} from '@angular/forms';\nimport type { ClassValue } from 'clsx';\nimport { filter, merge } from 'rxjs';\nimport {\n  formatFileSize,\n  type ZUploadControl,\n  type ZUploadError,\n  type ZUploadFile,\n  type ZUploadSize,\n  type ZUploadValidator,\n} from './z-upload.types';\nimport { zUploadDropzoneVariants, zUploadFileItemVariants } from './z-upload.variants';\nimport { zGenerateId, zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { ZLoadingComponent } from '@shival99/z-ui/components/z-loading';\nimport { ZTooltipDirective } from '@shival99/z-ui/components/z-tooltip';\n\n@Component({\n  selector: 'z-upload',\n  imports: [ZIconComponent, ZLoadingComponent, ZTooltipDirective],\n  standalone: true,\n  templateUrl: './z-upload.component.html',\n  styleUrl: './z-upload.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ZUploadComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'zUpload',\n})\nexport class ZUploadComponent implements OnInit, ControlValueAccessor {\n  public readonly class = input<ClassValue>('');\n  public readonly zLabel = input<string>('');\n  public readonly zLabelClass = input<string>('');\n  public readonly zNote = input<string>('');\n  public readonly zSize = input<ZUploadSize>('default');\n  public readonly zAcceptFile = input<string>('*');\n  public readonly zMultipleFile = input(false, { transform: zTransform });\n  public readonly zMaxSize = input<number>(10);\n  public readonly zMaxFiles = input<number>(5);\n  public readonly zRequired = input(false, { transform: zTransform });\n  public readonly zDisabled = input(false, { transform: zTransform });\n  public readonly zReadonly = input(false, { transform: zTransform });\n  public readonly zLoading = input(false, { transform: zTransform });\n  public readonly zShowProgress = input(true, { transform: zTransform });\n  public readonly zValidators = input<ZUploadValidator[]>([]);\n\n  public readonly zOnUpload = output<ZUploadFile[]>();\n  public readonly zOnRemove = output<ZUploadFile>();\n  public readonly zOnDownload = output<ZUploadFile>();\n  public readonly zOnError = output<ZUploadError>();\n  public readonly zOnFileChange = output<File[]>();\n  public readonly zControl = output<ZUploadControl>();\n\n  protected readonly fileInputRef = viewChild<ElementRef<HTMLInputElement>>('fileInput');\n\n  public readonly files = signal<ZUploadFile[]>([]);\n  protected readonly inputId = zGenerateId('z-upload');\n  protected readonly isDragOver = signal(false);\n  protected readonly isTouched = signal(false);\n  private readonly _dirty = signal(false);\n  private readonly _fileError = signal<string>('');\n\n  private readonly _disabled = signal(false);\n  private readonly _formControl = signal<AbstractControl | null>(null);\n  private readonly _formStateVersion = signal(0);\n  private readonly _isNgModel = signal(false);\n  private readonly _injector = inject(Injector);\n  private readonly _destroyRef = inject(DestroyRef);\n\n  private _onChange: (value: ZUploadFile[]) => void = () => void 0;\n  private _onTouched: () => void = () => void 0;\n  private _ngControl: NgControl | null = null;\n\n  protected readonly isDisabled = computed(() => this._disabled() || this.zDisabled());\n\n  protected readonly isBlocked = computed(() => this.isDisabled() || this.zLoading() || this.zReadonly());\n\n  private readonly _shouldShowValidation = computed(() => {\n    const control = this._formControl();\n    this._formStateVersion();\n\n    if (this._isNgModel()) {\n      return this._dirty() || this.isTouched();\n    }\n\n    if (control) {\n      return control.dirty;\n    }\n\n    return this._dirty() || this.isTouched();\n  });\n\n  protected readonly hasError = computed(() => {\n    if (this._fileError()) {\n      return true;\n    }\n\n    const customErrors = this._getValidationErrors();\n    if (customErrors.length > 0) {\n      return true;\n    }\n\n    const control = this._formControl();\n    this._formStateVersion();\n    if (!control) {\n      return false;\n    }\n\n    return control.invalid && this._shouldShowValidation();\n  });\n\n  protected readonly showError = computed(\n    () => this.hasError() && (this._shouldShowValidation() || !!this._fileError())\n  );\n\n  protected readonly errorMessage = computed(() => {\n    const fileError = this._fileError();\n    if (fileError) {\n      return fileError;\n    }\n\n    const customErrors = this._getValidationErrors();\n    if (customErrors.length > 0) {\n      return customErrors[0];\n    }\n\n    const control = this._formControl();\n    const errors = control?.errors;\n    if (!errors) {\n      return '';\n    }\n\n    const validators = this.zValidators();\n    for (const validator of validators) {\n      if (errors[validator.error]) {\n        return validator.message;\n      }\n    }\n\n    return '';\n  });\n\n  protected readonly currentStatus = computed(() => {\n    if (this.isDisabled()) {\n      return 'disabled';\n    }\n    if (this.zReadonly()) {\n      return 'readonly';\n    }\n    if (this._fileError()) {\n      return 'error';\n    }\n    if (this.hasError() && this._shouldShowValidation()) {\n      return 'error';\n    }\n    if (this.isDragOver()) {\n      return 'active';\n    }\n    return 'default';\n  });\n\n  protected readonly dropzoneClasses = computed(() =>\n    zMergeClasses(\n      zUploadDropzoneVariants({\n        zSize: this.zSize(),\n        zStatus: this.currentStatus(),\n      }),\n      this.class()\n    )\n  );\n\n  protected readonly acceptTypes = computed(() => {\n    const accept = this.zAcceptFile();\n    return accept === '*' ? '' : accept;\n  });\n\n  protected readonly formatFileSize = formatFileSize;\n  protected readonly getFileItemClasses = (file: ZUploadFile) => zUploadFileItemVariants({ zStatus: file.status });\n\n  public ngOnInit(): void {\n    void Promise.resolve().then(() => {\n      try {\n        this._ngControl = this._injector.get(NgControl, null);\n        this._isNgModel.set(this._ngControl instanceof NgModel);\n\n        if (this._ngControl?.control) {\n          const { control } = this._ngControl;\n          this._formControl.set(control);\n          merge(\n            control.statusChanges,\n            control.valueChanges,\n            control.events.pipe(\n              filter(event => event instanceof PristineChangeEvent || event instanceof TouchedChangeEvent)\n            )\n          )\n            .pipe(takeUntilDestroyed(this._destroyRef))\n            .subscribe(() => {\n              this._formStateVersion.update(v => v + 1);\n            });\n        }\n      } catch {\n        this._ngControl = null;\n      }\n    });\n\n    setTimeout(() => this._emitControl());\n  }\n\n  public writeValue(value: ZUploadFile[] | null): void {\n    this.files.set(value ?? []);\n  }\n\n  public registerOnChange(fn: (value: ZUploadFile[]) => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState(isDisabled: boolean): void {\n    this._disabled.set(isDisabled);\n  }\n\n  public updateProgress(fileId: string, progress: number): void {\n    this.files.update(files =>\n      files.map(f => {\n        if (f.id !== fileId) {\n          return f;\n        }\n        return {\n          ...f,\n          progress: Math.min(100, Math.max(0, progress)),\n          status: progress >= 100 ? 'success' : 'uploading',\n        };\n      })\n    );\n    this._notifyChange();\n  }\n\n  public setFileStatus(fileId: string, status: ZUploadFile['status']): void {\n    this.files.update(files =>\n      files.map(f => {\n        if (f.id !== fileId) {\n          return f;\n        }\n        return { ...f, status };\n      })\n    );\n    this._notifyChange();\n  }\n\n  public clearFiles(): void {\n    this.files.set([]);\n    this._notifyChange();\n  }\n\n  public validate(): void {\n    this.isTouched.set(true);\n    this._dirty.set(true);\n    this._onTouched();\n\n    if (this._ngControl?.control) {\n      this._ngControl.control.markAsDirty();\n      this._ngControl.control.markAsTouched();\n    }\n  }\n\n  public reset(): void {\n    this.files.set([]);\n    this.isTouched.set(false);\n    this._dirty.set(false);\n    this._fileError.set('');\n    this._onChange([]);\n\n    if (this._ngControl?.control) {\n      this._ngControl.control.markAsPristine();\n      this._ngControl.control.markAsUntouched();\n    }\n  }\n\n  public markAsTouched(): void {\n    this.isTouched.set(true);\n    this._onTouched();\n  }\n\n  public markAsUntouched(): void {\n    this.isTouched.set(false);\n  }\n\n  public markAsDirty(): void {\n    this._dirty.set(true);\n  }\n\n  public markAsPristine(): void {\n    this._dirty.set(false);\n  }\n\n  private _emitControl(): void {\n    this.zControl.emit({\n      validate: () => this.validate(),\n      reset: () => this.reset(),\n      clearFiles: () => this.clearFiles(),\n      openFileDialog: () => this.openFileDialog(),\n      markAsTouched: () => this.markAsTouched(),\n      markAsUntouched: () => this.markAsUntouched(),\n      markAsDirty: () => this.markAsDirty(),\n      markAsPristine: () => this.markAsPristine(),\n      hasError: this.hasError,\n      files: this.files.asReadonly(),\n      errorMessage: this.errorMessage,\n    });\n  }\n\n  public getFiles(): File[] {\n    return this.files()\n      .filter(f => f.file)\n      .map(f => f.file as File);\n  }\n\n  protected openFileDialog(): void {\n    if (this.isBlocked()) {\n      return;\n    }\n    this.fileInputRef()?.nativeElement.click();\n  }\n\n  protected onFileSelected(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    if (!input.files?.length) {\n      return;\n    }\n\n    this._processFiles(Array.from(input.files));\n    input.value = '';\n  }\n\n  protected onDragOver(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (this.isBlocked()) {\n      return;\n    }\n    this.isDragOver.set(true);\n  }\n\n  protected onDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n  }\n\n  protected onDrop(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver.set(false);\n\n    if (this.isBlocked()) {\n      return;\n    }\n\n    const droppedFiles = event.dataTransfer?.files;\n    if (!droppedFiles?.length) {\n      return;\n    }\n\n    this._processFiles(Array.from(droppedFiles));\n  }\n\n  protected removeFile(file: ZUploadFile): void {\n    if (this.zLoading()) {\n      return;\n    }\n\n    this.files.update(files => files.filter(f => f.id !== file.id));\n    this._notifyChange();\n    this._emitFileChange();\n    this.zOnRemove.emit(file);\n  }\n\n  protected downloadFile(file: ZUploadFile): void {\n    if (this.zLoading()) {\n      return;\n    }\n\n    this.zOnDownload.emit(file);\n    if (file.url) {\n      const link = document.createElement('a');\n      link.href = file.url;\n      link.download = file.name;\n      link.target = '_blank';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      return;\n    }\n\n    if (file.file) {\n      const url = URL.createObjectURL(file.file);\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = file.name;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n    }\n  }\n\n  private _getValidationErrors(): string[] {\n    const validators = this.zValidators();\n    const currentFiles = this.files();\n    const control = this._formControl();\n    const errors: string[] = [];\n\n    const isRequired = this.zRequired() || control?.errors?.['required'];\n    if (isRequired && currentFiles.length === 0) {\n      errors.push('Vui lòng chọn file');\n    }\n\n    for (const validator of validators) {\n      if (validator.validate && !validator.validate(currentFiles)) {\n        errors.push(validator.message);\n      }\n    }\n\n    return errors;\n  }\n\n  private _processFiles(newFiles: File[]): void {\n    const maxFiles = this.zMaxFiles();\n    const maxSize = this.zMaxSize() * 1024 * 1024;\n    const accept = this.zAcceptFile();\n    const validFiles: ZUploadFile[] = [];\n    if (!this.zMultipleFile()) {\n      this.files.set([]);\n    }\n\n    for (const file of newFiles) {\n      if (!this.zMultipleFile() && validFiles.length > 0) {\n        break;\n      }\n\n      if (this.zMultipleFile()) {\n        const currentCount = this.files().length + validFiles.length;\n        if (currentCount >= maxFiles) {\n          const errorMsg = `Maximum ${maxFiles} files allowed`;\n          this._fileError.set(errorMsg);\n          this.zOnError.emit({ file, error: errorMsg });\n          continue;\n        }\n      }\n\n      if (file.size > maxSize) {\n        const errorMsg = `File size exceeds ${this.zMaxSize()}MB limit`;\n        this._fileError.set(errorMsg);\n        this.zOnError.emit({ file, error: errorMsg });\n        continue;\n      }\n\n      if (accept !== '*' && !this._isValidFileType(file, accept)) {\n        const errorMsg = `File type not allowed. Accepted: ${accept}`;\n        this._fileError.set(errorMsg);\n        this.zOnError.emit({ file, error: errorMsg });\n        continue;\n      }\n\n      validFiles.push({\n        id: zGenerateId('file'),\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        file,\n        progress: 0,\n        status: 'pending',\n      });\n    }\n\n    if (validFiles.length === 0) {\n      this._notifyChange();\n      return;\n    }\n\n    this._fileError.set('');\n    if (!this.zMultipleFile()) {\n      this.files.set(validFiles.slice(0, 1));\n      this.isTouched.set(true);\n      this._dirty.set(true);\n      this._onTouched();\n      this._notifyChange();\n      this._emitFileChange();\n      this.zOnUpload.emit(validFiles);\n      return;\n    }\n\n    this.files.update(files => [...files, ...validFiles]);\n    this.isTouched.set(true);\n    this._dirty.set(true);\n    this._onTouched();\n    this._notifyChange();\n    this._emitFileChange();\n    this.zOnUpload.emit(validFiles);\n  }\n\n  private _emitFileChange(): void {\n    const rawFiles = this.getFiles();\n    this.zOnFileChange.emit(rawFiles);\n  }\n\n  private _isValidFileType(file: File, accept: string): boolean {\n    const acceptTypes = accept.split(',').map(t => t.trim().toLowerCase());\n\n    for (const type of acceptTypes) {\n      if (type.startsWith('.')) {\n        if (file.name.toLowerCase().endsWith(type)) {\n          return true;\n        }\n        continue;\n      }\n\n      if (type.endsWith('/*')) {\n        const category = type.slice(0, -2);\n        if (file.type.startsWith(category + '/')) {\n          return true;\n        }\n        continue;\n      }\n\n      if (file.type.toLowerCase() === type) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  private _notifyChange(): void {\n    this._onChange(this.files());\n  }\n}\n","<div class=\"z-upload-wrapper flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"inputId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    class=\"z-upload-dropzone\"\n    [class]=\"dropzoneClasses()\"\n    (click)=\"openFileDialog()\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\">\n    @if (zLoading()) {\n      <div class=\"bg-background/80 absolute inset-0 z-10 flex items-center justify-center rounded-[6px]\">\n        <svg\n          class=\"text-primary size-6 animate-spin\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\">\n          <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n        </svg>\n      </div>\n    }\n\n    <svg\n      class=\"text-muted-foreground\"\n      [class.size-5]=\"zSize() === 'sm'\"\n      [class.size-6]=\"zSize() === 'default'\"\n      [class.size-8]=\"zSize() === 'lg'\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      @if (isDragOver()) {\n        <path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" />\n        <path d=\"M12 12v9\" />\n        <path d=\"m16 16-4-4-4 4\" />\n      } @else {\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n        <polyline points=\"17 8 12 3 7 8\" />\n        <line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\" />\n      }\n    </svg>\n\n    <div class=\"text-center\">\n      <p class=\"text-muted-foreground m-0 text-sm\">\n        @if (isDragOver()) {\n          Drop files here\n        } @else {\n          Drag files here or\n          <span class=\"text-primary cursor-pointer font-medium\">browse</span>\n        }\n      </p>\n\n      @if (zNote() || zAcceptFile() !== '*') {\n        <div class=\"text-muted-foreground/70 mt-2 flex flex-col gap-0.5 text-xs\">\n          @if (zNote()) {\n            <span>{{ zNote() }}</span>\n          }\n          @if (zAcceptFile() !== '*') {\n            <span>Accepted: {{ zAcceptFile() }}</span>\n          }\n        </div>\n      }\n    </div>\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      [id]=\"inputId\"\n      [accept]=\"acceptTypes()\"\n      [multiple]=\"zMultipleFile()\"\n      [disabled]=\"isBlocked()\"\n      (change)=\"onFileSelected($event)\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n\n  @if (files().length > 0) {\n    <div class=\"z-upload-file-list flex flex-col gap-1.5\">\n      @for (file of files(); track file.id) {\n        <div [class]=\"getFileItemClasses(file)\" class=\"relative overflow-hidden p-2!\">\n          <!-- Progress border at bottom -->\n          @if (zShowProgress() && file.status === 'uploading') {\n            <div\n              class=\"bg-primary absolute bottom-0 left-0 h-0.5 transition-all duration-300\"\n              [style.width.%]=\"file.progress\"></div>\n          }\n\n          <div class=\"bg-muted relative flex size-8 shrink-0 items-center justify-center self-start rounded\">\n            <z-icon zType=\"lucideFile\" zSize=\"16\" class=\"text-muted-foreground\" />\n          </div>\n\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <div class=\"flex items-center gap-1.5\">\n              <span class=\"line-clamp-2 text-xs font-medium\" z-tooltip [zContent]=\"file.name\" [zAlwaysShow]=\"false\">\n                {{ file.name }}\n              </span>\n\n              @if (file.status === 'uploading') {\n                <z-loading zSize=\"2xs\" class=\"shrink-0\" [zLoading]=\"true\" />\n                @if (zShowProgress() && file.progress > 0) {\n                  <span class=\"text-primary shrink-0 text-[10px] font-medium\">{{ file.progress }}%</span>\n                }\n              }\n              @if (file.status === 'success') {\n                <z-icon zType=\"lucideCheckCircle\" zSize=\"14\" class=\"shrink-0 text-green-500\" />\n              }\n              @if (file.status === 'error') {\n                <z-icon zType=\"lucideXCircle\" zSize=\"14\" class=\"text-destructive shrink-0\" />\n              }\n            </div>\n\n            <span class=\"text-muted-foreground mt-0.5 text-[10px]\">\n              {{ formatFileSize(file.size) }}\n            </span>\n          </div>\n\n          <div class=\"flex shrink-0 items-center gap-0.5\">\n            @if (file.url || file.file) {\n              <button\n                type=\"button\"\n                class=\"group hover:bg-accent flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"downloadFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideDownload\" zSize=\"14\" class=\"text-muted-foreground\" />\n              </button>\n            }\n\n            @if (!zReadonly()) {\n              <button\n                type=\"button\"\n                class=\"hover:bg-destructive/10 flex size-6 cursor-pointer items-center justify-center rounded transition-colors\"\n                [class.pointer-events-none]=\"zLoading()\"\n                [class.opacity-50]=\"zLoading()\"\n                (click)=\"removeFile(file); $event.stopPropagation()\">\n                <z-icon zType=\"lucideX\" zSize=\"14\" class=\"text-destructive\" />\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}