@ngstarter-ui/components 21.0.49 → 21.0.50

package/types/ngstarter-ui-components-form-builder.d.ts

@@ -2,7 +2,9 @@ import * as _angular_forms from '@angular/forms';
 import { ValidatorFn, FormControl, FormGroup, FormArray } from '@angular/forms';
 import * as _angular_core from '@angular/core';
 import { Type, InjectionToken, EnvironmentProviders, Provider, OnDestroy, TemplateRef } from '@angular/core';
+import { SelectDataSource, SelectOptionContentContext, SelectValueContext } from '@ngstarter-ui/components/select';
 import { TreeNodeDropPosition, Tree, TreeNodeDrop } from '@ngstarter-ui/components/tree';
+import * as _ngstarter_ui_components_form_builder from '@ngstarter-ui/components/form-builder';
 import { DateRangeInput } from '@ngstarter-ui/components/datepicker';
 import { RadioGroupOrientation } from '@ngstarter-ui/components/radio';
 import { UploadFileSelectedEvent } from '@ngstarter-ui/components/upload';
@@ -10,11 +12,26 @@ import { UploadFileSelectedEvent } from '@ngstarter-ui/components/upload';
 type FormBuilderFieldWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type FormBuilderItemKind = 'field' | 'layout' | 'static';
 type FormBuilderSettingsInheritance = 'field' | 'input-field' | 'layout' | 'layout-container' | 'static' | 'none';
+type FormBuilderSelectOptionsSource = 'static' | 'dataSource';
 interface FormBuilderOption {
     label: string;
     value: any;
     selected?: boolean;
 }
+interface FormBuilderSelectDataSourceOptions {
+    pageSize?: number;
+    searchable?: boolean;
+    searchDebounce?: number;
+    minSearchLength?: number;
+    loadOnOpen?: boolean;
+}
+interface FormBuilderSelectDataSourceDefinition {
+    id: string;
+    name: string;
+    dataSource: SelectDataSource;
+    optionContentComponent?: Type<any>;
+    valueComponent?: Type<any>;
+}
 interface FormBuilderValidationRule {
     type: 'required' | 'email' | 'minLength' | 'maxLength' | 'min' | 'max' | string;
     value?: any;
@@ -36,6 +53,9 @@ interface FormBuilderField {
     readonly?: boolean;
     width?: FormBuilderFieldWidth;
     options?: FormBuilderOption[];
+    optionsSource?: FormBuilderSelectOptionsSource;
+    dataSource?: string;
+    dataSourceOptions?: FormBuilderSelectDataSourceOptions;
     validation?: FormBuilderValidationRule[];
     settings?: Record<string, any>;
     children?: FormBuilderField[];
@@ -130,15 +150,19 @@ declare const FORM_BUILDER_ITEMS: InjectionToken<FormBuilderItemDefinition[]>;
 declare const FORM_BUILDER_FIELDS: InjectionToken<FormBuilderFieldDefinition[]>;
 declare const FORM_BUILDER_SETTINGS: InjectionToken<FormBuilderSettingsDefinition[]>;
 declare const FORM_BUILDER_UPLOAD_CALLBACK: InjectionToken<FormBuilderUploadCallback>;
+declare const FORM_BUILDER_SELECT_DATA_SOURCES: InjectionToken<FormBuilderSelectDataSourceDefinition[]>;
 declare function formBuilderField(definition: FormBuilderFieldDefinition): FormBuilderFieldDefinition;
 declare function formBuilderItem(definition: FormBuilderItemDefinition): FormBuilderItemDefinition;
 declare function formBuilderSettings(definition: FormBuilderSettingsDefinition): FormBuilderSettingsDefinition;
 declare function provideFormBuilderField(definition: FormBuilderFieldDefinition): Provider;
 declare function provideFormBuilderFields(definitions: FormBuilderFieldDefinition[]): Provider[];
+declare function provideFormBuilderSelectDataSource(definition: FormBuilderSelectDataSourceDefinition): Provider;
+declare function provideFormBuilderSelectDataSources(definitions: FormBuilderSelectDataSourceDefinition[]): Provider[];
 declare function provideFormBuilder(config?: {
     items?: FormBuilderItemDefinition[];
     fields?: FormBuilderFieldDefinition[];
     settings?: FormBuilderSettingsDefinition[];
+    selectDataSources?: FormBuilderSelectDataSourceDefinition[];
     uploadCallback?: FormBuilderUploadCallback;
 }): EnvironmentProviders;
 declare const FORM_BUILDER_FIELD_BASE_SETTINGS_SCHEMA: FormBuilderSchema;
@@ -369,6 +393,7 @@ declare class FormRenderer {
 
 declare class FormBuilderFieldHost {
     private readonly providedUploadCallback;
+    private readonly selectDataSources;
     readonly field: _angular_core.InputSignal<FormBuilderField>;
     readonly control: _angular_core.InputSignal<FormControl<any>>;
     readonly definitions: _angular_core.InputSignal<FormBuilderFieldDefinition[]>;
@@ -386,9 +411,21 @@ declare class FormBuilderFieldHost {
     protected readonly spacerHeight: _angular_core.Signal<number>;
     protected readonly dateRangeStartValue: _angular_core.Signal<string>;
     protected readonly dateRangeEndValue: _angular_core.Signal<string>;
+    protected readonly selectUsesDataSource: _angular_core.Signal<boolean>;
+    protected readonly selectDataSourceDefinition: _angular_core.Signal<_ngstarter_ui_components_form_builder.FormBuilderSelectDataSourceDefinition | null>;
+    protected readonly selectDataSource: _angular_core.Signal<SelectDataSource | null>;
+    protected readonly selectOptionContentComponent: _angular_core.Signal<Type<any> | null>;
+    protected readonly selectValueComponent: _angular_core.Signal<Type<any> | null>;
+    protected readonly selectPageSize: _angular_core.Signal<number>;
+    protected readonly selectSearchable: _angular_core.Signal<boolean>;
+    protected readonly selectSearchDebounce: _angular_core.Signal<number>;
+    protected readonly selectMinSearchLength: _angular_core.Signal<number>;
+    protected readonly selectLoadOnOpen: _angular_core.Signal<boolean>;
     private readonly anchor;
     constructor();
     protected onUploadFilesSelected(event: UploadFileSelectedEvent): Promise<void>;
+    protected selectOptionContentInputs(data: unknown, option: SelectOptionContentContext['option'], value: unknown, label: string, selected: boolean, disabled: boolean, multiple: boolean): Record<string, unknown>;
+    protected selectValueInputs(data: SelectValueContext['data'], option: SelectValueContext['option'], value: SelectValueContext['value'], label: string, labels: string[], count: number, multiple: boolean): Record<string, unknown>;
     protected onDateRangeChanged(rangeInput: DateRangeInput<any>): void;
     private formatDateRangePart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFieldHost, never>;
@@ -396,6 +433,7 @@ declare class FormBuilderFieldHost {
 }
 
 declare class FormBuilderSettingsHost {
+    private readonly selectDataSources;
     readonly field: _angular_core.InputSignal<FormBuilderField | null>;
     readonly section: _angular_core.InputSignal<FormBuilderSection | null>;
     readonly schema: _angular_core.InputSignal<FormBuilderSchema>;
@@ -417,6 +455,8 @@ declare class FormBuilderSettingsHost {
     private resolveOwnSettingsSchema;
     private inferSettingsInheritance;
     private baseSettingsSchema;
+    private withRegisteredSelectDataSources;
+    private withSelectDataSourceOptions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderSettingsHost, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderSettingsHost, "ngs-form-builder-settings-host", ["ngsFormBuilderSettingsHost"], { "field": { "alias": "field"; "required": false; "isSignal": true; }; "section": { "alias": "section"; "required": false; "isSignal": true; }; "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "settingsDefinitions": { "alias": "settingsDefinitions"; "required": false; "isSignal": true; }; "update": { "alias": "update"; "required": false; "isSignal": true; }; "updateSection": { "alias": "updateSection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -476,5 +516,5 @@ declare class BasicFormBuilderSectionSettings {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderSectionSettings, "ngs-basic-form-builder-section-settings", ["ngsBasicFormBuilderSectionSettings"], { "section": { "alias": "section"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BasicFormBuilderFieldSettings, BasicFormBuilderLayoutSettings, BasicFormBuilderSectionSettings, DEFAULT_FORM_BUILDER_FIELDS, DEFAULT_FORM_BUILDER_ITEMS, FORM_BUILDER_FIELDS, FORM_BUILDER_FIELD_BASE_SETTINGS_SCHEMA, FORM_BUILDER_INPUT_FIELD_BASE_SETTINGS_SCHEMA, FORM_BUILDER_ITEMS, FORM_BUILDER_LAYOUT_BASE_SETTINGS_SCHEMA, FORM_BUILDER_LAYOUT_CONTAINER_BASE_SETTINGS_SCHEMA, FORM_BUILDER_SECTION_BASE_SETTINGS_SCHEMA, FORM_BUILDER_SETTINGS, FORM_BUILDER_STATIC_BASE_SETTINGS_SCHEMA, FORM_BUILDER_UPLOAD_CALLBACK, FormBuilder, FormBuilderFieldHost, FormBuilderSettingsHost, FormRenderer, createDefaultFormBuilderSchema, formBuilderField, formBuilderItem, formBuilderSettings, provideFormBuilder, provideFormBuilderField, provideFormBuilderFields, validatorsFromRules };
-export type { FormBuilderComponentImporter, FormBuilderField, FormBuilderFieldChange, FormBuilderFieldDefinition, FormBuilderFieldRenderContext, FormBuilderFieldSettingsContext, FormBuilderFieldWidth, FormBuilderItemDefinition, FormBuilderItemKind, FormBuilderLayoutItem, FormBuilderOption, FormBuilderSchema, FormBuilderSection, FormBuilderSectionSettingsContext, FormBuilderSettingsConfig, FormBuilderSettingsContext, FormBuilderSettingsDefinition, FormBuilderSettingsInheritance, FormBuilderSettingsSchemaFactory, FormBuilderUploadCallback, FormBuilderUploadContext, FormBuilderValidationRule };
+export { BasicFormBuilderFieldSettings, BasicFormBuilderLayoutSettings, BasicFormBuilderSectionSettings, DEFAULT_FORM_BUILDER_FIELDS, DEFAULT_FORM_BUILDER_ITEMS, FORM_BUILDER_FIELDS, FORM_BUILDER_FIELD_BASE_SETTINGS_SCHEMA, FORM_BUILDER_INPUT_FIELD_BASE_SETTINGS_SCHEMA, FORM_BUILDER_ITEMS, FORM_BUILDER_LAYOUT_BASE_SETTINGS_SCHEMA, FORM_BUILDER_LAYOUT_CONTAINER_BASE_SETTINGS_SCHEMA, FORM_BUILDER_SECTION_BASE_SETTINGS_SCHEMA, FORM_BUILDER_SELECT_DATA_SOURCES, FORM_BUILDER_SETTINGS, FORM_BUILDER_STATIC_BASE_SETTINGS_SCHEMA, FORM_BUILDER_UPLOAD_CALLBACK, FormBuilder, FormBuilderFieldHost, FormBuilderSettingsHost, FormRenderer, createDefaultFormBuilderSchema, formBuilderField, formBuilderItem, formBuilderSettings, provideFormBuilder, provideFormBuilderField, provideFormBuilderFields, provideFormBuilderSelectDataSource, provideFormBuilderSelectDataSources, validatorsFromRules };
+export type { FormBuilderComponentImporter, FormBuilderField, FormBuilderFieldChange, FormBuilderFieldDefinition, FormBuilderFieldRenderContext, FormBuilderFieldSettingsContext, FormBuilderFieldWidth, FormBuilderItemDefinition, FormBuilderItemKind, FormBuilderLayoutItem, FormBuilderOption, FormBuilderSchema, FormBuilderSection, FormBuilderSectionSettingsContext, FormBuilderSelectDataSourceDefinition, FormBuilderSelectDataSourceOptions, FormBuilderSelectOptionsSource, FormBuilderSettingsConfig, FormBuilderSettingsContext, FormBuilderSettingsDefinition, FormBuilderSettingsInheritance, FormBuilderSettingsSchemaFactory, FormBuilderUploadCallback, FormBuilderUploadContext, FormBuilderValidationRule };

package/types/ngstarter-ui-components-select.d.ts

@@ -56,6 +56,63 @@ declare abstract class _Select {
 }
 declare const SELECT: InjectionToken<_Select>;
 
+interface SelectDataSourceRequest {
+    search: string;
+    page: number;
+    pageSize: number;
+    cursor?: unknown;
+    selectedValues: unknown[];
+    reason: 'initial' | 'open' | 'search' | 'page';
+    signal?: AbortSignal;
+}
+interface SelectDataSourceOption<T = unknown> {
+    label: string;
+    value: unknown;
+    disabled?: boolean;
+    data?: T;
+}
+interface SelectDataSourceResult<T = unknown> {
+    items: SelectDataSourceOption<T>[];
+    hasMore?: boolean;
+    total?: number;
+    nextCursor?: unknown;
+}
+type SelectDataSource<T = unknown> = (request: SelectDataSourceRequest) => Promise<SelectDataSourceResult<T> | SelectDataSourceOption<T>[]>;
+
+interface SelectOptionContentContext<T = any> {
+    $implicit: T;
+    data: T;
+    option: SelectDataSourceOption<T>;
+    value: unknown;
+    label: string;
+    selected: boolean;
+    disabled: boolean;
+    multiple: boolean;
+}
+declare class SelectOptionContentDef<T = any> {
+    readonly templateRef: TemplateRef<SelectOptionContentContext<T>>;
+    static ngTemplateContextGuard<T>(_directive: SelectOptionContentDef<T>, _context: unknown): _context is SelectOptionContentContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionContentDef<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectOptionContentDef<any>, "ng-template[ngsOptionContentDef]", never, {}, {}, never, never, true, never>;
+}
+
+interface SelectValueContext<T = any> {
+    $implicit: T | T[] | null;
+    data: T | T[] | null;
+    option: SelectDataSourceOption<T> | SelectDataSourceOption<T>[] | null;
+    value: unknown | unknown[] | null;
+    label: string;
+    labels: string[];
+    count: number;
+    multiple: boolean;
+}
+declare class SelectValueDef<T = any> {
+    readonly templateRef: TemplateRef<SelectValueContext<T>>;
+    static ngTemplateContextGuard<T>(_directive: SelectValueDef<T>, _context: unknown): _context is SelectValueContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectValueDef<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectValueDef<any>, "ng-template[ngsSelectValueDef]", never, {}, {}, never, never, true, never>;
+}
+
 declare class SelectChange {
     source: Select;
     value: any;
@@ -82,6 +139,12 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideCheckIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
     clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    dataSource: _angular_core.InputSignal<SelectDataSource | null | undefined>;
+    pageSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    searchDebounce: _angular_core.InputSignalWithTransform<number, unknown>;
+    minSearchLength: _angular_core.InputSignalWithTransform<number, unknown>;
+    loadOnOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
     ariaLabel: _angular_core.InputSignal<string | null>;
     tabIndex: _angular_core.InputSignalWithTransform<number, any>;
     ariaDescribedby: _angular_core.InputSignal<string | null>;
@@ -90,10 +153,14 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     readonly selectionChange: _angular_core.OutputEmitterRef<any>;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    options: _angular_core.Signal<readonly _Option[]>;
+    private projectedOptions;
+    private dataSourceOptions;
+    options: _angular_core.Signal<_Option[]>;
     optionGroups: _angular_core.Signal<readonly Optgroup[]>;
     customTrigger: _angular_core.Signal<readonly SelectTrigger[]>;
     filterTrigger: _angular_core.Signal<readonly FilterTrigger[]>;
+    optionContentDef: _angular_core.Signal<SelectOptionContentDef<any> | undefined>;
+    selectValueDef: _angular_core.Signal<SelectValueDef<any> | undefined>;
     overlayDir: _angular_core.Signal<CdkConnectedOverlay | undefined>;
     panel: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     origin: _angular_core.Signal<CdkOverlayOrigin | undefined>;
@@ -109,6 +176,22 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     _optionsContentChanges: _angular_core.WritableSignal<number>;
     private _errorState;
     get errorState(): boolean;
+    protected readonly asyncOptions: _angular_core.WritableSignal<SelectDataSourceOption<unknown>[]>;
+    protected readonly asyncSearch: _angular_core.WritableSignal<string>;
+    protected readonly asyncLoading: _angular_core.WritableSignal<boolean>;
+    protected readonly asyncLoadingMore: _angular_core.WritableSignal<boolean>;
+    protected readonly asyncError: _angular_core.WritableSignal<unknown>;
+    protected readonly asyncHasMore: _angular_core.WritableSignal<boolean>;
+    protected readonly asyncEnabled: _angular_core.Signal<boolean>;
+    private readonly _asyncSelectedCache;
+    private _asyncPage;
+    private _asyncCursor;
+    private _asyncSearchTimer;
+    private _asyncRequestId;
+    private _asyncAbortController;
+    private _lastDataSource;
+    private _lastInitialSelectedKey;
+    private _destroyed;
     private _empty;
     get empty(): boolean;
     readonly hasValue: _angular_core.Signal<boolean>;
@@ -122,6 +205,8 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     triggerValue: _angular_core.Signal<string>;
     selectedCount: _angular_core.Signal<number>;
     selectedData: _angular_core.Signal<any>;
+    protected readonly selectValueContext: _angular_core.Signal<SelectValueContext<any>>;
+    protected readonly selectValueTemplateReady: _angular_core.Signal<boolean>;
     ngAfterContentInit(): void;
     private _resetOptions;
     ngOnDestroy(): void;
@@ -141,15 +226,38 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     focus(): void;
     _handleKeydown(event: KeyboardEvent): void;
     _onOptionClick(option: _Option): void;
+    protected onAsyncSearchInput(value: string): void;
+    protected onAsyncContentScroll(event: Event): void;
+    protected retryAsyncLoad(): void;
+    protected asyncOptionContext(option: SelectDataSourceOption): SelectOptionContentContext;
     private _selectOption;
+    private _selectAsyncMultipleOption;
     private _propagateChanges;
     private _setSelectionByValue;
     private _scrollToSelectedOption;
+    private _scrollToAsyncOptionValue;
+    private _scrollOptionElementIntoContainer;
+    private _setScrollTop;
     private _getOptionIndex;
     private _getOptionData;
     private _selectValue;
+    private _loadFirstPage;
+    private _loadNextPage;
+    private _loadAsyncPage;
+    private _normalizeAsyncResult;
+    private _mergeAsyncOptions;
+    private _cacheAsyncSelectedOptions;
+    private _resetAsyncState;
+    private _selectedValues;
+    private _selectedValuesKey;
+    private _viewValueForValue;
+    private _dataForValue;
+    private _displayOptionForValue;
+    private _optionForValue;
+    private _asyncOptionForValue;
+    private _compareValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "options", "optionGroups", "customTrigger", "filterTrigger"], ["ngs-select-trigger", "ngs-filter-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchDebounce": { "alias": "searchDebounce"; "required": false; "isSignal": true; }; "minSearchLength": { "alias": "minSearchLength"; "required": false; "isSignal": true; }; "loadOnOpen": { "alias": "loadOnOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "projectedOptions", "optionGroups", "customTrigger", "filterTrigger", "optionContentDef", "selectValueDef"], ["ngs-select-trigger", "ngs-filter-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
 }
 
 declare class SelectHeader {
@@ -162,4 +270,5 @@ declare class SelectFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFooter, "ngs-select-footer", never, {}, {}, never, ["*"], true, never>;
 }
 
-export { FilterTrigger, FilterTriggerValueDirective, SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectTrigger, _Select };
+export { FilterTrigger, FilterTriggerValueDirective, SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectOptionContentDef, SelectTrigger, SelectValueDef, _Select };
+export type { SelectDataSource, SelectDataSourceOption, SelectDataSourceRequest, SelectDataSourceResult, SelectOptionContentContext, SelectValueContext };