@c80/ui 1.0.49 → 1.0.51

package/esm2022/lib/table/table.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.utils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAuB;IACtD,OAAO,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,GAAY;IAC1C,MAAM,KAAK,GAAG,GAA2B,CAAC;IAC1C,OAAO,KAAK,EAAE,OAAO,IAAI,uBAAuB,CAAC;AACnD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAY,EAAE,GAAoB;IAC9D,IAAI,GAAG,EAAE,IAAI,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAQ,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;IACpD,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAA8C,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,EAAE,KAAK,CAAC;IAE/B,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC;AAED;;;;;GAKG;AACH,SAAS,uBAAuB,CAC9B,QAAgB,EAChB,IAAiF;IAEjF,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5C,OAAO,eAAe,CAAC,QAAQ,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,KAAa,EAAE,SAAkB;IACxD,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1D,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3C,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAa;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAoC,KAAa,EAAE,GAAM;IAChF,MAAM,EAAE,GAAG,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,IAAI,IAAI,GAAG;QACtD,CAAC,CAAE,GAA+B,CAAC,IAAI,CAAC;QACxC,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAyB,EACzB,GAAM;IAEN,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACpD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAyB;IACxD,OAAO,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC;AACvC,CAAC","sourcesContent":["import type { C80TableColDef, CustomTableAction } from './table.types';\n\n/**\n * Transform function para convertir valores string/boolean a boolean\n * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos\n * @example [searchable]=\"true\" o simplemente searchable\n */\nexport function booleanAttribute(value: boolean | string): boolean {\n  return value === '' || value === true || value === 'true';\n}\n\n/**\n * Extrae mensaje de error de forma segura desde un objeto unknown\n * @param err - Error desconocido (puede ser Error, string, object, etc.)\n * @returns Mensaje de error legible\n */\nexport function getErrorMessage(err: unknown): string {\n  const error = err as { message?: string };\n  return error?.message || 'Error al cargar datos';\n}\n\n/**\n * Obtiene el valor de un input HTML según el tipo de columna\n * IMPORTANTE: Convierte el valor al tipo correcto antes de retornarlo\n * @param event - Evento del input\n * @param col - Definición de columna (opcional)\n * @returns Valor extraído y convertido según el tipo de columna\n */\nexport function getInputValue(event: Event, col?: C80TableColDef): unknown {\n  if (col?.type === 'boolean') {\n    return (event.target as HTMLInputElement).checked;\n  }\n\n  const target = event.target as HTMLInputElement | HTMLSelectElement;\n  const rawValue = target?.value;\n\n  if (!col) {\n    return rawValue;\n  }\n\n  return convertInputValueByType(rawValue, col.type);\n}\n\n/**\n * Convierte un valor de input según el tipo de columna especificado\n * @param rawValue - Valor crudo del input (string)\n * @param type - Tipo de columna\n * @returns Valor convertido al tipo apropiado\n */\nfunction convertInputValueByType(\n  rawValue: string,\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'\n): unknown {\n  if (!type || type === 'string' || type === 'password' || type === 'date') {\n    return rawValue;\n  }\n\n  if (type === 'integer' || type === 'number') {\n    return convertToNumber(rawValue, type === 'integer');\n  }\n\n  if (type === 'enum') {\n    return convertEnumValue(rawValue);\n  }\n\n  return rawValue;\n}\n\n/**\n * Convierte string a number o integer\n */\nfunction convertToNumber(value: string, isInteger: boolean): number | undefined {\n  if (value === '' || value === null || value === undefined) {\n    return undefined;\n  }\n  const num = Number(value);\n  if (Number.isNaN(num)) {\n    return undefined;\n  }\n  return isInteger ? Math.floor(num) : num;\n}\n\n/**\n * Convierte valor de enum (intenta convertir a número si es posible)\n */\nfunction convertEnumValue(value: string): string | number {\n  const num = Number(value);\n  return Number.isNaN(num) ? value : num;\n}\n\n/**\n * Extrae el ID de una fila para usar como trackBy en ngFor\n * @param index - Índice de la fila\n * @param row - Fila de datos\n * @returns ID como string o índice como fallback\n */\nexport function trackById<T extends Record<string, unknown>>(index: number, row: T): string | number {\n  const id = row && typeof row === 'object' && 'id' in row\n    ? (row as Record<string, unknown>)['id']\n    : undefined;\n  return typeof id === 'string' ? id : index;\n}\n\n/**\n * Verifica si una acción debe mostrarse para una fila específica\n * CREATE se excluye porque se maneja con el botón \"+\" en el header\n * @param action - Acción a verificar\n * @param row - Fila de datos\n * @returns true si la acción debe mostrarse\n */\nexport function shouldShowAction<T extends Record<string, unknown>>(\n  action: CustomTableAction,\n  row: T\n): boolean {\n  if (action.name === 'create') {\n    return false;\n  }\n  return !action.condition || action.condition(row);\n}\n\n/**\n * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)\n * @param action - Acción\n * @returns Texto del tooltip\n */\nexport function getActionTooltip(action: CustomTableAction): string {\n  return action.tooltip || action.name;\n}\n"]}
+{"version":3,"file":"table.utils.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/table/table.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { C80TableColDef, CustomTableAction } from './table.types';\n\n/**\n * Transform function para convertir valores string/boolean a boolean\n * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos\n * @example [searchable]=\"true\" o simplemente searchable\n */\nexport function booleanAttribute(value: boolean | string): boolean {\n  return value === '' || value === true || value === 'true';\n}\n\n/**\n * Extrae mensaje de error de forma segura desde un objeto unknown\n * @param err - Error desconocido (puede ser Error, string, object, etc.)\n * @returns Mensaje de error legible\n */\nexport function getErrorMessage(err: unknown): string {\n  const error = err as { message?: string };\n  return error?.message ?? 'Error al cargar datos';\n}\n\n/**\n * Obtiene el valor de un input HTML según el tipo de columna\n * IMPORTANTE: Convierte el valor al tipo correcto antes de retornarlo\n * @param event - Evento del input\n * @param col - Definición de columna (opcional)\n * @returns Valor extraído y convertido según el tipo de columna\n */\nexport function getInputValue(event: Event, col?: C80TableColDef): unknown {\n  if (col?.type === 'boolean') {\n    return (event.target as HTMLInputElement).checked;\n  }\n\n  const target = event.target as HTMLInputElement | HTMLSelectElement;\n  const rawValue = target?.value;\n\n  if (!col) {\n    return rawValue;\n  }\n\n  return convertInputValueByType(rawValue, col.type);\n}\n\n/**\n * Convierte un valor de input según el tipo de columna especificado\n * @param rawValue - Valor crudo del input (string)\n * @param type - Tipo de columna\n * @returns Valor convertido al tipo apropiado\n */\nfunction convertInputValueByType(\n  rawValue: string,\n  type?: 'string' | 'number' | 'integer' | 'boolean' | 'password' | 'enum' | 'date'\n): unknown {\n  if (!type || type === 'string' || type === 'password' || type === 'date') {\n    return rawValue;\n  }\n\n  if (type === 'integer' || type === 'number') {\n    return convertToNumber(rawValue, type === 'integer');\n  }\n\n  if (type === 'enum') {\n    return convertEnumValue(rawValue);\n  }\n\n  return rawValue;\n}\n\n/**\n * Convierte string a number o integer\n */\nfunction convertToNumber(value: string, isInteger: boolean): number | undefined {\n  if (value === '' || value === null || value === undefined) {\n    return undefined;\n  }\n  const num = Number(value);\n  if (Number.isNaN(num)) {\n    return undefined;\n  }\n  return isInteger ? Math.floor(num) : num;\n}\n\n/**\n * Convierte valor de enum (intenta convertir a número si es posible)\n */\nfunction convertEnumValue(value: string): string | number {\n  const num = Number(value);\n  return Number.isNaN(num) ? value : num;\n}\n\n/**\n * Extrae el ID de una fila para usar como trackBy en ngFor\n * @param index - Índice de la fila\n * @param row - Fila de datos\n * @returns ID como string o índice como fallback\n */\nexport function trackById<T extends Record<string, unknown>>(index: number, row: T): string | number {\n  const id = row && typeof row === 'object' && 'id' in row\n    ? (row as Record<string, unknown>)['id']\n    : undefined;\n  return typeof id === 'string' ? id : index;\n}\n\n/**\n * Verifica si una acción debe mostrarse para una fila específica\n * CREATE se excluye porque se maneja con el botón \"+\" en el header\n * @param action - Acción a verificar\n * @param row - Fila de datos\n * @returns true si la acción debe mostrarse\n */\nexport function shouldShowAction<T extends Record<string, unknown>>(\n  action: CustomTableAction,\n  row: T\n): boolean {\n  if (action.name === 'create') {\n    return false;\n  }\n  return !action.condition || action.condition(row);\n}\n\n/**\n * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)\n * @param action - Acción\n * @returns Texto del tooltip\n */\nexport function getActionTooltip(action: CustomTableAction): string {\n  return action.tooltip ?? action.name;\n}\n"]}

package/index.d.ts

@@ -4,3 +4,4 @@ export * from './lib/stat-card';
 export * from './lib/card-level';
 export * from './lib/modal';
 export * from './lib/select';
+export * from './lib/snackbar';

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

@@ -1,11 +1,10 @@
-import { CardLevelData } from './card-level.interface';
+import type { CardLevelData } from './card-level.interface';
 import * as i0 from "@angular/core";
 export declare class CardLevelComponent {
     cardLevelData: import("@angular/core").InputSignal<CardLevelData>;
     size: import("@angular/core").InputSignal<number>;
-    private _generatedId?;
-    get generatedId(): string;
-    get cardWidth(): string;
+    readonly generatedId: import("@angular/core").Signal<string>;
+    readonly cardWidth: import("@angular/core").Signal<string>;
     isBidirectional: import("@angular/core").Signal<boolean>;
     bidirectionalFillPercent: import("@angular/core").Signal<number>;
     fillDirection: import("@angular/core").Signal<"right" | "left">;

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

@@ -1,7 +1,7 @@
 import type { ColorType, ButtonType } from './icon.types';
 import * as i0 from "@angular/core";
 export declare class C80IconComponent {
-    readonly icon: import("@angular/core").InputSignal<"warning" | "error" | "cancel" | "menu" | "search" | "table" | "filter" | "stop" | "view" | "check" | "edit" | "delete" | "add" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "upload" | "pendingActions" | "playCircle" | "play" | "tune" | "visibility" | "visibilityOff" | "close" | "record" | "star" | "xCircle" | "key" | "exclamationTriangle" | "clipboard" | "download" | "shield" | "person" | "envelope" | "infoCircle" | "checkSquare" | "square" | "dashSquare" | "people" | "boxSeam" | "personBadge" | "listTask" | "shuffle" | "cpu" | "box" | "bell" | "message" | "send" | "file" | "folder" | "save" | "print" | "clock" | "calendar" | "timer" | "lock" | "unlock" | "chart" | "database" | "home" | "arrowLeft" | "arrowRight" | "copy" | "sort" | "help" | "default">;
+    readonly icon: import("@angular/core").InputSignal<"check" | "cancel" | "edit" | "delete" | "add" | "view" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "error" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "search" | "upload" | "pendingActions" | "playCircle" | "play" | "stop" | "tune" | "visibility" | "visibilityOff" | "close" | "record" | "star" | "xCircle" | "key" | "exclamationTriangle" | "clipboard" | "download" | "shield" | "person" | "envelope" | "infoCircle" | "checkSquare" | "square" | "dashSquare" | "people" | "boxSeam" | "personBadge" | "listTask" | "shuffle" | "motor" | "box" | "bell" | "message" | "send" | "file" | "folder" | "save" | "print" | "clock" | "calendar" | "timer" | "lock" | "unlock" | "chart" | "table" | "database" | "home" | "menu" | "arrowLeft" | "arrowRight" | "copy" | "filter" | "sort" | "help" | "warning" | "dashboard" | "settingsApplications" | "route" | "developerBoard" | "directions" | "category" | "logout" | "default">;
     readonly color: import("@angular/core").InputSignal<ColorType>;
     readonly customColor: import("@angular/core").InputSignal<string | undefined>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
@@ -14,7 +14,7 @@ export declare class C80IconComponent {
     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<1 | 0.5 | 0.7>;
+    readonly iconOpacity: import("@angular/core").Signal<0.5 | 0.7 | 1>;
     readonly iconPath: import("@angular/core").Signal<string>;
     readonly additionalShapes: import("@angular/core").Signal<import("@c80/ui").ShapeAttributes[]>;
     onButtonClick(event: Event): void;

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

@@ -1,5 +1,5 @@
-import { ColorType, ShapeAttributes } from './icon.types';
-export declare const ICON_NAMES: readonly ["check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle", "play", "stop", "tune", "visibility", "visibilityOff", "close", "record", "star", "xCircle", "key", "exclamationTriangle", "clipboard", "download", "shield", "person", "envelope", "infoCircle", "checkSquare", "square", "dashSquare", "people", "boxSeam", "personBadge", "listTask", "shuffle", "cpu", "box", "bell", "message", "send", "file", "folder", "save", "print", "clock", "calendar", "timer", "lock", "unlock", "chart", "table", "database", "home", "menu", "arrowLeft", "arrowRight", "copy", "filter", "sort", "help", "warning", "default"];
+import type { ColorType, ShapeAttributes } from './icon.types';
+export declare const ICON_NAMES: readonly ["check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle", "play", "stop", "tune", "visibility", "visibilityOff", "close", "record", "star", "xCircle", "key", "exclamationTriangle", "clipboard", "download", "shield", "person", "envelope", "infoCircle", "checkSquare", "square", "dashSquare", "people", "boxSeam", "personBadge", "listTask", "shuffle", "motor", "box", "bell", "message", "send", "file", "folder", "save", "print", "clock", "calendar", "timer", "lock", "unlock", "chart", "table", "database", "home", "menu", "arrowLeft", "arrowRight", "copy", "filter", "sort", "help", "warning", "dashboard", "settingsApplications", "route", "developerBoard", "directions", "category", "logout", "default"];
 export declare const BASE_ICON_COLORS: Readonly<Record<ColorType, string>>;
 export declare const DISABLED_COLOR = "#bdbdbd";
 export declare const DEFAULT_ICON_COLOR = "#222";
@@ -7,5 +7,15 @@ 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;
+/**
+ * ICON PATHS - SVG path definitions
+ *
+ * IMPORTANTE: Al crear o modificar iconos, SIEMPRE buscar primero en Material Design Icons oficial:
+ * - Repositorio: https://github.com/google/material-design-icons
+ * - Navegador: https://fonts.google.com/icons
+ * - Usar paths oficiales de Material Design siempre que sea posible
+ * - ViewBox: 24x24 (compatible con BASE_ICON_SIZE)
+ * - Máximo 300 caracteres por línea (usar concatenación con + si es necesario)
+ */
 export declare const ICON_PATHS: Readonly<Record<string, string>>;
 export declare const ICON_ADDITIONAL_SHAPES: Readonly<Record<string, ShapeAttributes[]>>;

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

@@ -1,4 +1,4 @@
-import { ICON_NAMES } from './icon.constants';
+import type { 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/modal/modal.service.d.ts

@@ -1,4 +1,4 @@
-import { ModalConfig, ModalResult } from './modal.component';
+import type { ModalConfig, ModalResult } from './modal.component';
 import * as i0 from "@angular/core";
 export declare class ModalService {
     private readonly isOpen;

package/lib/select/select.component.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef } from '@angular/core';
-import { SelectOption } from './select.model';
+import { type ElementRef } from '@angular/core';
+import type { SelectOption } from './select.model';
 import * as i0 from "@angular/core";
 export declare class SelectComponent<T = string> {
     readonly label: import("@angular/core").InputSignal<string>;

package/lib/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { SnackbarService } from './snackbar.service';
+export type { SnackbarConfig, SnackbarData } from './snackbar.model';

package/lib/snackbar/snackbar.component.d.ts

@@ -0,0 +1,17 @@
+import type { SnackbarData } from './snackbar.model';
+import * as i0 from "@angular/core";
+export declare class SnackbarComponent {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly cdr;
+    readonly data: import("@angular/core").WritableSignal<SnackbarData | null>;
+    readonly visible: import("@angular/core").WritableSignal<boolean>;
+    private timerId?;
+    readonly panelClasses: import("@angular/core").Signal<string>;
+    show(data: SnackbarData): void;
+    dismiss(): void;
+    private clearTimer;
+    private applyPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "k-snackbar", never, {}, {}, never, never, true, never>;
+}

package/lib/snackbar/snackbar.model.d.ts

@@ -0,0 +1,11 @@
+export interface SnackbarConfig {
+    duration?: number;
+    horizontalPosition?: 'left' | 'center' | 'right';
+    verticalPosition?: 'top' | 'bottom';
+    panelClass?: string[];
+}
+export interface SnackbarData {
+    message: string;
+    action?: string;
+    config: Required<SnackbarConfig>;
+}

package/lib/snackbar/snackbar.service.d.ts

@@ -0,0 +1,11 @@
+import type { SnackbarConfig } from './snackbar.model';
+import * as i0 from "@angular/core";
+export declare class SnackbarService {
+    private readonly appRef;
+    private readonly injector;
+    private componentRef?;
+    private readonly defaultConfig;
+    open(message: string, action?: string, config?: SnackbarConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnackbarService>;
+}

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

@@ -1,4 +1,4 @@
-import { IconType } from '../icon/icon.types';
+import type { IconType } from '../icon/icon.types';
 import * as i0 from "@angular/core";
 export interface CardDef {
     color: string;

package/lib/table/table-column-visibility.service.d.ts

@@ -1,4 +1,4 @@
-import { C80TableColDef } from './table.types';
+import type { C80TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para gestionar la lógica de visibilidad de columnas en tablas C80

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

@@ -1,4 +1,4 @@
-import { C80TableColDef } from './table.types';
+import type { C80TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para gestionar el estado CRUD (Crear, Leer, Actualizar, Eliminar) en tablas C80

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

@@ -1,4 +1,4 @@
-import { C80TableColDef } from './table.types';
+import type { C80TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para conversión y validación de tipos de datos en tablas C80

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

@@ -1,4 +1,4 @@
-import { C80TableColDef } from './table.types';
+import type { C80TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para utilidades de manipulación de datos en tablas C80

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

@@ -1,4 +1,4 @@
-import { OutputEmitterRef } from '@angular/core';
+import { type OutputEmitterRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Servicio para gestionar la selección de elementos en tablas C80

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

@@ -1,6 +1,6 @@
-import { OnInit, OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs';
-import { C80TableColDef, CustomTableAction } from './table.types';
+import { type OnInit, type OnDestroy } from '@angular/core';
+import type { Observable } from 'rxjs';
+import type { C80TableColDef, CustomTableAction } from './table.types';
 import { getActionTooltip } from './table.utils';
 import * as i0 from "@angular/core";
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "peerDependencies": {
     "@angular/core": "^20.3.9",
     "rxjs": "~7.8.0",