@praxisui/dynamic-fields 8.0.0-beta.21 → 8.0.0-beta.23
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/docs/dynamic-fields-field-selection-guide.md +23 -0
- package/docs/dynamic-fields-inline-filter-runtime-contract.md +24 -0
- package/fesm2022/praxisui-dynamic-fields.mjs +721 -111
- package/index.d.ts +12 -1
- package/package.json +3 -3
- package/src/lib/base/pdx-base-input-runtime-contract.json-api.md +30 -1
- package/src/lib/components/material-date-range/pdx-material-date-range.json-api.md +15 -3
- package/src/lib/components/material-datepicker/pdx-material-datepicker.json-api.md +14 -2
- package/src/lib/components/material-price-range/pdx-material-price-range.json-api.md +3 -0
|
@@ -64,6 +64,29 @@ Regra pratica para hosts:
|
|
|
64
64
|
- use `dataSourceKind` para deixar claro se o caso e local, remoto, misto ou especializado;
|
|
65
65
|
- use `icon.key` e `icon.tone` apenas como projecao visual do catalogo canonico, nunca como regra inventada no host.
|
|
66
66
|
|
|
67
|
+
## Politica visual para labels, icones e prefixos
|
|
68
|
+
|
|
69
|
+
Campos Material com `appearance: 'fill'` ou `'outline'` e conteudo em
|
|
70
|
+
`matPrefix`/`matSuffix` precisam de cuidado especial. Isso inclui `prefixIcon`,
|
|
71
|
+
`suffixIcon`, `clearButton`, datepicker toggle, seletor de cor, simbolo de moeda
|
|
72
|
+
e controles equivalentes.
|
|
73
|
+
|
|
74
|
+
Para esses casos, use a configuracao canonica:
|
|
75
|
+
|
|
76
|
+
```json
|
|
77
|
+
{
|
|
78
|
+
"materialDesign": {
|
|
79
|
+
"floatLabel": "always",
|
|
80
|
+
"subscriptSizing": "dynamic"
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
Essa configuracao deve vir da metadata ou da politica global do host que gera os
|
|
86
|
+
campos, nao de CSS local. O Angular Material documenta que, em campos
|
|
87
|
+
`fill`/`outline`, prefixos/sufixos nao se alinham bem com labels em repouso; por
|
|
88
|
+
isso a recomendacao oficial e manter o label sempre flutuante nesses cenarios.
|
|
89
|
+
|
|
67
90
|
## 1. Texto livre vs selecao
|
|
68
91
|
|
|
69
92
|
### Use `input` / `textarea` quando
|
|
@@ -188,6 +188,30 @@ Por isso:
|
|
|
188
188
|
|
|
189
189
|
Esses campos sao de renderizacao.
|
|
190
190
|
|
|
191
|
+
### Politica de `materialDesign` em filtros
|
|
192
|
+
|
|
193
|
+
Filtros inline e filtros avancados frequentemente usam icones de prefixo,
|
|
194
|
+
sufixos funcionais, `clearButton`, datepicker toggle ou simbolos de unidade. Em
|
|
195
|
+
campos Material `fill`/`outline`, esses adornos podem conflitar com o label
|
|
196
|
+
quando `floatLabel` fica em `auto`.
|
|
197
|
+
|
|
198
|
+
A politica recomendada para metadata de filtro e:
|
|
199
|
+
|
|
200
|
+
```json
|
|
201
|
+
{
|
|
202
|
+
"materialDesign": {
|
|
203
|
+
"floatLabel": "always",
|
|
204
|
+
"subscriptSizing": "dynamic"
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
O `praxis-filter` aplica essa politica aos campos promovidos para a barra
|
|
210
|
+
compacta e ao `FormConfig` do formulario avancado. Hosts que fornecem metadata
|
|
211
|
+
propria ou overrides devem preservar essa regra globalmente na metadata de
|
|
212
|
+
filtro, especialmente quando o schema publica `prefixIcon`, `suffixIcon`,
|
|
213
|
+
`clearButton`, campos de data, moeda ou cor.
|
|
214
|
+
|
|
191
215
|
## Estados de interacao
|
|
192
216
|
|
|
193
217
|
Regra canonica da plataforma:
|