ngx-dsxlibrary 1.0.52 → 1.0.54

package/lib/components/kpicard/kpicard.component.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class KpicardComponent {
-    option: import("@angular/core").InputSignal<"currency" | "integer">;
+    option: import("@angular/core").InputSignal<"currency" | "integer" | "percent">;
     label: import("@angular/core").InputSignal<string>;
     iconType: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<string | undefined>;
     valor: import("@angular/core").InputSignal<number>;
     theme: import("@angular/core").InputSignal<"light" | "dark" | "aqua" | "sunset" | "mint" | "peach" | "plasma" | "nebula">;
-    options: Record<'currency' | 'integer', any>;
+    options: Record<'currency' | 'integer' | 'percent', any>;
     getSelectedOption(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<KpicardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KpicardComponent, "app-kpicard", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "valor": { "alias": "valor"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/directives/only-rango-pattern.directive.d.ts

@@ -0,0 +1,39 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directiva que permite solo la entrada de:
+ * - Dígitos (0-9)
+ * - Separadores punto (.)
+ * - Rango con guión (-)
+ *
+ * Ejemplos válidos:
+ * - 1.2.3
+ * - 4-6
+ * - 1.3.5-9
+ *
+ * Restringe:
+ * - Letras
+ * - Espacios
+ * - Caracteres especiales
+ * - Doble punto (..), doble guión (--), o combinaciones como (.-)
+ */
+export declare class OnlyRangoPatternDirective {
+    private el;
+    constructor(el: ElementRef<HTMLInputElement>);
+    /**
+     * Expresión regular para permitir caracteres válidos individualmente (tecla por tecla).
+     */
+    private keyRegex;
+    /**
+     * Escucha el evento de teclado y permite únicamente teclas válidas.
+     * También evita combinaciones inválidas como `..`, `--`, `.1`, etc.
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Previene el pegado de cadenas que no cumplan con la estructura válida.
+     * Solo permite: número o número separados por punto o guión correctamente.
+     */
+    onPaste(event: ClipboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlyRangoPatternDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyRangoPatternDirective, "[appOnlyRangoPattern]", never, {}, {}, never, never, true, never>;
+}

package/lib/services/utility-add.service.d.ts

@@ -107,6 +107,62 @@ export declare class UtilityAddService {
      * @returns FilterOption[] Listado filtrado, tipado y ordenado alfabéticamente
      */
     getUniqueValues<T>(data: T[], field: keyof T): FilterOption[];
+    /**
+     * Función pura que procesa una cadena de texto conteniendo números individuales y/o rangos numéricos,
+     * devolviendo un array con todos los números expandidos.
+     *
+     * @param input - Cadena de texto con el formato: número[.número][.inicio-fin][...]
+     * @returns Array de números con todos los valores individuales y rangos expandidos
+     *
+     * @example
+     * // Uso básico
+     * const result = parseNumericRanges('1.5.7.10-12');
+     * // Retorna: [1, 5, 7, 10, 11, 12]
+     *
+     * @example
+     * // Con espacios y caracteres especiales
+     * const result = parseNumericRanges(' 3. 5-7 .10-12abc');
+     * // Retorna: [3, 5, 6, 7, 10, 11, 12]
+     *
+     * @example
+     * // Rangos invertidos (serán ignorados)
+     * const result = parseNumericRanges('10-8');
+     * // Retorna: [] (array vacío)
+     *
+     * @note
+     * Características especiales:
+     * - Elimina automáticamente espacios y caracteres no numéricos
+     * - Los números deben estar separados por puntos (.)
+     * - Los rangos deben usar guión (-) sin espacios entre números
+     * - Es tolerante a formatos inconsistentes
+     * - Omite elementos inválidos sin generar errores
+     */
+    parseNumericRanges(input: string): number[];
+    /**
+     * Adaptador para procesar eventos de input y extraer rangos numéricos.
+     *
+     * @param event - Objeto Event del DOM, preferiblemente de un elemento input
+     * @returns Array de números generado a partir del valor del input
+     *
+     * @example
+     * // Uso en template Angular
+     * <input (input)="processNumericRangesFromEvent($event)">
+     *
+     * @example
+     * // Uso directo
+     * const result = processNumericRangesFromEvent(inputEvent);
+     *
+     * @note
+     * Esta función es un wrapper que:
+     * - Extrae el valor del input del evento
+     * - Delega el procesamiento a parseNumericRanges()
+     * - Mantiene compatibilidad con eventos de diferentes frameworks
+     *
+     * @dependencies
+     * Requiere que el evento tenga la propiedad target.value (standard DOM)
+     * Para otros tipos de eventos (ej. Angular Material) puede necesitar ajustes
+     */
+    processNumericRangesFromEvent(event: Event): number[];
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilityAddService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UtilityAddService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-dsxlibrary",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "Libreria para control de código automatizado.",
   "author": "DevSoftXela",
   "peerDependencies": {
@@ -21,34 +21,34 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary.mjs"
     },
-    "./src/lib/directives": {
-      "types": "./src/lib/directives/index.d.ts",
-      "default": "./fesm2022/ngx-dsxlibrary-src-lib-directives.mjs"
-    },
     "./src/lib/components": {
       "types": "./src/lib/components/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-components.mjs"
     },
+    "./src/lib/directives": {
+      "types": "./src/lib/directives/index.d.ts",
+      "default": "./fesm2022/ngx-dsxlibrary-src-lib-directives.mjs"
+    },
     "./src/lib/injections": {
       "types": "./src/lib/injections/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-injections.mjs"
     },
-    "./src/lib/interceptors": {
-      "types": "./src/lib/interceptors/index.d.ts",
-      "default": "./fesm2022/ngx-dsxlibrary-src-lib-interceptors.mjs"
-    },
-    "./src/lib/models": {
-      "types": "./src/lib/models/index.d.ts",
-      "default": "./fesm2022/ngx-dsxlibrary-src-lib-models.mjs"
-    },
     "./src/lib/pipe": {
       "types": "./src/lib/pipe/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-pipe.mjs"
     },
+    "./src/lib/interceptors": {
+      "types": "./src/lib/interceptors/index.d.ts",
+      "default": "./fesm2022/ngx-dsxlibrary-src-lib-interceptors.mjs"
+    },
     "./src/lib/services": {
       "types": "./src/lib/services/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-services.mjs"
     },
+    "./src/lib/models": {
+      "types": "./src/lib/models/index.d.ts",
+      "default": "./fesm2022/ngx-dsxlibrary-src-lib-models.mjs"
+    },
     "./src/lib/validations": {
       "types": "./src/lib/validations/index.d.ts",
       "default": "./fesm2022/ngx-dsxlibrary-src-lib-validations.mjs"

package/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './lib/components';
 export * from './lib/components/json-values-debuj/json-values-debuj.component';
 export * from './lib/components/loading/loading.component';
 export * from './lib/components/navbar-dsx/navbar-dsx.component';
+export * from './lib/directives/only-rango-pattern.directive';
 export * from './lib/directives/select-all-on-focus.directive';
 export * from './lib/injections/cache.token';
 export * from './lib/injections/environment.token';

package/src/lib/components/kpicard/kpicard.component.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class KpicardComponent {
-    option: import("@angular/core").InputSignal<"currency" | "integer">;
+    option: import("@angular/core").InputSignal<"currency" | "integer" | "percent">;
     label: import("@angular/core").InputSignal<string>;
     iconType: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<string | undefined>;
     valor: import("@angular/core").InputSignal<number>;
     theme: import("@angular/core").InputSignal<"light" | "dark" | "aqua" | "sunset" | "mint" | "peach" | "plasma" | "nebula">;
-    options: Record<'currency' | 'integer', any>;
+    options: Record<'currency' | 'integer' | 'percent', any>;
     getSelectedOption(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<KpicardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KpicardComponent, "app-kpicard", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "valor": { "alias": "valor"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;