@praxisui/dynamic-fields 9.0.4 → 9.0.5-rc.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.4",
+  "version": "9.0.5-rc.10",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.4",
-    "@praxisui/cron-builder": "^9.0.4"
+    "@praxisui/core": "^9.0.5-rc.10",
+    "@praxisui/cron-builder": "^9.0.5-rc.10"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/src/lib/components/inline-async-select/pdx-inline-async-select.json-api.md

@@ -311,7 +311,7 @@ Resumo de composicao deste componente:
 
 ### 4. Mapeamento de Comportamento
 - Trigger em pill + badge de quantidade quando multiplo.
-- Painel com busca em tempo real (`termControl`) e rodape compartilhado: o rodape e materializado como irmao do `listbox` no overlay, nunca como opcao. `Carregar mais` e um botao real de largura total e alvo minimo de 44 px; durante a paginacao ele permanece visivel, ocupado e desabilitado. `Tab` transfere o foco da busca para a primeira acao habilitada; `Fim de lista` e um status, fora da semantica de opcoes.
+- Painel com busca em tempo real (`termControl`) e rodape compartilhado: o rodape e materializado como irmao do `listbox` no dialog de colecao, nunca como opcao. `Carregar mais` e um botao real de largura total e alvo minimo de 44 px; durante a paginacao ele permanece visivel, ocupado e desabilitado. `Tab`/`Shift+Tab` percorrem e ciclam os controles do dialog sem fecha-lo; selecao, `Escape` e clique externo fecham e restauram o trigger. `Fim de lista` e um status, fora da semantica de opcoes.
 - Se `resourcePath` ausente, busca opera sobre snapshot local.
 
 ### 5. Exemplo Minimo (JSON + Uso)

package/src/lib/components/inline-searchable-select/pdx-inline-searchable-select.json-api.md

@@ -308,7 +308,7 @@ Resumo de composicao deste componente:
 - `Extensao de runtime`: `searchPlaceholder` e `inlineAutoSize.*`.
 
 ### 4. Mapeamento de Comportamento
-- A paginacao usa o rodape compartilhado da familia de selects, materializado como irmao do `listbox` no overlay: botao `Carregar mais` com alvo minimo de 44 px, estado ocupado sem salto de layout e acesso por `Tab` a partir da busca. A acao nao participa da semantica de opcoes.
+- A paginacao usa o rodape compartilhado da familia de selects, materializado como irmao do `listbox` no dialog de colecao: botao `Carregar mais` com alvo minimo de 44 px, estado ocupado sem salto de layout e acesso por `Tab` a partir da busca. `Tab`/`Shift+Tab` ciclam entre os controles do dialog; selecao, `Escape` e clique externo fecham e restauram o trigger. A acao nao participa da semantica de opcoes.
 - Trigger exibe label e, em modo multiplo, badge de quantidade.
 - Painel contem input de busca e estados de loading/fim de lista.
 - Quando sem `resourcePath`, usa filtragem local da lista estatica.

package/src/lib/components/material-searchable-select/pdx-material-searchable-select.json-api.md

@@ -348,7 +348,7 @@ Precedencia de comportamento:
 3. `optionSource` ativa consulta remota pelo endpoint canonico `/option-sources/{key}/options/filter`.
 4. `resourcePath` ativa consulta remota paginada legada com termo de busca.
 5. Com `resourcePath` e `loadOn='open'`, o painel abre mesmo antes da primeira pagina remota para disparar a carga inicial; a opcao sentinela usada para isso e interna, invisivel e nao compoe contrato visual publico.
-6. `Carregar mais` so aparece depois de uma primeira pagina remota carregada com sucesso e com proxima pagina disponivel; durante a paginacao permanece visivel, ocupado e desabilitado para evitar requisicoes duplicadas e salto de layout. A acao usa o rodape compartilhado, materializado como irmao do `listbox` no overlay, tem alvo minimo de 44 px, recebe foco por `Tab` a partir da busca e nao participa da semantica de opcoes.
+6. `Carregar mais` so aparece depois de uma primeira pagina remota carregada com sucesso e com proxima pagina disponivel; durante a paginacao permanece visivel, ocupado e desabilitado para evitar requisicoes duplicadas e salto de layout. A acao usa o rodape compartilhado, materializado como irmao do `listbox` no dialog de colecao, tem alvo minimo de 44 px, recebe foco por `Tab` a partir da busca e nao participa da semantica de opcoes. `Tab`/`Shift+Tab` ciclam dentro do dialog; selecao, `Escape` e clique externo fecham e restauram o trigger.
 7. fontes locais (`selectOptions`/`options`) e `loadOn='none'` antes da primeira carga nao exibem acao de paginacao.
 
 #### Status model

package/types/praxisui-dynamic-fields.d.ts

@@ -2545,18 +2545,23 @@ type PdxCollectionOverlayCloseReason = 'escape' | 'outside' | 'detach' | 'progra
 declare class PdxCollectionOverlayComponent {
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Optional explicit dialog id. A unique id is generated for direct legacy consumers. */
+    readonly panelId: _angular_core.InputSignal<string | null>;
     readonly panelClass: _angular_core.InputSignal<string>;
     readonly panelWidth: _angular_core.InputSignal<string | number | null>;
     readonly density: _angular_core.InputSignal<"compact" | "regular">;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<PdxCollectionOverlayCloseReason>;
+    private readonly fallbackPanelId;
     readonly trigger: _angular_core.Signal<PdxCollectionOverlayTriggerDirective>;
     readonly positions: ConnectedPosition[];
     resolvedPanelWidth(): number | string;
+    resolvedPanelClasses(): string[];
+    resolvedPanelId(): string;
     close(reason: PdxCollectionOverlayCloseReason, restoreFocus?: boolean): void;
     onOverlayKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdxCollectionOverlayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdxCollectionOverlayComponent, "pdx-collection-overlay", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, ["trigger"], ["[pdxCollectionOverlayTrigger]", "[pdxCollectionOverlayHeader]", "[pdxCollectionOverlayOptions]", "[pdxCollectionOverlayFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdxCollectionOverlayComponent, "pdx-collection-overlay", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, ["trigger"], ["[pdxCollectionOverlayTrigger]", "[pdxCollectionOverlayHeader]", "[pdxCollectionOverlayOptions]", "[pdxCollectionOverlayFooter]"], true, never>;
 }
 
 declare class MaterialSelectComponent extends SimpleBaseSelectComponent {
@@ -2587,6 +2592,7 @@ declare class MaterialSelectComponent extends SimpleBaseSelectComponent {
     materialDisplayText(): string;
     labelId(): string;
     panelId(): string;
+    overlayId(): string;
     overlayPanelWidth(): string;
     private focusOverlayOption;
     private sameValue;
@@ -2634,6 +2640,7 @@ declare class InlineSelectComponent extends SimpleBaseSelectComponent {
     selectEmptyOption(): void;
     onOptionKeydown(event: KeyboardEvent): void;
     panelId(): string;
+    overlayId(): string;
     overlayPanelWidth(): string;
     private focusOverlayOption;
     onSearchInput(term: string): void;
@@ -2720,6 +2727,7 @@ declare class MaterialSearchableSelectComponent extends SimpleBaseSelectComponen
     materialDisplayText(): string;
     labelId(): string;
     panelId(): string;
+    overlayId(): string;
     overlayPanelWidth(): string;
     private getSelectedIds;
     private preloadSelected;
@@ -2880,6 +2888,7 @@ declare class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
     materialDisplayText(): string;
     materialLabelId(): string;
     materialPanelId(): string;
+    materialOverlayId(): string;
     materialOverlayPanelWidth(): string;
     usesSearchCombobox(): boolean;
     comboboxInputAriaLabel(): string;
@@ -3017,6 +3026,7 @@ declare class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
     showEndReachedMessage(): boolean;
     overlayPanelWidth(): string;
     panelId(): string;
+    overlayId(): string;
     isOverlayDisabled(): boolean;
     private focusOverlayOption;
     onLoadMoreClick(event: MouseEvent): void;
@@ -3558,6 +3568,7 @@ declare class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
     toggleOverlayValue(value: unknown): void;
     toggleOverlaySelectAll(): void;
     panelId(): string;
+    overlayId(): string;
     overlayPanelWidth(): string;
     showPanelActions(): boolean;
     showPanelClearAction(): boolean;