@fuentis/phoenix-ui 0.0.9-alpha.301 → 0.0.9-alpha.302

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -3531,8 +3531,6 @@ class BaseMetaField {
     changeSubs$;
     ngOnInit() {
         this.ctrl = this.parentForm.get(this.control.configuration.key);
-        console.log(this.ctrl);
-        console.log(this.value);
     }
     getInputValue(event) {
         if (event.value) {
@@ -5885,15 +5883,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class MetaUploadComponentDragDrop extends BaseMetaField {
     fileInput;
+    fakeFile;
+    createFakeFile(name, size, type = 'application/pdf') {
+        const emptyBuffer = new ArrayBuffer(size);
+        const blob = new Blob([emptyBuffer], { type });
+        return new File([blob], name, {
+            type: type,
+            lastModified: Date.now(),
+        });
+    }
     choose(event, callback) {
         callback();
     }
+    ngAfterViewInit() {
+        const { fileName, size, type } = this.ctrl.value;
+        console.log(this.ctrl.value);
+        this.fakeFile = this.createFakeFile(fileName, size, type);
+        console.log(this.fakeFile);
+        this.file = this.fakeFile;
+    }
     onFileSelect(event) {
-        // Get the first file from the selection
         const selectedFile = event.files?.[0] || event.currentFiles?.[0];
         if (selectedFile) {
             this.file = selectedFile;
-            // Important: Update the form control value
             this.onChanged(selectedFile);
             this.onTouched();
         }
@@ -5919,7 +5931,7 @@ class MetaUploadComponentDragDrop extends BaseMetaField {
         this.fileInput.nativeElement.click();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MetaUploadComponentDragDrop, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MetaUploadComponentDragDrop, isStandalone: true, selector: "phoenix-meta-upload-dragdrop", providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MetaUploadComponentDragDrop, isStandalone: true, selector: "phoenix-meta-upload-dragdrop", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MetaUploadComponentDragDrop),
@@ -5966,6 +5978,22 @@ class MetaUploadComponentDragDrop extends BaseMetaField {
           </div>
         </ng-template>
         <ng-template #empty>
+          @if(ctrl.value){
+          <div class="flex align-items-center justify-content-between	 w-full">
+            <div>
+              <div>{{ ctrl.value['fileName'] }}</div>
+              <div>{{ ctrl.value['size'] }} KB</div>
+            </div>
+            <p-button
+              icon="pi pi-times"
+              [rounded]="true"
+              [text]="true"
+              severity="danger"
+              (onClick)="onFileRemove($event)"
+            />
+          </div>
+
+          } @else{
           <div class="text-center">
             <div>
               <i
@@ -5977,6 +6005,7 @@ class MetaUploadComponentDragDrop extends BaseMetaField {
               </p>
             </div>
           </div>
+          }
         </ng-template>
       </p-fileUpload>
       <phoenix-inline-field-error
@@ -6040,6 +6069,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
           </div>
         </ng-template>
         <ng-template #empty>
+          @if(ctrl.value){
+          <div class="flex align-items-center justify-content-between	 w-full">
+            <div>
+              <div>{{ ctrl.value['fileName'] }}</div>
+              <div>{{ ctrl.value['size'] }} KB</div>
+            </div>
+            <p-button
+              icon="pi pi-times"
+              [rounded]="true"
+              [text]="true"
+              severity="danger"
+              (onClick)="onFileRemove($event)"
+            />
+          </div>
+
+          } @else{
           <div class="text-center">
             <div>
               <i
@@ -6051,6 +6096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
               </p>
             </div>
           </div>
+          }
         </ng-template>
       </p-fileUpload>
       <phoenix-inline-field-error