@c80/ui 1.0.34 → 1.0.37

package/lib/icon/icon.component.d.ts

@@ -1,49 +1,43 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ColorType, ButtonType } from './icon.types';
 import * as i0 from "@angular/core";
-export type Icon = 'check' | 'cancel' | 'edit' | 'delete' | 'add' | 'view' | 'get' | 'schedule' | 'refresh' | 'check_circle' | 'cancel_circle' | 'error' | 'queue' | 'arrow_up' | 'arrow_down' | 'toggle_on' | 'toggle_off' | 'search' | 'upload' | 'pending_actions' | 'play_circle';
-export type Color = 'primary' | 'secondary' | 'warn' | 'success';
 export declare class C80IconComponent {
-    /** Tamaño base del icono (en px) */
-    get iconSize(): number;
-    icon: Icon;
-    color: Color;
-    customColor?: string;
-    disabled?: boolean;
-    size: number;
-    /** Si es true, renderiza como <button> nativo, si es false solo como icono */
-    private _button;
-    set button(val: boolean | string | null | undefined);
-    get button(): boolean;
-    /** Tipo de botón nativo (solo si button=true) */
-    type: 'button' | 'submit' | 'reset';
-    /** Output para click (solo si button=true) */
-    iconClick: EventEmitter<Event>;
-    checkIconTpl: TemplateRef<unknown>;
-    cancelIconTpl: TemplateRef<unknown>;
-    editIconTpl: TemplateRef<unknown>;
-    deleteIconTpl: TemplateRef<unknown>;
-    addIconTpl: TemplateRef<unknown>;
-    viewIconTpl: TemplateRef<unknown>;
-    getIconTpl: TemplateRef<unknown>;
-    defaultIconTpl: TemplateRef<unknown>;
-    scheduleIconTpl: TemplateRef<unknown>;
-    refreshIconTpl: TemplateRef<unknown>;
-    checkCircleIconTpl: TemplateRef<unknown>;
-    cancelCircleIconTpl: TemplateRef<unknown>;
-    errorIconTpl: TemplateRef<unknown>;
-    queueIconTpl: TemplateRef<unknown>;
-    arrowUpIconTpl: TemplateRef<unknown>;
-    arrowDownIconTpl: TemplateRef<unknown>;
-    toggleOnIconTpl: TemplateRef<unknown>;
-    toggleOffIconTpl: TemplateRef<unknown>;
-    searchIconTpl: TemplateRef<unknown>;
-    uploadIconTpl: TemplateRef<unknown>;
-    pendingActionsIconTpl: TemplateRef<unknown>;
-    playCircleIconTpl: TemplateRef<unknown>;
-    getIconTemplate(): TemplateRef<unknown>;
-    get iconColor(): string;
-    get iconOpacity(): number;
+    readonly icon: import("@angular/core").InputSignal<"default" | "check" | "cancel" | "edit" | "delete" | "add" | "view" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "error" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "search" | "upload" | "pendingActions" | "playCircle">;
+    readonly color: import("@angular/core").InputSignal<ColorType>;
+    readonly customColor: import("@angular/core").InputSignal<string | undefined>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<number>;
+    readonly button: import("@angular/core").InputSignalWithTransform<boolean, string | boolean | null | undefined>;
+    readonly type: import("@angular/core").InputSignal<ButtonType>;
+    readonly iconClick: import("@angular/core").OutputEmitterRef<Event>;
+    readonly iconSize: import("@angular/core").Signal<number>;
+    readonly iconColor: import("@angular/core").Signal<string>;
+    readonly iconOpacity: import("@angular/core").Signal<0.5 | 0.7 | 1>;
+    readonly iconTemplate: import("@angular/core").Signal<any>;
+    readonly check: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly cancel: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly edit: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly delete: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly add: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly view: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly get: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly settings: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly schedule: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly refresh: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly checkCircle: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly cancelCircle: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly error: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly queue: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly arrowUp: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly arrowDown: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly toggleOn: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly toggleOff: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly search: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly upload: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly pendingActions: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly playCircle: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly default: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
     onButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<C80IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80IconComponent, "c80-icon", never, { "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "button": { "alias": "button"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "iconClick": "iconClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C80IconComponent, "c80-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "iconClick": "iconClick"; }, never, never, true, never>;
 }

package/lib/icon/icon.constants.d.ts

@@ -0,0 +1,9 @@
+import { ColorType } from './icon.types';
+export declare const ICON_NAMES: readonly ["default", "check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle"];
+export declare const BASE_ICON_COLORS: Readonly<Record<ColorType, string>>;
+export declare const DISABLED_COLOR = "#bdbdbd";
+export declare const DEFAULT_ICON_COLOR = "#222";
+export declare const DISABLED_OPACITY = 0.5;
+export declare const SECONDARY_WARN_OPACITY = 0.7;
+export declare const DEFAULT_OPACITY = 1;
+export declare const BASE_ICON_SIZE = 24;

package/lib/icon/icon.types.d.ts

@@ -0,0 +1,4 @@
+import { ICON_NAMES } from './icon.constants';
+export type IconType = (typeof ICON_NAMES)[number];
+export type ColorType = 'primary' | 'secondary' | 'warn' | 'success';
+export type ButtonType = 'button' | 'submit' | 'reset';

package/lib/icon/index.d.ts

@@ -1 +1,3 @@
 export * from './icon.component';
+export * from './icon.types';
+export * from './icon.constants';

package/lib/stat-card/stat-card.component.d.ts

@@ -1,8 +1,8 @@
-import { Icon } from '../icon/icon.component';
+import { IconType } from '../icon/icon.types';
 import * as i0 from "@angular/core";
 export interface CardDef {
     color: string;
-    icon: Icon;
+    icon: IconType;
     text: string;
     count: number;
 }

package/lib/table/table-crud-state.service.d.ts

@@ -13,6 +13,22 @@ import * as i0 from "@angular/core";
 export declare class TableCrudStateService {
     private readonly visibilityService;
     private readonly dataConverter;
+    /**
+     * Filtra columnas visibles y editables
+     */
+    private getEditableColumns;
+    /**
+     * Convierte valores de row según definición de columnas
+     */
+    private convertRowValues;
+    /**
+     * Inicializa row para creación con valores por defecto
+     */
+    private initializeNewRow;
+    /**
+     * Inicializa row para edición con valores actuales
+     */
+    private initializeEditRow;
     /**
      * Inicializa el estado CRUD para una nueva tabla
      * @returns Objeto con signals y métodos para gestión CRUD
@@ -39,6 +55,15 @@ export declare class TableCrudStateService {
         }>) => void;
         applyInputValues: (partialValues: Partial<T>) => void;
     };
+    private createStartCreateFn;
+    private createCancelCreateFn;
+    private createUpdateNewRowFn;
+    private createSaveCreateFn;
+    private createStartEditFn;
+    private createCancelEditFn;
+    private createUpdateEditRowFn;
+    private createSaveEditFn;
+    private createApplyInputValuesFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCrudStateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableCrudStateService>;
 }

package/lib/table/table-data-utils.service.d.ts

@@ -23,7 +23,7 @@ export declare class TableDataUtilsService {
      * @param accessor - Ruta de acceso usando notación de punto
      * @returns El valor anidado o undefined
      */
-    getNestedValue(obj: any, accessor: string): unknown;
+    getNestedValue(obj: Record<string, unknown>, accessor: string): unknown;
     /**
      * Devuelve el valor de display para una celda, mostrando '-' para valores falsy excepto 0, false y objetos/arrays vacíos
      * @param value - Valor a formatear

package/lib/table/table-selection.service.d.ts

@@ -15,25 +15,31 @@ export declare class TableSelectionService {
      * Inicializa el estado de selección para una nueva tabla
      * @returns Objeto con signals y métodos de selección
      */
-    createSelectionState<T extends Record<string, unknown>>(): {
+    createSelectionState<_T extends Record<string, unknown>>(): {
         selectedItems: import("@angular/core").Signal<Set<ID>>;
         selectAllChecked: import("@angular/core").Signal<boolean>;
         selectAllIndeterminate: import("@angular/core").Signal<boolean>;
         clearSelection: () => void;
-        toggleSelectAll: (allItems: T[]) => void;
-        toggleItemSelection: (item: T, multiple: boolean) => void;
-        isItemSelected: (item: T) => boolean;
-        preserveSelection: (newData: T[]) => void;
-        getSelectedItems: (allData: T[]) => T[];
-        updateSelectAllState: (allItems?: T[]) => void;
+        toggleSelectAll: (allItems: Record<string, unknown>[]) => void;
+        toggleItemSelection: (item: Record<string, unknown>, multiple: boolean) => void;
+        isItemSelected: (item: Record<string, unknown>) => boolean;
+        preserveSelection: (newData: Record<string, unknown>[]) => void;
+        getSelectedItems: (allData: Record<string, unknown>[]) => Record<string, unknown>[];
     };
+    private createClearSelectionFn;
+    private createToggleSelectAllFn;
+    private createToggleItemSelectionFn;
+    private createIsItemSelectedFn;
+    private createPreserveSelectionFn;
+    private createGetSelectedItemsFn;
+    private updateSelectAllState;
     /**
      * Emite los elementos seleccionados a través del EventEmitter proporcionado
      * @param selectionState - Estado de selección
      * @param allData - Todos los datos de la tabla
      * @param selectableEmitter - EventEmitter para emitir la selección
      */
-    emitSelection<T extends Record<string, unknown>>(selectionState: ReturnType<typeof this.createSelectionState<T>>, allData: T[], selectableEmitter: EventEmitter<T[]>): void;
+    emitSelection<T extends Record<string, unknown>>(selectionState: ReturnType<typeof this.createSelectionState>, allData: T[], selectableEmitter: EventEmitter<T[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableSelectionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableSelectionService>;
 }

package/lib/table/table.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
+import { type IconType } from '../icon';
 import { C80TableColDef, ID } from './table.types';
 import * as i0 from "@angular/core";
 /**
@@ -69,6 +70,8 @@ import * as i0 from "@angular/core";
     size: number;
     multiple: boolean;
     noConfirm: boolean;
+    customActionIcon: IconType;
+    customActionTooltip: string;
     createAction: EventEmitter<{
         row: Partial<T>;
         done: (result: boolean) => void;
@@ -89,6 +92,7 @@ import * as i0 from "@angular/core";
     viewAction: EventEmitter<T>;
     uploadAction: EventEmitter<T>;
     getRowButtonAction: EventEmitter<T>;
+    customAction: EventEmitter<T>;
     moveUpAction: EventEmitter<{
         id: ID;
         done: (result: boolean) => void;
@@ -124,6 +128,7 @@ import * as i0 from "@angular/core";
     readonly hasViewActionListener: import("@angular/core").WritableSignal<boolean>;
     readonly hasUploadActionListener: import("@angular/core").WritableSignal<boolean>;
     readonly hasGetRowButtonListener: import("@angular/core").WritableSignal<boolean>;
+    readonly hasCustomActionListener: import("@angular/core").WritableSignal<boolean>;
     readonly hasMoveUpActionListener: import("@angular/core").WritableSignal<boolean>;
     readonly hasMoveDownActionListener: import("@angular/core").WritableSignal<boolean>;
     readonly hasEnableActionListener: import("@angular/core").WritableSignal<boolean>;
@@ -166,6 +171,10 @@ import * as i0 from "@angular/core";
      * Emits the getRowButtonAction event with the entire row data
      */
     onGetRowButton(row: T): void;
+    /**
+     * Emits the customAction event with the entire row data
+     */
+    onCustomAction(row: T): void;
     /**
      * Emits the moveUpAction event with the row id
      */
@@ -212,6 +221,6 @@ import * as i0 from "@angular/core";
     isColumnVisibleForRow(column: C80TableColDef, row: T): boolean;
     onUpload(row: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<C80TableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "inputValues$": { "alias": "inputValues$"; "required": false; }; "size": { "alias": "size"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "noConfirm": { "alias": "noConfirm"; "required": false; }; }, { "createAction": "createAction"; "updateAction": "updateAction"; "deleteAction": "deleteAction"; "cancelAction": "cancelAction"; "viewAction": "viewAction"; "uploadAction": "uploadAction"; "getRowButtonAction": "getRowButtonAction"; "moveUpAction": "moveUpAction"; "moveDownAction": "moveDownAction"; "enableAction": "enableAction"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<C80TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "inputValues$": { "alias": "inputValues$"; "required": false; }; "size": { "alias": "size"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "noConfirm": { "alias": "noConfirm"; "required": false; }; "customActionIcon": { "alias": "customActionIcon"; "required": false; }; "customActionTooltip": { "alias": "customActionTooltip"; "required": false; }; }, { "createAction": "createAction"; "updateAction": "updateAction"; "deleteAction": "deleteAction"; "cancelAction": "cancelAction"; "viewAction": "viewAction"; "uploadAction": "uploadAction"; "getRowButtonAction": "getRowButtonAction"; "customAction": "customAction"; "moveUpAction": "moveUpAction"; "moveDownAction": "moveDownAction"; "enableAction": "enableAction"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
     static ngAcceptInputType_noConfirm: boolean | string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.34",
+  "version": "1.0.37",
   "peerDependencies": {
     "@angular/core": "^18.2.0",
     "rxjs": "~7.8.0",