@sd-angular/core 19.0.0-beta.101 → 19.0.0-beta.102

package/components/operator/src/operator.component.d.ts

@@ -9,10 +9,6 @@ interface OperatorItem {
 export declare class SdOperator {
     #private;
     static readonly FALLBACK_ICON = "<path d=\"M4 5h16l-6.5 7.5V19l-3 2v-8.5z\"/>";
-    static readonly SUPPLEMENT: Partial<Record<Operator, {
-        icon: string;
-        display: string;
-    }>>;
     /** Operator hiện tại — binding hai chiều [(model)]. */
     model: import("@angular/core").ModelSignal<Operator | undefined>;
     /** Danh sách operator cho phép, giữ nguyên thứ tự truyền vào. */

package/components/query-bar/src/actions-bar.component.d.ts

@@ -0,0 +1,31 @@
+import { SdQuery, SdQueryLogic, SdSavedFilter } from './query-bar.model';
+import * as i0 from "@angular/core";
+/**
+ * Right-pinned toolbar for `sd-query-bar`: AND/OR connector toggle, saved-filters
+ * dropdown, clear-all, a save-filter shortcut, and the deferred Search trigger.
+ * Owns no business logic — just routes user intent back via outputs
+ * (`(logic)` model, `(clear)`, `(search)`, `(applyFilter)`).
+ *
+ * The "save filter" button forwards to `SdQuerySavedFiltersMenu.promptSave()` so
+ * the user can save the current query without first opening the saved-filters
+ * dropdown — keeps the save action adjacent to the Search trigger.
+ */
+export declare class SdQueryActionsBar {
+    readonly showLogicToggle: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly logic: import("@angular/core").ModelSignal<SdQueryLogic>;
+    readonly filtersCount: import("@angular/core").InputSignal<number>;
+    readonly showSavedFilters: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly savedFiltersKey: import("@angular/core").InputSignal<string | undefined>;
+    readonly query: import("@angular/core").InputSignal<SdQuery<any>>;
+    readonly applyFilter: import("@angular/core").OutputEmitterRef<SdSavedFilter<any>>;
+    readonly showClearAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clear: import("@angular/core").OutputEmitterRef<void>;
+    readonly canSearch: import("@angular/core").InputSignal<boolean>;
+    readonly search: import("@angular/core").OutputEmitterRef<void>;
+    private readonly savedFiltersMenu;
+    setLogic(value: SdQueryLogic): void;
+    /** Trigger save-current-query via the saved-filters child (no-op when menu absent / no key). */
+    promptSave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryActionsBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryActionsBar, "sd-query-actions-bar", never, { "showLogicToggle": { "alias": "showLogicToggle"; "required": false; "isSignal": true; }; "logic": { "alias": "logic"; "required": false; "isSignal": true; }; "filtersCount": { "alias": "filtersCount"; "required": false; "isSignal": true; }; "showSavedFilters": { "alias": "showSavedFilters"; "required": false; "isSignal": true; }; "savedFiltersKey": { "alias": "savedFiltersKey"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "canSearch": { "alias": "canSearch"; "required": false; "isSignal": true; }; }, { "logic": "logicChange"; "applyFilter": "applyFilter"; "clear": "clear"; "search": "search"; }, never, never, true, never>;
+}

package/components/query-bar/src/build-chip.component.d.ts

@@ -0,0 +1,67 @@
+import { Operator } from '@sd-angular/core/utilities/models';
+import { BuildingChip } from './query-bar.model';
+import * as i0 from "@angular/core";
+type Density = 'compact' | 'comfortable';
+/**
+ * Visual block for the in-progress build chip (inline mode token builder).
+ *
+ * why: tách khỏi `<sd-query-bar>` để parent chỉ giữ state (`building()` signal +
+ * step transitions) — tất cả render logic của 2 step (operator picker / value
+ * picker) cộng với 7 nhánh field type sống tại đây.
+ *
+ * The chip has two visually distinct branches:
+ *  - **Seamless** (`string` / `number`) — the entire pill IS an `<sd-query-inline-value-chip>`
+ *    (its own border, autofocused input). The host's `.c-token-building` shell is skipped.
+ *  - **Token** (`values` / `lazy-values` / `date` / `datetime` / `boolean` / other) —
+ *    `.c-token.c-token-building` dashed pill with field label + operator (menu in
+ *    operator step, disabled badge in value step) + the per-type picker + × cancel.
+ */
+export declare class SdQueryBuildChip {
+    /** Current build state — drives every visual branch. */
+    readonly building: import("@angular/core").InputSignal<BuildingChip<any>>;
+    /** Density preset — forwarded to the seamless chip + sizes the .c-token row. */
+    readonly density: import("@angular/core").InputSignal<Density>;
+    /** Operator set offered in the operator-step menu (parent's `allowedOperatorsFor(field)`). */
+    readonly allowedOperators: import("@angular/core").InputSignal<Operator[]>;
+    /** Whether the active operator is a multi-select (`IN`/`NOT_IN`) — drives sd-select [multiple]. */
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    /** Show the operator label on the seamless chip's pill (forwarded to inline-value-chip). */
+    readonly showOperator: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Prefix for `data-autoid` on the inner picker / seamless input.
+     * why: parent originally hard-coded `'qb-build-value'` everywhere; default preserves that
+     * for backward compatibility with existing e2e selectors.
+     */
+    readonly autoId: import("@angular/core").InputSignal<string>;
+    /** Operator chosen from the operator-step menu — parent advances to value step. */
+    readonly pickOperator: import("@angular/core").OutputEmitterRef<Operator>;
+    /**
+     * Value committed from a non-seamless picker (sd-select / sd-date / sd-date-range /
+     * sd-datetime) or a boolean toggle. Parent pushes the completed chip and clears building.
+     */
+    readonly commitValue: import("@angular/core").OutputEmitterRef<unknown>;
+    /** × button — abandon the build (parent clears `building` signal). */
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Commit from the seamless (string / number) branch. Parent decides empty → cancel
+     * vs push complete (see `onBuildSeamlessCommit`); this just forwards the raw value.
+     */
+    readonly seamlessCommit: import("@angular/core").OutputEmitterRef<unknown>;
+    /** Fallback editor (boolean ng-template / other) — staged draft on every change. */
+    readonly draftChange: import("@angular/core").OutputEmitterRef<unknown>;
+    /** Fallback editor — Enter / click commits the staged draft. */
+    readonly draftCommit: import("@angular/core").OutputEmitterRef<void>;
+    /** Operator-step menu — auto-opened by parent right after `building` enters operator step. */
+    private readonly opMenu;
+    /** Value-step picker (the active bare control) — auto-opened by parent at value step. */
+    private readonly picker;
+    /** Open the operator menu — parent calls after rendering the operator step. */
+    openOperator(): void;
+    /** Open the value-step picker's native panel — parent calls after rendering the value step. */
+    openPicker(): void;
+    /** True when the seamless branch (string/number value step) should be rendered. */
+    readonly isSeamless: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryBuildChip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryBuildChip, "sd-query-build-chip", never, { "building": { "alias": "building"; "required": true; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "allowedOperators": { "alias": "allowedOperators"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showOperator": { "alias": "showOperator"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "pickOperator": "pickOperator"; "commitValue": "commitValue"; "cancel": "cancel"; "seamlessCommit": "seamlessCommit"; "draftChange": "draftChange"; "draftCommit": "draftCommit"; }, never, never, true, never>;
+}
+export {};

package/components/query-bar/src/chip-popover.component.d.ts

@@ -0,0 +1,73 @@
+import { MatMenu } from '@angular/material/menu';
+import { Filter, Operator } from '@sd-angular/core/utilities/models';
+import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import * as i0 from "@angular/core";
+/**
+ * Popover-mode chip editor — the entire `<mat-menu>` that opens when a popover-mode
+ * chip is clicked. Owns ALL operator+value staging signals and async option loading.
+ *
+ * why: tách khỏi `<sd-query-bar>` để parent chỉ giữ `editingIndex` (chip nào đang
+ * mở) + nhận `(commit)` khi popover đóng. Mỗi lần parent gọi `seed(filter, field)`
+ * trước khi mở chip popover, child reset staging signals + kích option loading.
+ *
+ * Public surface (template ref `#cp`):
+ *   - `cp.menu()` — the `<mat-menu>` to feed `[menu]` of `<sd-query-popover-chip>`
+ *   - `cp.seed(filter, field)` — parent reseeds staging before opening
+ *   - `(commit)` output — emitted on mat-menu close with staged Filter
+ *   - `(swapField)` output — emitted when the nested field switcher picks a new field
+ */
+export declare class SdQueryChipPopover {
+    #private;
+    /** Resolved field of the currently editing chip — parent passes from `fieldByKey()`. */
+    readonly field: import("@angular/core").InputSignal<SdQueryField | undefined>;
+    /** The chip's current Filter — used by `seed()` for initial staging values. */
+    readonly filter: import("@angular/core").InputSignal<Filter | undefined>;
+    /** Optional chip index — embedded in the composed autoIds. */
+    readonly chipIndex: import("@angular/core").InputSignal<number | null>;
+    /** Prefix for `data-autoId` on inner controls. */
+    readonly autoIdBase: import("@angular/core").InputSignal<string>;
+    /** MatMenu for the field switcher — parent passes its `<sd-query-field-picker>` menu. */
+    readonly switchPickerMenu: import("@angular/core").InputSignal<MatMenu | undefined>;
+    /** Emitted when mat-menu closes — parent splices `next` into filters[idx]. */
+    readonly commit: import("@angular/core").OutputEmitterRef<Filter>;
+    /** Emitted when nested field-switcher picks a new field — parent calls changeFilterField. */
+    readonly swapField: import("@angular/core").OutputEmitterRef<SdQueryField>;
+    /** Staged operator. */
+    readonly editingOperator: import("@angular/core").WritableSignal<Operator>;
+    /** Staged value (shape depends on field type + operator). */
+    readonly editingValue: import("@angular/core").WritableSignal<unknown>;
+    /** Resolved option list for values / lazy-values. */
+    readonly editingOptions: import("@angular/core").WritableSignal<any[]>;
+    /** Loading flag for async option fetch. */
+    readonly editingOptionsLoading: import("@angular/core").WritableSignal<boolean>;
+    readonly allowedOperators: import("@angular/core").Signal<Operator[]>;
+    readonly showOperatorSelector: import("@angular/core").Signal<boolean>;
+    /** Whether the staged operator is multi-select (IN/NOT_IN). */
+    multiple(op?: Operator): boolean;
+    /** Whether the staged operator carries no data (NULL/NOT_NULL). */
+    isNoDataOperator(op: Operator | string): boolean;
+    /** Compose an autoId for an inner control (`<base>-chip<idx>-<role>`). */
+    chipAutoId(role: string): string;
+    readonly iconFor: typeof sdQueryFieldIcon;
+    readonly menu: import("@angular/core").Signal<MatMenu | undefined>;
+    /** Reseed staging from a new filter/field pair — call before opening the menu. */
+    seed(filter: Filter | undefined, field: SdQueryField | undefined): void;
+    /** Called on operator change in the popover header — reshapes value when family changes. */
+    onEditingOperatorChange(next: Operator): void;
+    /** Single-value input change. */
+    onEditingValueInput(value: unknown): void;
+    /** BETWEEN range — mutate only `.from`. */
+    onEditingRangeFrom(value: string | number | null): void;
+    /** BETWEEN range — mutate only `.to`. */
+    onEditingRangeTo(value: string | number | null): void;
+    /** Toggle a value in the staged multi-select array. */
+    toggleEditingMultiValue(value: unknown): void;
+    isEditingMultiSelected(value: unknown): boolean;
+    /**
+     * mat-menu's (closed) handler — compose the next Filter from staging signals and
+     * emit (commit). Parent splices into its filters[] and nulls editingIndex.
+     */
+    onMenuClosed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryChipPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryChipPopover, "sd-query-chip-popover", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "chipIndex": { "alias": "chipIndex"; "required": false; "isSignal": true; }; "autoIdBase": { "alias": "autoIdBase"; "required": false; "isSignal": true; }; "switchPickerMenu": { "alias": "switchPickerMenu"; "required": false; "isSignal": true; }; }, { "commit": "commit"; "swapField": "swapField"; }, never, never, true, never>;
+}

package/components/query-bar/src/field-picker.component.d.ts

@@ -0,0 +1,37 @@
+import { MatMenu } from '@angular/material/menu';
+import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import * as i0 from "@angular/core";
+/**
+ * Field picker mat-menu for `sd-query-bar`.
+ *
+ * Shared between two flows in the bar:
+ * - "Add filter" — pass `[usedKeys]` (a Set of field keys already on the bar) so
+ *   those entries render disabled with a check.
+ * - "Đổi field" inside the chip popover — pass `[currentKey]` to disable the
+ *   currently-bound field.
+ *
+ * Parent triggers via `[matMenuTriggerFor]="picker.menu()"` and receives the
+ * chosen field through `(pick)`.
+ */
+export declare class SdQueryFieldPicker {
+    /** Field list shown in the menu (caller-supplied; rendered in input order). */
+    readonly fields: import("@angular/core").InputSignal<SdQueryField[]>;
+    /** Single key disabled with a trailing check — used in the chip-popover "Đổi field" flow. */
+    readonly currentKey: import("@angular/core").InputSignal<string | undefined>;
+    /** Set of keys already in use — used in the "Add filter" flow to grey out duplicates. */
+    readonly usedKeys: import("@angular/core").InputSignal<Set<string>>;
+    /** Emits when the user picks an enabled field. */
+    readonly pick: import("@angular/core").OutputEmitterRef<SdQueryField>;
+    /** MatMenu instance — parent binds `[matMenuTriggerFor]="picker.menu()"`. */
+    readonly menu: import("@angular/core").Signal<MatMenu>;
+    readonly iconFor: typeof sdQueryFieldIcon;
+    /** Per-field disabled state — current key OR used key OR field's own disabled flag. */
+    readonly disabledMap: import("@angular/core").Signal<Set<string>>;
+    isDisabled(field: SdQueryField): boolean;
+    /** "Current" check icon — only when the field matches `currentKey`. */
+    isCurrent(field: SdQueryField): boolean;
+    /** "Used" check icon — when the field is in `usedKeys` (not the same as current). */
+    isUsed(field: SdQueryField): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryFieldPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryFieldPicker, "sd-query-field-picker", never, { "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "currentKey": { "alias": "currentKey"; "required": false; "isSignal": true; }; "usedKeys": { "alias": "usedKeys"; "required": false; "isSignal": true; }; }, { "pick": "pick"; }, never, never, true, never>;
+}

package/components/query-bar/src/inline-chip.component.d.ts

@@ -0,0 +1,82 @@
+import { Filter, Operator } from '@sd-angular/core/utilities/models';
+import { SdQueryField } from './query-bar.model';
+import * as i0 from "@angular/core";
+type Density = 'compact' | 'comfortable';
+/**
+ * Completed inline chip (non-string/number — those use `<sd-query-inline-value-chip>`).
+ *
+ * why: tách edit lifecycle ra khỏi parent `<sd-query-bar>` — child tự quản lý
+ * `isEditing` signal, auto-open picker, focusout exit. Parent chỉ pass field/filter
+ * và nhận commit/remove outputs.
+ *
+ * Covers types: boolean, date, datetime, values, lazy-values, plus a fallback else
+ * branch. BETWEEN (date / datetime) uses a single `<sd-date-range>` (datetime
+ * downgrades to date precision).
+ */
+export declare class SdQueryInlineChip {
+    #private;
+    /** Resolved field — parent passes it (no lookup needed inside). */
+    readonly field: import("@angular/core").InputSignal<SdQueryField>;
+    /** The chip's Filter — used for `data` + `operator`. */
+    readonly filter: import("@angular/core").InputSignal<Filter>;
+    /** Density preset — sizes the `.c-token` row. */
+    readonly density: import("@angular/core").InputSignal<Density>;
+    /** Whether the active operator is a multi-select (IN/NOT_IN). */
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    /** Show `<sd-operator>` (disabled badge) on the chip; otherwise show `':'` separator. */
+    readonly showOperator: import("@angular/core").InputSignal<boolean>;
+    /** autoId prefix for inner controls (parent passes `inlineAutoId(i, 'value')`). */
+    readonly autoId: import("@angular/core").InputSignal<string>;
+    /** Pre-computed display text — parent owns `chipValueText(filter)` so we don't recompute. */
+    readonly valueText: import("@angular/core").InputSignal<string>;
+    /** No-data operator (NULL/NOT_NULL) — hide entire value slot when true. */
+    readonly isNoData: import("@angular/core").InputSignal<boolean>;
+    /** Single-value commit — parent runs `updateFilter(i, { data })`. */
+    readonly commit: import("@angular/core").OutputEmitterRef<unknown>;
+    /** BETWEEN commit (date/datetime) — parent runs `setFilterRange(i, ev)`. */
+    readonly commitRange: import("@angular/core").OutputEmitterRef<{
+        from: unknown;
+        to: unknown;
+    } | null>;
+    /** Live edit during multi-select — parent runs `editValueFn(i)(v)`. */
+    readonly liveChange: import("@angular/core").OutputEmitterRef<unknown>;
+    /** × removal. */
+    readonly remove: import("@angular/core").OutputEmitterRef<void>;
+    readonly editing: import("@angular/core").Signal<boolean>;
+    /** Active picker reference — auto-opened right after entering edit. */
+    private readonly chipPicker;
+    readonly iconName: import("@angular/core").Signal<string>;
+    /** Operator code — convenience accessor for template. */
+    readonly operator: import("@angular/core").Signal<Operator>;
+    /** Data payload — convenience accessor for template. */
+    readonly data: import("@angular/core").Signal<unknown>;
+    /** Enter edit mode + auto-open the picker on next render. */
+    enterEdit(): void;
+    /**
+     * Exit edit only when focus actually leaves the wrapper subtree.
+     * why: focusout fires for every internal blur — only exit when relatedTarget
+     * is OUTSIDE the wrapper AND không thuộc cdk-overlay (mat-select panel, mat-calendar,
+     * datetime overlay đều render trong document.body). Tick option trong panel multi-
+     * select sẽ chuyển focus sang `<mat-option>` (nằm trong cdk-overlay-container) →
+     * nếu exit ngay sẽ flip viewed → kill panel sớm. Chỉ exit khi panel đã close
+     * (relatedTarget không nằm trong overlay). markForCheck vì overlay focusout
+     * không kéo theo CD cho OnPush parent.
+     */
+    onFocusOut(ev: FocusEvent): void;
+    /** Test-only shim — direct call avoids dispatching real FocusEvent in JSDOM. */
+    onFocusOutForTest(ev: FocusEvent): void;
+    /** Single-value commit (sd-date, sd-datetime, single sd-select). */
+    emitSingleCommit(v: unknown): void;
+    /** BETWEEN commit — sd-date-range emits {from, to}. */
+    emitRangeCommit(ev: {
+        from: unknown;
+        to: unknown;
+    } | null): void;
+    /** Multi-select live emit — does NOT exit edit (focusout handles exit). */
+    emitLive(v: unknown): void;
+    /** Boolean toggle commit — exits edit. */
+    emitBoolean(v: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryInlineChip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryInlineChip, "sd-query-inline-chip", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showOperator": { "alias": "showOperator"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": false; "isSignal": true; }; "isNoData": { "alias": "isNoData"; "required": false; "isSignal": true; }; }, { "commit": "commit"; "commitRange": "commitRange"; "liveChange": "liveChange"; "remove": "remove"; }, never, never, true, never>;
+}
+export {};

package/components/query-bar/src/popover-chip.component.d.ts

@@ -0,0 +1,35 @@
+import { MatMenu } from '@angular/material/menu';
+import { Filter, Operator } from '@sd-angular/core/utilities/models';
+import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import * as i0 from "@angular/core";
+/**
+ * Compact popover-mode chip face. Click → opens the parent-supplied [menu] (mat-menu
+ * containing the chip editor). Inert div[role=button] so the nested <sd-operator>
+ * doesn't end up as a button-in-button (invalid HTML).
+ */
+export declare class SdQueryPopoverChip {
+    /** Resolved field (from the bar's `fieldByKey()` map). `undefined` → render raw key. */
+    readonly field: import("@angular/core").InputSignal<SdQueryField | undefined>;
+    /** The chip's filter — used to read `field` / `operator` / `data` for display text. */
+    readonly filter: import("@angular/core").InputSignal<Filter>;
+    /** "Active" = chip has a real value or is no-data op. Drives layout + colour. */
+    readonly active: import("@angular/core").InputSignal<boolean>;
+    /** Operator visible on the chip face (else hidden, ":" separator). */
+    readonly showOperator: import("@angular/core").InputSignal<boolean>;
+    /** Rendered value text for the value slot. */
+    readonly valueText: import("@angular/core").InputSignal<string>;
+    /** Chip popover mat-menu instance supplied by the parent. */
+    readonly menu: import("@angular/core").InputSignal<MatMenu>;
+    /** Fired when the chip popover opens (parent seeds its editing state). */
+    readonly open: import("@angular/core").OutputEmitterRef<void>;
+    /** Fired when the user clicks the × removal icon. */
+    readonly remove: import("@angular/core").OutputEmitterRef<void>;
+    readonly iconFor: typeof sdQueryFieldIcon;
+    filterField(): string;
+    filterOperator(): Operator;
+    private readonly trigger;
+    openMenu(): void;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryPopoverChip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryPopoverChip, "sd-query-popover-chip", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; "showOperator": { "alias": "showOperator"; "required": false; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, { "open": "open"; "remove": "remove"; }, never, never, true, never>;
+}

package/components/query-bar/src/query-bar.component.d.ts

@@ -1,23 +1,17 @@
-import { MatMenuTrigger } from '@angular/material/menu';
-import { SdSearch } from '@sd-angular/core/forms/models';
 import { Filter, Operator } from '@sd-angular/core/utilities/models';
-import { SdQuery, SdQueryField, SdQueryLogic, sdQueryFieldIcon } from './query-bar.model';
+import { SdQueryChipPopover } from './chip-popover.component';
+import { SdQueryPopoverChip } from './popover-chip.component';
+import { BuildingChip, SdQuery, SdQueryField, SdQueryLogic, SdSavedFilter, sdQueryFieldIcon } from './query-bar.model';
 import * as i0 from "@angular/core";
 type Density = 'compact' | 'comfortable';
-interface BuildingChip {
-    field: SdQueryField;
-    operator?: Operator;
-    step: 'operator' | 'value';
-    value?: unknown;
-}
 export declare class SdQueryBar {
     #private;
-    /** All chip menu triggers (one per chip button). Used to auto-open the popover after addFilter. */
-    readonly chipTriggers: import("@angular/core").Signal<readonly MatMenuTrigger[]>;
-    /** The build chip's operator dropdown — auto-opened when entering the operator step. */
-    private readonly buildOperator;
-    /** The build chip's value picker (bare sd-select / sd-date / sd-datetime) — auto-opened at the value step. */
-    private readonly buildPicker;
+    /** All popover-mode chips in order — used to auto-open after addFilter / close before removeFilter. */
+    readonly popoverChips: import("@angular/core").Signal<readonly SdQueryPopoverChip[]>;
+    /** The extracted in-progress chip — owns operator menu + value picker view refs. */
+    private readonly buildChip;
+    /** The extracted chip popover — owns operator+value staging + commit-on-close. */
+    readonly chipPopover: import("@angular/core").Signal<SdQueryChipPopover | undefined>;
     /** Prefix for auto-generated `data-autoid` on inner controls (chips, operator/value editors, buttons). */
     readonly autoIdInput: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     /** Available fields the user can filter by. Required for the field picker. */
@@ -47,8 +41,20 @@ export declare class SdQueryBar {
     readonly density: import("@angular/core").InputSignalWithTransform<Density, Density | null | undefined>;
     /** Show free-text search input on the left. */
     readonly showSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    /** Show saved-views dropdown on the right. */
-    readonly showSavedViews: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Show saved-filters dropdown on the right. Requires `[savedFiltersKey]` to actually persist. */
+    readonly showSavedFilters: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Namespace key for persisting saved filters to `localStorage`. When set, the saved-filters
+     * dropdown loads/saves under `sd-query-bar:savedFilters:<key>`. Leave undefined to disable.
+     */
+    readonly savedFiltersKey: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Snapshot of the current query — fed into `<sd-query-saved-filters-menu [query]>` so
+     * saving a filter captures live filters/logic/search.
+     */
+    readonly currentQuery: import("@angular/core").Signal<SdQuery<any>>;
+    /** Receive an applied filter from the saved-filters menu — re-install bar state + trigger apply. */
+    onApplyFilter(saved: SdSavedFilter): void;
     /** Show AND/OR segmented toggle (renders only when there are ≥2 filters). */
     readonly showLogicToggle: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** Show "Clear all" button when at least one filter is active. */
@@ -67,36 +73,23 @@ export declare class SdQueryBar {
     readonly showOrConnector: import("@angular/core").Signal<boolean>;
     /** Search button is actionable only when there is something to apply. */
     readonly canSearch: import("@angular/core").Signal<boolean>;
-    /** Index of the chip whose popover is open. Reset to null after Apply / close. */
+    /** Index of the chip whose popover is open. Reset to null after commit / close. */
     readonly editingIndex: import("@angular/core").WritableSignal<number | null>;
-    /** Staged operator (uncommitted). */
-    readonly editingOperator: import("@angular/core").WritableSignal<Operator>;
-    /** Staged value (uncommitted) — type varies by kind. */
-    readonly editingValue: import("@angular/core").WritableSignal<unknown>;
-    /** Resolved option list for the currently editing values / lazy-values field. */
-    readonly editingOptions: import("@angular/core").WritableSignal<any[]>;
-    /** Loading state for async option fetch. */
-    readonly editingOptionsLoading: import("@angular/core").WritableSignal<boolean>;
+    /** Resolved field of the chip whose popover is currently open (or null). */
     readonly editingField: import("@angular/core").Signal<SdQueryField | null>;
-    readonly editingAllowedOperators: import("@angular/core").Signal<Operator[]>;
-    /** Show the operator dropdown only when the field exposes >1 operator (else simple mode). */
-    readonly editingShowOperatorSelector: import("@angular/core").Signal<boolean>;
-    /** Multi-select is derived from the operator (IN / NOT_IN), not a field flag. */
-    readonly editingIsMulti: import("@angular/core").Signal<boolean>;
-    /** Compose a deterministic autoId for an inner control inside a chip's editor. */
-    chipAutoId(role: string): string;
+    /**
+     * Multi-select is derived from the operator (IN / NOT_IN) — not a field flag.
+     * Only called by inline-mode + build-mode templates with a known operator;
+     * popover-mode chips read `multiple()` from the child popover directly.
+     */
+    multiple(op: Operator): boolean;
     readonly iconFor: typeof sdQueryFieldIcon;
     /** Chip is "active" when it has a non-empty value OR a no-data operator (NULL/NOT_NULL). */
     isFilterActive(filter: Filter): boolean;
     /** Rendered value text on a chip. */
     chipValueText(filter: Filter): string;
     isNoDataOperator(op: Operator | string): boolean;
-    isMultiOperator(op: Operator | string): boolean;
-    lazyItemsFor(field: SdQueryField): SdSearch;
-    readonly building: import("@angular/core").Signal<BuildingChip | null>;
-    readonly editingValueIndex: import("@angular/core").Signal<number | null>;
-    /** True when chip `i` is in inline value-edit mode. */
-    isEditingValue(i: number): boolean;
+    readonly building: import("@angular/core").Signal<BuildingChip<any> | null>;
     allowedOperatorsFor(field: SdQueryField): Operator[];
     inlineAutoId(index: number, role: string): string;
     /** Entry point from the field picker — start building a chip for `field`. */
@@ -112,41 +105,16 @@ export declare class SdQueryBar {
     onBuildSeamlessCommit(value: unknown): void;
     /** Abandon the in-progress chip. */
     cancelBuild(): void;
-    /** Live-commit an inline edit for a completed chip (bare control path). */
-    editValueFn(i: number): (v: unknown) => void;
-    /** Single-value commit from a completed chip in edit mode — write data + exit edit. */
-    onChipSingleCommit(i: number, v: unknown): void;
     /**
-     * Multi-value chips exit edit when focus actually leaves the wrapper subtree.
-     * why: focusout fires on every internal blur (option click, search input, …) — only
-     * exit when the new focus target is NOT a descendant of the chip's value wrapper.
+     * Commit both ends of a BETWEEN range at once — called from `<sd-query-inline-chip>`'s
+     * `(commitRange)` output when the user picks a date range.
+     * why: sd-date-range emits {from,to} via (sdChange) — single call thay cho cặp
+     * setFilterRangeFrom / setFilterRangeTo cũ (đã bỏ).
      */
-    onChipValueFocusOut(i: number, ev: FocusEvent): void;
-    /**
-     * Cập nhật đầu `from` của BETWEEN cho 1 chip đã commit (inline edit).
-     * why: dual picker BETWEEN trên chip hoàn tất cần ghi từng đầu vào filter mà không reset đầu kia.
-     */
-    setFilterRangeFrom(i: number, v: unknown): void;
-    /**
-     * Cập nhật đầu `to` của BETWEEN cho 1 chip đã commit (inline edit).
-     */
-    setFilterRangeTo(i: number, v: unknown): void;
-    noop: () => void;
-    setEditDraftFn(): (v: unknown) => void;
-    commitEditDraftFn(i: number): () => void;
-    setBuildDraftFn(): (v: unknown) => void;
-    /** Update the `from` end of the build chip's BETWEEN range without committing. */
-    setBuildRangeFrom(v: unknown): void;
-    /**
-     * Update the `to` end of the build chip's BETWEEN range. Once both ends are set, commit
-     * the chip so the user does not need an extra blur / apply press.
-     */
-    setBuildRangeTo(v: unknown): void;
-    commitBuildDraftFn(): () => void;
-    /** Start inline value edit on a completed chip (operator + field stay locked). */
-    beginEditValue(i: number): void;
-    /** Commit an inline value edit — change only `data`, no emit. */
-    commitEditValue(i: number, value: unknown): void;
+    setFilterRange(i: number, ev: {
+        from: unknown;
+        to: unknown;
+    } | null): void;
     addFilter(field: SdQueryField): void;
     /** Swap the field of an existing chip — reset operator + value to the new field's defaults. */
     changeFilterField(index: number, field: SdQueryField): void;
@@ -156,25 +124,14 @@ export declare class SdQueryBar {
     setLogic(value: SdQueryLogic): void;
     setSearch(value: string): void;
     triggerApply(): void;
-    /** Called when a chip is clicked — copy current operator + value into the staging signals. */
-    openChipPopover(index: number): void;
-    /** Called on operator <select> change in the popover. */
-    onEditingOperatorChange(next: Operator): void;
-    /** Two-way bind for primitive value control. */
-    onEditingValueInput(value: unknown): void;
-    /** BETWEEN range mutators. */
-    onEditingRangeFrom(value: string | number | null): void;
-    onEditingRangeTo(value: string | number | null): void;
-    /** Toggle a value inside the staged multi-select array. */
-    toggleEditingMultiValue(value: unknown): void;
-    isEditingMultiSelected(value: unknown): boolean;
     /**
-     * Commit the staged operator + value into the chip when the popover closes.
-     * why: nút Áp dụng đã bị bỏ — đóng popover (out-focus) tự động áp dụng phần
-     * chỉnh sửa đang staging. Không emit: nút Search toàn cục vẫn là trigger query duy nhất.
+     * Called when a popover-mode chip is clicked — set editingIndex and seed the
+     * child popover's staging signals from the chip's Filter.
      */
-    commitChipEditOnClose(): void;
+    openChipPopover(index: number): void;
+    /** Receive `(commit)` from the child popover — splice into filters, null the index. */
+    onChipPopoverCommit(next: Filter): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryBar, "sd-query-bar", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "logic": { "alias": "logic"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showSavedViews": { "alias": "showSavedViews"; "required": false; "isSignal": true; }; "showLogicToggle": { "alias": "showLogicToggle"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "showOperatorOnChip": { "alias": "showOperatorOnChip"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "logic": "logicChange"; "search": "searchChange"; "queryChange": "queryChange"; "apply": "apply"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryBar, "sd-query-bar", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "logic": { "alias": "logic"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showSavedFilters": { "alias": "showSavedFilters"; "required": false; "isSignal": true; }; "savedFiltersKey": { "alias": "savedFiltersKey"; "required": false; "isSignal": true; }; "showLogicToggle": { "alias": "showLogicToggle"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "showOperatorOnChip": { "alias": "showOperatorOnChip"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "logic": "logicChange"; "search": "searchChange"; "queryChange": "queryChange"; "apply": "apply"; }, never, never, true, never>;
 }
 export {};