@praxisui/table 1.0.0-beta.30 → 1.0.0-beta.40

package/README.md

@@ -13,6 +13,20 @@ Para ver esta biblioteca em funcionamento em uma aplicação completa, utilize o
 
 A biblioteca `@praxisui/table` fornece um componente de tabela robusto e altamente configurável para aplicações Angular empresariais. Com a nova arquitetura unificada, oferece uma experiência de desenvolvimento simplificada mantendo todos os recursos avançados.
 
+## 🎨 Tema M3 (tokens mínimos)
+
+Para garantir que a tabela, filtros e editores reflitam o tema do app host:
+
+- Superfícies: `--md-sys-color-surface`, `--md-sys-color-surface-variant`, `--md-sys-color-surface-container-*`
+- Texto/contorno: `--md-sys-color-on-surface`, `--md-sys-color-on-surface-variant`, `--md-sys-color-on-primary`, `--md-sys-color-outline`, `--md-sys-color-outline-variant`
+- Semânticos: `--md-sys-color-primary`, `--md-sys-color-secondary`, `--md-sys-color-tertiary`, `--md-sys-color-error`
+- Containers: `--md-sys-color-primary-container`, `--md-sys-color-secondary-container`, `--md-sys-color-tertiary-container`, `--md-sys-color-error-container`
+- Overlay: `--md-sys-color-scrim`
+- Elevação: `--md-sys-elevation-level1`–`--md-sys-elevation-level3`
+
+Observação: tokens `--md-sys-*` e `--mdc-theme-*` continuam aceitos quando presentes.
+Nota: a classe de tema é decisão do host (`.dark-theme` ou `.theme-dark`/`.theme-light`); mantenha tokens e componentes no mesmo escopo.
+
 ## ✨ Características Principais
 
 ### 🏗️ Arquitetura Unificada
@@ -42,7 +56,7 @@ A biblioteca `@praxisui/table` fornece um componente de tabela robusto e altamen
 - **Messages Editor**: Textos e localização
 
 Nota (Regras)
-- A antiga aba visual genérica foi removida deste pacote. Um editor especializado para regras da Tabela está em desenvolvimento e já pode ser usado no painel de configuração.
+- A antiga aba visual genérica foi removida deste pacote. O editor especializado de regras da Tabela já está disponível no painel de configuração.
 
 ### 🧩 Editor de Regras (column-first)
 
@@ -70,24 +84,26 @@ Notas sobre enum/CSV:
 - Para campos enumerados, as opções são inferidas de `valueMapping` da coluna ou de `fields?.options`.
 - Para `in/not in` em números/strings, use CSV (ex.: `10, 20, 30` ou `Alice, Bob`).
 
-#### Extensões de DSL (JSON/Tempo)
+#### Extensões de DSL (runtime nativo + custom)
 
-Você pode registrar funções adicionais no `DslParser` do app host para expressões com JSON e data/tempo.
+O runtime da tabela já inclui helpers de JSON/tempo/listas/texto sem configuração extra:
 
-Exemplo rápido (registro direto):
-```ts
-import { DslParser } from '@praxisui/specification';
-import { registerJsonDslFunctions, registerDateDslFunctions } from '@praxisui/table';
+- JSON: `jsonGet`, `hasJsonKey`, `jsonPathMatches`, `jsonEq`, `jsonIn`, `jsonType`
+- Texto/valor: `isBlank`, `eqIgnoreCase`, `coalesce`
+- Faixas: `between`, `dateBetween`
+- Coleções: `containsAny`, `containsAll`, `len`, `lenEq`, `lenGt`, `lenLt`, `lenAtLeast`
+- Tempo: `today`, `now`, `dateAdd`, `dateFormat`, `isToday`, `inLast`, `isPast`, `isPastOrNow`, `isFuture`, `isFutureOrNow`, `weekdayIn`
 
-const parser = new DslParser<any>();
-registerJsonDslFunctions(parser);
-registerDateDslFunctions(parser);
-```
+Exemplos de DSL (canônica):
+- `jsonEq(payload, '$.user.name', 'Alice')`
+- `jsonIn(customer, '$.id', [10, 20])`
+- `eqIgnoreCase(status, 'ATIVO')`
+- `between(amount, 10, 20)`
+- `dateBetween(createdAt, '2025-01-01', '2025-12-31')`
+- `containsAll(tags, ['vip', 'gold'])`
 
-Exemplos de DSL:
-- `jsonGet(payload, '$.user.name') == 'Alice'`
-- `hasJsonKey(payload, '$.meta.etag')`
-- `jsonPathMatches(payload, '$.roles[0]', '^admin$')`
+Observação de gramática:
+- comparações diretas sobre retorno de função (`fn(...) == 'x'`) não são suportadas pela gramática atual; prefira funções predicativas (booleanas) na `condition`.
 
 Guia completo: `projects/praxis-table/docs/DSL-Extensions-Guide.md`
 
@@ -118,8 +134,26 @@ Campos relacionais (FK/objetos) podem ser editados no Rules Editor com busca ass
 Boas práticas
 - Informe `resourcePath` (ou `endpoint`) no `FieldDefinition` para habilitar o lookup via `GenericCrudService` do host.
 - Defina `valueField` (chave estável, tipicamente `id`) e `displayField` (label amigável, como `name`).
+
+## 🔎 Filtro: Atalhos para Período (DateRange)
+
+Habilite atalhos de período no filtro dinâmico sem alterar o contrato do `praxis-filter` — apenas via metadata do campo:
+
+```ts
+// Em FilterConfig (ou na metadata de campos do filtro)
+{
+  name: 'period',
+  label: 'Período',
+  controlType: 'dateRange',
+  showShortcuts: true,
+  shortcuts: ['thisMonth','lastMonth','thisYear'],
+  // Opcional:
+  // i18nShortcuts: { thisMonth: 'Este mês', lastMonth: 'Mês passado' },
+  // applyOnShortcutClick: true
+}
+```
 - Para múltipla seleção, use `multiple: true` no `FieldDefinition` quando aplicável.
-- No runtime, registre as funções JSON no parser (ver guia) para que as expressões de ID/JSON funcionem: `jsonGet/hasJsonKey/jsonPathMatches`.
+- No runtime da tabela não é necessário registrar funções JSON/data manualmente; os helpers já são embutidos.
 - APIs com busca: suporte a um parâmetro livre de texto (por ex. `search`) facilita a experiência do autocomplete.
 
 Exemplo de FieldDefinition (lookup)
@@ -142,8 +176,8 @@ const fields: FieldDefinition[] = [
 ```
 
 Operadores e DSL gerada (relacional)
-- `id ==` → `jsonGet(customer, '$.id') == 10`
-- `id in` → `jsonGet(customer, '$.id') in [10, 20]`
+- `id ==` → `jsonEq(customer, '$.id', 10)`
+- `id in` → `jsonIn(customer, '$.id', [10, 20])`
 - `has property` → `hasJsonKey(customer, '$.meta.etag')`
 - Condições por caminho (join simples): use `key ==` (JSON Path + valor)
 
@@ -161,7 +195,7 @@ Para que o editor/preview e o runtime avaliem corretamente as regras relacionais
 const row = {
   id: 123,
   customer: {
-    id: 10,          // ← usado em id == / id in via jsonGet(customer, '$.id')
+    id: 10,          // ← usado em id == / id in via jsonEq/jsonIn
     name: 'ACME',    // ← usado para exibir label no autocomplete/chip
     meta: { etag: 'v1' },
   },
@@ -169,13 +203,13 @@ const row = {
 
 // Regras DSL comuns
 // id ==
-//   jsonGet(customer, '$.id') == 10
+//   jsonEq(customer, '$.id', 10)
 // id in
-//   jsonGet(customer, '$.id') in [10, 20]
+//   jsonIn(customer, '$.id', [10, 20])
 // has property
 //   hasJsonKey(customer, '$.meta.etag')
 // caminho/valor (join simples)
-//   jsonGet(customer, '$.name') == 'ACME'
+//   jsonEq(customer, '$.name', 'ACME')
 ```
 
 Notas
@@ -191,36 +225,33 @@ Onde é consumido (preview e runtime)
   - Parser interno do componente: projects/praxis-table/src/lib/praxis-table.ts:282
 
 Observação
-- Ao registrar funções via `DslParserFactory` (ex.: `registerJsonDslFunctions`/`registerDateDslFunctions`), use a mesma estratégia para o parser que avalia regras no runtime (Tabela) e para qualquer serviço que precise avaliar DSL. O Editor usa um parser interno para validação/preview; as funções de data já são suportadas por padrão, e as de JSON podem exigir extensão no runtime (ver guia).
+- O runtime da tabela já injeta o registry DSL padrão para validação/parse/execução.
+- Para funções realmente custom, injete via input `[dslFunctionRegistry]` no componente.
 
 Exemplo de Provider (recomendado)
 
 ```ts
 import { Injectable } from '@angular/core';
-import { DslParser } from '@praxisui/specification';
-import { registerJsonDslFunctions, registerDateDslFunctions } from '@praxisui/table';
+import { FunctionRegistry } from '@praxisui/specification';
 
 @Injectable({ providedIn: 'root' })
-export class DslParserFactory {
-  private parser: DslParser<any>;
+export class TableDslRegistryFactory {
+  private readonly registry = FunctionRegistry.getInstance<any>('orders-table-rules');
 
   constructor() {
-    this.parser = new DslParser<any>();
-    registerJsonDslFunctions(this.parser);
-    registerDateDslFunctions(this.parser);
+    this.registry.clear();
+    this.registry.register('isStatus', (_row: any, value: any, expected: any) =>
+      String(value ?? '').toLowerCase() === String(expected ?? '').toLowerCase(),
+    );
   }
 
-  get(): DslParser<any> {
-    return this.parser;
+  get(): FunctionRegistry<any> {
+    return this.registry;
   }
 }
 
-// Em um componente/serviço que avalia regras:
-// constructor(factory: DslParserFactory) {
-//   const parser = factory.get();
-//   const spec = parser.parse("jsonGet(payload, '$.user.name') == 'Alice'");
-//   const ok = spec.isSatisfiedBy({ payload: { user: { name: 'Alice' } } });
-// }
+// Uso no host:
+// <praxis-table [dslFunctionRegistry]="tableDslRegistryFactory.get()" ... />
 ```
 
 ### ⚙️ Painel de Configurações
@@ -641,7 +672,7 @@ onSchemaStatus(ev: { outdated: boolean; serverHash?: string; lastVerifiedAt?: st
 ### Boas práticas para estabilidade
 
 - Evite literais em bindings para o carregador dinâmico:
-  - Não use `[fields]="[quickFieldMeta]"`; prefira um array estável como `quickFieldMetaArray` atualizado apenas quando o metadata mudar.
+  - Não use `[fields]="[pinnedFieldMeta]"`; prefira um array estável como `pinnedFieldMetaArray` atualizado apenas quando o metadata mudar.
 - Reutilize `FormGroup` quando possível. Se precisar trocar o `FormGroup` sem mudar os campos, deixe o `DynamicFieldLoader` reatribuir os controles (rebind-only) em vez de recriar componentes.
 - Evite recriar arrays/objetos desnecessariamente em `ngOnChanges`/`ngAfterViewInit`. Prefira atualizar valores (`setValue`, `patchValue`) e manter referências estáveis.
 - Observers (Resize/Mutation): atualize `overlayOrigin` e largura apenas quando houver mudanças reais; isso evita loops de CD.
@@ -726,7 +757,9 @@ sequenceDiagram
 
 ### Uso com Dados Locais (Client-Side)
 
-Se você precisar fornecer os dados manualmente (por exemplo, de uma fonte que não é uma API Praxis), pode usar o input `[data]` e omitir o `resourcePath`. Neste modo, todas as operações (paginação, ordenação, filtro) são realizadas no lado do cliente.
+Se você precisar fornecer os dados manualmente (por exemplo, de uma fonte que não é uma API Praxis), pode usar o input `[data]` e omitir o `resourcePath`.
+Importante: o modo local está protegido por feature flag e exige `behavior.localDataMode.enabled = true` (default é `false`).
+Quando a flag está ativa, as operações de paginação, ordenação e filtro são executadas no lado do cliente.
 
 ```typescript
 import { PraxisTable } from "@praxisui/table";
@@ -746,12 +779,13 @@ export class ExampleComponent {
       { field: "name", header: "Nome", type: "string" },
       { field: "email", header: "Email", type: "string" },
     ],
-    behavior: {
-      pagination: { enabled: true, pageSize: 10 },
-      sorting: { enabled: true },
-      filtering: { enabled: true },
-    },
-  };
+	    behavior: {
+	      pagination: { enabled: true, pageSize: 10 },
+	      sorting: { enabled: true },
+	      filtering: { enabled: true },
+	      localDataMode: { enabled: true }, // obrigatório para fluxo local oficial
+	    },
+	  };
 
   employees = [
     { id: 1, name: "João Silva", email: "joao@empresa.com" },
@@ -1246,7 +1280,7 @@ Para documentação completa da API, consulte a [documentação da @praxisui/cor
 O `PraxisFilter` pode ser acoplado à barra de ferramentas da tabela. O exemplo abaixo mostra a busca de pessoas por CPF e status.
 
 ```html
-<praxis-filter [resourcePath]="'pessoas'" [formId]="'pessoas-filter'" [persistenceKey]="'pessoas-filter-v1'" [quickField]="'cpf'" [alwaysVisibleFields]="['status']" (submit)="onFilter($event)"></praxis-filter> <praxis-table [data]="tableData"></praxis-table>
+<praxis-filter [resourcePath]="'pessoas'" [formId]="'pessoas-filter'" [persistenceKey]="'pessoas-filter-v1'" [alwaysVisibleFields]="['status']" (submit)="onFilter($event)"></praxis-filter> <praxis-table [data]="tableData"></praxis-table>
 ```
 
 ```ts
@@ -1258,15 +1292,15 @@ onFilter(dto: any) {
 }
 ```
 
-### ⚙️ Painel de Configurações do Filtro
+### ⚙️ Configuração do Filtro
 
-O `PraxisFilter` possui um painel de configurações acessível pelo ícone de
-engrenagem na barra do filtro ou programaticamente através do método
+O `PraxisFilter` pode ser configurado por inputs/JSON de configuração. O atalho
+visual por ícone de engrenagem não é exposto por padrão na tabela/demo.
+Quando necessário, também é possível abrir o painel programaticamente via
 `openSettings()`. Nesse painel é possível ajustar:
 
-- **quickField** – campo utilizado para a busca rápida
 - **alwaysVisibleFields** – campos que permanecem sempre visíveis
-- **placeholder** – texto exibido no campo de busca
+- **alwaysVisibleFieldMetadataOverrides** – patch de metadata por campo sempre visível (controle, clearButton, inlineAutoSize etc.)
 - **showAdvanced** – define se a seção avançada inicia aberta
 
 ```ts
@@ -1278,9 +1312,32 @@ abrirConfiguracoes() {
 ```
 
 Ao aplicar ou salvar, as escolhas são validadas contra os metadados
-disponíveis. O componente exibe uma barra de progresso durante o processo
-de persistência e mensagens de sucesso ou erro via _snack bar_, garantindo
-uma experiência consistente.
+do **DTO de filtro** (schema de `POST /{resource}/filter`). Campos ausentes
+no DTO não são aplicados em `alwaysVisibleFields`.
+O componente exibe uma barra de progresso durante o processo de persistência e
+mensagens de sucesso ou erro via _snack bar_, garantindo uma experiência
+consistente.
+
+### 🔖 Mini‑guia: Atalhos do Filtro (tags)
+
+Atalhos são “chips” que guardam um conjunto de filtros (DTO) para reuso rápido.
+
+- Criar/Salvar
+  - Modal (padrão): o host do diálogo exibe o botão quando `allowSaveTags === true`.
+  - Gaveta (Drawer): o Adapter recebe `allowSaveTags?`, `i18nSaveAsShortcut?` e `onSaveShortcut?` (opcionais). O host deve exibir o botão e chamar `onSaveShortcut(clean({ ...initialDto, ...lastValue }))`.
+  - O DTO é limpo antes de persistir (remove `'' | null | undefined`).
+- Aplicar
+  - Clique/Enter no chip aplica imediatamente `tag.patch` (substitui o estado atual), emite `submit` e persiste.
+  - O chip ativo é destacado (cor/borda + ícone de “check”) quando o DTO atual é igual ao patch do atalho.
+- Editar/Renomear
+  - Apenas atalhos do usuário exibem ícone de lápis. Predefinidos mostram ícone de “cadeado” (somente leitura).
+- Excluir (com Undo)
+  - Exclusão remove imediatamente o atalho do usuário e exibe snackbar “Atalho removido” com ação “Desfazer” quando `confirmTagDelete === true`.
+  - Ao clicar em “Desfazer”, o atalho é restaurado na mesma posição e os eventos são reemitidos.
+- i18n
+  - Chaves úteis: `saveAsShortcut`, `renameShortcut`, `removeShortcut`, `shortcutSaved`, `shortcutRemoved`, `undo`, `readonlyShortcut`.
+
+Veja também: “Guia de Integração — Hosts (filtro em gaveta)” em `docs/host-crud-integration.md` para detalhes do contrato do Adapter.
 
 ### Novos Inputs/Outputs (PraxisFilter)
 

package/fesm2022/praxisui-table-filter-form-dialog-host.component-CLF05-__.mjs

@@ -0,0 +1,166 @@
+import * as i0 from '@angular/core';
+import { Inject, Component } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i15 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { PraxisFilterForm } from '@praxisui/dynamic-form';
+
+class FilterFormDialogHostComponent {
+    data;
+    ref;
+    valid = true;
+    lastValue = {};
+    formGroup = null;
+    canSave = false;
+    constructor(data, ref) {
+        this.data = data;
+        this.ref = ref;
+    }
+    onReady(ev) {
+        try {
+            this.formGroup = ev?.formGroup || null;
+            const dto = this.data?.initialDto || {};
+            if (ev?.formGroup && dto && Object.keys(dto).length) {
+                ev.formGroup.patchValue(dto, { emitEvent: false });
+            }
+            this.lastValue = this.formGroup?.getRawValue?.() ?? this.lastValue;
+            this.updateCanSave();
+        }
+        catch { }
+    }
+    onChange(ev) {
+        this.lastValue = ev?.formData ?? {};
+        this.updateCanSave();
+    }
+    onValidity(v) {
+        this.valid = v;
+        this.updateCanSave();
+    }
+    apply() {
+        const formData = this.formGroup?.getRawValue?.() ??
+            this.lastValue ??
+            this.data?.initialDto ??
+            {};
+        this.ref.close({ formData });
+    }
+    close() { this.ref.close(); }
+    clean(obj) {
+        const out = {};
+        Object.keys(obj || {}).forEach((k) => {
+            const v = obj[k];
+            if (v !== '' && v !== null && v !== undefined)
+                out[k] = v;
+        });
+        return out;
+    }
+    buildDtoForSave() {
+        const base = this.data?.initialDto || {};
+        const merged = { ...base, ...(this.lastValue || {}) };
+        return this.clean(merged);
+    }
+    updateCanSave() {
+        this.canSave = Object.keys(this.buildDtoForSave() || {}).length > 0;
+    }
+    saveShortcut() {
+        try {
+            const dto = this.buildDtoForSave();
+            if (!Object.keys(dto).length)
+                return;
+            this.data?.onSaveShortcut?.(dto);
+        }
+        catch { }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilterFormDialogHostComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FilterFormDialogHostComponent, isStandalone: true, selector: "praxis-filter-form-dialog-host", ngImport: i0, template: `
+    <div mat-dialog-title class="pfx-dialog-title" id="filterDialogTitle">
+      <div class="pfx-dialog-title-text">
+        <mat-icon>tune</mat-icon>
+        <span>{{ data.title || 'Filtro avançado' }}</span>
+      </div>
+      <button mat-icon-button type="button" class="pfx-dialog-close" (click)="close()"
+        [attr.aria-label]="data.i18n?.cancel || 'Fechar'">
+        <mat-icon>close</mat-icon>
+      </button>
+    </div>
+    <mat-dialog-content class="pfx-filter-dialog-content" aria-labelledby="filterDialogTitle">
+      <mat-progress-bar *ngIf="data?.schemaLoading" mode="indeterminate"></mat-progress-bar>
+      <praxis-filter-form
+        *ngIf="data?.config"
+        [formId]="data.formId"
+        [resourcePath]="data.resourcePath"
+        [mode]="'edit'"
+        [config]="data.config"
+        (formReady)="onReady($event)"
+        (valueChange)="onChange($event)"
+        (validityChange)="onValidity($event)"
+      ></praxis-filter-form>
+      <p *ngIf="!data?.config && !data?.schemaLoading" class="pfx-empty-state">{{ data.i18n?.noData || 'Nenhum dado' }}</p>
+    </mat-dialog-content>
+    <mat-dialog-actions align="end" class="pfx-dialog-actions">
+      <button mat-button type="button"
+              *ngIf="data?.allowSaveTags"
+              [disabled]="!canSave"
+              (click)="saveShortcut()">
+        {{ data.i18n?.saveAsShortcut || 'Salvar como atalho' }}
+      </button>
+      <button mat-stroked-button type="button" (click)="close()">{{ data.i18n?.cancel || 'Cancelar' }}</button>
+      <button mat-flat-button color="primary" (click)="apply()" [disabled]="!valid">
+        {{ data.i18n?.apply || 'Aplicar' }}
+      </button>
+    </mat-dialog-actions>
+  `, isInline: true, styles: [".pfx-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:8px}.pfx-dialog-title-text{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--md-sys-color-on-surface)}.pfx-dialog-close{margin-left:auto}.pfx-filter-dialog-content{display:flex;flex-direction:column;gap:12px;padding-top:8px}.pfx-empty-state{margin:8px 0 0;color:var(--md-sys-color-on-surface-variant)}.pfx-dialog-actions{padding:var(--pdx-dialog-actions-padding, 12px 24px 16px);border-top:1px solid var(--md-sys-color-outline-variant);background:transparent;display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PraxisFilterForm, selector: "praxis-filter-form", inputs: ["config", "formId", "resourcePath", "mode"], outputs: ["formReady", "valueChange", "submit", "validityChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilterFormDialogHostComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-filter-form-dialog-host', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule, MatIconModule, PraxisFilterForm], template: `
+    <div mat-dialog-title class="pfx-dialog-title" id="filterDialogTitle">
+      <div class="pfx-dialog-title-text">
+        <mat-icon>tune</mat-icon>
+        <span>{{ data.title || 'Filtro avançado' }}</span>
+      </div>
+      <button mat-icon-button type="button" class="pfx-dialog-close" (click)="close()"
+        [attr.aria-label]="data.i18n?.cancel || 'Fechar'">
+        <mat-icon>close</mat-icon>
+      </button>
+    </div>
+    <mat-dialog-content class="pfx-filter-dialog-content" aria-labelledby="filterDialogTitle">
+      <mat-progress-bar *ngIf="data?.schemaLoading" mode="indeterminate"></mat-progress-bar>
+      <praxis-filter-form
+        *ngIf="data?.config"
+        [formId]="data.formId"
+        [resourcePath]="data.resourcePath"
+        [mode]="'edit'"
+        [config]="data.config"
+        (formReady)="onReady($event)"
+        (valueChange)="onChange($event)"
+        (validityChange)="onValidity($event)"
+      ></praxis-filter-form>
+      <p *ngIf="!data?.config && !data?.schemaLoading" class="pfx-empty-state">{{ data.i18n?.noData || 'Nenhum dado' }}</p>
+    </mat-dialog-content>
+    <mat-dialog-actions align="end" class="pfx-dialog-actions">
+      <button mat-button type="button"
+              *ngIf="data?.allowSaveTags"
+              [disabled]="!canSave"
+              (click)="saveShortcut()">
+        {{ data.i18n?.saveAsShortcut || 'Salvar como atalho' }}
+      </button>
+      <button mat-stroked-button type="button" (click)="close()">{{ data.i18n?.cancel || 'Cancelar' }}</button>
+      <button mat-flat-button color="primary" (click)="apply()" [disabled]="!valid">
+        {{ data.i18n?.apply || 'Aplicar' }}
+      </button>
+    </mat-dialog-actions>
+  `, styles: [".pfx-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:8px}.pfx-dialog-title-text{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--md-sys-color-on-surface)}.pfx-dialog-close{margin-left:auto}.pfx-filter-dialog-content{display:flex;flex-direction:column;gap:12px;padding-top:8px}.pfx-empty-state{margin:8px 0 0;color:var(--md-sys-color-on-surface-variant)}.pfx-dialog-actions{padding:var(--pdx-dialog-actions-padding, 12px 24px 16px);border-top:1px solid var(--md-sys-color-outline-variant);background:transparent;display:flex;align-items:center;gap:8px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }] });
+
+export { FilterFormDialogHostComponent };
+//# sourceMappingURL=praxisui-table-filter-form-dialog-host.component-CLF05-__.mjs.map

package/fesm2022/praxisui-table-filter-form-dialog-host.component-CLF05-__.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"praxisui-table-filter-form-dialog-host.component-CLF05-__.mjs","sources":["../../../projects/praxis-table/src/lib/components/praxis-filter/filter-form-dialog-host.component.ts"],"sourcesContent":["import { Component, Inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatIconModule } from '@angular/material/icon';\nimport { FormGroup } from '@angular/forms';\nimport { PraxisFilterForm } from '@praxisui/dynamic-form';\n\n@Component({\n  selector: 'praxis-filter-form-dialog-host',\n  standalone: true,\n  imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule, MatIconModule, PraxisFilterForm],\n  template: `\n    <div mat-dialog-title class=\"pfx-dialog-title\" id=\"filterDialogTitle\">\n      <div class=\"pfx-dialog-title-text\">\n        <mat-icon>tune</mat-icon>\n        <span>{{ data.title || 'Filtro avançado' }}</span>\n      </div>\n      <button mat-icon-button type=\"button\" class=\"pfx-dialog-close\" (click)=\"close()\"\n        [attr.aria-label]=\"data.i18n?.cancel || 'Fechar'\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n    <mat-dialog-content class=\"pfx-filter-dialog-content\" aria-labelledby=\"filterDialogTitle\">\n      <mat-progress-bar *ngIf=\"data?.schemaLoading\" mode=\"indeterminate\"></mat-progress-bar>\n      <praxis-filter-form\n        *ngIf=\"data?.config\"\n        [formId]=\"data.formId\"\n        [resourcePath]=\"data.resourcePath\"\n        [mode]=\"'edit'\"\n        [config]=\"data.config\"\n        (formReady)=\"onReady($event)\"\n        (valueChange)=\"onChange($event)\"\n        (validityChange)=\"onValidity($event)\"\n      ></praxis-filter-form>\n      <p *ngIf=\"!data?.config && !data?.schemaLoading\" class=\"pfx-empty-state\">{{ data.i18n?.noData || 'Nenhum dado' }}</p>\n    </mat-dialog-content>\n    <mat-dialog-actions align=\"end\" class=\"pfx-dialog-actions\">\n      <button mat-button type=\"button\"\n              *ngIf=\"data?.allowSaveTags\"\n              [disabled]=\"!canSave\"\n              (click)=\"saveShortcut()\">\n        {{ data.i18n?.saveAsShortcut || 'Salvar como atalho' }}\n      </button>\n      <button mat-stroked-button type=\"button\" (click)=\"close()\">{{ data.i18n?.cancel || 'Cancelar' }}</button>\n      <button mat-flat-button color=\"primary\" (click)=\"apply()\" [disabled]=\"!valid\">\n        {{ data.i18n?.apply || 'Aplicar' }}\n      </button>\n    </mat-dialog-actions>\n  `,\n  styles: [`\n    .pfx-dialog-title {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding-right: 8px;\n    }\n    .pfx-dialog-title-text {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: var(--md-sys-color-on-surface);\n    }\n    .pfx-dialog-close {\n      margin-left: auto;\n    }\n    .pfx-filter-dialog-content {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding-top: 8px;\n    }\n    .pfx-empty-state {\n      margin: 8px 0 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    .pfx-dialog-actions {\n      padding: var(--pdx-dialog-actions-padding, 12px 24px 16px);\n      border-top: 1px solid var(--md-sys-color-outline-variant);\n      background: transparent;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n  `],\n})\nexport class FilterFormDialogHostComponent {\n  valid = true;\n  private lastValue: any = {};\n  private formGroup: FormGroup<Record<string, any>> | null = null;\n  canSave = false;\n  constructor(\n    @Inject(MAT_DIALOG_DATA)\n    public data: {\n      formId: string;\n      resourcePath: string;\n      config: any;\n      title?: string;\n      schemaLoading?: boolean;\n      initialDto?: Record<string, any>;\n      allowSaveTags?: boolean;\n      i18n?: { saveAsShortcut?: string; cancel?: string; apply?: string; noData?: string };\n      onSaveShortcut?: (dto: Record<string, any>) => void;\n    },\n    private ref: MatDialogRef<FilterFormDialogHostComponent>,\n  ) {}\n\n  onReady(ev: { formGroup: any }): void {\n    try {\n      this.formGroup = (ev?.formGroup as FormGroup<Record<string, any>>) || null;\n      const dto = this.data?.initialDto || {};\n      if (ev?.formGroup && dto && Object.keys(dto).length) {\n        ev.formGroup.patchValue(dto, { emitEvent: false });\n      }\n      this.lastValue = this.formGroup?.getRawValue?.() ?? this.lastValue;\n      this.updateCanSave();\n    } catch {}\n  }\n  onChange(ev: { formData: Record<string, any> }): void {\n    this.lastValue = ev?.formData ?? {};\n    this.updateCanSave();\n  }\n  onValidity(v: boolean): void {\n    this.valid = v;\n    this.updateCanSave();\n  }\n  apply(): void {\n    const formData =\n      this.formGroup?.getRawValue?.() ??\n      this.lastValue ??\n      this.data?.initialDto ??\n      {};\n    this.ref.close({ formData });\n  }\n  close(): void { this.ref.close(); }\n\n  private clean(obj: Record<string, any> | undefined | null): Record<string, any> {\n    const out: Record<string, any> = {};\n    Object.keys(obj || {}).forEach((k) => {\n      const v = (obj as any)[k];\n      if (v !== '' && v !== null && v !== undefined) out[k] = v;\n    });\n    return out;\n  }\n  private buildDtoForSave(): Record<string, any> {\n    const base = this.data?.initialDto || {};\n    const merged = { ...base, ...(this.lastValue || {}) };\n    return this.clean(merged);\n  }\n  private updateCanSave(): void {\n    this.canSave = Object.keys(this.buildDtoForSave() || {}).length > 0;\n  }\n  saveShortcut(): void {\n    try {\n      const dto = this.buildDtoForSave();\n      if (!Object.keys(dto).length) return;\n      this.data?.onSaveShortcut?.(dto);\n    } catch {}\n  }\n}\n"],"names":["i2","i4"],"mappings":"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"}