coersystem
Version:
Library for Angular projects
70 lines (69 loc) • 5.22 kB
TypeScript
import { AfterViewInit, EffectRef, ElementRef, OnDestroy } from '@angular/core';
import { ControlValue } from 'coersystem/tools';
import * as i0 from "@angular/core";
export declare class CoerDropdown<T> extends ControlValue implements AfterViewInit, OnDestroy {
protected readonly _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
protected _value: T | null;
protected readonly _id: string;
protected readonly _effectValue: EffectRef;
protected readonly _index: import("@angular/core").WritableSignal<number>;
protected readonly _isOpen: import("@angular/core").WritableSignal<boolean>;
protected readonly _isOverMenu: import("@angular/core").WritableSignal<boolean>;
protected _dropDownMenuContainer: HTMLElement;
protected _dropDownMenu: HTMLElement;
id: import("@angular/core").InputSignal<string>;
value: import("@angular/core").InputSignal<string | null | undefined>;
label: import("@angular/core").InputSignal<string>;
color: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark" | "default" | "light">;
type: import("@angular/core").InputSignal<"filled" | "outline">;
dataSource: import("@angular/core").InputSignal<T[]>;
displayProperty: import("@angular/core").InputSignal<string>;
rowsByPage: import("@angular/core").InputSignal<number>;
isLoading: import("@angular/core").InputSignal<boolean>;
isDisabled: import("@angular/core").InputSignal<boolean>;
isReadonly: import("@angular/core").InputSignal<boolean>;
isInvisible: import("@angular/core").InputSignal<boolean>;
isHidden: import("@angular/core").InputSignal<boolean>;
width: import("@angular/core").InputSignal<string>;
minWidth: import("@angular/core").InputSignal<string>;
maxWidth: import("@angular/core").InputSignal<string>;
marginTop: import("@angular/core").InputSignal<string>;
marginRight: import("@angular/core").InputSignal<string>;
marginBottom: import("@angular/core").InputSignal<string>;
marginLeft: import("@angular/core").InputSignal<string>;
tooltip: import("@angular/core").InputSignal<string>;
tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
onSelected: import("@angular/core").OutputEmitterRef<T>;
onUnselect: import("@angular/core").OutputEmitterRef<null>;
constructor();
ngAfterViewInit(): void;
ngOnDestroy(): void;
protected get _label(): string;
protected get _icon(): string;
protected _isEnable: import("@angular/core").Signal<boolean>;
protected _dataSource: import("@angular/core").Signal<any[]>;
protected SetValue(_value: any): void;
writeValue(_value: any): void;
/** */
protected _GetIndexRow: (item: any) => number;
/** */
protected _GetIcon: (item: any) => string;
/** */
protected _GetDisplay: (item: any) => string;
/** */
protected _GetPath: (item: any) => string | (string | number)[] | null;
/** */
protected _SelectItem(item: any): void;
/** */
Unselect(): void;
/** */
protected _Toggle(): void;
/** */
Open(): void;
/** */
Close(): void;
/** */
SetValueBy(callback: (row: T) => boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CoerDropdown<any>, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CoerDropdown<any>, "coer-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "displayProperty": { "alias": "displayProperty"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
}