ngx-opalbytes-components 1.9.2 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +59 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ngx-opalbytes-components
|
|
2
2
|
|
|
3
3
|
Uma biblioteca de componentes de UI reutilizáveis para aplicações Angular, projetada para acelerar o desenvolvimento e manter a consistência visual.
|
|
4
4
|
|
|
@@ -79,6 +79,7 @@ src/
|
|
|
79
79
|
| ├── footer/
|
|
80
80
|
| ├── links-button/
|
|
81
81
|
| ├── paginator/
|
|
82
|
+
| ├── stepper/
|
|
82
83
|
| └── time-picker/
|
|
83
84
|
└── features/
|
|
84
85
|
├── base-modal/
|
|
@@ -121,6 +122,61 @@ Um botão customizável com suporte a ícones, estado de loading e tooltip.
|
|
|
121
122
|
|
|
122
123
|
---
|
|
123
124
|
|
|
125
|
+
### `Stepper`
|
|
126
|
+
|
|
127
|
+
Um componente de passo a passo que guia o usuário através de um processo.
|
|
128
|
+
|
|
129
|
+
**Seletor:** `<cao-stepper>`
|
|
130
|
+
|
|
131
|
+
**Atributos (Inputs)**
|
|
132
|
+
|
|
133
|
+
| Atributo | Tipo | Padrão | Descrição |
|
|
134
|
+
| -------- | -------- | ------ | ------------------------------------- |
|
|
135
|
+
| `title` | `string` | `''` | O título exibido acima do stepper. |
|
|
136
|
+
|
|
137
|
+
**Eventos (Outputs)**
|
|
138
|
+
|
|
139
|
+
| Evento | Tipo | Descrição |
|
|
140
|
+
| ----------------- | ------------------- | ------------------------------------------------- |
|
|
141
|
+
| `maxReachedEvent` | `EventEmitter<null>` | Emitido quando o último passo do stepper é alcançado. |
|
|
142
|
+
|
|
143
|
+
**Métodos**
|
|
144
|
+
|
|
145
|
+
| Método | Descrição |
|
|
146
|
+
| -------------- | -------------------------------------------------------------------------------------- |
|
|
147
|
+
| `nextStep()` | Avança para o próximo passo. Se estiver no último passo, emite o evento `maxReachedEvent`. |
|
|
148
|
+
| `prevStep()` | Retorna ao passo anterior. Não faz nada se estiver no primeiro passo. |
|
|
149
|
+
| `resetStepper()`| Reinicia o stepper, voltando ao primeiro passo e desativando todos os outros. |
|
|
150
|
+
|
|
151
|
+
**Uso com `Step`**
|
|
152
|
+
|
|
153
|
+
O `Stepper` deve ser usado em conjunto com o componente `Step`.
|
|
154
|
+
|
|
155
|
+
```html
|
|
156
|
+
<cao-stepper title="Meu Stepper">
|
|
157
|
+
<cao-step title="1"></cao-step>
|
|
158
|
+
<cao-step title="2"></cao-step>
|
|
159
|
+
<cao-step title="3"></cao-step>
|
|
160
|
+
</cao-stepper>
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
---
|
|
164
|
+
|
|
165
|
+
### `Step`
|
|
166
|
+
|
|
167
|
+
Representa um único passo dentro do componente `Stepper`.
|
|
168
|
+
|
|
169
|
+
**Seletor:** `<cao-step>`
|
|
170
|
+
|
|
171
|
+
**Atributos (Inputs)**
|
|
172
|
+
|
|
173
|
+
| Atributo | Tipo | Padrão | Descrição |
|
|
174
|
+
| ---------- | --------- | ------- | ----------------------------------------- |
|
|
175
|
+
| `title` | `string` | `''` | O texto exibido dentro do passo (ex: "1"). |
|
|
176
|
+
| `isActive` | `boolean` | `false` | Define se o passo está ativo. |
|
|
177
|
+
|
|
178
|
+
---
|
|
179
|
+
|
|
124
180
|
### `BaseInput`
|
|
125
181
|
Um campo de entrada de texto customizável com suporte a ícones, máscaras e validação.
|
|
126
182
|
|
|
@@ -549,7 +605,7 @@ Um seletor de horário.
|
|
|
549
605
|
|
|
550
606
|
---
|
|
551
607
|
|
|
552
|
-
##
|
|
608
|
+
## Como Contribuir
|
|
553
609
|
|
|
554
610
|
Para adicionar um novo componente a esta biblioteca, siga os passos abaixo:
|
|
555
611
|
|
|
@@ -564,7 +620,7 @@ Para adicionar um novo componente a esta biblioteca, siga os passos abaixo:
|
|
|
564
620
|
|
|
565
621
|
---
|
|
566
622
|
|
|
567
|
-
##
|
|
623
|
+
## Regras e Convenções
|
|
568
624
|
|
|
569
625
|
### Prefixo
|
|
570
626
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-opalbytes-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21.0.0",
|
|
6
6
|
"@angular/core": "^21.0.0",
|
|
@@ -24,4 +24,4 @@
|
|
|
24
24
|
"default": "./fesm2022/ngx-opalbytes-components.mjs"
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
}
|
|
27
|
+
}
|