libey-ng-component-library 0.0.28 → 0.0.30

package/lib/cpm-indicator/libey-ng-cpm-indicator.component.d.ts

@@ -0,0 +1,64 @@
+import { OnInit, OnChanges, SimpleChanges, EventEmitter, TemplateRef } from '@angular/core';
+import { CpmIndicatorMode, CpmItem, CpmThresholds, CpmSummary, ZoneColor, SvgPoint } from '../../utils/CpmIndicator/cpm-indicator-types';
+import * as i0 from "@angular/core";
+export declare class LibeyNgCpmIndicatorComponent implements OnInit, OnChanges {
+    /** Tope máximo del contrato. */
+    limit: number;
+    /**
+     * Ítems de gasto. El padre es responsable de:
+     * - Excluir ítems que no aplican al CPM
+     * - Marcar cada uno con CpmItemType.Base o CpmItemType.Projected
+     * - Actualizar el array al agregar o eliminar
+     */
+    items: CpmItem[];
+    /** Símbolo de moneda. Por defecto 's/' (sol peruano). */
+    currency: string;
+    /** Umbrales de zonas como porcentaje del límite (0.0 → 1.0). Usa tercios si no se proporciona. */
+    thresholds?: CpmThresholds;
+    /** Modo de visualización: CPM (solo gauge) o Gauge (montos + leyenda). */
+    mode: CpmIndicatorMode;
+    /** Activa sliders de prueba. Solo para desarrollo, nunca en producción. */
+    devMode: boolean;
+    /** Emite el resumen de montos en cada recalculo. Usar para persistir en BD. */
+    cpmChange: EventEmitter<CpmSummary>;
+    /** Emite true cuando la proyección supera el límite. */
+    limitExceeded: EventEmitter<boolean>;
+    cpmLegend: TemplateRef<any>;
+    baseAmount: number;
+    projectedAmount: number;
+    totalAmount: number;
+    excess: number;
+    activeColors: ZoneColor;
+    trackArcPath: string;
+    baseArcPath: string;
+    totalArcPath: string;
+    dotBasePos: SvgPoint;
+    dotTotalPos: SvgPoint;
+    dotTotalVisible: boolean;
+    limitTextPos: SvgPoint;
+    sliderBase: number;
+    sliderProjected: number;
+    get sliderMax(): number;
+    readonly CpmIndicatorMode: typeof CpmIndicatorMode;
+    private readonly CX;
+    private readonly CY;
+    private readonly R;
+    private readonly ANGLE_START;
+    private readonly ANGLE_END;
+    private readonly EXCESS_TOLERANCE;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onDevBaseChange(event: Event): void;
+    onDevProjectedChange(event: Event): void;
+    private recalculate;
+    private recalculateFromSliders;
+    private updateGauge;
+    private emitSummary;
+    private valueToAngle;
+    private polar;
+    private buildArcPath;
+    private getZoneColors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibeyNgCpmIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibeyNgCpmIndicatorComponent, "lib-libey-ng-cpm-indicator", never, { "limit": "limit"; "items": "items"; "currency": "currency"; "thresholds": "thresholds"; "mode": "mode"; "devMode": "devMode"; }, { "cpmChange": "cpmChange"; "limitExceeded": "limitExceeded"; }, never, never>;
+}

package/lib/cpm-indicator/libey-ng-cpm-indicator.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./libey-ng-cpm-indicator.component";
+import * as i2 from "@angular/common";
+export declare class LibeyNgCpmIndicatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibeyNgCpmIndicatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LibeyNgCpmIndicatorModule, [typeof i1.LibeyNgCpmIndicatorComponent], [typeof i2.CommonModule], [typeof i1.LibeyNgCpmIndicatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LibeyNgCpmIndicatorModule>;
+}

package/lib/libey-ng-component-library.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "./table/libey-ng-table.module";
 import * as i4 from "./signature/libey-ng-signature.module";
 import * as i5 from "angular2-signaturepad";
 import * as i6 from "./icons/icons.module";
+import * as i7 from "./cpm-indicator/libey-ng-cpm-indicator.module";
 export declare class LibeyNgComponentLibraryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LibeyNgComponentLibraryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LibeyNgComponentLibraryModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.LibeyNgTableModule, typeof i4.LibeyNgSignatureModule, typeof i5.SignaturePadModule, typeof i6.IconsModule], [typeof i3.LibeyNgTableModule, typeof i4.LibeyNgSignatureModule, typeof i5.SignaturePadModule, typeof i6.IconsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LibeyNgComponentLibraryModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.LibeyNgTableModule, typeof i4.LibeyNgSignatureModule, typeof i5.SignaturePadModule, typeof i6.IconsModule, typeof i7.LibeyNgCpmIndicatorModule], [typeof i3.LibeyNgTableModule, typeof i4.LibeyNgSignatureModule, typeof i5.SignaturePadModule, typeof i6.IconsModule, typeof i7.LibeyNgCpmIndicatorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LibeyNgComponentLibraryModule>;
 }

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "libey-ng-component-library",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0",
-    "@angular/forms": "^12.2.0"
+    "@angular/forms": "^12.2.0",
+    "@ng-bootstrap/ng-bootstrap": "^12.1.2"
   },
   "dependencies": {
     "@ng-bootstrap/ng-bootstrap": "^12.1.1",

package/public-api.d.ts

@@ -7,8 +7,11 @@ export * from './lib/table/directives/libey-column.directive';
 export * from './lib/signature/libey-ng-signature.module';
 export * from './lib/signature/libey-ng-signature/libey-ng-signature.component';
 export * from './utils/SigWeb/SigWeb';
+export * from './utils/CpmIndicator/cpm-indicator-types';
 export * from './lib/icons/icons.module';
 export * from './lib/icons/libey-ng-icons/libey-ng-icons.component';
+export * from './lib/cpm-indicator/libey-ng-cpm-indicator.module';
+export * from './lib/cpm-indicator/libey-ng-cpm-indicator.component';
 import { SignaturePadModule, SignaturePad } from 'angular2-signaturepad';
 export { SignaturePadModule, SignaturePad };
 export { NgSelectModule } from '@ng-select/ng-select';

package/utils/CpmIndicator/cpm-indicator-types.d.ts

@@ -0,0 +1,34 @@
+export declare enum CpmIndicatorMode {
+    Cpm = "cpm",
+    Gauge = "gauge"
+}
+export declare enum CpmItemType {
+    Base = "base",
+    Projected = "projected"
+}
+export interface CpmItem {
+    id: string | number;
+    amount: number;
+    type: CpmItemType;
+}
+export interface CpmThresholds {
+    zone1Max: number;
+    zone2Max: number;
+    zone3Max: number;
+}
+export interface CpmSummary {
+    baseAmount: number;
+    projectedAmount: number;
+    totalAmount: number;
+    limit: number;
+}
+export interface ZoneColor {
+    dark: string;
+    light: string;
+}
+export interface SvgPoint {
+    x: number;
+    y: number;
+}
+export declare const DEFAULT_THRESHOLDS: CpmThresholds;
+export declare const ZONE_COLORS: Record<string, ZoneColor>;