@sdcorejs/angular 19.0.0 → 20.0.0-rc.2

package/components/query-bar/index.d.ts

@@ -1,2 +1,375 @@
-export * from './src/query-bar.component';
-export * from './src/query-bar.model';
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+import { NestedKeyOf, Operator, Filter } from '@sdcorejs/utils/models';
+import { MatMenu } from '@angular/material/menu';
+import { SdSearch } from '@sdcorejs/angular/forms/models';
+
+type SdQueryFieldType = 'string' | 'number' | 'boolean' | 'date' | 'datetime' | 'values' | 'lazy-values';
+interface SdQueryFieldBase<T = any> {
+    /** Dot-notation field path (matches `Filter.field`). */
+    key: NestedKeyOf<T>;
+    /** Human-readable label shown on chip + field picker. */
+    label: string;
+    /** Material icon name; falls back to `SD_QUERY_TYPE_ICON[type]` then `'tune'`. */
+    icon?: string;
+    /**
+     * Controls the operator selector in the chip popover:
+     * - omitted / `false` → **simple mode**: no operator dropdown; the chip always uses
+     *   `defaultOperator` (or the per-type default). Use this for screens that don't need
+     *   operator choice.
+     * - `true` → show the full operator set for the field's `type`
+     *   (`SD_QUERY_OPERATORS_BY_TYPE[type]`).
+     * - `Operator[]` → show exactly these operators.
+     */
+    operators?: boolean | Operator[];
+    /**
+     * Operator the chip starts with. Falls back to `SD_QUERY_DEFAULT_OPERATOR_BY_TYPE[type]`:
+     * string→CONTAIN, number→EQUAL, values/lazy-values→IN, boolean→EQUAL, date/datetime→BETWEEN.
+     */
+    defaultOperator?: Operator;
+    /** Field is offered in picker but not interactive (read-only badge in chip). */
+    disabled?: boolean;
+}
+interface SdQueryFieldString<T = any> extends SdQueryFieldBase<T> {
+    type: 'string';
+}
+interface SdQueryFieldNumber<T = any> extends SdQueryFieldBase<T> {
+    type: 'number';
+    /** Bounds for the input control inside the chip popover. */
+    min?: number;
+    max?: number;
+    /** Step for the number input. */
+    step?: number;
+}
+interface SdQueryFieldBoolean<T = any> extends SdQueryFieldBase<T> {
+    type: 'boolean';
+    /** Labels rendered for the true/false buttons. Default: "Có" / "Không". */
+    trueLabel?: string;
+    falseLabel?: string;
+}
+interface SdQueryFieldDate<T = any> extends SdQueryFieldBase<T> {
+    type: 'date' | 'datetime';
+    /** Restrict the picker calendar to this range. */
+    min?: Date | string;
+    max?: Date | string;
+}
+/**
+ * Statically-known options (sync array, signal, or one-shot promise).
+ * Mirrors `SdTableColumnValues.option`.
+ */
+interface SdQueryFieldValues<T = any, K = Record<string, any>> extends SdQueryFieldBase<T> {
+    type: 'values';
+    option: {
+        items: K[] | Signal<K[]> | (() => Promise<K[]>);
+        valueField: NestedKeyOf<K>;
+        displayField: NestedKeyOf<K>;
+    };
+}
+/**
+ * Server-backed options — searchable, paginated. Mirrors `SdTableColumnLazyValues.option`.
+ * `search` is the unified `SdSearch<K>` callback used by `sd-select`: it handles
+ * `{ type: 'SEARCH', searchText }` for live queries and `{ type: 'VALUE', value }` for
+ * resolving chip-display labels of already-selected IDs.
+ */
+interface SdQueryFieldLazyValues<T = any, K = Record<string, any>> extends SdQueryFieldBase<T> {
+    type: 'lazy-values';
+    option: {
+        search: SdSearch<K>;
+        valueField: NestedKeyOf<K>;
+        displayField: NestedKeyOf<K>;
+    };
+}
+type SdQueryField<T = any> = SdQueryFieldString<T> | SdQueryFieldNumber<T> | SdQueryFieldBoolean<T> | SdQueryFieldDate<T> | SdQueryFieldValues<T> | SdQueryFieldLazyValues<T>;
+type SdQueryLogic = 'AND' | 'OR';
+interface SdQuery<T = any> {
+    filters: Filter<T>[];
+    /** Global connector between filters. Defaults to `'AND'`. */
+    logic?: SdQueryLogic;
+    /** Free-text search box (only present when `showSearch=true`). */
+    search?: string;
+}
+/** Persisted bookmark of a query (filters + logic + search) — managed by `[savedFiltersKey]`. */
+interface SdSavedFilter<T = any> {
+    id: string;
+    name: string;
+    query: SdQuery<T>;
+}
+/**
+ * Transient state of the in-progress chip during inline-mode token build (field →
+ * operator → value). Lives at the parent (`SdQueryBar.building()`) and is rendered
+ * by `<sd-query-build-chip>`. Step transitions:
+ *   - 'operator' — operator menu open, waiting for the user to pick a condition
+ *   - 'value'    — operator locked, value picker / seamless input is the focus
+ */
+interface BuildingChip<T = any> {
+    field: SdQueryField<T>;
+    operator?: Operator;
+    step: 'operator' | 'value';
+    value?: unknown;
+}
+/** Full operator set per field type — used when `operators: true`. */
+declare const SD_QUERY_OPERATORS_BY_TYPE: Record<SdQueryFieldType, Operator[]>;
+/** Default operator when a chip is created and `field.defaultOperator` is not set. */
+declare const SD_QUERY_DEFAULT_OPERATOR_BY_TYPE: Record<SdQueryFieldType, Operator>;
+/** Icon fallback per field type when `SdQueryField.icon` is not set. */
+declare const SD_QUERY_TYPE_ICON: Record<SdQueryFieldType, string>;
+/**
+ * Resolves the icon shown on chips and in the field picker.
+ * Priority: `field.icon` → `SD_QUERY_TYPE_ICON[field.type]` → `'tune'`.
+ */
+declare function sdQueryFieldIcon(field: SdQueryField): string;
+/** Operators that carry no data — value section is hidden in chip popover. */
+declare const SD_QUERY_NO_DATA_OPERATORS: Operator[];
+/** Operators that carry an array payload — UI offers multi-select. */
+declare const SD_QUERY_MULTI_OPERATORS: Operator[];
+/** Picks the initial operator when a new chip is created for `field`. */
+declare function sdQueryDefaultOperator(field: SdQueryField): Operator;
+/**
+ * Operators offered in the chip popover for `field`:
+ * - `operators === true` → full set for the type
+ * - `operators` is an array → that array (deduped against the type set is the caller's job)
+ * - otherwise (simple mode) → just the single default operator (no real choice)
+ */
+declare function sdQueryAllowedOperators(field: SdQueryField): Operator[];
+/**
+ * Whether the operator selector should be visible. Simple mode (operators omitted/false,
+ * or an array with a single entry) hides the dropdown — the chip uses one fixed operator.
+ */
+declare function sdQueryShowOperatorSelector(field: SdQueryField): boolean;
+
+/**
+ * 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
+ */
+declare class SdQueryChipPopover {
+    #private;
+    /** Resolved field of the currently editing chip — parent passes from `fieldByKey()`. */
+    readonly field: _angular_core.InputSignal<SdQueryField | undefined>;
+    /** The chip's current Filter — used by `seed()` for initial staging values. */
+    readonly filter: _angular_core.InputSignal<Filter | undefined>;
+    /** Optional chip index — embedded in the composed autoIds. */
+    readonly chipIndex: _angular_core.InputSignal<number | null>;
+    /** Prefix for `data-autoId` on inner controls. */
+    readonly autoIdBase: _angular_core.InputSignal<string>;
+    /** MatMenu for the field switcher — parent passes its `<sd-query-field-picker>` menu. */
+    readonly switchPickerMenu: _angular_core.InputSignal<MatMenu | undefined>;
+    /** Emitted when mat-menu closes — parent splices `next` into filters[idx]. */
+    readonly commit: _angular_core.OutputEmitterRef<Filter>;
+    /** Emitted when nested field-switcher picks a new field — parent calls changeFilterField. */
+    readonly swapField: _angular_core.OutputEmitterRef<SdQueryField>;
+    /** Staged operator. */
+    readonly editingOperator: _angular_core.WritableSignal<Operator>;
+    /** Staged value (shape depends on field type + operator). */
+    readonly editingValue: _angular_core.WritableSignal<unknown>;
+    /** Resolved option list for values / lazy-values. */
+    readonly editingOptions: _angular_core.WritableSignal<any[]>;
+    /** Loading flag for async option fetch. */
+    readonly editingOptionsLoading: _angular_core.WritableSignal<boolean>;
+    readonly allowedOperators: _angular_core.Signal<Operator[]>;
+    readonly showOperatorSelector: _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: _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: _angular_core.ɵɵFactoryDeclaration<SdQueryChipPopover, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+/**
+ * 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).
+ */
+declare class SdQueryPopoverChip {
+    /** Resolved field (from the bar's `fieldByKey()` map). `undefined` → render raw key. */
+    readonly field: _angular_core.InputSignal<SdQueryField | undefined>;
+    /** The chip's filter — used to read `field` / `operator` / `data` for display text. */
+    readonly filter: _angular_core.InputSignal<Filter>;
+    /** "Active" = chip has a real value or is no-data op. Drives layout + colour. */
+    readonly active: _angular_core.InputSignal<boolean>;
+    /** Operator visible on the chip face (else hidden, ":" separator). */
+    readonly showOperator: _angular_core.InputSignal<boolean>;
+    /** Rendered value text for the value slot. */
+    readonly valueText: _angular_core.InputSignal<string>;
+    /** Chip popover mat-menu instance supplied by the parent. */
+    readonly menu: _angular_core.InputSignal<MatMenu>;
+    /** Fired when the chip popover opens (parent seeds its editing state). */
+    readonly open: _angular_core.OutputEmitterRef<void>;
+    /** Fired when the user clicks the × removal icon. */
+    readonly remove: _angular_core.OutputEmitterRef<void>;
+    readonly iconFor: typeof sdQueryFieldIcon;
+    filterField(): string;
+    filterOperator(): Operator;
+    private readonly trigger;
+    openMenu(): void;
+    closeMenu(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdQueryPopoverChip, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+type Density = 'compact' | 'comfortable';
+declare class SdQueryBar {
+    #private;
+    /** All popover-mode chips in order — used to auto-open after addFilter / close before removeFilter. */
+    readonly popoverChips: _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: _angular_core.Signal<SdQueryChipPopover | undefined>;
+    /** Prefix for auto-generated `data-autoid` on inner controls (chips, operator/value editors, buttons). */
+    readonly autoIdInput: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /** Available fields the user can filter by. Required for the field picker. */
+    readonly fields: _angular_core.InputSignalWithTransform<SdQueryField[], SdQueryField[] | null | undefined>;
+    /**
+     * Active filter chips. Two-way bindable via `[(filters)]`.
+     * Use this when you only need a flat `Filter[]` (no global logic / search box).
+     */
+    readonly filters: _angular_core.ModelSignal<Filter[]>;
+    /**
+     * Global connector between filters. Two-way bindable via `[(logic)]`.
+     * Only meaningful when `showLogicToggle=true` and there are ≥2 filters.
+     */
+    readonly logic: _angular_core.ModelSignal<SdQueryLogic>;
+    /** Free-text search string. Two-way bindable via `[(search)]`. Only shown when `showSearch=true`. */
+    readonly search: _angular_core.ModelSignal<string>;
+    /**
+     * Editing mode:
+     * - `'popover'` (default) → compact chips; click a chip to edit operator + value in a
+     *   mat-menu popover, commit with "Áp dụng".
+     * - `'inline'` → GitLab-style. Each filter's operator + value controls render directly
+     *   on the bar (no popup, no per-filter apply). Edits update `filters` live; the user
+     *   presses the search button (or Enter) once to fire `(apply)`.
+     */
+    readonly mode: _angular_core.InputSignalWithTransform<"popover" | "inline", "popover" | "inline" | null | undefined>;
+    /** Density preset — chip / control height. */
+    readonly density: _angular_core.InputSignalWithTransform<Density, Density | null | undefined>;
+    /** Show free-text search input on the left. */
+    readonly showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show saved-filters dropdown on the right. Requires `[savedFiltersKey]` to actually persist. */
+    readonly showSavedFilters: _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: _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: _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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show "Clear all" button when at least one filter is active. */
+    readonly showClearAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render the operator label on the chip face (default: hidden — operator only visible in popover). */
+    readonly showOperatorOnChip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Composite payload — emitted whenever filters / logic / search change. */
+    readonly queryChange: _angular_core.OutputEmitterRef<SdQuery<any>>;
+    /** Fires when the user presses "Áp dụng" inside a chip popover — host should reload data. */
+    readonly apply: _angular_core.OutputEmitterRef<SdQuery<any>>;
+    /** Map of `field.key` → `SdQueryField` for fast lookup from filters[]. */
+    readonly fieldByKey: _angular_core.Signal<Record<string, SdQueryField>>;
+    /** Field keys already chained on a chip — the picker greys these out. */
+    readonly usedFieldKeys: _angular_core.Signal<Set<string>>;
+    /** Render the global AND/OR connector text between chips when `logic === 'OR'`. */
+    readonly showOrConnector: _angular_core.Signal<boolean>;
+    /** Search button is actionable only when there is something to apply. */
+    readonly canSearch: _angular_core.Signal<boolean>;
+    /** Index of the chip whose popover is open. Reset to null after commit / close. */
+    readonly editingIndex: _angular_core.WritableSignal<number | null>;
+    /** Resolved field of the chip whose popover is currently open (or null). */
+    readonly editingField: _angular_core.Signal<SdQueryField | null>;
+    /**
+     * 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;
+    readonly building: _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`. */
+    beginBuild(field: SdQueryField): void;
+    /** Operator chosen during build — finish (no-data) or advance to the value step. */
+    pickBuildOperator(op: Operator): void;
+    /** Value committed during build — push the completed chip, clear building. No emit. */
+    commitBuildValue(value: unknown): void;
+    /**
+     * Commit from the seamless build chip (string / number). An empty value (blur with no
+     * input) cancels the build instead of pushing a blank chip.
+     */
+    onBuildSeamlessCommit(value: unknown): void;
+    /** Abandon the in-progress chip. */
+    cancelBuild(): void;
+    /**
+     * 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ỏ).
+     */
+    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;
+    updateFilter(index: number, patch: Partial<Filter>): void;
+    removeFilter(index: number): void;
+    clearAll(): void;
+    setLogic(value: SdQueryLogic): void;
+    setSearch(value: string): void;
+    triggerApply(): void;
+    /**
+     * Called when a popover-mode chip is clicked — set editingIndex and seed the
+     * child popover's staging signals from the chip's Filter.
+     */
+    openChipPopover(index: number): void;
+    /** Receive `(commit)` from the child popover — splice into filters, null the index. */
+    onChipPopoverCommit(next: Filter): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdQueryBar, never>;
+    static ɵcmp: _angular_core.ɵɵ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 { SD_QUERY_DEFAULT_OPERATOR_BY_TYPE, SD_QUERY_MULTI_OPERATORS, SD_QUERY_NO_DATA_OPERATORS, SD_QUERY_OPERATORS_BY_TYPE, SD_QUERY_TYPE_ICON, SdQueryBar, sdQueryAllowedOperators, sdQueryDefaultOperator, sdQueryFieldIcon, sdQueryShowOperatorSelector };
+export type { BuildingChip, SdQuery, SdQueryField, SdQueryFieldBoolean, SdQueryFieldDate, SdQueryFieldLazyValues, SdQueryFieldNumber, SdQueryFieldString, SdQueryFieldType, SdQueryFieldValues, SdQueryLogic, SdSavedFilter };

package/components/query-builder/index.d.ts

@@ -1 +1,30 @@
-export * from './src/query-builder.component';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+interface QueryRule {
+    field: string;
+    operator: string;
+    value: any;
+}
+interface QueryGroup {
+    condition: 'AND' | 'OR';
+    rules: (QueryRule | QueryGroup)[];
+    isOpen?: boolean;
+}
+declare class SdQueryBuilder {
+    group: QueryGroup;
+    groupChange: EventEmitter<QueryGroup>;
+    isGroup(item: any): item is QueryGroup;
+    toggleCondition(group: QueryGroup, condition: 'AND' | 'OR'): void;
+    toggleDropdown(group: QueryGroup, event: Event): void;
+    closeAll(): void;
+    closeAllDropdowns(group: QueryGroup): void;
+    addRule(group: QueryGroup): void;
+    addGroup(group: QueryGroup): void;
+    removeItem(parentGroup: QueryGroup, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQueryBuilder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQueryBuilder, "sd-query-builder", never, { "group": { "alias": "group"; "required": false; }; }, { "groupChange": "groupChange"; }, never, never, true, never>;
+}
+
+export { SdQueryBuilder };
+export type { QueryGroup, QueryRule };

package/components/quick-action/index.d.ts

@@ -1 +1,12 @@
-export * from './src/quick-action.component';
+import * as i0 from '@angular/core';
+
+declare class SdQuickAction {
+    /**
+     * Toggle visibility of the floating toolbar. Bare attribute = true.
+     */
+    readonly opened: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdQuickAction, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQuickAction, "sd-quick-action", never, { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, {}, never, ["[sdMessage]", "[sdAction]"], true, never>;
+}
+
+export { SdQuickAction };

package/components/section/index.d.ts

@@ -1,2 +1,28 @@
-export * from './src/section.component';
-export * from './src/section-item/section-item.component';
+import * as _angular_core from '@angular/core';
+import { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';
+import { Color } from '@sdcorejs/utils/models';
+
+declare class SdSection extends SdBaseSecureComponent {
+    #private;
+    title: _angular_core.InputSignal<string | null | undefined>;
+    subTitle: _angular_core.InputSignal<string | null | undefined>;
+    icon: _angular_core.InputSignal<string | null | undefined>;
+    iconColor: _angular_core.InputSignal<Color>;
+    collapsed: _angular_core.ModelSignal<boolean>;
+    collapsable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hideHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    noPaddingBody: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    toggleCollapse: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSection, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
+}
+
+declare class SdSectionItem {
+    label: _angular_core.InputSignal<string>;
+    labelWidth: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSectionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSectionItem, "sd-section-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SdSection, SdSectionItem };

package/components/side-drawer/index.d.ts

@@ -1 +1,33 @@
-export * from './src/side-drawer.component';
+import * as _angular_core from '@angular/core';
+import { CdkPortal } from '@angular/cdk/portal';
+import { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';
+import { Observable } from 'rxjs';
+
+declare class SdSideDrawer extends SdBaseSecureComponent {
+    #private;
+    id: string;
+    portal: _angular_core.Signal<CdkPortal>;
+    title: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string>;
+    hideClose: _angular_core.InputSignalWithTransform<boolean, boolean | "">;
+    disableBackdropClose: _angular_core.InputSignalWithTransform<boolean, boolean | "">;
+    drawerClass: _angular_core.InputSignal<any>;
+    readonly autoIdInput: _angular_core.InputSignal<string | null | undefined>;
+    readonly autoId: _angular_core.Signal<string | undefined>;
+    sdClosed: _angular_core.OutputEmitterRef<void>;
+    readonly isOpened: _angular_core.Signal<boolean>;
+    readonly isLoading: _angular_core.Signal<boolean>;
+    readonly dataOpened: _angular_core.Signal<"true" | "false">;
+    readonly dataLoading: _angular_core.Signal<"true" | "false">;
+    isHovered$: Observable<boolean>;
+    constructor();
+    open: () => void;
+    close: () => void;
+    startLoading: () => void;
+    stopLoading: () => void;
+    preventScroll: (event: Event) => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSideDrawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooter]"], true, never>;
+}
+
+export { SdSideDrawer };

package/components/splitter/index.d.ts

@@ -1,3 +1,58 @@
-export * from './src/splitter.component';
-export * from './src/splitter-panel/splitter-panel.component';
-export type { SplitterOrientation, SplitterPanelUnit, SplitterPanelState, SplitterLayoutState } from './src/splitter.models';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type SplitterOrientation = 'horizontal' | 'vertical';
+type SplitterPanelUnit = 'px' | 'flex';
+interface SplitterPanelState {
+    id: string | number;
+    size: number;
+    unit: SplitterPanelUnit;
+    collapsed: boolean;
+}
+interface SplitterLayoutState {
+    v: 1;
+    panels: SplitterPanelState[];
+}
+
+declare class SdSplitterPanelComponent {
+    readonly elementRef: ElementRef<HTMLElement>;
+    panelId: _angular_core.InputSignal<string | undefined>;
+    size: _angular_core.InputSignalWithTransform<number, unknown>;
+    unit: _angular_core.InputSignal<SplitterPanelUnit>;
+    minSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    maxSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    collapsed: _angular_core.ModelSignal<boolean>;
+    resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSplitterPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSplitterPanelComponent, "sd-splitter-panel", never, { "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class SdSplitterComponent {
+    #private;
+    orientation: _angular_core.InputSignal<SplitterOrientation>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    storageKey: _angular_core.InputSignal<string | undefined>;
+    snapThreshold: _angular_core.InputSignalWithTransform<number, unknown>;
+    keyboardStep: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly resizeEnd: _angular_core.OutputEmitterRef<SplitterLayoutState>;
+    readonly collapsedChange: _angular_core.OutputEmitterRef<{
+        panelId: string | number;
+        collapsed: boolean;
+    }>;
+    readonly layoutChange: _angular_core.OutputEmitterRef<SplitterLayoutState>;
+    readonly panels: _angular_core.Signal<readonly SdSplitterPanelComponent[]>;
+    constructor();
+    getLayout(): SplitterLayoutState;
+    setLayout(state: SplitterLayoutState): void;
+    resetLayout(): void;
+    collapse(target: number | string): void;
+    expand(target: number | string): void;
+    toggle(target: number | string): void;
+    resizePanel(target: number | string, size: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSplitterComponent, "sd-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "snapThreshold": { "alias": "snapThreshold"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; }, { "resizeEnd": "resizeEnd"; "collapsedChange": "collapsedChange"; "layoutChange": "layoutChange"; }, ["panels"], ["sd-splitter-panel"], true, never>;
+}
+
+export { SdSplitterComponent, SdSplitterPanelComponent };
+export type { SplitterLayoutState, SplitterOrientation, SplitterPanelState, SplitterPanelUnit };

package/components/stepper/index.d.ts

@@ -1,2 +1,53 @@
-export * from './src/step.component';
-export * from './src/stepper.component';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { StepperSelectionEvent } from '@angular/cdk/stepper';
+import { MatStepper } from '@angular/material/stepper';
+import { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';
+import { Color } from '@sdcorejs/utils/models';
+
+type SdStepState = 'pending' | 'active' | 'completed' | 'error' | string;
+declare class SdStep {
+    label: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<string | null | undefined>;
+    optional: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    stepControl: _angular_core.InputSignal<AbstractControl<any, any, any> | null | undefined>;
+    state: _angular_core.InputSignal<string | undefined>;
+    errorMessage: _angular_core.InputSignal<string | undefined>;
+    selectChange: _angular_core.OutputEmitterRef<void>;
+    bodyTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdStep, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdStep, "sd-step", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "stepControl": { "alias": "stepControl"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "selectChange": "selectChange"; }, never, ["*"], true, never>;
+}
+
+declare class SdStepper extends SdBaseSecureComponent {
+    steps: _angular_core.Signal<readonly SdStep[]>;
+    selectedIndex: _angular_core.ModelSignal<number>;
+    linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    labelPosition: _angular_core.InputSignal<"end" | "bottom">;
+    headerPosition: _angular_core.InputSignal<"bottom" | "top">;
+    animationDuration: _angular_core.InputSignal<string>;
+    disableRipple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    color: _angular_core.InputSignal<Color>;
+    autoId: _angular_core.InputSignal<string | undefined>;
+    selectionChange: _angular_core.OutputEmitterRef<StepperSelectionEvent>;
+    protected matStepper: _angular_core.Signal<MatStepper | undefined>;
+    get autoIdAttr(): string | null;
+    get cssActive(): string;
+    get cssActiveBg(): string;
+    get cssCompleted(): string;
+    get cssLine(): string;
+    constructor();
+    next(): void;
+    previous(): void;
+    reset(): void;
+    goTo(index: number): void;
+    protected onSelectionChange(ev: StepperSelectionEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdStepper, "sd-stepper", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "headerPosition": { "alias": "headerPosition"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectionChange": "selectionChange"; }, ["steps"], never, true, never>;
+}
+
+export { SdStep, SdStepper };
+export type { SdStepState };