libey-ng-component-library 0.0.32 → 0.0.33

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

@@ -0,0 +1,63 @@
+// Modos de visualización del indicador
+export enum CpmIndicatorMode {
+  Cpm   = 'cpm',
+  Gauge = 'gauge',
+}
+
+// Tipo de ítem: gasto ya consumido (Base) o estimado (Projected)
+export enum CpmItemType {
+  Base      = 'base',
+  Projected = 'projected',
+}
+
+// El padre excluye los ítems que no aplican al CPM antes de armar esta lista
+export interface CpmItem {
+  id:     string | number;
+  amount: number;
+  type:   CpmItemType;
+}
+
+// Porcentajes del límite (0.0 → 1.0). La zona 4 (rojo) es automática
+export interface CpmThresholds {
+  zone1Max: number;
+  zone2Max: number;
+  zone3Max: number;
+}
+
+// Resumen que emite el componente para persistir en BD
+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;
+}
+
+// Tercios por defecto si no se proporcionan thresholds
+export const DEFAULT_THRESHOLDS: CpmThresholds = {
+  zone1Max: 1 / 3,
+  zone2Max: 2 / 3,
+  zone3Max: 1.0,
+};
+
+export const ZONE_COLORS: Record<string, ZoneColor> = {
+  zone1: { dark: '#2B9429', light: '#80BF7F' }, // Verde
+  zone2: { dark: '#FFE500', light: '#F4E878' }, // Amarillo
+  zone3: { dark: '#FFA826', light: '#F6C276' }, // Naranja
+  zone4: { dark: '#D30000', light: '#DB5E60' }, // Rojo
+};
+export interface CpmColorState {
+  darkColor:    string;  // color de la zona activa — para el Real
+  lightColor:   string;  // color claro de la zona activa — para la Proyección
+  grayColor:    string;  // siempre gris — para el Disponible
+  limitReached: boolean; // true si totalAmount >= limit
+}