@kaspacom/ui
Version:
UI Component Library for KaspaCom DeFi Applications
59 lines • 4.18 kB
TypeScript
import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { DropdownOption } from './dropdown-select.models';
import { DropdownVariant } from '../../types/dropdown-variant.type';
import { ComponentSize } from '../../types/sizing.type';
import * as i0 from "@angular/core";
export declare class KcDropdownSelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
private readonly destroy$;
private readonly overlay;
private readonly responsiveService;
options: import("@angular/core").InputSignal<DropdownOption[]>;
placeholder: import("@angular/core").InputSignal<string>;
size: import("@angular/core").InputSignal<ComponentSize>;
variant: import("@angular/core").InputSignal<DropdownVariant>;
isFullWidth: import("@angular/core").InputSignal<boolean>;
isDisabled: import("@angular/core").InputSignal<boolean>;
optionsEllipsis: import("@angular/core").InputSignal<boolean>;
isFullscreenSelection: import("@angular/core").InputSignal<boolean>;
icon: import("@angular/core").InputSignal<string>;
iconSize: import("@angular/core").InputSignal<ComponentSize | undefined>;
useContentWidth: import("@angular/core").InputSignal<boolean>;
maxWidth: import("@angular/core").InputSignal<string | null>;
showToggleIcon: import("@angular/core").InputSignal<boolean>;
value: import("@angular/core").InputSignal<any>;
isSearchable: import("@angular/core").InputSignal<boolean>;
searchField: import("@angular/core").InputSignal<string>;
optionTemplate: TemplateRef<any> | null;
prefixTemplateRef: TemplateRef<any> | null;
emptyStateTemplateRef: TemplateRef<any> | null;
valueChange: import("@angular/core").OutputEmitterRef<any>;
dropdownTrigger: ElementRef;
isOpen: boolean;
private overlayRef;
private _value;
private onChange;
private onTouched;
private _internalDisabled;
constructor();
ngOnInit(): void;
isComponentDisabled(): boolean;
getDisplayValue(): string;
getTypographyClass(): string;
getIconSize(): ComponentSize;
toggleDropdown(): void;
openDropdown(): void;
private openRegularDropdown;
private openFullscreenDropdown;
private attachOptionsComponent;
closeDropdown(): void;
setValue(value: any): void;
writeValue(value: any): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
setDisabledState(isDisabled: boolean): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<KcDropdownSelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<KcDropdownSelectComponent, "kc-dropdown-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "optionsEllipsis": { "alias": "optionsEllipsis"; "required": false; "isSignal": true; }; "isFullscreenSelection": { "alias": "isFullscreenSelection"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "useContentWidth": { "alias": "useContentWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showToggleIcon": { "alias": "showToggleIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "isSearchable": { "alias": "isSearchable"; "required": false; "isSignal": true; }; "searchField": { "alias": "searchField"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["optionTemplate", "prefixTemplateRef", "emptyStateTemplateRef"], never, true, never>;
}
//# sourceMappingURL=dropdown-select.component.d.ts.map