Como definir constantes globais corretamente em TypeScript para aplicações Angular?

Olá a todos! Sou novo em TypeScript e Angular e me deparei com o problema de definir constantes globais. \n\nTenho uma aplicação onde os mesmos valores são usados em diferentes componentes e serviços. Por exemplo, URL da API, número máximo de itens por página, nomes de eventos e assim por diante. Atualmente, estou duplicando esses valores em cada arquivo, mas isso claramente está errado — se precisar alterar a URL, tenho que corrigi-la em dezenas de lugares.\n\nTentei declarar constantes dentro de uma classe, mas elas não ficam acessíveis de outros arquivos sem importar uma instância da classe. Aqui está um exemplo do que estou fazendo agora:\n\n```typescript\n// no 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// em outro componente product.component.ts\nconst API_URL = 'https://api.example.com/v1'; // duplicação!\n```\n\nOuvi falar sobre `const` e `readonly`, mas não entendo como organizá-los corretamente.