@praxisui/settings-panel 1.0.0-beta.30 → 1.0.0-beta.40
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 +24 -0
- package/fesm2022/praxisui-settings-panel.mjs +1552 -183
- package/fesm2022/praxisui-settings-panel.mjs.map +1 -1
- package/index.d.ts +124 -9
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -28,6 +28,30 @@ Peer dependencies (Angular v20):
|
|
|
28
28
|
- O componente implementa o contrato `SettingsValueProvider` para o painel habilitar/desabilitar ações do rodapé.
|
|
29
29
|
- O host observa `SettingsPanelRef.applied$` e `saved$` para aplicar/persistir mudanças.
|
|
30
30
|
|
|
31
|
+
## Customização visual (tokens CSS)
|
|
32
|
+
|
|
33
|
+
O painel respeita tokens M3 do app host (ex.: `--md-sys-color-*`, `--md-sys-elevation-level*`, `--md-sys-shape-corner-*`).
|
|
34
|
+
Se quiser ajustar layout/spacing sem alterar código, use as variáveis abaixo (em `:root` ou no container do painel).
|
|
35
|
+
|
|
36
|
+
Layout
|
|
37
|
+
- `--pfx-settings-panel-width`: largura padrão (default `720px`)
|
|
38
|
+
- `--pfx-settings-panel-width-expanded`: largura quando expandido (default `95vw`)
|
|
39
|
+
- `--pfx-settings-panel-max-width`: largura máxima quando expandido (default `2400px`)
|
|
40
|
+
- `--pfx-settings-panel-header-height`: altura do header (default `64px`)
|
|
41
|
+
- `--pfx-settings-panel-header-padding-x`: padding horizontal do header (default `16px`)
|
|
42
|
+
- `--pfx-settings-panel-header-gap`: gap entre itens do header (default `8px`)
|
|
43
|
+
- `--pfx-settings-panel-title-gap`: gap entre ícone e título (default `8px`)
|
|
44
|
+
- `--pfx-settings-panel-body-padding`: padding do corpo (default `8px 8px 24px 8px`)
|
|
45
|
+
- `--pfx-settings-panel-footer-padding`: padding do rodapé (default `12px 16px`)
|
|
46
|
+
- `--pfx-settings-panel-footer-gap`: gap entre botões do rodapé (default `12px`)
|
|
47
|
+
- `--pfx-settings-panel-button-gap`: gap entre ícone e texto em botões (default `8px`)
|
|
48
|
+
|
|
49
|
+
Sombras / backdrop
|
|
50
|
+
- `--pfx-settings-panel-header-shadow`: sombra do header (default `--md-sys-elevation-level1`)
|
|
51
|
+
- `--pfx-settings-panel-footer-shadow`: sombra do footer (default `--md-sys-elevation-level1`)
|
|
52
|
+
- `--pfx-backdrop`: cor do backdrop (default `--md-sys-color-scrim`)
|
|
53
|
+
- `--pfx-backdrop-blur`: blur do backdrop (default `6px`)
|
|
54
|
+
|
|
31
55
|
## API Principal
|
|
32
56
|
|
|
33
57
|
Serviço
|