@praxisui/dynamic-fields 9.0.0-beta.80 → 9.0.0-beta.81

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@praxisui/dynamic-fields",
3
- "version": "9.0.0-beta.80",
3
+ "version": "9.0.0-beta.81",
4
4
  "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
11
11
  "@angular/platform-browser": "^21.0.0",
12
12
  "@angular/router": "^21.0.0",
13
13
  "rxjs": "^7.8.0",
14
- "@praxisui/core": "^9.0.0-beta.80",
15
- "@praxisui/cron-builder": "^9.0.0-beta.80"
14
+ "@praxisui/core": "^9.0.0-beta.81",
15
+ "@praxisui/cron-builder": "^9.0.0-beta.81"
16
16
  },
17
17
  "dependencies": {
18
18
  "libphonenumber-js": "^1.12.41",
@@ -311,7 +311,7 @@ Resumo de composicao deste componente:
311
311
 
312
312
  ### 4. Mapeamento de Comportamento
313
313
  - Trigger em pill + badge de quantidade quando multiplo.
314
- - Painel com busca em tempo real (termControl) e acoes `Carregar mais`/`Fim de lista`.
314
+ - 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.
315
315
  - Se `resourcePath` ausente, busca opera sobre snapshot local.
316
316
 
317
317
  ### 5. Exemplo Minimo (JSON + Uso)
@@ -416,7 +416,11 @@ Correcao: ajustar limites em `inlineAutoSize`.
416
416
 
417
417
  | Token/Class | Scope | Purpose | Notes |
418
418
  | --- | --- | --- | --- |
419
- | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
419
+ | `--pdx-select-panel-actions-surface` / `--pdx-select-panel-actions-on-surface` / `--pdx-select-panel-actions-muted` | overlay footer | Superficie, texto principal e texto secundario | Definir na classe de tema que alcanca o CDK Overlay. Tokens inline e `--pdx-overlay-*` continuam como fallbacks compativeis. |
420
+ | `--pdx-select-panel-actions-outline` / `--pdx-select-panel-actions-accent` | overlay footer | Separador, bordas e cor de acao/foco | Fallbacks Material: divider/outline e primary. |
421
+ | `--pdx-select-panel-action-hover-surface` / `--pdx-select-panel-action-focus-ring` | overlay footer | Estados hover e foco visivel | O host deve preservar contraste AA em temas claro e escuro. |
422
+ | `--pdx-select-panel-load-more-surface` / `--pdx-select-panel-load-more-outline` | overlay footer | Tratamento do botao `Carregar mais` | Permite distinguir a acao sem acoplamento a internals MDC. |
423
+ | `--pdx-select-panel-actions-gap` / `--pdx-select-panel-actions-padding` / `--pdx-select-panel-action-min-height` / `--pdx-select-panel-action-padding` / `--pdx-select-panel-action-radius` / `--pdx-select-panel-action-disabled-opacity` | overlay footer | Densidade, geometria e estado desabilitado | Altura default de 44 px preserva alvo corporativo acessivel. |
420
424
 
421
425
  ## Examples (obrigatorio)
422
426
 
@@ -324,7 +324,7 @@ Use quando precisar:
324
324
  | `metadata.optionSource.detail.surfaceId` | `string` | Ativo | Id da surface item-level preferida para o detalhe. Quando ausente, o runtime escolhe `detail`, `view` ou a primeira surface item-level de leitura disponivel. |
325
325
  | `metadata.optionSource.detail.presentation` | `"drawer" | "modal"` | Ativo | Apresentacao desejada para `surface.open`. Default vem do preset/host de surface. |
326
326
  | `metadata.optionSource.detail.preferredWidget` / `metadata.optionSource.detail.mode` | `string` | Documental | Hints semanticos para autoria/discovery. A materializacao final vem da surface descoberta e do `ResourceSurfaceOpenAdapterService`. |
327
- | `metadata.optionSource.detail.hrefTemplate` / `metadata.optionSource.detail.routeTemplate` | `string` | Legado | Fallback para abrir detalhe por link quando nao houver contrato de surface ou servico global disponivel. Nao deve ser a fonte primaria em novos lookups de plataforma. |
327
+ | `metadata.optionSource.detail.hrefTemplate` / `metadata.optionSource.detail.routeTemplate` | `string` | Legado | Fallback quando nao houver surface governada. Quando ambos existem, `routeTemplate` tem precedencia por representar a rota navegavel do host. `hrefTemplate` que aponta para `/api/**` e tratado como evidencia de recurso, nao como destino de UX, e nao habilita a acao Detalhe isoladamente. |
328
328
  | `metadata.optionSource.display.preset` | `"compact" | "rich" | "directory" | "status" | "reference" | "hierarchical"` | Ativo | Define a intencao visual canonica. `directory` e recomendado para pessoas/equipes; `reference` para codigo + descricao; `status` para entidades com estado operacional forte. |
329
329
  | `metadata.optionSource.display.usage` | `"form" | "filter" | "table-cell" | "dashboard" | "wizard" | "review"` | Ativo | Indica onde a option-source costuma aparecer. O runtime pode ajustar densidade e acoes sem duplicar regra por host. |
330
330
  | `metadata.optionSource.display.density` | `"compact" | "comfortable" | "rich"` | Ativo | Densidade preferencial. Campos de formulario usam `comfortable`; filtros inline e celulas de tabela tendem a `compact`; revisoes podem usar `rich`. |
@@ -341,11 +341,11 @@ Use quando precisar:
341
341
  | `metadata.showAvatar` | `boolean` | Ativo | Controla exibicao de avatar por iniciais. Default: `true`. |
342
342
  | `metadata.showBadges` | `boolean` | Ativo | Controla exibicao de badges auxiliares vindos de `badges`, `tags`, `riskLevel`, `homologationStatus` ou `badgeKeys`. Default: `true`. |
343
343
  | `metadata.showDisabledReason` | `boolean` | Ativo | Controla exibicao do motivo de bloqueio quando `selectable=false`. Default: `true`. |
344
- | `metadata.showResultCount` | `boolean` | Ativo | Controla contador de resultados no painel de busca. Quando o backend pagina com `totalElements`, mostra o total remoto; em fontes locais/cursor, mostra o total carregado. Default: `true`. |
344
+ | `metadata.showResultCount` | `boolean` | Ativo | Controla contador de resultados no painel de busca. Quando `totalElements` remoto for maior que os itens carregados, mostra `carregados de total` para deixar claro que a lista visivel ainda e uma pagina parcial; em fontes locais/cursor, mostra o total carregado. Default: `true`. |
345
345
  | `metadata.statusToneMap` | `Record<string, "success" | "warning" | "danger" | "neutral">` | Ativo | Permite mapear status de dominio para tom visual governado. |
346
346
  | `metadata.badgeKeys` | `string[]` | Ativo | Chaves adicionais lidas do valor de entidade para compor badges auxiliares. |
347
347
  | `metadata.maxVisibleBadges` | `number` | Ativo | Limita quantidade de badges auxiliares exibidos. Default: `3`. |
348
- | `metadata.actions.showDetail` | `boolean` | Ativo | Controla acao de detalhe quando houver surface canonica ou fallback `detailHref`/`detailRoute`. Default: `true`. |
348
+ | `metadata.actions.showDetail` | `boolean` | Ativo | Controla acao de detalhe quando houver surface canonica, `detailRoute` navegavel ou `detailHref` nao-API. `detailHref` de API nao abre nova aba para evitar link morto em hosts corporativos. Default: `true`. |
349
349
  | `metadata.actions.showChange` | `boolean` | Ativo | Controla acao de troca no cartao selecionado. Default: `true`. |
350
350
  | `metadata.actions.showCopyCode` | `boolean` | Ativo | Controla acao de copiar codigo/id. Default: `true`. |
351
351
  | `metadata.actions.showClear` | `boolean` | Ativo | Controla acao de limpar em conjunto com `clearButton`/clearable herdado. |
@@ -368,7 +368,9 @@ Resumo de composicao deste componente:
368
368
  - Com `metadata.optionSource.resourcePath`, busca emite termo no pipeline remoto de option-source; sem endpoint, filtra local.
369
369
  - Em uso standalone de shell/topbar autenticado, o componente aceita `FormControl` externo com `initialMetadata` estático e `options` locais. Um valor inicial já selecionado no controle deve materializar o texto da opção local sem bloquear a montagem da rota nem realimentar change detection quando a metadata recebida for semanticamente equivalente.
370
370
  - `metadata.resourcePath` continua aceito como configuracao operacional herdada, mas nao substitui a semantica canonica de entidade publicada em `metadata.optionSource`.
371
- - Opcao de reset limpa filtro sem fechar contexto de trabalho.
371
+ - As acoes de painel ficam em um rodape materializado como irmao do `listbox` no overlay: `Limpar selecao` e uma acao secundaria alinhada ao inicio; `Carregar mais` e uma acao de largura total, com alvo minimo de 44 px, estado ocupado e foco visivel. `Tab` transfere o foco da busca para a primeira acao habilitada. Nenhuma delas participa da navegacao semantica de opcoes.
372
+ - A reidratacao por IDs preserva o valor selecionado, mas nao conta como carga da pagina zero. No primeiro `open`, o runtime consulta a pagina zero antes de habilitar `Carregar mais`; o contador remoto e a lista visivel permanecem coerentes.
373
+ - Durante busca digitada, a lista visivel mostra apenas resultados retornados pela pagina remota filtrada. O selecionado reidratado por ID nao e injetado como falso resultado, embora continue preservado para display fechado e reabertura sem termo.
372
374
  - `OptionDTO.extra.selectable === false` desabilita a opcao e permite exibir `disabledReason` sem remover a entidade da lista ou da reidratacao.
373
375
 
374
376
  ### 5. Exemplo Minimo (JSON + Uso)
@@ -378,7 +380,7 @@ Resumo de composicao deste componente:
378
380
  "metadata": {
379
381
  "name": "employee",
380
382
  "label": "Funcionario",
381
- "controlType": "select",
383
+ "controlType": "inlineEntityLookup",
382
384
  "lookupIdKey": "employeeId",
383
385
  "lookupLabelKey": "fullName",
384
386
  "selectOptions": [
@@ -409,7 +411,7 @@ Uso: lookup simples em lista local.
409
411
  "statusPropertyPath": "status",
410
412
  "detail": {
411
413
  "kind": "surface",
412
- "surfaceId": "view",
414
+ "surfaceId": "detail",
413
415
  "presentation": "drawer",
414
416
  "preferredWidget": "praxis-dynamic-form",
415
417
  "mode": "view"
@@ -507,7 +509,22 @@ Correcao: ajustar `inlineAutoSize.minWidth/maxWidth`.
507
509
 
508
510
  | Token/Class | Scope | Purpose | Notes |
509
511
  | --- | --- | --- | --- |
510
- | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
512
+ | `.pdx-entity-lookup-rich` | trigger | Ativa a geometria de campo corporativo | Preserva label Material, subscript e zona de seta com altura integral. |
513
+ | `.pdx-select-panel-actions` | overlay footer | Agrupa acoes auxiliares fora da lista de opcoes | Primitiva interna compartilhada pela familia de selects; nao deve ser transformada em `mat-option`. |
514
+ | `.pdx-select-panel-action.is-clear` | overlay footer | Limpa a selecao atual | Acao secundaria alinhada ao inicio, alvo minimo de 44 px e foco visivel. |
515
+ | `.pdx-select-panel-action.is-load-more` | overlay footer | Solicita a proxima pagina | Acao de largura total com estados normal, hover, focus e loading/disabled. |
516
+ | `.pdx-select-panel-end` | overlay footer | Comunica fim da paginacao | Estado informativo com `role="status"`; nao e interativo. |
517
+ | `--pdx-inline-panel-surface` / `--pdx-inline-panel-surface-raised` | overlay | Superficie base e superficie de estado/selecionado | Definir globalmente no escopo de tema do host, pois o painel vive no CDK Overlay. Fallbacks: `--md-sys-color-surface-container-highest/high`. |
518
+ | `--pdx-inline-panel-on-surface` / `--pdx-inline-panel-on-surface-muted` | overlay | Texto principal e texto auxiliar | Devem manter contraste nos temas claro e escuro. Fallbacks: `--md-sys-color-on-surface/-variant`. |
519
+ | `--pdx-inline-panel-outline` | overlay | Borda e separadores do painel | Fallback: `--md-sys-color-outline-variant`. |
520
+ | `--pdx-entity-lookup-avatar-size` / `--pdx-entity-lookup-avatar-large-size` / `--pdx-entity-lookup-avatar-compact-size` / `--pdx-entity-lookup-avatar-radius` | trigger/panel | Geometria dos avatares por iniciais | Permite ajustar densidade corporativa sem colar icone/texto ou quebrar alinhamento vertical do select. |
521
+ | `--pdx-entity-lookup-avatar-surface` / `--pdx-entity-lookup-avatar-text` | trigger/panel | Cor de avatar por iniciais | Fallbacks usam primary Material com `color-mix`; hosts podem calibrar claro/escuro por tema. |
522
+ | `--pdx-entity-lookup-selected-compact-padding` / `--pdx-entity-lookup-selected-compact-inline-start` | trigger | Respiro do valor selecionado compacto | Deve manter o avatar afastado da borda esquerda, preservar a zona de seta alinhada ao select Material e respeitar o `inline-size` do container em drawers estreitos. |
523
+ | `--pdx-entity-lookup-success-surface` / `--pdx-entity-lookup-success-text` / `--pdx-entity-lookup-warning-surface` / `--pdx-entity-lookup-warning-text` / `--pdx-entity-lookup-warning-outline` / `--pdx-entity-lookup-danger-surface` / `--pdx-entity-lookup-danger-text` / `--pdx-entity-lookup-danger-outline` | trigger/panel | Tons de status, badges e notas de bloqueio/legado | Fallbacks derivam de tokens Material (`primary`, `tertiary`, `error`) para funcionar em temas claro e escuro; hosts regulados podem substituir todos os tons. |
524
+ | `--pdx-select-panel-actions-surface` / `--pdx-select-panel-actions-on-surface` / `--pdx-select-panel-actions-muted` | overlay footer | Superficie, texto principal e texto secundario do rodape | Contrato canonico; os tokens inline acima sao preservados como fallback e transferidos quando definidos no painel. |
525
+ | `--pdx-select-panel-actions-outline` / `--pdx-select-panel-actions-accent` | overlay footer | Separador, bordas e cor de acao/foco | Fallbacks Material: divider/outline e primary. |
526
+ | `--pdx-select-panel-action-hover-surface` / `--pdx-select-panel-action-focus-ring` / `--pdx-select-panel-load-more-surface` / `--pdx-select-panel-load-more-outline` | overlay footer | Estados interativos de limpar/carregar mais | Customizar na classe de tema que alcanca o CDK Overlay e validar contraste claro/escuro. |
527
+ | `--pdx-select-panel-actions-gap` / `--pdx-select-panel-actions-padding` / `--pdx-select-panel-action-min-height` / `--pdx-select-panel-action-padding` / `--pdx-select-panel-action-radius` / `--pdx-select-panel-action-disabled-opacity` | overlay footer | Densidade, geometria e estado desabilitado | Altura default de 44 px preserva alvo corporativo acessivel. |
511
528
 
512
529
  ## Examples (obrigatorio)
513
530
 
@@ -526,7 +543,7 @@ Correcao: ajustar `inlineAutoSize.minWidth/maxWidth`.
526
543
  "metadata": {
527
544
  "name": "employee",
528
545
  "label": "Funcionario",
529
- "controlType": "select",
546
+ "controlType": "inlineEntityLookup",
530
547
  "lookupIdKey": "employeeId",
531
548
  "lookupLabelKey": "fullName",
532
549
  "selectOptions": [
@@ -549,7 +566,7 @@ Correcao: ajustar `inlineAutoSize.minWidth/maxWidth`.
549
566
  "metadata": {
550
567
  "name": "costCenterOwner",
551
568
  "label": "Responsavel",
552
- "controlType": "select",
569
+ "controlType": "inlineEntityLookup",
553
570
  "resourcePath": "employees/options",
554
571
  "lookupIdKey": "matricula",
555
572
  "lookupLabelKey": "nome",
@@ -308,6 +308,7 @@ Resumo de composicao deste componente:
308
308
  - `Extensao de runtime`: `searchPlaceholder` e `inlineAutoSize.*`.
309
309
 
310
310
  ### 4. Mapeamento de Comportamento
311
+ - 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.
311
312
  - Trigger exibe label e, em modo multiplo, badge de quantidade.
312
313
  - Painel contem input de busca e estados de loading/fim de lista.
313
314
  - Quando sem `resourcePath`, usa filtragem local da lista estatica.
@@ -418,7 +419,11 @@ Correcao: quick-clear respeita estados readonly/disabled/presentation.
418
419
 
419
420
  | Token/Class | Scope | Purpose | Notes |
420
421
  | --- | --- | --- | --- |
421
- | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
422
+ | `--pdx-select-panel-actions-surface` / `--pdx-select-panel-actions-on-surface` / `--pdx-select-panel-actions-muted` | overlay footer | Superficie, texto principal e texto secundario | Definir na classe de tema que alcanca o CDK Overlay. Tokens inline e `--pdx-overlay-*` continuam como fallbacks compativeis. |
423
+ | `--pdx-select-panel-actions-outline` / `--pdx-select-panel-actions-accent` | overlay footer | Separador, bordas e cor de acao/foco | Fallbacks Material: divider/outline e primary. |
424
+ | `--pdx-select-panel-action-hover-surface` / `--pdx-select-panel-action-focus-ring` | overlay footer | Estados hover e foco visivel | O host deve preservar contraste AA em temas claro e escuro. |
425
+ | `--pdx-select-panel-load-more-surface` / `--pdx-select-panel-load-more-outline` | overlay footer | Tratamento do botao `Carregar mais` | Permite distinguir a acao sem acoplamento a internals MDC. |
426
+ | `--pdx-select-panel-actions-gap` / `--pdx-select-panel-actions-padding` / `--pdx-select-panel-action-min-height` / `--pdx-select-panel-action-padding` / `--pdx-select-panel-action-radius` / `--pdx-select-panel-action-disabled-opacity` | overlay footer | Densidade, geometria e estado desabilitado | Altura default de 44 px preserva alvo corporativo acessivel. |
422
427
 
423
428
  ## Examples (obrigatorio)
424
429
 
@@ -318,9 +318,10 @@ Garantias:
318
318
 
319
319
  - input de busca e carga incremental estao habilitados no painel.
320
320
  - `loadOn` controla a primeira carga (`open`, `init`, `none`).
321
+ - Uma falha na carga inicial nao marca o campo como carregado: com `loadOn='open'`, reabrir o painel tenta novamente; somente uma resposta processada com sucesso conclui a carga inicial.
321
322
  - `useCursor` pode trocar estrategia de pagina quando backend suporta cursor.
322
323
  - 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.
323
- - `Carregar mais` so aparece depois de uma primeira pagina remota carregada com sucesso e com proxima pagina disponivel.
324
+ - `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.
324
325
  - fontes locais (`selectOptions`/`options`) e `loadOn='none'` antes da primeira carga nao exibem acao de paginacao.
325
326
  - em paginacao numerada, o fim usa `totalPages`/`totalElements` quando fornecidos pelo backend; se ausentes, usa `content.length < pageSize` como fallback.
326
327
 
@@ -399,7 +400,8 @@ Precedencia de comportamento:
399
400
  Notas de runtime:
400
401
 
401
402
  - em remoto generico, `loadOptions` pode usar `includeIds` na pagina 0.
402
- - em `optionSource`, o filtro envia `includeIds` somente quando `optionSource.includeIds=true`; quando ausente ou `false`, valores selecionados sao reidratados por `/option-sources/{sourceKey}/options/by-ids`.
403
+ - em `optionSource`, o filtro envia `includeIds` somente quando `optionSource.includeIds=true` e nao ha termo de busca ativo; quando ausente, `false` ou durante busca digitada, valores selecionados sao reidratados por `/option-sources/{sourceKey}/options/by-ids`.
404
+ - durante busca digitada, a lista visivel usa apenas os itens da pagina remota filtrada. Opcoes reidratadas por ID preservam o display fechado, mas nao podem substituir ou inflar o resultado da busca.
403
405
  - em `optionSource`, dependencias declaradas por `dependsOn` e `dependencyFilterMap` sao materializadas como filtros estruturados `equals` no envelope canonico de opcoes.
404
406
  - `onSearch` limpa estado local e reinicia pagina para novo termo.
405
407
  - `loadMore` nao inicia a primeira carga remota; a primeira pagina respeita `loadOn`, abertura do painel, reload explicito ou mudanca de dependencia.
@@ -425,8 +427,8 @@ Correcao: revise `loadOn`, `resourcePath` e permissao de endpoint.
425
427
  3. Filtro remoto usa campo errado.
426
428
  Correcao: alinhe `optionLabelKey` e `optionValueKey` ao payload real.
427
429
 
428
- 4. Item selecionado some apos nova busca.
429
- Correcao: para `optionSource.includeIds=false`, backend deve suportar reidratacao por `/by-ids`; para remoto generico ou `optionSource.includeIds=true`, pode suportar include de ids selecionados na pagina inicial.
430
+ 4. Item selecionado aparece como unico resultado de uma busca que deveria retornar outro item.
431
+ Correcao: durante busca, nao envie `includeIds` nem force `ensureVisible` do selecionado; a lista deve refletir a pagina remota filtrada. O selecionado continua preservado pela reidratacao `/by-ids` para display fechado e reabertura sem termo.
430
432
 
431
433
  5. Cascata nao atualiza automaticamente.
432
434
  Correcao: use `dependencyLoadOnChange='immediate'` ou dispare recarga no host.
@@ -468,7 +470,11 @@ Correcao: use `dependencyLoadOnChange='immediate'` ou dispare recarga no host.
468
470
 
469
471
  | Token/Class | Scope | Purpose | Notes |
470
472
  | --- | --- | --- | --- |
471
- | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
473
+ | `--pdx-select-panel-actions-surface` / `--pdx-select-panel-actions-on-surface` / `--pdx-select-panel-actions-muted` | overlay footer | Superficie, texto principal e texto secundario | Definir na classe de tema que alcanca o CDK Overlay. Tokens `--pdx-overlay-*` e inline continuam como fallbacks compativeis. |
474
+ | `--pdx-select-panel-actions-outline` / `--pdx-select-panel-actions-accent` | overlay footer | Separador, bordas e cor de acao/foco | Fallbacks Material: divider/outline e primary. |
475
+ | `--pdx-select-panel-action-hover-surface` / `--pdx-select-panel-action-focus-ring` | overlay footer | Estados hover e foco visivel | O host deve preservar contraste AA em temas claro e escuro. |
476
+ | `--pdx-select-panel-load-more-surface` / `--pdx-select-panel-load-more-outline` | overlay footer | Tratamento do botao `Carregar mais` | Permite distinguir a acao sem acoplamento a internals MDC. |
477
+ | `--pdx-select-panel-actions-gap` / `--pdx-select-panel-actions-padding` / `--pdx-select-panel-action-min-height` / `--pdx-select-panel-action-padding` / `--pdx-select-panel-action-radius` / `--pdx-select-panel-action-disabled-opacity` | overlay footer | Densidade, geometria e estado desabilitado | Altura default de 44 px preserva alvo corporativo acessivel. |
472
478
 
473
479
  ## Examples (obrigatorio)
474
480
 
@@ -348,7 +348,7 @@ Precedencia de comportamento:
348
348
  3. `optionSource` ativa consulta remota pelo endpoint canonico `/option-sources/{key}/options/filter`.
349
349
  4. `resourcePath` ativa consulta remota paginada legada com termo de busca.
350
350
  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.
351
- 6. `Carregar mais` so aparece depois de uma primeira pagina remota carregada com sucesso e com proxima pagina disponivel.
351
+ 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.
352
352
  7. fontes locais (`selectOptions`/`options`) e `loadOn='none'` antes da primeira carga nao exibem acao de paginacao.
353
353
 
354
354
  #### Status model
@@ -478,7 +478,11 @@ Correcao: use `dependencyLoadOnChange='immediate'` ou dispare recarga no host.
478
478
 
479
479
  | Token/Class | Scope | Purpose | Notes |
480
480
  | --- | --- | --- | --- |
481
- | `not-yet-verified` | component | Styling contract not yet verified | Use Detailed API reference for component-specific styling notes. |
481
+ | `--pdx-select-panel-actions-surface` / `--pdx-select-panel-actions-on-surface` / `--pdx-select-panel-actions-muted` | overlay footer | Superficie, texto principal e texto secundario | Definir na classe de tema que alcanca o CDK Overlay. Tokens `--pdx-overlay-*` e inline continuam como fallbacks compativeis. |
482
+ | `--pdx-select-panel-actions-outline` / `--pdx-select-panel-actions-accent` | overlay footer | Separador, bordas e cor de acao/foco | Fallbacks Material: divider/outline e primary. |
483
+ | `--pdx-select-panel-action-hover-surface` / `--pdx-select-panel-action-focus-ring` | overlay footer | Estados hover e foco visivel | O host deve preservar contraste AA em temas claro e escuro. |
484
+ | `--pdx-select-panel-load-more-surface` / `--pdx-select-panel-load-more-outline` | overlay footer | Tratamento do botao `Carregar mais` | Permite distinguir a acao sem acoplamento a internals MDC. |
485
+ | `--pdx-select-panel-actions-gap` / `--pdx-select-panel-actions-padding` / `--pdx-select-panel-action-min-height` / `--pdx-select-panel-action-padding` / `--pdx-select-panel-action-radius` / `--pdx-select-panel-action-disabled-opacity` | overlay footer | Densidade, geometria e estado desabilitado | Altura default de 44 px preserva alvo corporativo acessivel. |
482
486
 
483
487
  ## Examples (obrigatorio)
484
488
 
@@ -1189,6 +1189,7 @@ declare abstract class SimpleBaseSelectComponent<T = any> extends SimpleBaseInpu
1189
1189
  loadingOptionsLabel(): string;
1190
1190
  loadMoreOptionsLabel(): string;
1191
1191
  endOfOptionsLabel(): string;
1192
+ selectPanelActionsAriaLabel(): string;
1192
1193
  noOptionsAvailableLabel(): string;
1193
1194
  loadingOptionsAriaLabel(): string;
1194
1195
  /**
@@ -1315,6 +1316,7 @@ declare class OptionStore<ID = string | number> {
1315
1316
  ensureVisible(ids: ID[]): void;
1316
1317
  clearPages(): void;
1317
1318
  get items(): OptionDTO<ID>[];
1319
+ get pageItems(): OptionDTO<ID>[];
1318
1320
  }
1319
1321
 
1320
1322
  declare const PRAXIS_DYNAMIC_FIELDS_PT_BR: PraxisI18nDictionary;
@@ -2620,9 +2622,9 @@ declare class MaterialSearchableSelectComponent extends SimpleBaseSelectComponen
2620
2622
  protected loadOptions(page?: number, searchTerm?: string, criteria?: Record<string, unknown>): void;
2621
2623
  loadNextPage(): void;
2622
2624
  showLoadMore(): boolean;
2625
+ onPanelSearchKeydown(event: KeyboardEvent): void;
2623
2626
  shouldRenderOpenSentinel(): boolean;
2624
2627
  private isLastPage;
2625
- onLoadMorePointerDown(event: Event): void;
2626
2628
  onLoadMoreInteraction(event: Event): void;
2627
2629
  onSearch(term: string): void;
2628
2630
  protected registerMatSelect(select: MatSelect): void;
@@ -2655,6 +2657,7 @@ declare class InlineSearchableSelectComponent extends MaterialSearchableSelectCo
2655
2657
  onSearchInput(term: string): void;
2656
2658
  onSearchInputEvent(event: Event): void;
2657
2659
  showLoadMore(): boolean;
2660
+ onPanelSearchKeydown(event: KeyboardEvent): void;
2658
2661
  showEndReachedMessage(): boolean;
2659
2662
  onLoadMoreClick(event: MouseEvent): void;
2660
2663
  placeholderText(): string;
@@ -2732,9 +2735,11 @@ declare class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
2732
2735
  searchInputAriaLabel(): string;
2733
2736
  ngOnInit(): void;
2734
2737
  onOpened(opened: boolean): void;
2738
+ protected hasCompletedInitialLoad(): boolean;
2735
2739
  private getSelectedIds;
2736
2740
  private preloadSelected;
2737
2741
  private refreshOptions;
2742
+ private hasSearchTerm;
2738
2743
  protected currentLookupFiltering(): LookupFilteringMetadata | null;
2739
2744
  lookupSortOptions(): LookupSortOptionMetadata[];
2740
2745
  lookupFilterDefinitions(): LookupFilterDefinitionMetadata[];
@@ -2755,7 +2760,6 @@ declare class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
2755
2760
  showLoadMore(): boolean;
2756
2761
  shouldRenderOpenSentinel(): boolean;
2757
2762
  private isLastPage;
2758
- onLoadMorePointerDown(event: Event): void;
2759
2763
  onLoadMoreInteraction(event: Event): void;
2760
2764
  retry(): void;
2761
2765
  handleKey(event: KeyboardEvent): void;
@@ -2822,6 +2826,7 @@ declare class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
2822
2826
  onSearchInputEvent(event: Event): void;
2823
2827
  onSearchInput(term: string): void;
2824
2828
  showLoadMore(): boolean;
2829
+ onPanelSearchKeydown(event: KeyboardEvent): void;
2825
2830
  showEndReachedMessage(): boolean;
2826
2831
  onLoadMoreClick(event: MouseEvent): void;
2827
2832
  placeholderText(): string;
@@ -2922,6 +2927,7 @@ declare class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
2922
2927
  setSelectMetadata(metadata: EntityLookupMetadata): void;
2923
2928
  protected setMetadata(metadata: MaterialSelectMetadata): void;
2924
2929
  onComponentInit(): void;
2930
+ onLookupHostClick(event: MouseEvent): void;
2925
2931
  onViewportResize(): void;
2926
2932
  errorStateMatcher(): _angular_material_core.ErrorStateMatcher;
2927
2933
  protected getSpecificCssClasses(): string[];
@@ -2983,6 +2989,8 @@ declare class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
2983
2989
  selectionLimitReachedText(maxSelections: number | null | undefined): string;
2984
2990
  onDetailAction(event: MouseEvent, item: EntityLookupViewModel): void;
2985
2991
  private openDetailSurface;
2992
+ private hasNavigableDetailHref;
2993
+ private navigableDetailHref;
2986
2994
  private tryOpenGovernedDetailSurface;
2987
2995
  private itemSurfacesHref;
2988
2996
  private selectDetailSurface;
@@ -2996,6 +3004,8 @@ declare class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
2996
3004
  optionSecondaryText(option: LookupOption): string;
2997
3005
  protected resolveRemoteOptionValue(option: OptionDTO<string | number>): EntityLookupResult<string | number>;
2998
3006
  resetOptionText(): string;
3007
+ fieldLabel(): string;
3008
+ panelActionsAriaLabel(): string;
2999
3009
  showQuickClear(): boolean;
3000
3010
  onResetOptionClick(event: MouseEvent): void;
3001
3011
  onTriggerIconMouseDown(event: MouseEvent): void;
@@ -3068,6 +3078,7 @@ declare class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
3068
3078
  private humanizeLookupDependencyField;
3069
3079
  private lookupFilterValueText;
3070
3080
  inlineTooltipText(): string;
3081
+ inlineTooltipDisabled(): boolean;
3071
3082
  private resolveLookupText;
3072
3083
  private lookupViewFromValue;
3073
3084
  private findKnownLookupOption;