cax-design-system 2.6.0 → 2.7.0

package/fesm2022/cax-design-system-upload.mjs

@@ -0,0 +1,380 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'cax-design-system/progressspinner';
+import { ProgressSpinnerModule } from 'cax-design-system/progressspinner';
+import * as i3 from 'cax-design-system/button';
+import { Button } from 'cax-design-system/button';
+import { FormsModule } from '@angular/forms';
+
+class UploadComponent {
+    invalid = false;
+    style;
+    maxFileSize = 30;
+    inputFiles = 'Input Files';
+    uploadString = 'uploading the file';
+    errorText = 'Please upload a file';
+    allowMultiple = true;
+    // Enhanced event emitters
+    fileSelected = new EventEmitter();
+    filesQueued = new EventEmitter(); // Emit when files are queued for upload
+    uploadStarted = new EventEmitter();
+    uploadCompleted = new EventEmitter();
+    uploadCanceled = new EventEmitter(); // When user cancels an upload
+    uploadError = new EventEmitter(); // When upload fails
+    fileRemoved = new EventEmitter(); // When a file is removed from the list
+    allFilesRemoved = new EventEmitter(); // When all files are cleared
+    uploadStatusChange = new EventEmitter(); // Status changes
+    isDragging = false;
+    uploadedFiles = [];
+    uploadStatus = 'idle';
+    isProcessingQueue = false;
+    // Track actual files to process (excludes canceled ones)
+    get activeFilesCount() {
+        return this.uploadedFiles.filter((file) => file.status !== 'canceled').length;
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragging = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragging = false;
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragging = false;
+        const files = event.dataTransfer?.files;
+        if (!files || files.length === 0)
+            return;
+        const fileArray = Array.from(files);
+        const validFiles = fileArray.filter((file) => {
+            if (file.size > this.maxFileSize * 1024 * 1024) {
+                this.emitError(file, `File size should be less than ${this.maxFileSize}MB`);
+                return false;
+            }
+            return true;
+        });
+        // Queue all files for upload
+        validFiles.forEach((file) => this.queueFile(file));
+        // Emit the queued files event
+        if (validFiles.length > 0) {
+            this.filesQueued.emit(validFiles);
+        }
+        // Start processing the queue if not already processing
+        if (!this.isProcessingQueue) {
+            this.processQueue();
+        }
+    }
+    handleFileInput(event) {
+        const files = event.target.files;
+        if (!files)
+            return;
+        const fileArray = Array.from(files);
+        const validFiles = fileArray.filter((file) => {
+            if (file.size > this.maxFileSize * 1024 * 1024) {
+                this.emitError(file, `File size should be less than ${this.maxFileSize}MB`);
+                return false;
+            }
+            return true;
+        });
+        // Queue all files for upload
+        validFiles.forEach((file) => this.queueFile(file));
+        // Emit the queued files event
+        if (validFiles.length > 0) {
+            this.filesQueued.emit(validFiles);
+        }
+        // Start processing the queue if not already processing
+        if (!this.isProcessingQueue) {
+            this.processQueue();
+        }
+    }
+    // Queue a file for upload
+    queueFile(file) {
+        const uploadEntry = {
+            file,
+            status: 'queued',
+            progress: 0
+        };
+        this.uploadedFiles.push(uploadEntry);
+        if (this.uploadStatus === 'idle') {
+            this.updateUploadStatus('uploading');
+        }
+    }
+    // Update upload status and emit event
+    updateUploadStatus(status) {
+        if (this.uploadStatus !== status) {
+            this.uploadStatus = status;
+            this.uploadStatusChange.emit(status);
+        }
+    }
+    // Process the queue of files sequentially
+    async processQueue() {
+        if (this.isProcessingQueue)
+            return;
+        this.isProcessingQueue = true;
+        // Find the next file to upload
+        let nextFileIndex = this.uploadedFiles.findIndex((file) => file.status === 'queued');
+        while (nextFileIndex !== -1) {
+            const currentFile = this.uploadedFiles[nextFileIndex];
+            await this.processFile(currentFile, nextFileIndex);
+            // Find the next file after processing
+            nextFileIndex = this.uploadedFiles.findIndex((file) => file.status === 'queued');
+        }
+        this.isProcessingQueue = false;
+        // Check if all uploads are complete and there are no more files to process
+        if (this.uploadedFiles.length > 0 && this.uploadedFiles.some((file) => file.status === 'complete') && !this.hasQueuedOrUploading) {
+            this.updateUploadStatus('complete');
+        }
+    }
+    // Trigger file input click programmatically
+    openFileSelector() {
+        const fileInput = document.getElementById('fileInput');
+        if (fileInput) {
+            fileInput.click();
+        }
+    }
+    // Emit error event
+    emitError(file, message) {
+        this.uploadError.emit({ file, error: message });
+    }
+    async processFile(fileEntry, index) {
+        // Update status to uploading
+        fileEntry.status = 'uploading';
+        fileEntry.progress = 0;
+        this.fileSelected.emit(fileEntry.file);
+        this.uploadStarted.emit(fileEntry.file);
+        try {
+            // Simulate upload with progress updates
+            for (let progress = 0; progress <= 100; progress += 10) {
+                // Check if upload was canceled during progress
+                // Need to check current status since it might have changed
+                if (fileEntry.status !== 'uploading') {
+                    // Either canceled or errored
+                    break;
+                }
+                fileEntry.progress = progress;
+                //this.uploadProgress.emit({ file: fileEntry.file, progress });
+                // Simulate network delay
+                await new Promise((resolve) => setTimeout(resolve, 200));
+            }
+            // Only set to complete if still uploading (not canceled or errored)
+            if (fileEntry.status === 'uploading') {
+                fileEntry.status = 'complete';
+                fileEntry.progress = 100;
+                this.uploadCompleted.emit(fileEntry.file);
+            }
+        }
+        catch (error) {
+            // Handle errors
+            fileEntry.status = 'error';
+            const errorMessage = error instanceof Error ? error.message : 'Unknown upload error';
+            fileEntry.errorMessage = errorMessage;
+            this.emitError(fileEntry.file, errorMessage);
+        }
+    }
+    cancelUpload(index) {
+        // Cancel the specified file and all files below it
+        for (let i = index; i < this.uploadedFiles.length; i++) {
+            const fileToCancel = this.uploadedFiles[i];
+            if (fileToCancel) {
+                const previousStatus = fileToCancel.status;
+                if (previousStatus === 'uploading' || previousStatus === 'queued') {
+                    fileToCancel.status = 'canceled';
+                    // Only emit if it was actively uploading (not just queued)
+                    if (previousStatus === 'uploading') {
+                        this.uploadCanceled.emit(fileToCancel.file);
+                    }
+                }
+            }
+        }
+        // If the file at the specified index was uploading, process the next file in queue
+        // (which would now be a file before the index that might be queued)
+        if (this.uploadedFiles[index]?.status === 'canceled') {
+            setTimeout(() => this.processQueue(), 0);
+        }
+    }
+    // Cancel the current upload
+    cancelCurrentUpload() {
+        // Find the file that's currently uploading
+        const currentUploadIndex = this.uploadedFiles.findIndex((file) => file.status === 'uploading');
+        if (currentUploadIndex >= 0) {
+            this.cancelUpload(currentUploadIndex);
+        }
+    }
+    // Cancel all uploads
+    cancelAllUploads() {
+        let hadActiveUploads = false;
+        this.uploadedFiles.forEach((file) => {
+            if (file.status === 'uploading' || file.status === 'queued') {
+                hadActiveUploads = true;
+                const previousStatus = file.status;
+                file.status = 'canceled';
+                if (previousStatus === 'uploading') {
+                    this.uploadCanceled.emit(file.file);
+                }
+            }
+        });
+        if (hadActiveUploads && !this.hasQueuedOrUploading) {
+            this.updateUploadStatus('idle');
+        }
+    }
+    // Remove a file from the list
+    removeFile(index) {
+        const fileToRemove = this.uploadedFiles[index];
+        // Cancel first if it's active
+        if (fileToRemove.status === 'uploading' || fileToRemove.status === 'queued') {
+            this.cancelUpload(index);
+        }
+        // Emit removal event
+        this.fileRemoved.emit(fileToRemove.file);
+        // Remove from array
+        this.uploadedFiles.splice(index, 1);
+        // Reset status if no files left
+        if (this.uploadedFiles.length === 0) {
+            this.updateUploadStatus('idle');
+        }
+        else if (!this.hasQueuedOrUploading && this.uploadStatus !== 'complete') {
+            // If there are no more queued or uploading files but we have completed files
+            this.updateUploadStatus('complete');
+        }
+    }
+    // Remove all files
+    removeAllFiles() {
+        // Cancel any active uploads
+        this.cancelAllUploads();
+        // Only emit if there were files to remove
+        if (this.uploadedFiles.length > 0) {
+            this.allFilesRemoved.emit();
+        }
+        this.uploadedFiles = [];
+        this.updateUploadStatus('idle');
+    }
+    // Retry a failed upload
+    retryUpload(index) {
+        const fileToRetry = this.uploadedFiles[index];
+        if (fileToRetry) {
+            const currentStatus = fileToRetry.status;
+            if (currentStatus === 'error' || currentStatus === 'canceled') {
+                fileToRetry.status = 'queued';
+                fileToRetry.errorMessage = undefined;
+                // Start processing if not already doing so
+                if (!this.isProcessingQueue) {
+                    this.processQueue();
+                }
+            }
+        }
+    }
+    get hasUploading() {
+        return this.uploadedFiles.some((file) => file.status === 'uploading');
+    }
+    get hasQueuedOrUploading() {
+        return this.uploadedFiles.some((file) => file.status === 'uploading' || file.status === 'queued');
+    }
+    get hasErrors() {
+        return this.uploadedFiles.some((file) => file.status === 'error');
+    }
+    get allUploadsComplete() {
+        return this.uploadedFiles.length > 0 && this.uploadedFiles.some((file) => file.status === 'complete') && !this.hasQueuedOrUploading;
+    }
+    get uploadingProgressText() {
+        // Count active files (excluding canceled ones)
+        const totalActiveFiles = this.activeFilesCount;
+        const completedCount = this.uploadedFiles.filter((file) => file.status === 'complete').length;
+        const uploadingFile = this.uploadedFiles.find((file) => file.status === 'uploading');
+        if (uploadingFile) {
+            // We're currently uploading the (completedCount + 1)th active file
+            return `Uploading ${completedCount}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;
+        }
+        if (this.uploadedFiles.some((file) => file.status === 'queued')) {
+            return `Uploading ${completedCount + 1}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;
+        }
+        return `Uploading ${completedCount}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;
+    }
+    // Calculate overall progress percentage across all files
+    get overallProgress() {
+        if (this.uploadedFiles.length === 0)
+            return 0;
+        const totalProgress = this.uploadedFiles.reduce((sum, file) => {
+            if (file.status === 'complete')
+                return sum + 100;
+            if (file.status === 'canceled' || file.status === 'error')
+                return sum;
+            return sum + (file.progress || 0);
+        }, 0);
+        const activeFilesCount = this.uploadedFiles.filter((file) => file.status !== 'canceled' && file.status !== 'error').length;
+        return activeFilesCount > 0 ? Math.round((totalProgress / (activeFilesCount * 100)) * 100) : 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: UploadComponent, selector: "cax-upload", inputs: { invalid: "invalid", style: "style", maxFileSize: "maxFileSize", inputFiles: "inputFiles", uploadString: "uploadString", errorText: "errorText", allowMultiple: "allowMultiple" }, outputs: { fileSelected: "fileSelected", filesQueued: "filesQueued", uploadStarted: "uploadStarted", uploadCompleted: "uploadCompleted", uploadCanceled: "uploadCanceled", uploadError: "uploadError", fileRemoved: "fileRemoved", allFilesRemoved: "allFilesRemoved", uploadStatusChange: "uploadStatusChange" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0, template: "<p class=\"cax-files\">{{inputFiles}}</p>\r\n<div class=\"cax-upload-menu\" [ngStyle]=\"style\"\r\n     [class.dragging]=\"isDragging\" \r\n     (click)=\"openFileSelector()\">\r\n  <input\r\n    id=\"fileInput\"\r\n    type=\"file\"\r\n    (change)=\"handleFileInput($event)\"\r\n    hidden\r\n    multiple\r\n  >\r\n\r\n  <!-- Default Upload State -->\r\n  <ng-container *ngIf=\"uploadStatus === 'idle'\" >\r\n    <div class=\"cax-upload-options\" >\r\n      <p class=\"hint-text\">\r\n        <span class=\"drop-files\">Drop files here</span> or browse files from your device\r\n      </p>\r\n      <p class=\"max-size\">Max. File Size: {{ maxFileSize }}MB</p>\r\n    </div>\r\n  </ng-container>\r\n\r\n\r\n  <!-- Uploading State -->\r\n<div *ngIf=\"uploadStatus === 'uploading'\" class=\"cax-upload-status uploading\" >\r\n  <div class=\"status-container\">\r\n    <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'lg'\"\r\n        [animationDuration]=\"'2s'\"\r\n      ></cax-progressSpinner>\r\n    <p >{{ uploadingProgressText }}</p>\r\n    <cax-button\r\n      [label]=\"'Cancel'\"\r\n      [rounded]=\"false\"\r\n      [severity]=\"'danger'\"\r\n      [size]=\"'large'\"\r\n      [outlined]=\"'false'\"\r\n      [link]=\"true\"\r\n      (click)=\"cancelCurrentUpload(); $event.stopPropagation()\"\r\n    />\r\n  </div>\r\n</div>\r\n\r\n  <!-- Complete State -->\r\n  <div *ngIf=\"uploadStatus === 'complete'\" class=\"cax-upload-status complete\">\r\n    <div class=\"status-container\">\r\n      <div class=\"success-icon\"><i class=\"cax cax-check\"></i></div>\r\n      <p>{{uploadString}}</p>\r\n      <cax-button\r\n        [label]=\"'Remove'\"\r\n        [rounded]=\"false\"\r\n        [severity]=\"'danger'\"\r\n        [size]=\"'large'\"\r\n        [outlined]=\"'false'\"\r\n        [link]=\"true\"\r\n        (click)=\"removeAllFiles(); $event.stopPropagation()\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\"></div>\r\n</div>\r\n<div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\">\r\n  {{ errorText }}\r\n</div>\r\n\r\n<!-- stacked file -->\r\n<div *ngIf=\"uploadedFiles.length > 0\" class=\"cax-file-preview-wrapper\" [ngStyle]=\"style\">\r\n  <div\r\n    *ngFor=\"let item of uploadedFiles; let i = index\"\r\n    class=\"cax-file-preview\"\r\n    [ngClass]=\"{\r\n      'queued': item.status === 'queued',\r\n      'uploading': item.status === 'uploading',\r\n      'complete': item.status === 'complete',\r\n      'canceled': item.status === 'canceled'\r\n    }\"\r\n  >\r\n    <div class=\"file-info\">\r\n      <p class=\"file-name\">{{ item.file.name }}</p>\r\n    </div> \r\n\r\n    <!-- Show spinner for queued or uploading files -->\r\n    <div *ngIf=\"item.status === 'queued' || item.status === 'uploading'\" class=\"spinner\">\r\n      <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'sm'\"\r\n        [animationDuration]=\"'2s'\">\r\n      </cax-progressSpinner>\r\n    </div>\r\n    \r\n    <!-- Show remove button only for complete or canceled files -->\r\n    <button\r\n      *ngIf=\"item.status === 'complete' || item.status === 'canceled'\"\r\n      class=\"remove-button\"\r\n      (click)=\"removeFile(i); $event.stopPropagation()\">\r\n      <i class=\"cax cax-close\"></i> \r\n    </button>\r\n  </div>\r\n</div>", styles: ["@layer cax{.cax-files{font-size:14px;font-weight:500;margin-bottom:10px}.cax-upload-menu{width:569px;border-radius:12px;padding:24px 56px}.status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;height:150px}.status-container p{margin:0;font-size:14px;font-weight:500}.status-container .success-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-container .success-icon i{font-size:1.5rem;font-weight:800}.cax-upload-options{text-align:center}.cax-upload-options .hint-text{font-size:14px;font-weight:500}.cax-upload-options .drop-files{font-weight:500;font-size:14px}.cax-upload-options .max-size{font-size:12px;margin-bottom:20px;font-weight:400}.cax-error-upload{font-size:14px;font-weight:400;padding-top:8px}.cax-options-container{display:flex;gap:24px;justify-content:center}.cax-upload-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.cax-upload-option .icon-container{width:48px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cax-upload-option span{font-size:14px;font-weight:600;padding-top:10px}.cax-file-preview-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:1rem;width:569px}.cax-file-preview{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px}.cax-file-preview .file-info{display:flex;align-items:center;gap:10px}.cax-file-preview .file-info .file-icon img{width:32px;height:32px}.cax-file-preview .file-info .file-name{font-weight:500;font-size:14px}.cax-file-preview .spinner{margin-left:auto;font-size:20px!important}.cax-file-preview .remove-button{background:none;border:none;margin-left:auto;cursor:pointer}.cax-file-preview .remove-button i{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ProgressSpinner, selector: "cax-progressSpinner", inputs: ["styleClass", "strokeColor", "backgroundStrokeColor", "size", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cax-upload', template: "<p class=\"cax-files\">{{inputFiles}}</p>\r\n<div class=\"cax-upload-menu\" [ngStyle]=\"style\"\r\n     [class.dragging]=\"isDragging\" \r\n     (click)=\"openFileSelector()\">\r\n  <input\r\n    id=\"fileInput\"\r\n    type=\"file\"\r\n    (change)=\"handleFileInput($event)\"\r\n    hidden\r\n    multiple\r\n  >\r\n\r\n  <!-- Default Upload State -->\r\n  <ng-container *ngIf=\"uploadStatus === 'idle'\" >\r\n    <div class=\"cax-upload-options\" >\r\n      <p class=\"hint-text\">\r\n        <span class=\"drop-files\">Drop files here</span> or browse files from your device\r\n      </p>\r\n      <p class=\"max-size\">Max. File Size: {{ maxFileSize }}MB</p>\r\n    </div>\r\n  </ng-container>\r\n\r\n\r\n  <!-- Uploading State -->\r\n<div *ngIf=\"uploadStatus === 'uploading'\" class=\"cax-upload-status uploading\" >\r\n  <div class=\"status-container\">\r\n    <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'lg'\"\r\n        [animationDuration]=\"'2s'\"\r\n      ></cax-progressSpinner>\r\n    <p >{{ uploadingProgressText }}</p>\r\n    <cax-button\r\n      [label]=\"'Cancel'\"\r\n      [rounded]=\"false\"\r\n      [severity]=\"'danger'\"\r\n      [size]=\"'large'\"\r\n      [outlined]=\"'false'\"\r\n      [link]=\"true\"\r\n      (click)=\"cancelCurrentUpload(); $event.stopPropagation()\"\r\n    />\r\n  </div>\r\n</div>\r\n\r\n  <!-- Complete State -->\r\n  <div *ngIf=\"uploadStatus === 'complete'\" class=\"cax-upload-status complete\">\r\n    <div class=\"status-container\">\r\n      <div class=\"success-icon\"><i class=\"cax cax-check\"></i></div>\r\n      <p>{{uploadString}}</p>\r\n      <cax-button\r\n        [label]=\"'Remove'\"\r\n        [rounded]=\"false\"\r\n        [severity]=\"'danger'\"\r\n        [size]=\"'large'\"\r\n        [outlined]=\"'false'\"\r\n        [link]=\"true\"\r\n        (click)=\"removeAllFiles(); $event.stopPropagation()\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\"></div>\r\n</div>\r\n<div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\">\r\n  {{ errorText }}\r\n</div>\r\n\r\n<!-- stacked file -->\r\n<div *ngIf=\"uploadedFiles.length > 0\" class=\"cax-file-preview-wrapper\" [ngStyle]=\"style\">\r\n  <div\r\n    *ngFor=\"let item of uploadedFiles; let i = index\"\r\n    class=\"cax-file-preview\"\r\n    [ngClass]=\"{\r\n      'queued': item.status === 'queued',\r\n      'uploading': item.status === 'uploading',\r\n      'complete': item.status === 'complete',\r\n      'canceled': item.status === 'canceled'\r\n    }\"\r\n  >\r\n    <div class=\"file-info\">\r\n      <p class=\"file-name\">{{ item.file.name }}</p>\r\n    </div> \r\n\r\n    <!-- Show spinner for queued or uploading files -->\r\n    <div *ngIf=\"item.status === 'queued' || item.status === 'uploading'\" class=\"spinner\">\r\n      <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'sm'\"\r\n        [animationDuration]=\"'2s'\">\r\n      </cax-progressSpinner>\r\n    </div>\r\n    \r\n    <!-- Show remove button only for complete or canceled files -->\r\n    <button\r\n      *ngIf=\"item.status === 'complete' || item.status === 'canceled'\"\r\n      class=\"remove-button\"\r\n      (click)=\"removeFile(i); $event.stopPropagation()\">\r\n      <i class=\"cax cax-close\"></i> \r\n    </button>\r\n  </div>\r\n</div>", styles: ["@layer cax{.cax-files{font-size:14px;font-weight:500;margin-bottom:10px}.cax-upload-menu{width:569px;border-radius:12px;padding:24px 56px}.status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;height:150px}.status-container p{margin:0;font-size:14px;font-weight:500}.status-container .success-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-container .success-icon i{font-size:1.5rem;font-weight:800}.cax-upload-options{text-align:center}.cax-upload-options .hint-text{font-size:14px;font-weight:500}.cax-upload-options .drop-files{font-weight:500;font-size:14px}.cax-upload-options .max-size{font-size:12px;margin-bottom:20px;font-weight:400}.cax-error-upload{font-size:14px;font-weight:400;padding-top:8px}.cax-options-container{display:flex;gap:24px;justify-content:center}.cax-upload-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.cax-upload-option .icon-container{width:48px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cax-upload-option span{font-size:14px;font-weight:600;padding-top:10px}.cax-file-preview-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:1rem;width:569px}.cax-file-preview{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px}.cax-file-preview .file-info{display:flex;align-items:center;gap:10px}.cax-file-preview .file-info .file-icon img{width:32px;height:32px}.cax-file-preview .file-info .file-name{font-weight:500;font-size:14px}.cax-file-preview .spinner{margin-left:auto;font-size:20px!important}.cax-file-preview .remove-button{background:none;border:none;margin-left:auto;cursor:pointer}.cax-file-preview .remove-button i{font-size:20px}}\n"] }]
+        }], propDecorators: { invalid: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], inputFiles: [{
+                type: Input
+            }], uploadString: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], allowMultiple: [{
+                type: Input
+            }], fileSelected: [{
+                type: Output
+            }], filesQueued: [{
+                type: Output
+            }], uploadStarted: [{
+                type: Output
+            }], uploadCompleted: [{
+                type: Output
+            }], uploadCanceled: [{
+                type: Output
+            }], uploadError: [{
+                type: Output
+            }], fileRemoved: [{
+                type: Output
+            }], allFilesRemoved: [{
+                type: Output
+            }], uploadStatusChange: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+
+class UploadModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: UploadModule, declarations: [UploadComponent], imports: [CommonModule, FormsModule, ProgressSpinnerModule, Button], exports: [UploadComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UploadModule, imports: [CommonModule, FormsModule, ProgressSpinnerModule, Button] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UploadComponent],
+                    imports: [CommonModule, FormsModule, ProgressSpinnerModule, Button],
+                    exports: [UploadComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UploadComponent, UploadModule };
+//# sourceMappingURL=cax-design-system-upload.mjs.map

package/fesm2022/cax-design-system-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-upload.mjs","sources":["../../src/app/components/upload/upload.component.ts","../../src/app/components/upload/upload.component.html","../../src/app/components/upload/upload.component.module.ts","../../src/app/components/upload/cax-design-system-upload.ts"],"sourcesContent":["import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';\n\nexport type UploadFileStatus = 'queued' | 'uploading' | 'complete' | 'canceled' | 'error';\n\nexport type UploadFile = {\n    file: File;\n    status: UploadFileStatus;\n    progress?: number;\n    errorMessage?: string;\n};\n\n@Component({\n    selector: 'cax-upload',\n    templateUrl: './upload.component.html',\n    styleUrls: ['./upload.component.scss']\n})\nexport class UploadComponent {\n    @Input() invalid: boolean = false;\n    @Input() style: { [klass: string]: any } | null | undefined;\n    @Input() maxFileSize: number = 30;\n    @Input() inputFiles: string = 'Input Files';\n    @Input() uploadString: string = 'uploading the file';\n    @Input() errorText: string = 'Please upload a file';\n    @Input() allowMultiple: boolean = true;\n\n    // Enhanced event emitters\n    @Output() fileSelected = new EventEmitter<File>();\n    @Output() filesQueued = new EventEmitter<File[]>(); // Emit when files are queued for upload\n    @Output() uploadStarted = new EventEmitter<File>();\n    @Output() uploadCompleted = new EventEmitter<File>();\n    @Output() uploadCanceled = new EventEmitter<File>(); // When user cancels an upload\n    @Output() uploadError = new EventEmitter<{ file: File; error: string }>(); // When upload fails\n    @Output() fileRemoved = new EventEmitter<File>(); // When a file is removed from the list\n    @Output() allFilesRemoved = new EventEmitter<void>(); // When all files are cleared\n    @Output() uploadStatusChange = new EventEmitter<'idle' | 'uploading' | 'complete'>(); // Status changes\n\n    isDragging: boolean = false;\n    uploadedFiles: UploadFile[] = [];\n    uploadStatus: 'idle' | 'uploading' | 'complete' = 'idle';\n    isProcessingQueue: boolean = false;\n\n    // Track actual files to process (excludes canceled ones)\n    private get activeFilesCount(): number {\n        return this.uploadedFiles.filter((file) => file.status !== 'canceled').length;\n    }\n\n    @HostListener('dragover', ['$event'])\n    onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isDragging = true;\n    }\n\n    @HostListener('dragleave', ['$event'])\n    onDragLeave(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isDragging = false;\n    }\n\n    @HostListener('drop', ['$event'])\n    onDrop(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isDragging = false;\n\n        const files = event.dataTransfer?.files;\n        if (!files || files.length === 0) return;\n\n        const fileArray = Array.from(files);\n        const validFiles = fileArray.filter((file) => {\n            if (file.size > this.maxFileSize * 1024 * 1024) {\n                this.emitError(file, `File size should be less than ${this.maxFileSize}MB`);\n                return false;\n            }\n            return true;\n        });\n\n        // Queue all files for upload\n        validFiles.forEach((file) => this.queueFile(file));\n\n        // Emit the queued files event\n        if (validFiles.length > 0) {\n            this.filesQueued.emit(validFiles);\n        }\n\n        // Start processing the queue if not already processing\n        if (!this.isProcessingQueue) {\n            this.processQueue();\n        }\n    }\n\n    handleFileInput(event: any): void {\n        const files: FileList = event.target.files;\n        if (!files) return;\n\n        const fileArray = Array.from(files);\n        const validFiles = fileArray.filter((file) => {\n            if (file.size > this.maxFileSize * 1024 * 1024) {\n                this.emitError(file, `File size should be less than ${this.maxFileSize}MB`);\n                return false;\n            }\n            return true;\n        });\n\n        // Queue all files for upload\n        validFiles.forEach((file) => this.queueFile(file));\n\n        // Emit the queued files event\n        if (validFiles.length > 0) {\n            this.filesQueued.emit(validFiles);\n        }\n\n        // Start processing the queue if not already processing\n        if (!this.isProcessingQueue) {\n            this.processQueue();\n        }\n    }\n\n    // Queue a file for upload\n    private queueFile(file: File): void {\n        const uploadEntry: UploadFile = {\n            file,\n            status: 'queued',\n\n            progress: 0\n        };\n\n        this.uploadedFiles.push(uploadEntry);\n\n        if (this.uploadStatus === 'idle') {\n            this.updateUploadStatus('uploading');\n        }\n    }\n\n    // Update upload status and emit event\n    private updateUploadStatus(status: 'idle' | 'uploading' | 'complete'): void {\n        if (this.uploadStatus !== status) {\n            this.uploadStatus = status;\n            this.uploadStatusChange.emit(status);\n        }\n    }\n\n    // Process the queue of files sequentially\n    private async processQueue(): Promise<void> {\n        if (this.isProcessingQueue) return;\n\n        this.isProcessingQueue = true;\n\n        // Find the next file to upload\n        let nextFileIndex = this.uploadedFiles.findIndex((file) => file.status === 'queued');\n\n        while (nextFileIndex !== -1) {\n            const currentFile = this.uploadedFiles[nextFileIndex];\n            await this.processFile(currentFile, nextFileIndex);\n\n            // Find the next file after processing\n            nextFileIndex = this.uploadedFiles.findIndex((file) => file.status === 'queued');\n        }\n\n        this.isProcessingQueue = false;\n\n        // Check if all uploads are complete and there are no more files to process\n        if (this.uploadedFiles.length > 0 && this.uploadedFiles.some((file) => file.status === 'complete') && !this.hasQueuedOrUploading) {\n            this.updateUploadStatus('complete');\n        }\n    }\n\n    // Trigger file input click programmatically\n    openFileSelector(): void {\n        const fileInput = document.getElementById('fileInput') as HTMLInputElement;\n        if (fileInput) {\n            fileInput.click();\n        }\n    }\n\n    // Emit error event\n    private emitError(file: File, message: string): void {\n        this.uploadError.emit({ file, error: message });\n    }\n    private async processFile(fileEntry: UploadFile, index: number): Promise<void> {\n        // Update status to uploading\n        fileEntry.status = 'uploading';\n        fileEntry.progress = 0;\n\n        this.fileSelected.emit(fileEntry.file);\n        this.uploadStarted.emit(fileEntry.file);\n\n        try {\n            // Simulate upload with progress updates\n            for (let progress = 0; progress <= 100; progress += 10) {\n                // Check if upload was canceled during progress\n                // Need to check current status since it might have changed\n                if (fileEntry.status !== 'uploading') {\n                    // Either canceled or errored\n                    break;\n                }\n\n                fileEntry.progress = progress;\n                //this.uploadProgress.emit({ file: fileEntry.file, progress });\n\n                // Simulate network delay\n                await new Promise((resolve) => setTimeout(resolve, 200));\n            }\n\n            // Only set to complete if still uploading (not canceled or errored)\n            if (fileEntry.status === 'uploading') {\n                fileEntry.status = 'complete';\n                fileEntry.progress = 100;\n                this.uploadCompleted.emit(fileEntry.file);\n            }\n        } catch (error) {\n            // Handle errors\n            fileEntry.status = 'error';\n            const errorMessage = error instanceof Error ? error.message : 'Unknown upload error';\n            fileEntry.errorMessage = errorMessage;\n            this.emitError(fileEntry.file, errorMessage);\n        }\n    }\n\n    cancelUpload(index: number): void {\n        // Cancel the specified file and all files below it\n        for (let i = index; i < this.uploadedFiles.length; i++) {\n            const fileToCancel = this.uploadedFiles[i];\n            if (fileToCancel) {\n                const previousStatus = fileToCancel.status;\n                if (previousStatus === 'uploading' || previousStatus === 'queued') {\n                    fileToCancel.status = 'canceled';\n                    // Only emit if it was actively uploading (not just queued)\n                    if (previousStatus === 'uploading') {\n                        this.uploadCanceled.emit(fileToCancel.file);\n                    }\n                }\n            }\n        }\n        // If the file at the specified index was uploading, process the next file in queue\n        // (which would now be a file before the index that might be queued)\n        if (this.uploadedFiles[index]?.status === 'canceled') {\n            setTimeout(() => this.processQueue(), 0);\n        }\n    }\n\n    // Cancel the current upload\n    cancelCurrentUpload(): void {\n        // Find the file that's currently uploading\n        const currentUploadIndex = this.uploadedFiles.findIndex((file) => file.status === 'uploading');\n        if (currentUploadIndex >= 0) {\n            this.cancelUpload(currentUploadIndex);\n        }\n    }\n\n    // Cancel all uploads\n    cancelAllUploads(): void {\n        let hadActiveUploads = false;\n\n        this.uploadedFiles.forEach((file) => {\n            if (file.status === 'uploading' || file.status === 'queued') {\n                hadActiveUploads = true;\n                const previousStatus = file.status;\n                file.status = 'canceled';\n\n                if (previousStatus === 'uploading') {\n                    this.uploadCanceled.emit(file.file);\n                }\n            }\n        });\n\n        if (hadActiveUploads && !this.hasQueuedOrUploading) {\n            this.updateUploadStatus('idle');\n        }\n    }\n\n    // Remove a file from the list\n    removeFile(index: number): void {\n        const fileToRemove = this.uploadedFiles[index];\n\n        // Cancel first if it's active\n        if (fileToRemove.status === 'uploading' || fileToRemove.status === 'queued') {\n            this.cancelUpload(index);\n        }\n\n        // Emit removal event\n        this.fileRemoved.emit(fileToRemove.file);\n\n        // Remove from array\n        this.uploadedFiles.splice(index, 1);\n\n        // Reset status if no files left\n        if (this.uploadedFiles.length === 0) {\n            this.updateUploadStatus('idle');\n        } else if (!this.hasQueuedOrUploading && this.uploadStatus !== 'complete') {\n            // If there are no more queued or uploading files but we have completed files\n            this.updateUploadStatus('complete');\n        }\n    }\n\n    // Remove all files\n    removeAllFiles(): void {\n        // Cancel any active uploads\n        this.cancelAllUploads();\n\n        // Only emit if there were files to remove\n        if (this.uploadedFiles.length > 0) {\n            this.allFilesRemoved.emit();\n        }\n\n        this.uploadedFiles = [];\n        this.updateUploadStatus('idle');\n    }\n\n    // Retry a failed upload\n    retryUpload(index: number): void {\n        const fileToRetry = this.uploadedFiles[index];\n        if (fileToRetry) {\n            const currentStatus = fileToRetry.status;\n            if (currentStatus === 'error' || currentStatus === 'canceled') {\n                fileToRetry.status = 'queued';\n                fileToRetry.errorMessage = undefined;\n\n                // Start processing if not already doing so\n                if (!this.isProcessingQueue) {\n                    this.processQueue();\n                }\n            }\n        }\n    }\n\n    get hasUploading(): boolean {\n        return this.uploadedFiles.some((file) => file.status === 'uploading');\n    }\n\n    get hasQueuedOrUploading(): boolean {\n        return this.uploadedFiles.some((file) => file.status === 'uploading' || file.status === 'queued');\n    }\n\n    get hasErrors(): boolean {\n        return this.uploadedFiles.some((file) => file.status === 'error');\n    }\n\n    get allUploadsComplete(): boolean {\n        return this.uploadedFiles.length > 0 && this.uploadedFiles.some((file) => file.status === 'complete') && !this.hasQueuedOrUploading;\n    }\n\n    get uploadingProgressText(): string {\n        // Count active files (excluding canceled ones)\n        const totalActiveFiles = this.activeFilesCount;\n        const completedCount = this.uploadedFiles.filter((file) => file.status === 'complete').length;\n        const uploadingFile = this.uploadedFiles.find((file) => file.status === 'uploading');\n        if (uploadingFile) {\n            // We're currently uploading the (completedCount + 1)th active file\n            return `Uploading ${completedCount}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;\n        }\n        if (this.uploadedFiles.some((file) => file.status === 'queued')) {\n            return `Uploading ${completedCount + 1}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;\n        }\n        return `Uploading ${completedCount}/${totalActiveFiles} file${totalActiveFiles > 1 ? 's' : ''}...`;\n    }\n\n    // Calculate overall progress percentage across all files\n    get overallProgress(): number {\n        if (this.uploadedFiles.length === 0) return 0;\n\n        const totalProgress = this.uploadedFiles.reduce((sum, file) => {\n            if (file.status === 'complete') return sum + 100;\n            if (file.status === 'canceled' || file.status === 'error') return sum;\n            return sum + (file.progress || 0);\n        }, 0);\n\n        const activeFilesCount = this.uploadedFiles.filter((file) => file.status !== 'canceled' && file.status !== 'error').length;\n\n        return activeFilesCount > 0 ? Math.round((totalProgress / (activeFilesCount * 100)) * 100) : 0;\n    }\n}\n","<p class=\"cax-files\">{{inputFiles}}</p>\r\n<div class=\"cax-upload-menu\" [ngStyle]=\"style\"\r\n     [class.dragging]=\"isDragging\" \r\n     (click)=\"openFileSelector()\">\r\n  <input\r\n    id=\"fileInput\"\r\n    type=\"file\"\r\n    (change)=\"handleFileInput($event)\"\r\n    hidden\r\n    multiple\r\n  >\r\n\r\n  <!-- Default Upload State -->\r\n  <ng-container *ngIf=\"uploadStatus === 'idle'\" >\r\n    <div class=\"cax-upload-options\" >\r\n      <p class=\"hint-text\">\r\n        <span class=\"drop-files\">Drop files here</span> or browse files from your device\r\n      </p>\r\n      <p class=\"max-size\">Max. File Size: {{ maxFileSize }}MB</p>\r\n    </div>\r\n  </ng-container>\r\n\r\n\r\n  <!-- Uploading State -->\r\n<div *ngIf=\"uploadStatus === 'uploading'\" class=\"cax-upload-status uploading\" >\r\n  <div class=\"status-container\">\r\n    <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'lg'\"\r\n        [animationDuration]=\"'2s'\"\r\n      ></cax-progressSpinner>\r\n    <p >{{ uploadingProgressText }}</p>\r\n    <cax-button\r\n      [label]=\"'Cancel'\"\r\n      [rounded]=\"false\"\r\n      [severity]=\"'danger'\"\r\n      [size]=\"'large'\"\r\n      [outlined]=\"'false'\"\r\n      [link]=\"true\"\r\n      (click)=\"cancelCurrentUpload(); $event.stopPropagation()\"\r\n    />\r\n  </div>\r\n</div>\r\n\r\n  <!-- Complete State -->\r\n  <div *ngIf=\"uploadStatus === 'complete'\" class=\"cax-upload-status complete\">\r\n    <div class=\"status-container\">\r\n      <div class=\"success-icon\"><i class=\"cax cax-check\"></i></div>\r\n      <p>{{uploadString}}</p>\r\n      <cax-button\r\n        [label]=\"'Remove'\"\r\n        [rounded]=\"false\"\r\n        [severity]=\"'danger'\"\r\n        [size]=\"'large'\"\r\n        [outlined]=\"'false'\"\r\n        [link]=\"true\"\r\n        (click)=\"removeAllFiles(); $event.stopPropagation()\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\"></div>\r\n</div>\r\n<div *ngIf=\"invalid\" id=\"helper-text\" class=\"cax-error-upload\">\r\n  {{ errorText }}\r\n</div>\r\n\r\n<!-- stacked file -->\r\n<div *ngIf=\"uploadedFiles.length > 0\" class=\"cax-file-preview-wrapper\" [ngStyle]=\"style\">\r\n  <div\r\n    *ngFor=\"let item of uploadedFiles; let i = index\"\r\n    class=\"cax-file-preview\"\r\n    [ngClass]=\"{\r\n      'queued': item.status === 'queued',\r\n      'uploading': item.status === 'uploading',\r\n      'complete': item.status === 'complete',\r\n      'canceled': item.status === 'canceled'\r\n    }\"\r\n  >\r\n    <div class=\"file-info\">\r\n      <p class=\"file-name\">{{ item.file.name }}</p>\r\n    </div> \r\n\r\n    <!-- Show spinner for queued or uploading files -->\r\n    <div *ngIf=\"item.status === 'queued' || item.status === 'uploading'\" class=\"spinner\">\r\n      <cax-progressSpinner\r\n        [strokeColor]=\"'primary'\"\r\n        [size]=\"'sm'\"\r\n        [animationDuration]=\"'2s'\">\r\n      </cax-progressSpinner>\r\n    </div>\r\n    \r\n    <!-- Show remove button only for complete or canceled files -->\r\n    <button\r\n      *ngIf=\"item.status === 'complete' || item.status === 'canceled'\"\r\n      class=\"remove-button\"\r\n      (click)=\"removeFile(i); $event.stopPropagation()\">\r\n      <i class=\"cax cax-close\"></i> \r\n    </button>\r\n  </div>\r\n</div>","import { CommonModule } from '@angular/common';\nimport { UploadComponent } from './upload.component';\nimport { FormsModule } from '@angular/forms';\nimport { NgModule } from '@angular/core';\nimport { ProgressSpinnerModule } from 'cax-design-system/progressspinner';\nimport { Button } from 'cax-design-system/button';\n\n@NgModule({\n    declarations: [UploadComponent],\n    imports: [CommonModule, FormsModule, ProgressSpinnerModule, Button],\n    exports: [UploadComponent]\n})\nexport class UploadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/inputtext/inputtext.component.d.ts

@@ -11,6 +11,7 @@ export declare class InputTextComponent implements ControlValueAccessor {
     showLabel?: boolean;
     leftIcon?: boolean;
     rightIcon?: boolean;
+    rightIconClickable?: boolean;
     clearIcon: boolean;
     label?: string;
     iconPath?: string;
@@ -27,6 +28,7 @@ export declare class InputTextComponent implements ControlValueAccessor {
     size: 'sm' | 'md' | 'lg';
     styleClass?: string;
     valueChange: EventEmitter<string>;
+    rightIconClick: EventEmitter<void>;
     private onChange;
     private onTouched;
     writeValue(value: string): void;
@@ -35,6 +37,7 @@ export declare class InputTextComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     onInput(event: Event | string): void;
     clearInput(): void;
+    onRightIconClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "cax-inputtext", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "disabledIcon": { "alias": "disabledIcon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "required": { "alias": "required"; "required": false; }; "style": { "alias": "style"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "cax-inputtext", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "rightIconClickable": { "alias": "rightIconClickable"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "disabledIcon": { "alias": "disabledIcon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "required": { "alias": "required"; "required": false; }; "style": { "alias": "style"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "valueChange": "valueChange"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
 }

package/inputtextarea/inputtextarea.component.d.ts

@@ -38,8 +38,8 @@ export declare class InputTextareaComponent implements AfterViewInit {
     onResizeHandler(event: Event): void;
     ngAfterViewInit(): void;
     valueChange: EventEmitter<string>;
-    private onChange;
-    private onTouched;
+    onChange: (value: string) => void;
+    onTouched: () => void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;

package/navigation/navigation.d.ts

@@ -35,6 +35,7 @@ export declare class Navigation implements OnChanges, AfterViewInit {
     onSettingsClick: EventEmitter<any>;
     onLogoClick: EventEmitter<any>;
     onSubscriptionChange: EventEmitter<any>;
+    onNavExpanded: EventEmitter<boolean>;
     isHovered: boolean;
     isNavExpanded: boolean;
     notificationActive: boolean;
@@ -55,11 +56,12 @@ export declare class Navigation implements OnChanges, AfterViewInit {
     emitLogoClick(): void;
     onResize(): void;
     adjustUpDivHeight(): number;
+    onMouseEnter(): void;
     onMouseLeave(): void;
     hideAccountDetails(): void;
     changeActiveSusbcription(item: string): void;
     updateSubscription(item: SubscriptionList, child: string): void;
     toggleSubscriptionList(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Navigation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Navigation, "cax-navigation", never, { "header": { "alias": "header"; "required": false; }; "topNavList": { "alias": "topNavList"; "required": false; }; "bottomNavList": { "alias": "bottomNavList"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; "helpCentre": { "alias": "helpCentre"; "required": false; }; "copyrightYear": { "alias": "copyrightYear"; "required": false; }; "version": { "alias": "version"; "required": false; }; "logout": { "alias": "logout"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userImage": { "alias": "userImage"; "required": false; }; "headerLogo": { "alias": "headerLogo"; "required": false; }; "headerInitials": { "alias": "headerInitials"; "required": false; }; "subscriptionMode": { "alias": "subscriptionMode"; "required": false; }; "subscriptionList": { "alias": "subscriptionList"; "required": false; }; "selectedSubscription": { "alias": "selectedSubscription"; "required": false; }; "advanceSubscriptionList": { "alias": "advanceSubscriptionList"; "required": false; }; "displaySubscriptionName": { "alias": "displaySubscriptionName"; "required": false; }; }, { "onNavListItemChange": "onNavListItemChange"; "onNotificationClick": "onNotificationClick"; "onHelpCentreClick": "onHelpCentreClick"; "onLogoutClick": "onLogoutClick"; "onProfileClick": "onProfileClick"; "onSettingsClick": "onSettingsClick"; "onLogoClick": "onLogoClick"; "onSubscriptionChange": "onSubscriptionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Navigation, "cax-navigation", never, { "header": { "alias": "header"; "required": false; }; "topNavList": { "alias": "topNavList"; "required": false; }; "bottomNavList": { "alias": "bottomNavList"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; "helpCentre": { "alias": "helpCentre"; "required": false; }; "copyrightYear": { "alias": "copyrightYear"; "required": false; }; "version": { "alias": "version"; "required": false; }; "logout": { "alias": "logout"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userImage": { "alias": "userImage"; "required": false; }; "headerLogo": { "alias": "headerLogo"; "required": false; }; "headerInitials": { "alias": "headerInitials"; "required": false; }; "subscriptionMode": { "alias": "subscriptionMode"; "required": false; }; "subscriptionList": { "alias": "subscriptionList"; "required": false; }; "selectedSubscription": { "alias": "selectedSubscription"; "required": false; }; "advanceSubscriptionList": { "alias": "advanceSubscriptionList"; "required": false; }; "displaySubscriptionName": { "alias": "displaySubscriptionName"; "required": false; }; }, { "onNavListItemChange": "onNavListItemChange"; "onNotificationClick": "onNotificationClick"; "onHelpCentreClick": "onHelpCentreClick"; "onLogoutClick": "onLogoutClick"; "onProfileClick": "onProfileClick"; "onSettingsClick": "onSettingsClick"; "onLogoClick": "onLogoClick"; "onSubscriptionChange": "onSubscriptionChange"; "onNavExpanded": "onNavExpanded"; }, never, never, true, never>;
 }