@sdcorejs/angular 21.0.4 → 21.0.6

package/types/sdcorejs-angular-forms-select.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, Signal, TemplateRef } 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';
@@ -8,6 +8,16 @@ import { SdItemDefDefDirective, SdViewDefDirective } from '@sdcorejs/angular/for
 import { SdViewed, SdViewedInput, SdCustomValidator, SdSearch, SdSelectionData, SdFormControl } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
 
+interface SdSelectFooterActionContext {
+    searchText: string;
+}
+declare class SdSelectFooterActionDirective {
+    readonly templateRef: TemplateRef<any>;
+    readonly when: _angular_core.InputSignal<"always" | "empty" | "has-result">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSelectFooterActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdSelectFooterActionDirective, "ng-template[sdSelectFooterAction]", never, { "when": { "alias": "when"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SdSelect<T extends object | string | number = Record<string, unknown>> implements OnInit {
     #private;
     id: string;
@@ -15,8 +25,17 @@ declare class SdSelect<T extends object | string | number = Record<string, unkno
     selectRef: Signal<MatSelect | undefined>;
     sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: Signal<TemplateRef<any> | undefined>;
+    /**
+     * Custom render for the SELECTED value shown in the editable trigger (`<mat-select-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<TemplateRef<any> | undefined>;
     itemDef: Signal<SdItemDefDefDirective<any> | undefined>;
     sdViewDef: Signal<SdViewDefDirective<any, any> | undefined>;
+    footerActions: Signal<readonly SdSelectFooterActionDirective[]>;
     /**
      * View display template. `sdViewDef` is now just a custom override of the view rendering —
      * it replaces the projected `#sdValue` template when present (fed into `<sd-view>`'s
@@ -87,12 +106,18 @@ declare class SdSelect<T extends object | string | number = Record<string, unkno
     selectedItems: _angular_core.WritableSignal<T[]>;
     display: _angular_core.WritableSignal<string>;
     calculatedPanelWidth: _angular_core.WritableSignal<string | number>;
+    readonly searchText: _angular_core.WritableSignal<string>;
+    readonly footerActionContext: Signal<{
+        searchText: string;
+    }>;
+    readonly visibleFooterActions: Signal<SdSelectFooterActionDirective[]>;
     normalizedValue: Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
     filtered: Signal<boolean>;
     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<string>;
     updatePanelWidth: () => void;
@@ -107,7 +132,8 @@ declare class SdSelect<T extends object | string | number = Record<string, unkno
     open: () => void;
     onOpenedChange: (isOpened: boolean) => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSelect<any>, "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", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSelect<any>, "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 };
+export { SdSelect, SdSelectFooterActionDirective };
+export type { SdSelectFooterActionContext };