structra-ui 0.2.34 → 0.2.36

package/types/structra-ui.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, Injector, DestroyRef, EventEmitter, OnChanges, OnInit, SimpleChanges, DoCheck, AfterViewInit, TemplateRef, OnDestroy, AfterContentInit, QueryList, Signal, Renderer2, ElementRef } from '@angular/core';
+import { ChangeDetectorRef, Injector, DestroyRef, EventEmitter, OnChanges, OnInit, SimpleChanges, DoCheck, AfterViewInit, TemplateRef, OnDestroy, AfterContentInit, QueryList, Signal, Renderer2 } from '@angular/core';
 import { ControlValueAccessor, AbstractControl, NgControl, ValidatorFn } from '@angular/forms';
 import { MatDatepicker } from '@angular/material/datepicker';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
@@ -184,6 +184,14 @@ type MenuLeafItem<T = string> = MenuItemAction<T> | MenuItemDivider;
 /** Nó de primeiro nível ou dentro de grupos (inclui submenus). */
 type MenuNodeItem<T = string> = MenuLeafItem<T> | MenuItemGroup<T> | MenuItemSubmenu<T>;
 
+/**
+ * Escala do campo (design system).
+ * - **`sm`** — compacto (barras laterais, filtros).
+ * - **`md`** — padrão da lib (legado).
+ * - **`lg`** — maior destaque tipográfico e área tocável.
+ */
+type FieldSize = 'sm' | 'md' | 'lg';
+
 /**
  * Diretiva base abstrata: CVA, valor interno, disabled, touched e inputs comuns.
  * Sem UI; os campos concretos envolvem o input com `BaseFieldComponent`.
@@ -201,6 +209,10 @@ declare abstract class BaseFieldDirective<T> implements ControlValueAccessor {
     name: string;
     label: string;
     placeholder: string;
+    /**
+     * Escala visual: `sm` (compacto), `md` (padrão), `lg` (maior).
+     */
+    size: FieldSize;
     errorMessage: string;
     /** Se `true`, exibe o parágrafo de erro; por defeito `false` (só estado inválido na borda/label). */
     showErrorMessage: boolean;
@@ -296,7 +308,7 @@ declare abstract class BaseFieldDirective<T> implements ControlValueAccessor {
      */
     protected applyAutofocusIfNeeded(resolve: () => HTMLElement | null | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFieldDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFieldDirective<any>, never, never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showErrorMessage": { "alias": "showErrorMessage"; "required": false; }; "invalidThemed": { "alias": "invalidThemed"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showRequiredMark": { "alias": "showRequiredMark"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showPrefixIcon": { "alias": "showPrefixIcon"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "mostrarMenuContexto": { "alias": "mostrarMenuContexto"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; "contextMenuId": { "alias": "contextMenuId"; "required": false; }; }, { "contextMenuSelect": "contextMenuSelect"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFieldDirective<any>, never, never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showErrorMessage": { "alias": "showErrorMessage"; "required": false; }; "invalidThemed": { "alias": "invalidThemed"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showRequiredMark": { "alias": "showRequiredMark"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showPrefixIcon": { "alias": "showPrefixIcon"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "mostrarMenuContexto": { "alias": "mostrarMenuContexto"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; "contextMenuId": { "alias": "contextMenuId"; "required": false; }; }, { "contextMenuSelect": "contextMenuSelect"; }, never, never, true, never>;
     static ngAcceptInputType_invalidThemed: unknown;
     static ngAcceptInputType_autocomplete: unknown;
     static ngAcceptInputType_loading: unknown;
@@ -416,6 +428,8 @@ declare class BaseFieldComponent implements OnChanges, OnInit {
     filled: boolean;
     disabled: boolean;
     readonly: boolean;
+    /** Igual a {@link BaseFieldDirective.size}: `sm` | `md` | `lg`. */
+    size: FieldSize;
     inputId: string;
     errorId: string;
     showPrefixIcon: boolean;
@@ -454,7 +468,7 @@ declare class BaseFieldComponent implements OnChanges, OnInit {
     onClearClick(): void;
     onContextMenuItemSelect(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFieldComponent, "app-base-field", never, { "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showRequiredMark": { "alias": "showRequiredMark"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidThemed": { "alias": "invalidThemed"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "errorId": { "alias": "errorId"; "required": false; }; "showPrefixIcon": { "alias": "showPrefixIcon"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "showSuffixSlot": { "alias": "showSuffixSlot"; "required": false; }; "valueAlignEnd": { "alias": "valueAlignEnd"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "skeletonVariant": { "alias": "skeletonVariant"; "required": false; }; "mostrarMenuContexto": { "alias": "mostrarMenuContexto"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; "contextMenuId": { "alias": "contextMenuId"; "required": false; }; }, { "clear": "clear"; "contextMenuSelect": "contextMenuSelect"; }, never, ["[appFieldPrefix]", "*", "[appFieldSuffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFieldComponent, "app-base-field", never, { "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showRequiredMark": { "alias": "showRequiredMark"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidThemed": { "alias": "invalidThemed"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "errorId": { "alias": "errorId"; "required": false; }; "showPrefixIcon": { "alias": "showPrefixIcon"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "showSuffixSlot": { "alias": "showSuffixSlot"; "required": false; }; "valueAlignEnd": { "alias": "valueAlignEnd"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "skeletonVariant": { "alias": "skeletonVariant"; "required": false; }; "mostrarMenuContexto": { "alias": "mostrarMenuContexto"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; "contextMenuId": { "alias": "contextMenuId"; "required": false; }; }, { "clear": "clear"; "contextMenuSelect": "contextMenuSelect"; }, never, ["[appFieldPrefix]", "*", "[appFieldSuffix]"], true, never>;
     static ngAcceptInputType_invalidThemed: unknown;
     static ngAcceptInputType_loading: unknown;
     static ngAcceptInputType_mostrarMenuContexto: unknown;
@@ -792,6 +806,8 @@ declare function cepMaskCompleteValidator(): ValidatorFn;
 interface FieldCommonInputs {
     label: string;
     placeholder: string;
+    /** `sm` | `md` (omissão) | `lg`. */
+    size?: FieldSize;
     /** Mensagem de erro sob o campo; vazia usa o texto padrão quando inválido. */
     errorMessage: string;
     /** Por defeito `false` na `BaseFieldDirective`. */
@@ -1020,6 +1036,7 @@ declare class SwitchFieldComponent extends BooleanFieldDirective implements Afte
  */
 declare class DropdownBaseComponent {
     private readonly appTheme;
+    private readonly overlay;
     /**
      * O overlay do CDK fica sob `body`; sem estas classes, `var(--app-color-*)` cai no `:root`.
      * Tem de ser **array**: uma única string com espaço quebra `classList.add` e as classes não aplicam.
@@ -1047,6 +1064,13 @@ declare class DropdownBaseComponent {
     connectedPositions: ConnectedPosition[] | undefined;
     /** Empurra o overlay para caber no viewport quando há espaço insuficiente. */
     pushConnectedOverlay: boolean;
+    /**
+     * Por omissão **reposiciona** o painel quando o viewport ou contentores com scroll se movem
+     * (mesma ideia que submenus em `app-menu-list`). Sobrescrever só em casos especiais (ex.: fechar ao scroll).
+     */
+    scrollStrategy: ScrollStrategy | null;
+    readonly defaultScrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
+    get effectiveScrollStrategy(): ScrollStrategy;
     /**
      * `true`: painel sem fundo/borda/sombra próprios — o conteúdo (ex.: `app-menu-list`) define o chrome.
      * Evita dupla moldura com `menu-surface-shell` nos menus de acção.
@@ -1064,7 +1088,7 @@ declare class DropdownBaseComponent {
     setOpen(next: boolean): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownBaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownBaseComponent, "app-dropdown-base", never, { "open": { "alias": "open"; "required": false; }; "panelTemplate": { "alias": "panelTemplate"; "required": true; }; "panelWidthPx": { "alias": "panelWidthPx"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "connectedPositions": { "alias": "connectedPositions"; "required": false; }; "pushConnectedOverlay": { "alias": "pushConnectedOverlay"; "required": false; }; "bareOverlayPanel": { "alias": "bareOverlayPanel"; "required": false; }; }, { "openChange": "openChange"; }, never, ["[appDropdownTrigger]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownBaseComponent, "app-dropdown-base", never, { "open": { "alias": "open"; "required": false; }; "panelTemplate": { "alias": "panelTemplate"; "required": true; }; "panelWidthPx": { "alias": "panelWidthPx"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "connectedPositions": { "alias": "connectedPositions"; "required": false; }; "pushConnectedOverlay": { "alias": "pushConnectedOverlay"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "bareOverlayPanel": { "alias": "bareOverlayPanel"; "required": false; }; }, { "openChange": "openChange"; }, never, ["[appDropdownTrigger]"], true, never>;
     static ngAcceptInputType_open: unknown;
     static ngAcceptInputType_closeOnEscape: unknown;
     static ngAcceptInputType_hasBackdrop: unknown;
@@ -3061,142 +3085,41 @@ declare class DrawerComponent implements OnChanges, OnDestroy {
     static ngAcceptInputType_showCloseButton: unknown;
 }
 
-interface MenuRowAction<T = string> {
-    kind: 'action';
-    item: MenuItemAction<T>;
-    /** Índice na navegação por teclado; `null` se desabilitado. */
-    focusIndex: number | null;
-    /** `null` = fora de grupo; caso contrário, pertence a este grupo (oculto se o grupo estiver fechado). */
-    containingGroupId?: number | null;
-}
-interface MenuRowDivider {
-    kind: 'divider';
-    containingGroupId?: number | null;
-}
-interface MenuRowGroup {
-    kind: 'group';
-    label?: string;
-    groupId: number;
-    /** Eco de {@link MenuItemGroup.alwaysExpanded}. */
-    alwaysExpanded?: boolean;
-}
-interface MenuRowSubmenu<T = string> {
-    kind: 'submenu';
-    item: MenuItemSubmenu<T>;
-    focusIndex: number | null;
-    containingGroupId?: number | null;
-}
-type MenuRow<T = string> = MenuRowAction<T> | MenuRowDivider | MenuRowGroup | MenuRowSubmenu<T>;
-
 declare class MenuListComponent<T = string> implements OnChanges {
     private readonly cdr;
-    readonly hostRef: ElementRef<any>;
-    /** Igual a `[appTheme]` na lib; omitir = tema global (ex.: propagado por `app-sidebar`). */
     readonly appTheme: i0.InputSignal<"blue" | "green" | "purple" | "orange" | "white" | "gray" | "sepia" | "black" | AppTheme | undefined>;
-    readonly effectiveThemeId: i0.Signal<"blue" | "green" | "purple" | "orange" | "white" | "gray" | "sepia" | "black">;
     items: readonly MenuNodeItem<T>[];
-    /** Prefixo dos `id` das opções focáveis (`${menuId}-opt-${focusIndex}`). */
     menuId: string;
     dense: boolean;
-    /** Quando `true`, o menu está dentro de um submenu — seta ← regressa um nível. */
     nested: boolean;
-    /**
-     * Destaca visualmente o item cuja `id` coincide (navegação actual / rota activa).
-     * Só aplica a linhas `kind: 'item'` neste nível.
-     */
     selectedItemId: T | null;
-    /**
-     * Oculta rótulos e descrições (ex.: sidebar colapsada), mantendo ícones; define `title` nativo para hover.
-     */
     compressText: boolean;
-    /**
-     * Submenus (`kind: 'submenu'`):
-     * - **`true` (omissão)** — abre/fecha **por clique** (e teclado); **não** abre ao passar o rato.
-     * - **`false`** — igual ao comportamento anterior: abre **só com hover** (com atraso), sem alternar ao clicar na linha.
-     */
     clickToOpen: boolean;
-    /**
-     * Grupos (`kind: 'group'`): quando `false`, cabeçalhos sem seta e itens sempre visíveis (não recolhe).
-     */
     groupCollapsible: boolean;
-    /**
-     * Com {@link groupCollapsible}: estado inicial ao receber `items`.
-     * - `'all'` — todos os grupos expandidos (omissão).
-     * - `'first'` — só o primeiro grupo expandível fica aberto; os restantes recolhidos.
-     */
     groupDefaultExpansion: 'all' | 'first';
+    searchable: boolean;
+    searchPlaceholder: string;
     readonly itemSelect: EventEmitter<T>;
     readonly closeRequest: EventEmitter<void>;
     readonly submenuBack: EventEmitter<void>;
-    private nestedLists?;
-    rows: MenuRow<T>[];
-    /** Filtrado + índices de foco coerentes com grupos recolhidos. */
-    displayRows: MenuRow<T>[];
-    /** Ids de grupo expandidos; ao mudar `items`, todos voltam a abertos. */
-    private readonly expandedGroupIds;
-    private focusableCount;
-    /** Índice entre `0` e `focusableCount - 1`, ou `-1` = nenhum realce. */
-    activeIndex: number;
-    /** Painel de submenu aberto (um por instância de lista). */
-    openSubmenuKey: string | null;
-    private submenuOpenTimer;
-    private submenuCloseTimer;
-    readonly submenuPositions: _angular_cdk_overlay.ConnectedPosition[];
-    readonly panelThemeNgClass: i0.Signal<{
-        [x: string]: boolean;
-    }>;
-    overlayPanelClasses(): string[];
-    onNestedItemSelect(id: T): void;
-    /** Identidade estável para `@for` — `track $index` quebra quando linhas são omitidas por grupo recolhido. */
-    trackDisplayRow(index: number, row: MenuRow<T>): string;
+    private body?;
+    searchQuery: string;
+    displayItems: MenuNodeItem<T>[];
+    get showSearchField(): boolean;
+    get expandAllGroupsWhenSearching(): boolean;
+    get showSearchNoResults(): boolean;
     ngOnChanges(changes: SimpleChanges): void;
-    /** Estado inicial de grupos expandidos (chaveado por {@link groupDefaultExpansion}). */
-    private applyInitialExpandedGroups;
-    private syncDisplayRows;
-    isGroupExpanded(groupId: number): boolean;
-    /** Eco de `MenuItemGroup.alwaysExpanded` para este `groupId`. */
-    private isGroupAlwaysExpanded;
-    private isRowVisible;
-    toggleGroup(groupId: number): void;
-    submenuRowKey(row: MenuRow<T>, index: number): string;
-    isSubmenuOpen(row: MenuRow<T>, index: number): boolean;
-    submenuMenuId(row: MenuRow<T>): string;
-    onRowMouseEnter(row: MenuRow<T>): void;
-    /**
-     * Grupo / divisor não são `menuitem` com foco-mãe — ao passar o rato para o cabeçalho do grupo,
-     * limpa o realce da opção anterior (`.menu-list__option--active`).
-     */
-    onNonOptionSurfaceEnter(): void;
-    onSubmenuTriggerEnter(row: MenuRow<T>, index: number): void;
-    onSubmenuTriggerLeave(_row: MenuRow<T>, index: number): void;
-    onSubmenuPanelEnter(): void;
-    onSubmenuPanelLeave(row: MenuRow<T>, index: number): void;
-    private scheduleSubmenuClose;
-    private cancelSubmenuOpenTimer;
-    private cancelSubmenuCloseTimer;
-    /** Fecha o submenu deste nível (seta ← no filho ou fecho de irmão). */
-    closeOpenSubmenu(): void;
-    onSubmenuRowClick(ev: MouseEvent, row: MenuRow<T>, index: number): void;
-    onSubmenuOutsideClick(row: MenuRow<T>, index: number): void;
-    private openSubmenuForRowAt;
-    private queueFocusNestedFirst;
-    /** Primeira opção focável (abertura por teclado). */
-    focusFirstOption(): void;
-    onItemClick(ev: MouseEvent, item: MenuItemAction<T>): void;
-    optionId(focusIndex: number): string;
-    isActiveRow(row: MenuRow<T>): boolean;
-    /** Realce de selecção persistente (ex.: item de navegação activo). */
-    isRowSelected(row: MenuRow<T>): boolean;
+    onSearchQueryInput(value: string | null): void;
     resetHighlight(): void;
-    onMenuSurfaceLeave(): void;
-    private focusActiveDom;
-    onKeydown(ev: KeyboardEvent): void;
+    focusFirstOption(): void;
+    private syncDisplayItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuListComponent<any>, "app-menu-list", never, { "appTheme": { "alias": "appTheme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; }; "menuId": { "alias": "menuId"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; "compressText": { "alias": "compressText"; "required": false; }; "clickToOpen": { "alias": "clickToOpen"; "required": false; }; "groupCollapsible": { "alias": "groupCollapsible"; "required": false; }; "groupDefaultExpansion": { "alias": "groupDefaultExpansion"; "required": false; }; }, { "itemSelect": "itemSelect"; "closeRequest": "closeRequest"; "submenuBack": "submenuBack"; }, never, never, true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuListComponent<any>, "app-menu-list", never, { "appTheme": { "alias": "appTheme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; }; "menuId": { "alias": "menuId"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; "compressText": { "alias": "compressText"; "required": false; }; "clickToOpen": { "alias": "clickToOpen"; "required": false; }; "groupCollapsible": { "alias": "groupCollapsible"; "required": false; }; "groupDefaultExpansion": { "alias": "groupDefaultExpansion"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, { "itemSelect": "itemSelect"; "closeRequest": "closeRequest"; "submenuBack": "submenuBack"; }, never, never, true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_dense: unknown;
     static ngAcceptInputType_nested: unknown;
     static ngAcceptInputType_compressText: unknown;
     static ngAcceptInputType_groupCollapsible: unknown;
+    static ngAcceptInputType_searchable: unknown;
 }
 
 /**
@@ -3502,6 +3425,8 @@ declare class AppSidebarComponent<T extends string = string> implements OnChange
     selectedItemId: T | null;
     /** Modo estreito: só ícones + `compressText` na lista (rótulos via `title` / `aria-label`). */
     collapsed: boolean;
+    /** Repassado a {@link MenuListComponent.searchable}: campo de pesquisa na lista da lateral. */
+    searchable: boolean;
     /**
      * Repassado a {@link MenuListComponent.clickToOpen}: submenus na lateral abrem por **clique** (`true`, omissão)
      * ou por **hover** (`false`).
@@ -3530,8 +3455,9 @@ declare class AppSidebarComponent<T extends string = string> implements OnChange
     private scheduleSidebarHeadLayoutGuards;
     private applySidebarHeadLayoutGuards;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppSidebarComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppSidebarComponent<any>, "app-sidebar", never, { "appTheme": { "alias": "appTheme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; }; "menuId": { "alias": "menuId"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "clickToOpen": { "alias": "clickToOpen"; "required": false; }; "groupCollapsible": { "alias": "groupCollapsible"; "required": false; }; "groupDefaultExpansion": { "alias": "groupDefaultExpansion"; "required": false; }; }, { "itemSelect": "itemSelect"; }, never, ["[appSidebarBrand]", "[appSidebarToolbar]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppSidebarComponent<any>, "app-sidebar", never, { "appTheme": { "alias": "appTheme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; }; "menuId": { "alias": "menuId"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clickToOpen": { "alias": "clickToOpen"; "required": false; }; "groupCollapsible": { "alias": "groupCollapsible"; "required": false; }; "groupDefaultExpansion": { "alias": "groupDefaultExpansion"; "required": false; }; }, { "itemSelect": "itemSelect"; }, never, ["[appSidebarBrand]", "[appSidebarToolbar]"], true, never>;
     static ngAcceptInputType_collapsed: unknown;
+    static ngAcceptInputType_searchable: unknown;
     static ngAcceptInputType_groupCollapsible: unknown;
 }
 
@@ -3644,4 +3570,4 @@ declare class AppBreadcrumbComponent {
 }
 
 export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_BASE_CLASS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AlertComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarBrandDirective, AppSidebarComponent, AppSidebarToolbarDirective, AppTheme, AppThemeService, AppTopbarComponent, AppUserMenuComponent, BR_ESTADOS_NOME_SIGLA, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, ButtonComponent, ButtonRadius, ButtonSize, ButtonType, ButtonVariant, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuComponent, CpfCnpjFieldComponent, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DividerComponent, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, EmptyStateComponent, FILE_PREVIEW_UNAVAILABLE_MESSAGE, FileUploadFieldComponent, FormActionsAlign, FormActionsComponent, FormColComponent, FormGroupComponent, FormGroupVariant, FormLayoutGap, FormRowAlign, FormRowComponent, FormRowJustify, FormSectionAlign, FormSectionComponent, FormSectionRadius, FormSectionVariant, FormTabComponent, FormTabsComponent, ImagePreviewPanelComponent, InputMaskFieldComponent, IntegerFieldComponent, LAYOUT_STACK_SIDE_BY_SIDE, LAYOUT_STACK_STACKED, LayoutStackAlign, LayoutStackComponent, LayoutStackDirection, LayoutStackItemAlign, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NgControlFieldDirective, OverlayPlacement, PDF_IFRAME_VIEWER_HASH, PasswordFieldComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, STRUCTRA_THEME_IDS, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ThemeDirective, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, ValidationSummaryComponent, anchoredOverlayPositions, appendPdfIframeViewerParams, applyOptionalThemeHostClasses, applyPickedCalendarDate, buildDecimalBrDisplay, buildDecimalBrParseString, buildEmptyStateOverlayHtml, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, cepMaskCompleteValidator, cpfCnpjMaskCompleteValidator, escapeHtml, extractDecimalBrParts, fileIsLikelyImage, fileMatchesAccept, fixedDigitsMaskCompleteValidator, formatAcceptForDisplay, formatDateTimePtBr, formatDecimalBr, formatFileSizeBytes, formatIntegerThousandsBr, formatMaskDigits, formatUiFieldDateValue, getFilePreviewKind, getThemeClass, getThemeClassList, getThemeTokenClass, injectEffectiveThemeId, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, normalizeStructraTheme, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
-export type { AdaptiveDataViewMode, AlertType, AppThemeId, AppThemeOption, BreadcrumbItem, CardItemView, CardListDataMode, CardListMapFn, ConfirmDialogData, ConfirmDialogVariant, DataGridColumn, DataGridPaginationChangeEvent, DetailsViewItem, DropdownListBindings, DropdownSearchPageRequested, FieldCommonInputs, FilePreviewKind, FormTabsVariant, LoadingDialogData, MenuItemAction, MenuItemDivider, MenuItemGroup, MenuItemKind, MenuItemSubmenu, MenuLeafItem, MenuNodeItem, SelectPageRequested, SkeletonFieldShellVariant, StatCardDeltaTone, StatusBadgeSize, StatusBadgeVariant, StructraTheme, ToastInstance, ToastShowOptions, ToastType, ToastVerticalPosition, UiSelectOption, ValidationSummaryItem, ValidationSummaryVariant };
+export type { AdaptiveDataViewMode, AlertType, AppThemeId, AppThemeOption, BreadcrumbItem, CardItemView, CardListDataMode, CardListMapFn, ConfirmDialogData, ConfirmDialogVariant, DataGridColumn, DataGridPaginationChangeEvent, DetailsViewItem, DropdownListBindings, DropdownSearchPageRequested, FieldCommonInputs, FieldSize, FilePreviewKind, FormTabsVariant, LoadingDialogData, MenuItemAction, MenuItemDivider, MenuItemGroup, MenuItemKind, MenuItemSubmenu, MenuLeafItem, MenuNodeItem, SelectPageRequested, SkeletonFieldShellVariant, StatCardDeltaTone, StatusBadgeSize, StatusBadgeVariant, StructraTheme, ToastInstance, ToastShowOptions, ToastType, ToastVerticalPosition, UiSelectOption, ValidationSummaryItem, ValidationSummaryVariant };