@elite.framework/ng.ui.core 1.0.3 → 1.0.5

package/excel-import/README.md

@@ -0,0 +1,3 @@
+# @elite.framework/ng.ui.core/excel-import
+
+Secondary entry point of `@elite.framework/ng.ui.core`. It can be used by importing from `@elite.framework/ng.ui.core/excel-import`.

package/excel-import/index.d.ts

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as _elite_framework_ng_core_tokens from '@elite.framework/ng.core/tokens';
+import { FormGroup } from '@angular/forms';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
+
+declare class ExcelImportModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExcelImportModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExcelImportModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ExcelImportModule>;
+}
+
+interface ExcelImportConfig {
+    templateUrl: string;
+    apiUrl: string;
+    apiName: string;
+    mappingFields: FormlyFieldConfig[];
+    acceptedFileTypes?: string;
+    maxFileSize?: number;
+    steps?: {
+        label: string;
+    }[];
+}
+declare class ExcelImportComponent implements OnDestroy {
+    ref: DynamicDialogRef;
+    dialogConfig: DynamicDialogConfig;
+    config: ExcelImportConfig;
+    importComplete: EventEmitter<any>;
+    importError: EventEmitter<Error>;
+    form: FormGroup;
+    model: any;
+    loading: boolean;
+    uploadedFileName: string | null;
+    uploadError: string | null;
+    excelHeaders: string[];
+    private destroy$;
+    private restService;
+    private messageService;
+    private translateService;
+    private fb;
+    env: _elite_framework_ng_core_tokens.EnvironmentConfig;
+    steps: {
+        label: any;
+    }[];
+    activeStep: number;
+    mappingFields: FormlyFieldConfig[];
+    constructor(ref: DynamicDialogRef, dialogConfig: DynamicDialogConfig);
+    ngOnInit(): void;
+    nextStep(): void;
+    prevStep(): void;
+    canProceed(): boolean;
+    getModelValue(field: FormlyFieldConfig, model: any): any;
+    private fileContent;
+    onFileUpload(event: any): void;
+    private arrayBufferToBase64;
+    private getFileExtension;
+    onSubmit(): void;
+    private clearFileUpload;
+    private initializeForm;
+    onCancel(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExcelImportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExcelImportComponent, "app-excel-import", never, { "config": { "alias": "config"; "required": false; }; }, { "importComplete": "importComplete"; "importError": "importError"; }, never, never, true, never>;
+}
+
+export { ExcelImportComponent, ExcelImportModule };
+export type { ExcelImportConfig };

package/fesm2022/elite.framework-ng.ui.core-excel-import.mjs

@@ -0,0 +1,568 @@
+import * as i0 from '@angular/core';
+import { NgModule, EventEmitter, inject, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { RestService } from '@elite.framework/ng.core/services';
+import { FormlyForm } from '@ngx-formly/core';
+import * as i8 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i4 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i1 from 'primeng/dynamicdialog';
+import { Subject, takeUntil } from 'rxjs';
+import * as i5 from 'primeng/fileupload';
+import { FileUploadModule } from 'primeng/fileupload';
+import * as i6 from 'primeng/steps';
+import { StepsModule } from 'primeng/steps';
+import { MessageService } from 'primeng/api';
+import * as i7 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import { read, utils } from 'xlsx';
+import { ENVIRONMENT } from '@elite.framework/ng.core/tokens';
+
+class ExcelImportModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class ExcelImportComponent {
+    ref;
+    dialogConfig;
+    config;
+    importComplete = new EventEmitter();
+    importError = new EventEmitter();
+    form;
+    model = {};
+    loading = false;
+    uploadedFileName = null;
+    uploadError = null;
+    excelHeaders = [];
+    destroy$ = new Subject();
+    restService = inject(RestService);
+    messageService = inject(MessageService);
+    translateService = inject(TranslateService);
+    fb = inject(FormBuilder);
+    env = inject(ENVIRONMENT);
+    steps = [
+        { label: this.translateService.instant('uploadFile') },
+        { label: this.translateService.instant('columnMapping') },
+        { label: this.translateService.instant('review') },
+    ];
+    activeStep = 0;
+    mappingFields = [];
+    constructor(ref, dialogConfig) {
+        this.ref = ref;
+        this.dialogConfig = dialogConfig;
+        this.form = this.fb.group({});
+        // Initialize from dialog config if provided
+        if (this.dialogConfig?.data?.config) {
+            this.config = this.dialogConfig.data.config;
+        }
+    }
+    ngOnInit() {
+        if (!this.config) {
+            throw new Error('ExcelImportConfig is required');
+        }
+        this.mappingFields = this.config.mappingFields.map(field => ({
+            ...field,
+            props: {
+                ...field.props,
+                options: []
+            }
+        }));
+        this.steps = this.config.steps || this.steps;
+    }
+    nextStep() {
+        if (this.activeStep < 2)
+            this.activeStep++;
+    }
+    prevStep() {
+        if (this.activeStep > 0)
+            this.activeStep--;
+    }
+    canProceed() {
+        switch (this.activeStep) {
+            case 0:
+                return !!this.uploadedFileName;
+            case 1:
+                return this.form.valid;
+            case 2:
+                return true;
+            default:
+                return false;
+        }
+    }
+    getModelValue(field, model) {
+        if (!field.key)
+            return null;
+        if (Array.isArray(field.key)) {
+            // Walk through nested keys like ['address', 'street']
+            return field.key.reduce((acc, k) => (acc ? acc[k] : undefined), model);
+        }
+        return model[field.key];
+    }
+    // Add this property to store the file content
+    fileContent = null;
+    // Update the onFileUpload method to store the file content
+    onFileUpload(event) {
+        this.uploadError = null;
+        const file = event.files[0];
+        if (!file) {
+            this.uploadError = 'noFileSelected';
+            return;
+        }
+        // Validate file type
+        const validExtensions = ['.xlsx', '.xls', '.csv'];
+        const fileExtension = file.name.toLowerCase().substring(file.name.lastIndexOf('.'));
+        if (!validExtensions.includes(fileExtension)) {
+            this.uploadError = 'invalidFileType';
+            this.clearFileUpload(event);
+            return;
+        }
+        this.uploadedFileName = file.name;
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            try {
+                const arrayBuffer = e.target?.result;
+                this.fileContent = arrayBuffer; // Store the file content
+                const data = new Uint8Array(arrayBuffer);
+                const workbook = read(data, { type: 'array' });
+                if (workbook.SheetNames.length === 0) {
+                    this.uploadError = 'noSheetsFound';
+                    this.clearFileUpload(event);
+                    return;
+                }
+                const sheetName = workbook.SheetNames[0];
+                const worksheet = workbook.Sheets[sheetName];
+                const rows = utils.sheet_to_json(worksheet, { header: 1 });
+                if (rows.length === 0) {
+                    this.uploadError = 'noDataFound';
+                    this.clearFileUpload(event);
+                    return;
+                }
+                this.excelHeaders = rows[0];
+                // Update mapping fields with header options
+                this.mappingFields.forEach(field => {
+                    if (field.props) {
+                        field.props.options = this.excelHeaders.map(h => ({
+                            value: h,
+                            label: h,
+                        }));
+                    }
+                });
+                // Initialize form with default values if not set
+                this.initializeForm();
+            }
+            catch (error) {
+                console.error('Error processing Excel file:', error);
+                this.uploadError = 'fileProcessingError';
+                this.clearFileUpload(event);
+            }
+        };
+        reader.onerror = (error) => {
+            console.error('File reading error:', error);
+            this.uploadError = 'fileReadError';
+            this.clearFileUpload(event);
+        };
+        reader.readAsArrayBuffer(file);
+    }
+    // Add this method to convert ArrayBuffer to base64
+    arrayBufferToBase64(buffer) {
+        const bytes = new Uint8Array(buffer);
+        let binary = '';
+        const len = bytes.byteLength;
+        for (let i = 0; i < len; i++) {
+            binary += String.fromCharCode(bytes[i]);
+        }
+        return window.btoa(binary);
+    }
+    // Add this method to get file extension
+    getFileExtension(filename) {
+        const index = filename.lastIndexOf('.');
+        return index !== -1 ? filename.slice(index) : '';
+    }
+    // Updated onSubmit method
+    onSubmit() {
+        if (this.form.invalid || !this.uploadedFileName || !this.fileContent) {
+            this.form.markAllAsTouched();
+            if (!this.fileContent) {
+                this.messageService.add({
+                    severity: 'error',
+                    summary: 'Error',
+                    detail: 'File content is missing. Please upload the file again.'
+                });
+            }
+            return;
+        }
+        this.loading = true;
+        // Convert file content to base64
+        let fileBase64;
+        try {
+            if (this.fileContent instanceof ArrayBuffer) {
+                fileBase64 = this.arrayBufferToBase64(this.fileContent);
+            }
+            else if (typeof this.fileContent === 'string') {
+                // If it's already a string (base64), use it directly
+                fileBase64 = this.fileContent;
+            }
+            else {
+                throw new Error('Unsupported file content type');
+            }
+        }
+        catch (error) {
+            this.loading = false;
+            console.error('Error converting file to base64:', error);
+            this.messageService.add({
+                severity: 'error',
+                summary: 'Error',
+                detail: 'Failed to process file content'
+            });
+            return;
+        }
+        const requestBody = {
+            fileName: this.uploadedFileName,
+            fileExtension: this.getFileExtension(this.uploadedFileName),
+            fileContent: fileBase64,
+            mappings: this.form.value,
+            headers: this.excelHeaders,
+            fileSize: this.fileContent instanceof ArrayBuffer ? this.fileContent.byteLength : 0
+        };
+        this.restService
+            .request({
+            method: 'POST',
+            url: this.config.apiUrl,
+            body: requestBody,
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }, { apiName: this.config.apiName })
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.loading = false;
+                this.messageService.add({
+                    severity: 'success',
+                    summary: 'Success',
+                    detail: 'File imported successfully'
+                });
+                this.importComplete.emit(response);
+                this.ref.close(response);
+            },
+            error: (err) => {
+                this.loading = false;
+                console.error('Import error:', err);
+                this.messageService.add({
+                    severity: 'error',
+                    summary: 'Error',
+                    detail: 'Failed to import file'
+                });
+                this.importError.emit(err);
+            },
+        });
+    }
+    // Update clearFileUpload to also clear file content
+    clearFileUpload(event) {
+        if (event.options && typeof event.options.clear === 'function') {
+            event.options.clear();
+        }
+        this.uploadedFileName = null;
+        this.fileContent = null;
+    }
+    initializeForm() {
+        const formConfig = {};
+        this.mappingFields.forEach(field => {
+            if (field.key) {
+                // Set default value to first header if available
+                formConfig[field.key] = [this.excelHeaders[0] || '', Validators.required];
+            }
+        });
+        this.form = this.fb.group(formConfig);
+    }
+    onCancel() {
+        if (!this.loading) {
+            this.ref.close(false);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: ExcelImportComponent, isStandalone: true, selector: "app-excel-import", inputs: { config: "config" }, outputs: { importComplete: "importComplete", importError: "importError" }, providers: [MessageService], ngImport: i0, template: `
+    <p-toast></p-toast>
+    <div class="p-4 space-y-4">
+      <p-steps [model]="steps" [(activeIndex)]="activeStep" class="mb-4"></p-steps>
+
+      <form [formGroup]="form" (ngSubmit)="onSubmit()">
+        <ng-container [ngSwitch]="activeStep">
+          <!-- Step 1: Upload File -->
+        <div *ngSwitchCase="0" class="p-4">
+          <!-- Download template link -->
+
+
+          <!-- File upload -->
+          <p-fileUpload
+            name="excelFile"
+            mode="basic"
+            chooseIcon="pi pi-upload"
+            chooseLabel="{{ 'chooseFile' | translate }}"
+            (onSelect)="onFileUpload($event)"
+            [accept]="config.acceptedFileTypes || '.xls,.xlsx,.csv'"
+            [maxFileSize]="config.maxFileSize || 10000000"
+            [showUploadButton]="false"
+            [showCancelButton]="false"
+          >
+          </p-fileUpload>
+
+          <!-- Upload status -->
+          <p *ngIf="uploadedFileName" class="mt-2 text-green-600">
+            {{ uploadedFileName }}
+          </p>
+          <p *ngIf="uploadError" class="mt-2 text-red-600">
+            {{ uploadError }}
+          </p>
+        </div>
+        <p>
+            <a
+              [href]="env.apiUrl+config.templateUrl"
+              download
+              class="text-blue-600 hover:underline flex items-center gap-1"
+            >
+              <i class="pi pi-download"></i>
+              {{ 'downloadTemplate' | translate }}
+            </a>
+          </p>
+
+
+          <!-- Step 2: Column Mapping -->
+          <div *ngSwitchCase="1" class="p-4">
+            <formly-form [form]="form" [fields]="mappingFields" [model]="model"></formly-form>
+          </div>
+
+          <!-- Step 3: Review -->
+          <div *ngSwitchCase="2" class="p-4">
+            <p class="text-gray-700 mb-4">
+              {{ 'importReviewMessage' | translate }}
+            </p>
+            <div class="bg-gray-100 p-3 rounded">
+              <p><strong>{{ 'fileName' | translate }}:</strong> {{ uploadedFileName }}</p>
+              <p><strong>{{ 'selectedMappings' | translate }}:</strong></p>
+              <ul class="list-disc list-inside ml-4">
+                <li *ngFor="let field of mappingFields">
+                  {{ field.props?.label }}: {{ getModelValue(field, model) }}
+                </li>
+              </ul>
+            </div>
+          </div>
+        </ng-container>
+
+        <!-- Footer Buttons -->
+        <div class="flex justify-between mt-6 pt-4 border-t">
+          <div>
+            <button
+              pButton
+              type="button"
+              [label]="'back' | translate"
+              icon="pi pi-arrow-left"
+              (click)="prevStep()"
+              [disabled]="activeStep === 0 || loading"
+              class="p-button-text"
+            ></button>
+          </div>
+
+          <div class="flex gap-2">
+            <button
+              pButton
+              type="button"
+              [label]="'next' | translate"
+              icon="pi pi-arrow-right"
+              iconPos="right"
+              (click)="nextStep()"
+              *ngIf="activeStep < 2"
+              [disabled]="!canProceed() || loading"
+            ></button>
+
+            <button
+              pButton
+              type="submit"
+              [label]="loading ? ('uploading' | translate) : ('save' | translate)"
+              icon="pi pi-check"
+              *ngIf="activeStep === 2"
+              [disabled]="loading"
+              [loading]="loading"
+              class="p-button-primary"
+            ></button>
+
+            <button
+              pButton
+              type="button"
+              [label]="'cancel' | translate"
+              severity="secondary"
+              (click)="onCancel()"
+              [disabled]="loading"
+            ></button>
+          </div>
+        </div>
+      </form>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i5.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: StepsModule }, { kind: "component", type: i6.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass", "exact"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i7.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: ExcelImportComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-excel-import',
+                    standalone: true,
+                    providers: [MessageService],
+                    template: `
+    <p-toast></p-toast>
+    <div class="p-4 space-y-4">
+      <p-steps [model]="steps" [(activeIndex)]="activeStep" class="mb-4"></p-steps>
+
+      <form [formGroup]="form" (ngSubmit)="onSubmit()">
+        <ng-container [ngSwitch]="activeStep">
+          <!-- Step 1: Upload File -->
+        <div *ngSwitchCase="0" class="p-4">
+          <!-- Download template link -->
+
+
+          <!-- File upload -->
+          <p-fileUpload
+            name="excelFile"
+            mode="basic"
+            chooseIcon="pi pi-upload"
+            chooseLabel="{{ 'chooseFile' | translate }}"
+            (onSelect)="onFileUpload($event)"
+            [accept]="config.acceptedFileTypes || '.xls,.xlsx,.csv'"
+            [maxFileSize]="config.maxFileSize || 10000000"
+            [showUploadButton]="false"
+            [showCancelButton]="false"
+          >
+          </p-fileUpload>
+
+          <!-- Upload status -->
+          <p *ngIf="uploadedFileName" class="mt-2 text-green-600">
+            {{ uploadedFileName }}
+          </p>
+          <p *ngIf="uploadError" class="mt-2 text-red-600">
+            {{ uploadError }}
+          </p>
+        </div>
+        <p>
+            <a
+              [href]="env.apiUrl+config.templateUrl"
+              download
+              class="text-blue-600 hover:underline flex items-center gap-1"
+            >
+              <i class="pi pi-download"></i>
+              {{ 'downloadTemplate' | translate }}
+            </a>
+          </p>
+
+
+          <!-- Step 2: Column Mapping -->
+          <div *ngSwitchCase="1" class="p-4">
+            <formly-form [form]="form" [fields]="mappingFields" [model]="model"></formly-form>
+          </div>
+
+          <!-- Step 3: Review -->
+          <div *ngSwitchCase="2" class="p-4">
+            <p class="text-gray-700 mb-4">
+              {{ 'importReviewMessage' | translate }}
+            </p>
+            <div class="bg-gray-100 p-3 rounded">
+              <p><strong>{{ 'fileName' | translate }}:</strong> {{ uploadedFileName }}</p>
+              <p><strong>{{ 'selectedMappings' | translate }}:</strong></p>
+              <ul class="list-disc list-inside ml-4">
+                <li *ngFor="let field of mappingFields">
+                  {{ field.props?.label }}: {{ getModelValue(field, model) }}
+                </li>
+              </ul>
+            </div>
+          </div>
+        </ng-container>
+
+        <!-- Footer Buttons -->
+        <div class="flex justify-between mt-6 pt-4 border-t">
+          <div>
+            <button
+              pButton
+              type="button"
+              [label]="'back' | translate"
+              icon="pi pi-arrow-left"
+              (click)="prevStep()"
+              [disabled]="activeStep === 0 || loading"
+              class="p-button-text"
+            ></button>
+          </div>
+
+          <div class="flex gap-2">
+            <button
+              pButton
+              type="button"
+              [label]="'next' | translate"
+              icon="pi pi-arrow-right"
+              iconPos="right"
+              (click)="nextStep()"
+              *ngIf="activeStep < 2"
+              [disabled]="!canProceed() || loading"
+            ></button>
+
+            <button
+              pButton
+              type="submit"
+              [label]="loading ? ('uploading' | translate) : ('save' | translate)"
+              icon="pi pi-check"
+              *ngIf="activeStep === 2"
+              [disabled]="loading"
+              [loading]="loading"
+              class="p-button-primary"
+            ></button>
+
+            <button
+              pButton
+              type="button"
+              [label]="'cancel' | translate"
+              severity="secondary"
+              (click)="onCancel()"
+              [disabled]="loading"
+            ></button>
+          </div>
+        </div>
+      </form>
+    </div>
+  `,
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        FormlyForm,
+                        TranslateModule,
+                        ButtonModule,
+                        FileUploadModule,
+                        StepsModule,
+                        ToastModule
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }], propDecorators: { config: [{
+                type: Input
+            }], importComplete: [{
+                type: Output
+            }], importError: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExcelImportComponent, ExcelImportModule };
+//# sourceMappingURL=elite.framework-ng.ui.core-excel-import.mjs.map