import * as _angular_core from '@angular/core'; import { TemplateRef, OnInit, Signal } from '@angular/core'; import { FormGroup, FormControl } from '@angular/forms'; import { MatFormFieldAppearance, FloatLabelType } from '@angular/material/form-field'; import { MatInput } from '@angular/material/input'; import { MatSelect, MatSelectChange } from '@angular/material/select'; import { SdItemDefDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives'; import { SdViewed, SdViewedInput, SdCustomValidator, SdSearch, SdSelectionData, SdFormControl } from '@sdcorejs/angular/forms/models'; import { Size } from '@sdcorejs/utils/models'; interface SdSelectFooterActionContext { searchText: string; filteredItems: unknown[]; selectedItems: unknown[]; } type SdSelectFooterActionWhenFn = (ctx: SdSelectFooterActionContext) => boolean | Promise; type SdSelectFooterActionWhen = 'always' | 'empty' | 'has-result' | SdSelectFooterActionWhenFn; declare class SdSelectFooterActionDirective { readonly templateRef: TemplateRef; readonly when: _angular_core.InputSignal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare class SdSelect> implements OnInit { #private; id: string; matInputRef: Signal; selectRef: Signal; sdLabelTemplate: Signal | undefined>; sdValueTemplate: Signal | undefined>; /** * Custom render for the SELECTED value shown in the editable trigger (``). * Distinct from `#sdValue`/`sdViewDef` which only drive the read-only `viewed`/`inline` face. * Context: `{ $implicit, item, items: selectedItems(), display, multiple }` — `item`/`$implicit` * is the single selected item object (single mode) or the selected-item array (multiple mode). * Falls back to the plain `display` text when not projected, so existing usages are unaffected. */ sdSelectedTemplate: Signal | undefined>; itemDef: Signal | undefined>; sdViewDef: Signal | undefined>; footerActions: Signal; /** * View display template. `sdViewDef` is now just a custom override of the view rendering — * it replaces the projected `#sdValue` template when present (fed into ``'s * `valueTemplate`), so there is ONE rendering path. No more `.sd-view` class / focus-swap; * click-to-edit is governed by `viewed='inline'`. */ readonly viewTemplate: Signal | undefined>; autoIdInput: _angular_core.InputSignal; autoId: Signal; readonly dataDisabled: Signal<"true" | "false">; readonly dataInvalid: Signal<"true" | "false">; readonly dataEmpty: Signal<"true" | "false">; readonly dataValue: Signal; readonly dataLoading: Signal<"true" | "false">; readonly dataRequired: Signal<"true" | "false">; readonly dataErrorMessage: Signal; name: _angular_core.InputSignal; size: _angular_core.InputSignal; form: _angular_core.InputSignalWithTransform | undefined, any>; label: _angular_core.InputSignal; helperText: _angular_core.InputSignal; placeholder: _angular_core.InputSignal; valueField: _angular_core.InputSignal; displayField: _angular_core.InputSignal; disabledField: _angular_core.InputSignal<"" | (T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string)>; cacheChecksum: _angular_core.InputSignal; limit: _angular_core.InputSignal; hyperlink: _angular_core.InputSignal; minWidthPanel: _angular_core.InputSignalWithTransform; hideInlineError: _angular_core.InputSignalWithTransform; required: _angular_core.InputSignalWithTransform; disabled: _angular_core.InputSignalWithTransform; /** Display mode: `false` edit · `true` static view · `'inline'` view + click-to-edit (bare editor). */ viewed: _angular_core.InputSignalWithTransform; multiple: _angular_core.InputSignalWithTransform; /** * Whether the `viewed='inline'` text face shows a hover clear-× to empty the value. * Default `true`. Set `false` where the HOST owns removal (e.g. `` chips, * whose own `×` removes the whole filter) so the chip isn't cluttered with two ×. */ clearable: _angular_core.InputSignalWithTransform; /** `true` when `viewed === 'inline'` — editor mounted but chrome hidden; sd-view text is the trigger face. */ readonly isInline: Signal; /** `true` when `viewed === true` — static read-only view, no editor mounted. */ readonly isViewed: Signal; /** Open the picker from the inline text face. No-op unless `viewed='inline'`. */ enterInlineEdit: () => void; validator: _angular_core.InputSignal; inlineError: _angular_core.InputSignal; /** * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true. */ readonly errorMessage: Signal; appearanceInput: _angular_core.InputSignal; appearance: Signal; floatLabel: _angular_core.InputSignal; items: _angular_core.InputSignal | null | undefined>; valueModel: _angular_core.ModelSignal; sdChange: _angular_core.OutputEmitterRef; sdSelection: _angular_core.OutputEmitterRef>; formControl: SdFormControl; inputControl: FormControl; loading: _angular_core.WritableSignal; focused: _angular_core.WritableSignal; allSelected: boolean; actualItems: Signal; filteredItems: _angular_core.WritableSignal; selectedItems: _angular_core.WritableSignal; display: _angular_core.WritableSignal; calculatedPanelWidth: _angular_core.WritableSignal; readonly searchText: _angular_core.WritableSignal; readonly footerActionContext: Signal<{ searchText: string; filteredItems: T[]; selectedItems: T[]; }>; readonly visibleFooterActions: Signal; normalizedValue: Signal; filtered: Signal; delayTime: Signal<0 | 500>; itemValue: (item: T) => unknown; itemDisplay: (item: T) => string; itemDisabled: (item: T) => boolean; shouldRenderFooterAction(action: SdSelectFooterActionDirective): boolean; setNestedValue: (obj: any, path: string, value: any) => void; tooltip: Signal; updatePanelWidth: () => void; constructor(); ngOnInit(): void; onSelectionChange: (change: MatSelectChange) => void; reValidate: () => void; clear: ($event?: any) => void; onClick: () => void; focus: () => void; /** Clears the panel search/filter input and resets `searchText`. */ clearSearch: () => void; /** Open the select panel programmatically (anchors to the mat-select trigger). */ open: () => void; onOpenedChange: (isOpened: boolean) => void; static ɵfac: _angular_core.ɵɵFactoryDeclaration, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSelectedTemplate", "itemDef", "sdViewDef", "footerActions"], ["[sdLabel]"], true, never>; } export { SdSelect, SdSelectFooterActionDirective }; export type { SdSelectFooterActionContext, SdSelectFooterActionWhen, SdSelectFooterActionWhenFn };