@dev-tcloud/tcloud-ui 6.22.1-beta.1 → 6.23.0

package/docs/tcloud-ui-dialog.md

@@ -7,7 +7,7 @@ Componente standalone de diálogo de confirmação criado dinamicamente via `TCl
 - Abertura imperativa com `ComponentFactoryResolver` e `ViewContainerRef` raiz definido pelo consumidor
 - Título, mensagem (`innerHTML`), textos de botões e rótulos via `TCloudUiDialogModel` e i18n padrão
 - Modo de confirmação por palavra (`TCloudUiDialogTextConfirmationEnum`) com validação case-insensitive
-- Indicador de carregamento (`tcloud-ui-loading`) quando `data.loading` é verdadeiro
+- Indicador de carregamento (`tc-rev-small-loading`) quando `data.loading` é verdadeiro
 - Tecla Escape e botão fechar disparam fluxo de cancelamento; animação de entrada/saída (`fade`)
 - `BehaviorSubject` `events` notifica ciclo de vida (`open` / `close`); após `close` o serviço destrói a instância do componente
 

package/docs/tcloud-ui-el-copy.md

@@ -21,6 +21,16 @@ import { TCloudUiElCopyDirective } from 'projects/tcloud-ui/src/public-api';
 export class ExampleComponent {}
 ```
 
+Ou via módulo:
+```ts
+import { TcRevComponentsLibModule } from 'projects/tcloud-ui/src/public-api';
+
+@NgModule({
+  imports: [TcRevComponentsLibModule]
+})
+export class AppModule {}
+```
+
 ## Propriedades (API)
 ### Inputs
 | Nome | Tipo | Descrição | Valor Default |

package/docs/tcloud-ui-mark-readme.md

@@ -0,0 +1,70 @@
+# Mark Readme
+
+## Caracteristicas
+
+O `TCloudUiMarkReadmeComponent` e um componente standalone que carrega um arquivo Markdown a partir de `tcloud-ui/docs/{componentName}.md` e o renderiza dentro de um accordion.
+
+Funcionalidades principais:
+- Busca o arquivo `.md` via `HttpClient` com base no valor informado em `componentName`.
+- Renderiza o conteudo usando `ngx-markdown`.
+- Exibe a documentacao dentro de `tcloud-ui-accordion`.
+- Executa ajuste de whitespace e tentativa de highlight nos blocos de codigo apos a renderizacao.
+
+## Instalacao
+
+Importe o componente no consumidor standalone:
+
+```typescript
+import { TCloudUiMarkReadmeComponent } from 'tcloud-ui';
+
+@Component({
+  selector: 'app-exemplo',
+  standalone: true,
+  imports: [TCloudUiMarkReadmeComponent],
+  template: `...`
+})
+export class ExemploComponent {}
+```
+
+Se a aplicacao utilizar a configuracao standalone da biblioteca, mantenha `provideTCloudUi(...)` no bootstrap para disponibilizar os providers necessarios.
+
+## Propriedades (API)
+
+### Inputs
+
+| Nome | Tipo | Descricao | Valor Default |
+|------|------|-----------|---------------|
+| componentName | `string` | Nome do arquivo de documentacao sem a extensao. O componente vai buscar `tcloud-ui/docs/{componentName}.md`. | `''` |
+
+### Outputs
+
+Este componente nao possui `@Output()` publicos.
+
+## Exemplos de Uso
+
+### Uso Basico
+
+```html
+<tcloud-ui-mark-readme [componentName]="'tcloud-ui-accordion'"></tcloud-ui-mark-readme>
+```
+
+### Uso Avancado
+
+```typescript
+import { Component } from '@angular/core';
+import { TCloudUiMarkReadmeComponent } from 'tcloud-ui';
+
+@Component({
+  selector: 'app-exemplo',
+  standalone: true,
+  imports: [TCloudUiMarkReadmeComponent],
+  template: `
+    <tcloud-ui-mark-readme [componentName]="selectedDoc"></tcloud-ui-mark-readme>
+  `
+})
+export class ExemploComponent {
+  selectedDoc = 'tcloud-ui-filter-bar';
+}
+```
+
+Neste formato, a pagina pode alternar dinamicamente qual documentacao sera carregada e exibida pelo componente.