structra-ui 0.2.25 → 0.2.27
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/fesm2022/structra-ui.mjs +34 -15
- package/fesm2022/structra-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/structra-ui.css +1 -1
- package/types/structra-ui.d.ts +10 -4
package/types/structra-ui.d.ts
CHANGED
|
@@ -3021,6 +3021,8 @@ declare class DrawerComponent implements OnChanges, OnDestroy {
|
|
|
3021
3021
|
private readonly cdr;
|
|
3022
3022
|
private readonly injector;
|
|
3023
3023
|
private readonly hostEl;
|
|
3024
|
+
private readonly renderer;
|
|
3025
|
+
private readonly appTheme;
|
|
3024
3026
|
open: boolean;
|
|
3025
3027
|
side: DrawerSide;
|
|
3026
3028
|
size: DrawerSize;
|
|
@@ -3033,6 +3035,7 @@ declare class DrawerComponent implements OnChanges, OnDestroy {
|
|
|
3033
3035
|
readonly DrawerSize: typeof DrawerSize;
|
|
3034
3036
|
readonly titleId: string;
|
|
3035
3037
|
private focusPreOpen;
|
|
3038
|
+
constructor();
|
|
3036
3039
|
/** Igual ao `app-dialog`: backdrop + painel no `body` para `backdrop-filter` correcto. */
|
|
3037
3040
|
private bodyRestoreParent;
|
|
3038
3041
|
private bodyRestoreNext;
|
|
@@ -3463,10 +3466,13 @@ declare class AppSidebarComponent<T extends string = string> implements OnChange
|
|
|
3463
3466
|
}
|
|
3464
3467
|
|
|
3465
3468
|
/**
|
|
3466
|
-
* Marca
|
|
3469
|
+
* Marca **só** o botão recolher/expandir no topo da sidebar (slot direito).
|
|
3470
|
+
* O **título/marca** deve usar `[appSidebarBrand]` como irmão — não envolver título + toggle num único
|
|
3471
|
+
* `[appSidebarToolbar]`: no drawer mobile do `app-shell` isso pode esconder o título ou criar layout estranho.
|
|
3467
3472
|
*
|
|
3468
3473
|
* ```html
|
|
3469
3474
|
* <app-sidebar [items]="nav">
|
|
3475
|
+
* <span appSidebarBrand>Minha aplicação</span>
|
|
3470
3476
|
* <app-shell-sidebar-toggle appSidebarToolbar [collapsed]="collapsed" (toggle)="onToggle()" />
|
|
3471
3477
|
* </app-sidebar>
|
|
3472
3478
|
* ```
|
|
@@ -3480,9 +3486,9 @@ declare class AppSidebarToolbarDirective {
|
|
|
3480
3486
|
* Marca o título no topo da lateral: **na mesma linha** que o botão recolher (à esquerda);
|
|
3481
3487
|
* oculto no modo rail (só ícones).
|
|
3482
3488
|
*
|
|
3483
|
-
* **Importante:**
|
|
3484
|
-
*
|
|
3485
|
-
*
|
|
3489
|
+
* **Importante:** o título **tem** de usar `[appSidebarBrand]` no próprio nó de texto (ou wrapper só da marca).
|
|
3490
|
+
* Não dependa só de um `span` dentro de um `div [appSidebarToolbar]` — em mobile o drawer só oculta o toggle,
|
|
3491
|
+
* mas o padrão correcto é marca + toolbar como **irmãos** projectados (evita cabeçalho vazio se o CSS do host mudar).
|
|
3486
3492
|
*
|
|
3487
3493
|
* ```html
|
|
3488
3494
|
* <app-sidebar [items]="nav">
|