docs(http-interceptor): adiciona exemplo de uso em projetos standalone

Author: luiz-s-vasconcellos

projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-base.service.ts

@@ -30,11 +30,15 @@ const NO_MESSAGE_HEADER_PARAM = 'X-PO-No-Message';
  *
  * ## Configuração
  *
- * Para o correto funcionamento do interceptor `po-http-interceptor`, deve ser importado o `BrowserAnimationsModule` no
- * módulo principal da sua aplicação. Além disso, é necessário configurar o `HttpClient` para utilizar os interceptors
- * registrados no Dependency Injection (DI) por meio da função `provideHttpClient(withInterceptorsFromDi())`.
+ * Para o correto funcionamento do interceptor `po-http-interceptor`, deve ser importado o `BrowserAnimationsModule` na
+ * aplicação. Além disso, é necessário configurar o `HttpClient` para utilizar os interceptors registrados via Dependency
+ * Injection (DI) por meio da função `provideHttpClient(withInterceptorsFromDi())`.
+ *
+ * ### 1) NgModule
+ *
+ * No módulo principal da aplicação (geralmente `AppModule`), importe o `BrowserAnimationsModule` e configure o `HttpClient`,
+ * como no exemplo abaixo:
  *
- * Módulo da aplicação:
  * ```
  * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  * import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -64,6 +68,32 @@ const NO_MESSAGE_HEADER_PARAM = 'X-PO-No-Message';
  * Ao importar o módulo `PoModule` na aplicação, o `po-http-interceptor` é automaticamente configurado sem a necessidade
  * de qualquer configuração extra.
  *
+ * ### 2) Standalone
+ *
+ * No arquivo contendo a configuração da aplicação (geralmente `src/app/app.config.ts`), adicione os providers e configure o `HttpClient`,
+ * como no exemplo abaixo:
+ *
+ * ```
+ * import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+ * import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+ * import { provideAnimations } from '@angular/platform-browser/animations';
+ * import { PoHttpInterceptorModule } from '@po-ui/ng-components';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     ...
+ *     provideAnimations(),
+ *     provideHttpClient(withInterceptorsFromDi()),
+ *     importProvidersFrom([
+ *       PoHttpInterceptorModule
+ *     ]),
+ *     ...
+ *   ]
+ * };
+ * ```
+ *
+ * ## Como usar
+ *
  * Ao realizar requisições utilize o `HttpClient`, conforme exemplo abaixo:
  *
  * ```
@@ -87,8 +117,6 @@ const NO_MESSAGE_HEADER_PARAM = 'X-PO-No-Message';
  * }
  * ```
  *
- * ## Como usar
- *
  * Para exibir as noticações é necessário informar a mensagem no retorno da requisição. A estrutura da mensagem
  * é feita com base no status da resposta, conforme será apresentado nos próximos tópicos.
  *

projects/ui/src/lib/interceptors/po-http-request/po-http-request-interceptor.service.ts

@@ -47,9 +47,63 @@ const screenLock = 'X-PO-Screen-Lock';
  * ```
  * > Após a validação no interceptor, o parâmetro será removido do cabeçalho da requisição.
  *
+ * ## Configuração
+ *
+ * É necessário configurar o `HttpClient` para utilizar os interceptors registrados via Dependency Injection (DI)
+ * por meio da função `provideHttpClient(withInterceptorsFromDi())`.
+ *
+ * ### 1) NgModule
+ *
+ * ```
+ * import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+ * import { PoModule } from '@po-ui/ng-components';
+ * ...
+ *
+ * @NgModule({
+ *   imports: [
+ *     ...
+ *     PoModule
+ *   ],
+ *   declarations: [
+ *     AppComponent,
+ *     ...
+ *   ],
+ *   providers: [
+ *     provideHttpClient(withInterceptorsFromDi()),
+ *     ...
+ *   ],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule { }
+ * ```
+ *
  * Ao importar o módulo `PoModule` na aplicação, o `po-http-request-interceptor` é automaticamente configurado sem a necessidade
  * de qualquer configuração extra.
  *
+ * ### 2) Standalone
+ *
+ * No arquivo contendo a configuração da aplicação (geralmente `src/app/app.config.ts`), adicione os providers e configure o `HttpClient`,
+ * como no exemplo abaixo:
+ *
+ * ```
+ * import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+ * import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+ * import { provideAnimations } from '@angular/platform-browser/animations';
+ * import { PoHttpRequestModule } from '@po-ui/ng-components';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     ...
+ *     provideHttpClient(withInterceptorsFromDi()),
+ *     importProvidersFrom([
+ *       PoHttpRequestModule
+ *     ]),
+ *     ...
+ *   ]
+ * };
+ * ```
+ *
+ * ## Como usar
  *
  * Segue abaixo um exemplo de uso:
  *