valtech-components 2.0.764 → 2.0.765

package/fesm2022/valtech-components.mjs

@@ -52,7 +52,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.764';
+const VERSION = '2.0.765';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -21321,7 +21321,7 @@ class StorageService {
                 percentage: Math.round((snapshot.bytesTransferred / snapshot.totalBytes) * 100),
                 state: this.mapTaskState(snapshot.state),
             });
-        }, (error) => {
+        }, error => {
             progress$.next({
                 bytesTransferred: 0,
                 totalBytes: file.size,
@@ -21356,6 +21356,7 @@ class StorageService {
      */
     async uploadAndGetUrl(path, file, metadata) {
         const prefixedPath = this.prefixStoragePath(path, metadata?.skipPrefix);
+        console.log('[Storage] uploadAndGetUrl start:', { path: prefixedPath, size: file.size });
         return new Promise((resolve, reject) => {
             this.upload(path, file, metadata).subscribe({
                 complete: async () => {
@@ -21363,6 +21364,10 @@ class StorageService {
                         const storageRef = ref(this.storage, prefixedPath);
                         const downloadUrl = await getDownloadURL(storageRef);
                         const storedMetadata = await getMetadata(storageRef);
+                        console.log('[Storage] upload OK:', {
+                            path: prefixedPath,
+                            url: downloadUrl.slice(0, 60) + '…',
+                        });
                         resolve({
                             downloadUrl,
                             fullPath: storedMetadata.fullPath,
@@ -21373,10 +21378,17 @@ class StorageService {
                         });
                     }
                     catch (error) {
+                        console.error('[Storage] getDownloadURL/metadata failed:', {
+                            path: prefixedPath,
+                            error,
+                        });
                         reject(this.getErrorMessage(error));
                     }
                 },
-                error: (error) => reject(error),
+                error: error => {
+                    console.error('[Storage] upload failed:', { path: prefixedPath, error });
+                    reject(error);
+                },
             });
         });
     }
@@ -21501,7 +21513,7 @@ class StorageService {
      * ```
      */
     async deleteMultiple(paths) {
-        await Promise.all(paths.map((path) => this.delete(path)));
+        await Promise.all(paths.map(path => this.delete(path)));
     }
     // ===========================================================================
     // LIST
@@ -21524,7 +21536,7 @@ class StorageService {
             const storageRef = ref(this.storage, prefixedPath);
             const result = await listAll(storageRef);
             return {
-                items: result.items.map((item) => item.fullPath),
+                items: result.items.map(item => item.fullPath),
                 nextPageToken: undefined, // listAll no soporta paginación
             };
         }
@@ -33573,6 +33585,7 @@ class AvatarUploadComponent {
             this.uploaded.emit(result);
         }
         catch (err) {
+            console.error('[AvatarUpload] processAndUpload failed:', err);
             // Revert preview on error
             this.previewUrl.set(null);
             // Determine error message based on error type
@@ -33588,9 +33601,7 @@ class AvatarUploadComponent {
                 }
             }
             else {
-                message =
-                    this.i18n.t('uploadError', this.config().i18nNamespace) ||
-                        'Error al subir la imagen';
+                message = this.i18n.t('uploadError', this.config().i18nNamespace) || 'Error al subir la imagen';
             }
             this.emitError('uploadFailed', message, err);
         }
@@ -33604,37 +33615,20 @@ class AvatarUploadComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AvatarUploadComponent, isStandalone: true, selector: "val-avatar-upload", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { uploaded: "uploaded", error: "error", uploadStart: "uploadStart" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: `
-    <div
-      class="avatar-upload"
-      [style.--avatar-size.px]="config().size"
-      [class.avatar-upload--loading]="loading()"
-    >
+    <div class="avatar-upload" [style.--avatar-size.px]="config().size" [class.avatar-upload--loading]="loading()">
       <div class="avatar-container">
         <!-- Avatar Image or Initials -->
         @if (displayUrl()) {
-          <img
-            class="avatar-image"
-            [src]="displayUrl()"
-            alt="Avatar"
-            (error)="onImageError()"
-          />
+          <img class="avatar-image" [src]="displayUrl()" alt="Avatar" (error)="onImageError()" />
         } @else {
-          <div
-            class="avatar-initials"
-            [style.background-color]="config().backgroundColor"
-          >
+          <div class="avatar-initials" [style.background-color]="config().backgroundColor">
             {{ config().initials || '?' }}
           </div>
         }
 
         <!-- Edit Button -->
         @if (config().editable && !loading()) {
-          <button
-            class="edit-button"
-            type="button"
-            (click)="openFilePicker()"
-            [attr.aria-label]="editButtonLabel()"
-          >
+          <button class="edit-button" type="button" (click)="openFilePicker()" [attr.aria-label]="editButtonLabel()">
             <ion-icon name="camera-outline"></ion-icon>
           </button>
         }
@@ -33648,13 +33642,7 @@ class AvatarUploadComponent {
       </div>
 
       <!-- Hidden File Input -->
-      <input
-        #fileInput
-        type="file"
-        accept="image/jpeg,image/png,image/webp"
-        (change)="onFileSelected($event)"
-        hidden
-      />
+      <input #fileInput type="file" accept="image/jpeg,image/png,image/webp" (change)="onFileSelected($event)" hidden />
 
       <!-- Crop Modal -->
       <ion-modal
@@ -33683,37 +33671,20 @@ class AvatarUploadComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'val-avatar-upload', standalone: true, imports: [CommonModule, IonIcon, IonSpinner, IonModal, ImageCropComponent], template: `
-    <div
-      class="avatar-upload"
-      [style.--avatar-size.px]="config().size"
-      [class.avatar-upload--loading]="loading()"
-    >
+    <div class="avatar-upload" [style.--avatar-size.px]="config().size" [class.avatar-upload--loading]="loading()">
       <div class="avatar-container">
         <!-- Avatar Image or Initials -->
         @if (displayUrl()) {
-          <img
-            class="avatar-image"
-            [src]="displayUrl()"
-            alt="Avatar"
-            (error)="onImageError()"
-          />
+          <img class="avatar-image" [src]="displayUrl()" alt="Avatar" (error)="onImageError()" />
         } @else {
-          <div
-            class="avatar-initials"
-            [style.background-color]="config().backgroundColor"
-          >
+          <div class="avatar-initials" [style.background-color]="config().backgroundColor">
             {{ config().initials || '?' }}
           </div>
         }
 
         <!-- Edit Button -->
         @if (config().editable && !loading()) {
-          <button
-            class="edit-button"
-            type="button"
-            (click)="openFilePicker()"
-            [attr.aria-label]="editButtonLabel()"
-          >
+          <button class="edit-button" type="button" (click)="openFilePicker()" [attr.aria-label]="editButtonLabel()">
             <ion-icon name="camera-outline"></ion-icon>
           </button>
         }
@@ -33727,13 +33698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </div>
 
       <!-- Hidden File Input -->
-      <input
-        #fileInput
-        type="file"
-        accept="image/jpeg,image/png,image/webp"
-        (change)="onFileSelected($event)"
-        hidden
-      />
+      <input #fileInput type="file" accept="image/jpeg,image/png,image/webp" (change)="onFileSelected($event)" hidden />
 
       <!-- Crop Modal -->
       <ion-modal