Cómo definir correctamente constantes globales en TypeScript para una aplicación Angular

¡Hola a todos! Soy nuevo en TypeScript y Angular y me encontré con el problema de definir constantes globales. \n\nTengo una aplicación donde se usan los mismos valores en diferentes componentes y servicios. Por ejemplo, URL de API, número máximo de elementos por página, nombres de eventos, etc. Actualmente simplemente duplico estos valores en cada archivo, pero esto claramente está mal — si necesito cambiar la URL, tengo que corregirla en una docena de lugares.\n\nIntenté declarar constantes dentro de una clase, pero entonces no son accesibles desde otros archivos sin importar una instancia de la clase. Aquí hay un ejemplo de lo que hago ahora:\n\n```typescript\n// en el componente user.component.ts\nconst API_URL = 'https://api.example.com/v1';\nconst MAX_ITEMS = 10;\n\nexport class UserComponent {\n constructor() {\n console.log(API_URL); // funciona\n }\n}\n\n// en otro componente product.component.ts\nconst API_URL = 'https://api.example.com/v1'; // ¡duplicación!\n```\n\nHe oído sobre `const` y `readonly`, pero no entiendo cómo organiz