@atmgrupomaggioli/iris-globals v1.0.0

Configuración global de Iris

Este paquete proporciona un sistema centralizado de configuración global para los componentes Iris. Permite establecer valores a las propiedades de los componentes, por defecto, para cada componente sin tener que declararlas manualmente en cada instancia.

Cómo se usa

📝 Estableciendo la configuración con setGlobalComponentConfig

Puedes establecer una configuración global desde tu aplicación (por ejemplo, en Angular) utilizando la función setGlobalComponentConfig:

import { setGlobalComponentConfig } from '@atmgrupomaggioli/iris-globals';

setGlobalComponentConfig({
  IrisBadge: {
    badgePosition: 'before',
    badgeColor: 'accent'
  },
  IrisButton: {
    type: 'fab'
  }
});

Esto aplicará la configuración por defecto a todos los componentes iris-badge e iris-button de tu aplicación sin necesidad de repetir props.

⚠️ Importante: Si defines explícitamente una prop (por ejemplo, <iris-button type="icon">), esta tendrá prioridad sobre la configuración global.
Es decir, la configuración global actúa como valor por defecto, pero no sobrescribe props ya definidas manualmente.

Además, algunos componentes ya tienen valores por defecto internos definidos, que también se respetarán si no se sobrescriben por ninguna vía.

🔍 Obteniendo configuración con getGlobalComponentConfig

También puedes obtener la configuración de un componente usando la función getGlobalComponentConfig:

import { getGlobalComponentConfig } from '@atmgrupomaggioli/iris-globals';

const config = getGlobalComponentConfig('IrisBadge');

console.log(config?.badgePosition); // "before"

🌐 Accediendo a la configuración global directamente

El sistema guarda la configuración global en una propiedad del objeto window para que sea accesible globalmente:

window.__IRIS_GLOBAL_CONFIG__?.IrisButton?.type; // "fab"