valtech-components 2.0.694 → 2.0.711

package/fesm2022/valtech-components.mjs

@@ -50,7 +50,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.694';
+const VERSION = '2.0.711';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -6348,7 +6348,7 @@ class CheckboxRadioInputComponent {
         </ion-checkbox>
       }
     </div>
-  `, isInline: true, styles: [".checkbox-radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-radio-group ion-checkbox{--size: 24px;--checkbox-background-checked: var(--ion-color-primary);--checkmark-color: var(--ion-color-primary-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }] }); }
+  `, isInline: true, styles: [".checkbox-radio-group{display:flex;flex-direction:row;gap:12px;margin-top:.5rem}.checkbox-radio-group ion-checkbox{--size: 24px;--checkbox-background-checked: var(--ion-color-primary);--checkmark-color: var(--ion-color-primary-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxRadioInputComponent, decorators: [{
             type: Component,
@@ -6365,7 +6365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </ion-checkbox>
       }
     </div>
-  `, styles: [".checkbox-radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-radio-group ion-checkbox{--size: 24px;--checkbox-background-checked: var(--ion-color-primary);--checkmark-color: var(--ion-color-primary-contrast)}\n"] }]
+  `, styles: [".checkbox-radio-group{display:flex;flex-direction:row;gap:12px;margin-top:.5rem}.checkbox-radio-group ion-checkbox{--size: 24px;--checkbox-background-checked: var(--ion-color-primary);--checkmark-color: var(--ion-color-primary-contrast)}\n"] }]
         }], propDecorators: { props: [{
                 type: Input
             }] } });
@@ -9058,18 +9058,28 @@ class SelectSearchComponent {
             return;
         }
         const controlValue = this.props.control.value;
-        if (controlValue === null || controlValue === undefined) {
-            this.selectedItems = [];
-            return;
-        }
-        // PERF: Use a Map for faster lookup if options are large
-        if (this.props.options && this.props.options.length > 0) {
-            const map = new Map(this.props.options.map(opt => [opt[this.valueProperty], opt]));
-            const selectedOption = map.get(controlValue);
-            this.selectedItems = selectedOption ? [selectedOption] : [];
+        if (this.props.mode === 'legacy') {
+            // Permisivo: muestra el valor aunque no esté en las opciones
+            if (controlValue !== null && controlValue !== undefined) {
+                this.displayValue = controlValue.toString();
+                this.selectedItems = [];
+                return;
+            }
         }
         else {
-            this.selectedItems = [];
+            // Estricto: solo muestra si coincide con una opción
+            if (controlValue === null || controlValue === undefined) {
+                this.selectedItems = [];
+                return;
+            }
+            if (this.props.options && this.props.options.length > 0) {
+                const map = new Map(this.props.options.map(opt => [opt[this.valueProperty], opt]));
+                const selectedOption = map.get(controlValue);
+                this.selectedItems = selectedOption ? [selectedOption] : [];
+            }
+            else {
+                this.selectedItems = [];
+            }
         }
     }
     applyDefaultValue() {
@@ -9161,6 +9171,10 @@ class SelectSearchComponent {
         return this.selectedItems.some(selectedItem => selectedItem[this.valueProperty] === item[this.valueProperty]);
     }
     updateDisplayValue() {
+        if (this.props?.mode === 'legacy' && this.selectedItems.length === 0 && this.props?.control?.value) {
+            this.displayValue = this.props.control.value.toString();
+            return;
+        }
         if (this.selectedItems.length === 0) {
             this.displayValue = '';
             return;
@@ -22682,8 +22696,6 @@ class FormComponent {
         this.onSelectChange = new EventEmitter();
         this.types = InputType;
         this.subscriptions = [];
-        // Cache para evitar crear nuevos objetos en cada ciclo de change detection
-        this.fieldPropsCache = new Map();
         this.actionsCache = [];
     }
     ngOnInit() {
@@ -22711,15 +22723,14 @@ class FormComponent {
                 this.trackSelectChanges(field.name);
             });
         });
-        // Construir cache inicial
-        this.rebuildFieldPropsCache();
+        this.syncFieldControlStates();
         this.updateActionsCache();
         this.previousState = this.props.state;
     }
     ngOnChanges(changes) {
         // Cuando props cambia, reconstruir el cache
         if (changes['props'] && this.form) {
-            this.rebuildFieldPropsCache();
+            this.syncFieldControlStates();
             this.updateActionsCache();
             this.previousState = this.props.state;
         }
@@ -22732,14 +22743,11 @@ class FormComponent {
         }
     }
     /**
-     * Reconstruye el cache de props para cada field.
-     * Esto evita crear nuevos objetos en cada ciclo de change detection.
+     * Synchronizes form control disabled/enabled state with field metadata.
      */
-    rebuildFieldPropsCache() {
-        this.fieldPropsCache.clear();
+    syncFieldControlStates() {
         this.props.sections.forEach(section => {
             section.fields.forEach(field => {
-                const token = field.token || `input-${field.type}-${field.name}`;
                 if (field.type === this.types.NUMBER_FROM_TO) {
                     const fromControl = this.getControl(`${field.name}_from`);
                     const toControl = this.getControl(`${field.name}_to`);
@@ -22751,13 +22759,6 @@ class FormComponent {
                         fromControl.enable({ emitEvent: false });
                         toControl.enable({ emitEvent: false });
                     }
-                    this.fieldPropsCache.set(field.name, {
-                        ...field,
-                        token,
-                        fromControl,
-                        toControl,
-                        control: undefined,
-                    });
                 }
                 else {
                     const control = this.getControl(field.name);
@@ -22767,11 +22768,6 @@ class FormComponent {
                     else {
                         control.enable({ emitEvent: false });
                     }
-                    this.fieldPropsCache.set(field.name, {
-                        ...field,
-                        token,
-                        control,
-                    });
                 }
             });
         });
@@ -22810,50 +22806,16 @@ class FormComponent {
         return this.Form.get(field);
     }
     getFieldProp(field) {
-        // Retornar del cache para evitar crear nuevos objetos en cada ciclo de change detection
-        const cached = this.fieldPropsCache.get(field.name);
-        if (cached) {
-            return cached;
+        if (!field.token) {
+            field.token = `input-${field.type}-${field.name}`;
         }
-        // Fallback: generar y cachear si no existe (no debería ocurrir normalmente)
-        const token = field.token || `input-${field.type}-${field.name}`;
         if (field.type === this.types.NUMBER_FROM_TO) {
             const fromControl = this.getControl(`${field.name}_from`);
             const toControl = this.getControl(`${field.name}_to`);
-            if (field.state === ComponentStates.DISABLED) {
-                fromControl.disable({ emitEvent: false });
-                toControl.disable({ emitEvent: false });
-            }
-            else {
-                fromControl.enable({ emitEvent: false });
-                toControl.enable({ emitEvent: false });
-            }
-            const props = {
-                ...field,
-                token,
-                fromControl,
-                toControl,
-                control: undefined,
-            };
-            this.fieldPropsCache.set(field.name, props);
-            return props;
-        }
-        else {
-            const control = this.getControl(field.name);
-            if (field.state === ComponentStates.DISABLED) {
-                control.disable({ emitEvent: false });
-            }
-            else {
-                control.enable({ emitEvent: false });
-            }
-            const props = {
-                ...field,
-                token,
-                control,
-            };
-            this.fieldPropsCache.set(field.name, props);
-            return props;
+            return { ...field, fromControl, toControl, control: undefined };
         }
+        const control = this.getControl(field.name);
+        return { ...field, control };
     }
     get isAtEndOfForm() {
         return isAtEnd(this.elementRef);
@@ -28467,6 +28429,38 @@ class TypedCollection {
         }
         return this.firestore.deleteDoc(this.collectionPath, id);
     }
+    /**
+     * Actualiza múltiples documentos en una sola operación atómica.
+     */
+    async batchUpdate(ids, data) {
+        if (ids.length === 0)
+            return;
+        const BATCH_LIMIT = 500; // Firestore batch limit
+        for (let i = 0; i < ids.length; i += BATCH_LIMIT) {
+            const chunk = ids.slice(i, i + BATCH_LIMIT);
+            await this.firestore.batch(batch => {
+                for (const id of chunk) {
+                    batch.update(`${this.collectionPath}/${id}`, data);
+                }
+            });
+        }
+    }
+    /**
+     * Elimina múltiples documentos en una sola operación atómica.
+     */
+    async batchDelete(ids) {
+        if (ids.length === 0)
+            return;
+        const BATCH_LIMIT = 500;
+        for (let i = 0; i < ids.length; i += BATCH_LIMIT) {
+            const chunk = ids.slice(i, i + BATCH_LIMIT);
+            await this.firestore.batch(batch => {
+                for (const id of chunk) {
+                    batch.delete(`${this.collectionPath}/${id}`);
+                }
+            });
+        }
+    }
     /**
      * Restaura un documento soft-deleted.
      */
@@ -29909,6 +29903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Se auto-inicializa cuando AuthService tiene un usuario autenticado.
  * También puede inicializarse manualmente con `initialize(userId)`.
  */
+/** Límite por defecto de notificaciones a cargar */
+const DEFAULT_LIMIT = 50;
 /**
  * Servicio para leer notificaciones desde Firestore.
  *
@@ -29986,7 +29982,9 @@ class NotificationsService {
         // Path relativo - FirestoreService agrega automáticamente apps/{appId}/
         // NO agregar apps/ aquí para evitar doble prefijo
         const basePath = `users/${userId}/notifications`;
-        this.collection = this.collectionFactory.create(basePath, { timestamps: true });
+        this.collection = this.collectionFactory.create(basePath, {
+            timestamps: true,
+        });
         console.log('[Notifications] Initialized with path:', basePath);
     }
     /**
@@ -30005,39 +30003,59 @@ class NotificationsService {
     // LECTURA
     // ===========================================================================
     /**
-     * Obtiene todas las notificaciones ordenadas por fecha descendente.
-     * Real-time: se actualiza automáticamente cuando cambian los datos.
+     * Obtiene notificaciones ordenadas por fecha descendente (real-time).
+     * Se actualiza automáticamente cuando cambian los datos.
+     *
+     * @param limit - Máximo de notificaciones a cargar (default: 50)
      */
-    getAll() {
+    getAll(limit = DEFAULT_LIMIT) {
         if (!this.collection)
             return of([]);
         return this.collection.watchAll({
             orderBy: [{ field: 'createdAt', direction: 'desc' }],
+            limit,
         });
     }
     /**
-     * Obtiene todas las notificaciones (one-time fetch sin listener).
+     * Obtiene notificaciones (one-time fetch sin listener).
      * Útil para cargas iniciales sin necesidad de updates en tiempo real.
+     *
+     * @param limit - Máximo de notificaciones a cargar (default: 50)
      */
-    async getAllOnce() {
+    async getAllOnce(limit = DEFAULT_LIMIT) {
         if (!this.collection)
             return [];
         return this.collection.getAllOnce({
             orderBy: [{ field: 'createdAt', direction: 'desc' }],
+            limit,
         });
     }
     /**
-     * Obtiene solo notificaciones no leídas.
+     * Obtiene solo notificaciones no leídas (real-time, filtrado server-side).
+     *
+     * @param limit - Máximo de notificaciones (default: 50)
      */
-    getUnread() {
-        return this.getAll().pipe(map$1(notifications => notifications.filter(n => !n.isRead)));
+    getUnread(limit = DEFAULT_LIMIT) {
+        if (!this.collection)
+            return of([]);
+        return this.collection.watchAll({
+            where: [{ field: 'isRead', operator: '==', value: false }],
+            orderBy: [{ field: 'createdAt', direction: 'desc' }],
+            limit,
+        });
     }
     /**
-     * Cuenta notificaciones no leídas.
+     * Cuenta notificaciones no leídas (real-time, filtrado server-side).
      * Útil para badges en UI.
      */
     getUnreadCount() {
-        return this.getUnread().pipe(map$1(n => n.length));
+        if (!this.collection)
+            return of(0);
+        return this.collection
+            .watchAll({
+            where: [{ field: 'isRead', operator: '==', value: false }],
+        })
+            .pipe(map$1(n => n.length));
     }
     /**
      * Obtiene una notificación por ID.
@@ -30059,7 +30077,7 @@ class NotificationsService {
         await this.collection.update(notificationId, { isRead: true });
     }
     /**
-     * Marca todas las notificaciones como leídas.
+     * Marca todas las notificaciones no leídas como leídas (batch write).
      */
     async markAllAsRead() {
         if (!this.collection)
@@ -30067,7 +30085,8 @@ class NotificationsService {
         const unread = await this.collection.query({
             where: [{ field: 'isRead', operator: '==', value: false }],
         });
-        await Promise.all(unread.map(n => this.collection.update(n.id, { isRead: true })));
+        const ids = unread.map(n => n.id).filter(Boolean);
+        await this.collection.batchUpdate(ids, { isRead: true });
     }
     /**
      * Elimina una notificación.
@@ -30078,13 +30097,14 @@ class NotificationsService {
         await this.collection.delete(notificationId);
     }
     /**
-     * Elimina todas las notificaciones del usuario.
+     * Elimina todas las notificaciones del usuario (batch delete).
      */
     async deleteAll() {
         if (!this.collection)
             return;
         const all = await this.collection.getAll();
-        await Promise.all(all.map(n => this.collection.delete(n.id)));
+        const ids = all.map(n => n.id).filter(Boolean);
+        await this.collection.batchDelete(ids);
     }
     /**
      * Limpia el estado del servicio.