tailjng 0.0.26 → 0.0.28

package/cli/settings/components-list.js

@@ -110,11 +110,14 @@ function getComponentList() {
             path: "src/lib/components/menu/menu-options-table",
             dependencies: ["button"],
         },
-
-
-
-
-
+        
+        
+        
+        
+        'table-complete': {
+            path: "src/lib/components/table/table-complete",
+            dependencies: ["button", "paginator-complete", "filter-complete", "checkbox-input", "menu-options-table", "dialog", "image-viewer", "select-dropdown", "input"],
+        },
         'theme-generator': {
             path: "src/lib/components/theme-generator",
             dependencies: ["input", "input-range", "button", "label", "form-container"],

package/cli/settings/header-generator.js

@@ -27,7 +27,7 @@ Authors:
 License:
   This project is licensed under the BSD 3-Clause - see the LICENSE file for more details.
 
-Version: 0.0.26
+Version: 0.0.28
 Creation Date: 2025-01-04
 ===============================================`
 

package/fesm2022/tailjng.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, signal, computed } from '@angular/core';
+import { InjectionToken, signal, computed, Injectable, Inject } from '@angular/core';
 import * as i1 from '@angular/common';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { es } from 'date-fns/locale';
 import { map, isObservable, firstValueFrom, forkJoin } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
-import { EllipsisVertical, Trash, Edit, Pencil, PencilLine, ListRestart, FileUp, MonitorUp, FileSpreadsheet, Cpu, Trash2, Eraser, ArrowDownWideNarrow, Filter, ChevronsRight, ChevronRight, ChevronLeft, ChevronsLeft, Loader2, Moon, Sun, Save, Copy, Search, SquareDashedMousePointer, ChevronsUpDown, ChevronUp, ChevronDown, Eye, Upload, ImageOff, Minimize2, Scan, RefreshCcw, RotateCcw, RotateCw, ZoomOut, ZoomIn, Check, X, CircleHelp, TriangleAlert, CircleX, CircleCheck, Info } from 'lucide-angular';
+import { Clock, Calendar, EllipsisVertical, Trash, Edit, Pencil, PencilLine, ListRestart, FileUp, MonitorUp, FileSpreadsheet, Cpu, Trash2, Eraser, ArrowDownWideNarrow, Filter, ArrowBigRight, ChevronsRight, ChevronRight, ChevronLeft, ChevronsLeft, Loader2, Moon, Sun, Save, Copy, Search, SquareDashedMousePointer, ChevronsUpDown, ChevronDown, ChevronUp, Eye, Upload, ImageOff, Images, Image, Minimize2, Scan, RefreshCcw, RotateCcw, RotateCw, ZoomOut, ZoomIn, Check, X, CircleHelp, TriangleAlert, CircleX, CircleCheck, Info } from 'lucide-angular';
 import * as FileSaver from 'file-saver';
 import * as ExcelJS from 'exceljs';
 import * as XLSX from 'xlsx';
@@ -28,6 +28,302 @@ const TAILJNG_CONFIG = new InjectionToken('TAILJNG_CONFIG');
 // This interface defines the structure of a table column in a CRUD application.
 // ======================================================
 
+class JAlertToastService {
+    toastsSignal = signal([]);
+    autoCloseTimers = new Map();
+    // Default auto-close delay in milliseconds
+    DEFAULT_AUTO_CLOSE_DELAY = 5000;
+    // Default action button text
+    DEFAULT_ACTION_BUTTON_TEXT = "Action";
+    // For compatibility with existing code
+    isOpenSignal = signal(false);
+    configSignal = signal(null);
+    isLoadingAction = signal(false);
+    isLoadingCancel = signal(false);
+    // Computed values for all toasts
+    toasts = computed(() => this.toastsSignal());
+    // For backward compatibility with existing code
+    isOpen = computed(() => this.isOpenSignal());
+    config = computed(() => this.configSignal());
+    isActionLoading = computed(() => this.isLoadingAction());
+    isCancelLoading = computed(() => this.isLoadingCancel());
+    getConfig() {
+        return this.configSignal();
+    }
+    AlertToast(config) {
+        const toastId = crypto.randomUUID();
+        // Store callbacks for this toast
+        const onActionCallback = "onAction" in config ? config.onAction : undefined;
+        const onCancelCallback = "onCancel" in config ? config.onCancel : undefined;
+        // Get action button text or use default
+        const actionNameButton = config.actionButtonText ?? this.DEFAULT_ACTION_BUTTON_TEXT;
+        const toast = {
+            id: toastId,
+            config,
+            isActionLoading: false,
+            isCancelLoading: false,
+            onActionCallback,
+            onCancelCallback,
+            actionNameButton, // Add the button text
+            createdAt: Date.now()
+        };
+        // Add the toast to our list
+        this.toastsSignal.update(toasts => [...toasts, toast]);
+        // Check if this toast should auto-close
+        // If autoClose is explicitly set to true OR 
+        // if it's a success toast and autoClose is not explicitly set to false
+        const shouldAutoClose = config.autoClose === true ||
+            (config.type === 'success' && config.autoClose !== false);
+        if (shouldAutoClose) {
+            // Use the provided delay or the default
+            const delay = config.autoCloseDelay ?? this.DEFAULT_AUTO_CLOSE_DELAY;
+            const timerId = setTimeout(() => {
+                this.closeToastById(toastId);
+                this.autoCloseTimers.delete(toastId);
+            }, delay);
+            this.autoCloseTimers.set(toastId, timerId);
+        }
+        return toastId;
+    }
+    closeToastById(toastId) {
+        // Clear any auto-close timer
+        if (this.autoCloseTimers.has(toastId)) {
+            clearTimeout(this.autoCloseTimers.get(toastId));
+            this.autoCloseTimers.delete(toastId);
+        }
+        this.toastsSignal.update(toasts => toasts.filter(toast => toast.id !== toastId));
+    }
+    closeAllToasts() {
+        // Clear all timers
+        this.autoCloseTimers.forEach(timerId => clearTimeout(timerId));
+        this.autoCloseTimers.clear();
+        this.toastsSignal.set([]);
+    }
+    async executeToastAction(toastId, action) {
+        const toast = this.toastsSignal().find(t => t.id === toastId);
+        if (!toast)
+            return;
+        let callback;
+        let loadingProperty;
+        switch (action) {
+            case "action":
+                callback = toast.onActionCallback;
+                loadingProperty = 'isActionLoading';
+                break;
+            case "cancel":
+                callback = toast.onCancelCallback;
+                loadingProperty = 'isCancelLoading';
+                break;
+        }
+        if (callback) {
+            // Update loading state
+            this.toastsSignal.update(toasts => toasts.map(t => t.id === toastId ? { ...t, [loadingProperty]: true } : t));
+            try {
+                await callback();
+            }
+            catch (error) {
+                console.error(`Error en la acción ${action}:`, error);
+            }
+            finally {
+                // Update loading state back to false (in case the toast hasn't been closed)
+                this.toastsSignal.update(toasts => {
+                    const updatedToasts = toasts.map(t => t.id === toastId ? { ...t, [loadingProperty]: false } : t);
+                    return updatedToasts;
+                });
+                this.closeToastById(toastId);
+            }
+        }
+        else {
+            this.closeToastById(toastId);
+        }
+    }
+    // For backward compatibility with existing code
+    closeToast() {
+        this.closeAllToasts();
+        this.isOpenSignal.set(false);
+        this.configSignal.set(null);
+    }
+    // For backward compatibility with existing code
+    async executeAction(action) {
+        let callback;
+        let loadingSignal;
+        switch (action) {
+            case "action":
+                callback = "onAction" in (this.configSignal() || {})
+                    ? this.configSignal().onAction
+                    : undefined;
+                loadingSignal = this.isLoadingAction;
+                break;
+            case "cancel":
+                callback = "onCancel" in (this.configSignal() || {})
+                    ? this.configSignal().onCancel
+                    : undefined;
+                loadingSignal = this.isLoadingCancel;
+                break;
+        }
+        if (callback) {
+            loadingSignal.set(true);
+            try {
+                await callback();
+            }
+            catch (error) {
+                console.error(`Error en la acción ${action}:`, error);
+            }
+            finally {
+                loadingSignal.set(false);
+                this.closeToast();
+            }
+        }
+        else {
+            this.closeToast();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class JFormShared {
+    alertToastService;
+    onResetCallback = null;
+    isLoading = false;
+    openForm = false;
+    typeForm = 'create';
+    formControls = {};
+    messages = null;
+    isVisiblePassword = false;
+    constructor(alertToastService) {
+        this.alertToastService = alertToastService;
+    }
+    /**
+     * Open form
+     */
+    onOpen() {
+        this.openForm = true;
+        if (this.onResetCallback) {
+            this.onResetCallback();
+        }
+    }
+    /**
+     * Close form
+     */
+    onClose() {
+        this.openForm = false;
+    }
+    /**
+     * Validate the change form
+     * @param validation
+     * @returns
+     */
+    onValidateChange(validation) {
+        if (validation) {
+            this.alertToastService.AlertToast({
+                type: "info",
+                title: "Sin cambios...",
+                description: "No se han realizado cambios en el formulario"
+            });
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Handle form submit
+     */
+    onTableDataLoaded() {
+        this.isLoading = false;
+        this.openForm = false;
+        if (this.messages) {
+            this.alertToastService.AlertToast({
+                type: "success",
+                ...this.messages
+            });
+            this.messages = null;
+        }
+    }
+    /**
+     * Toggle password visibility
+     * @param event
+     */
+    togglePasswordVisibility(event) {
+        const checkbox = event.target;
+        if (checkbox.checked) {
+            this.isVisiblePassword = true;
+        }
+        else {
+            this.isVisiblePassword = false;
+        }
+    }
+    /**
+     * Converter a formato ISO local
+     * @param date
+     * @returns
+     */
+    toLocalISO(date) {
+        const d = date ? new Date(date) : new Date();
+        const offset = d.getTimezoneOffset();
+        const localDate = new Date(d.getTime() - offset * 60000);
+        return localDate.toISOString().slice(0, 16);
+    }
+    /**
+     * Converter a formato de entrada de fecha
+     * @param date
+     * @returns
+     */
+    toDateInputValue(date) {
+        if (!date)
+            return '';
+        const d = new Date(date);
+        const utcOffset = d.getUTCDay();
+        const adjustedDate = new Date(d.getTime() + d.getTimezoneOffset() * 60000);
+        return adjustedDate.toISOString().split('T')[0];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JFormShared, deps: [{ token: JAlertToastService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JFormShared, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JFormShared, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: JAlertToastService }] });
+
+class JDialogShared {
+    dialogStates = {};
+    /**
+     * Open dialog
+     * @param id
+     */
+    onOpen(id) {
+        this.dialogStates[id] = true;
+    }
+    /**
+     * Close dialog
+     * @param id
+     */
+    onClose(id) {
+        this.dialogStates[id] = false;
+    }
+    /**
+     * Check if dialog is open
+     * @param id
+     * @returns
+     */
+    isOpen(id) {
+        return this.dialogStates[id] ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JDialogShared, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JDialogShared, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JDialogShared, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class JCalendarService {
     nameDaysAb = ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'];
     nameDays = ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'];
@@ -660,6 +956,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
+class JTransformService {
+    /**
+     * Verify if the value is a valid JSON string.
+     * @param value
+     * @returns
+     */
+    isJson(value) {
+        try {
+            JSON.parse(value);
+            return true;
+        }
+        catch (e) {
+            return false;
+        }
+    }
+    /**
+     * Parse a JSON string and return the array.
+     * @param value The JSON string to parse.
+     * @returns The parsed array.
+     */
+    parseJson(value) {
+        return JSON.parse(value);
+    }
+    /**
+     * Capitalize the first letter of each word and lowercase the rest.
+     * @param name The input string to capitalize.
+     * @returns The capitalized string.
+     */
+    capitalizeText(name) {
+        return name
+            .trim()
+            .toLowerCase()
+            .split(' ')
+            .filter(Boolean)
+            .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JTransformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JTransformService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JTransformService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class JIconsService {
     icons = {
         info: Info,
@@ -676,11 +1019,13 @@ class JIconsService {
         reset: RefreshCcw,
         fullscreen: Scan,
         exitFullscreen: Minimize2,
+        img: Image,
+        imgs: Images,
         imageOff: ImageOff,
         upload: Upload,
         view: Eye,
-        chevronDown: ChevronDown,
         chevronUp: ChevronUp,
+        chevronDown: ChevronDown,
         chevronsUpDown: ChevronsUpDown,
         squareDashedMousePointer: SquareDashedMousePointer,
         search: Search,
@@ -693,6 +1038,7 @@ class JIconsService {
         prevPage: ChevronLeft,
         nextPage: ChevronRight,
         lastPage: ChevronsRight,
+        arrowBigRight: ArrowBigRight,
         filter: Filter,
         filterList: ArrowDownWideNarrow,
         eraser: Eraser,
@@ -707,6 +1053,8 @@ class JIconsService {
         edit: Edit,
         delete: Trash,
         ellipsisVertical: EllipsisVertical,
+        calendar: Calendar,
+        clock: Clock,
     };
     constructor() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JIconsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -868,166 +1216,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
-class JAlertToastService {
-    toastsSignal = signal([]);
-    autoCloseTimers = new Map();
-    // Default auto-close delay in milliseconds
-    DEFAULT_AUTO_CLOSE_DELAY = 5000;
-    // Default action button text
-    DEFAULT_ACTION_BUTTON_TEXT = "Action";
-    // For compatibility with existing code
-    isOpenSignal = signal(false);
-    configSignal = signal(null);
-    isLoadingAction = signal(false);
-    isLoadingCancel = signal(false);
-    // Computed values for all toasts
-    toasts = computed(() => this.toastsSignal());
-    // For backward compatibility with existing code
-    isOpen = computed(() => this.isOpenSignal());
-    config = computed(() => this.configSignal());
-    isActionLoading = computed(() => this.isLoadingAction());
-    isCancelLoading = computed(() => this.isLoadingCancel());
-    getConfig() {
-        return this.configSignal();
-    }
-    AlertToast(config) {
-        const toastId = crypto.randomUUID();
-        // Store callbacks for this toast
-        const onActionCallback = "onAction" in config ? config.onAction : undefined;
-        const onCancelCallback = "onCancel" in config ? config.onCancel : undefined;
-        // Get action button text or use default
-        const actionNameButton = config.actionButtonText ?? this.DEFAULT_ACTION_BUTTON_TEXT;
-        const toast = {
-            id: toastId,
-            config,
-            isActionLoading: false,
-            isCancelLoading: false,
-            onActionCallback,
-            onCancelCallback,
-            actionNameButton, // Add the button text
-            createdAt: Date.now()
-        };
-        // Add the toast to our list
-        this.toastsSignal.update(toasts => [...toasts, toast]);
-        // Check if this toast should auto-close
-        // If autoClose is explicitly set to true OR 
-        // if it's a success toast and autoClose is not explicitly set to false
-        const shouldAutoClose = config.autoClose === true ||
-            (config.type === 'success' && config.autoClose !== false);
-        if (shouldAutoClose) {
-            // Use the provided delay or the default
-            const delay = config.autoCloseDelay ?? this.DEFAULT_AUTO_CLOSE_DELAY;
-            const timerId = setTimeout(() => {
-                this.closeToastById(toastId);
-                this.autoCloseTimers.delete(toastId);
-            }, delay);
-            this.autoCloseTimers.set(toastId, timerId);
-        }
-        return toastId;
-    }
-    closeToastById(toastId) {
-        // Clear any auto-close timer
-        if (this.autoCloseTimers.has(toastId)) {
-            clearTimeout(this.autoCloseTimers.get(toastId));
-            this.autoCloseTimers.delete(toastId);
-        }
-        this.toastsSignal.update(toasts => toasts.filter(toast => toast.id !== toastId));
-    }
-    closeAllToasts() {
-        // Clear all timers
-        this.autoCloseTimers.forEach(timerId => clearTimeout(timerId));
-        this.autoCloseTimers.clear();
-        this.toastsSignal.set([]);
-    }
-    async executeToastAction(toastId, action) {
-        const toast = this.toastsSignal().find(t => t.id === toastId);
-        if (!toast)
-            return;
-        let callback;
-        let loadingProperty;
-        switch (action) {
-            case "action":
-                callback = toast.onActionCallback;
-                loadingProperty = 'isActionLoading';
-                break;
-            case "cancel":
-                callback = toast.onCancelCallback;
-                loadingProperty = 'isCancelLoading';
-                break;
-        }
-        if (callback) {
-            // Update loading state
-            this.toastsSignal.update(toasts => toasts.map(t => t.id === toastId ? { ...t, [loadingProperty]: true } : t));
-            try {
-                await callback();
-            }
-            catch (error) {
-                console.error(`Error en la acción ${action}:`, error);
-            }
-            finally {
-                // Update loading state back to false (in case the toast hasn't been closed)
-                this.toastsSignal.update(toasts => {
-                    const updatedToasts = toasts.map(t => t.id === toastId ? { ...t, [loadingProperty]: false } : t);
-                    return updatedToasts;
-                });
-                this.closeToastById(toastId);
-            }
-        }
-        else {
-            this.closeToastById(toastId);
-        }
-    }
-    // For backward compatibility with existing code
-    closeToast() {
-        this.closeAllToasts();
-        this.isOpenSignal.set(false);
-        this.configSignal.set(null);
-    }
-    // For backward compatibility with existing code
-    async executeAction(action) {
-        let callback;
-        let loadingSignal;
-        switch (action) {
-            case "action":
-                callback = "onAction" in (this.configSignal() || {})
-                    ? this.configSignal().onAction
-                    : undefined;
-                loadingSignal = this.isLoadingAction;
-                break;
-            case "cancel":
-                callback = "onCancel" in (this.configSignal() || {})
-                    ? this.configSignal().onCancel
-                    : undefined;
-                loadingSignal = this.isLoadingCancel;
-                break;
-        }
-        if (callback) {
-            loadingSignal.set(true);
-            try {
-                await callback();
-            }
-            catch (error) {
-                console.error(`Error en la acción ${action}:`, error);
-            }
-            finally {
-                loadingSignal.set(false);
-                this.closeToast();
-            }
-        }
-        else {
-            this.closeToast();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JAlertToastService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }] });
-
 class JExcelService {
     http;
     converterService;
@@ -1698,5 +1886,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ErrorHandlerHttpService, JAlertDialogService, JAlertToastService, JCalendarService, JConverterCrudService, JExcelFilterService, JExcelService, JGenericCrudService, JIconsService, JParamsHttpService, JThemeService, JUploadFilterService, TAILJNG_CONFIG };
+export { ErrorHandlerHttpService, JAlertDialogService, JAlertToastService, JCalendarService, JConverterCrudService, JDialogShared, JExcelFilterService, JExcelService, JFormShared, JGenericCrudService, JIconsService, JParamsHttpService, JThemeService, JTransformService, JUploadFilterService, TAILJNG_CONFIG };
 //# sourceMappingURL=tailjng.mjs.map