flowbite-angular
Version:
<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github
137 lines (136 loc) • 5.22 kB
TypeScript
import { DropdownDividerComponent } from './dropdown-divider.component';
import { DropdownHeaderComponent } from './dropdown-header.component';
import { DropdownItemComponent } from './dropdown-item.component';
import type { DropdownClass, DropdownPositions } from './dropdown.theme';
import { DropdownThemeService } from './dropdown.theme.service';
import { BaseComponent } from 'flowbite-angular';
import { IconRegistry } from 'flowbite-angular/icon';
import type { ElementRef } from '@angular/core';
import { InjectionToken } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
export declare const FLOWBITE_DROPDOWN_LABEL_DEFAULT_VALUE: InjectionToken<string>;
export declare const FLOWBITE_DROPDOWN_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_DROPDOWN_POSITION_DEFAULT_VALUE: InjectionToken<keyof DropdownPositions>;
export declare const FLOWBITE_DROPDOWN_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
} | undefined;
dropdown?: {
base?: string | undefined;
} | undefined;
span?: {
base?: string | undefined;
} | undefined;
container?: {
base?: string | undefined;
isOpen?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
placement?: {
'left-center'?: string | undefined;
'right-center'?: string | undefined;
'bottom-center'?: string | undefined;
'top-center'?: string | undefined;
} | undefined;
} | undefined;
content?: {
base?: string | undefined;
} | undefined;
subContent?: {
base?: string | undefined;
} | undefined;
}>;
export declare const dropdownDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/dropdowns/
*/
export declare class DropdownComponent extends BaseComponent<DropdownClass> {
dropdown: import("@angular/core").Signal<ElementRef<any>>;
button: import("@angular/core").Signal<ElementRef<any>>;
/**
* Service injected used to generate class
*/
readonly themeService: DropdownThemeService;
/**
* `IconRegistry` service
*/
readonly iconRegistry: IconRegistry;
/**
* `DomSanitizer` service
*/
readonly domSanitizer: DomSanitizer;
/**
* List of `DropdownItemComponent`
*/
readonly dropdownItemChildren: import("@angular/core").Signal<readonly DropdownItemComponent[]>;
/**
* List of `DropdownHeaderComponent`
*/
readonly dropdownHeaderChildren: import("@angular/core").Signal<readonly DropdownHeaderComponent[]>;
/**
* List of `DropdownDividerComponent`
*/
readonly dropdownDividerChildren: import("@angular/core").Signal<readonly DropdownDividerComponent[]>;
/**
* Set the dropdown label
*
* @default Dropdown
*/
label: import("@angular/core").ModelSignal<string>;
/**
* Set if the dropdown is open
*
* @default false
*/
isOpen: import("@angular/core").ModelSignal<boolean>;
/**
* Set the dropdown position
*
* @default bottom-center
*/
position: import("@angular/core").ModelSignal<keyof DropdownPositions>;
/**
* Set the custom style for this dropdown
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
} | undefined;
dropdown?: {
base?: string | undefined;
} | undefined;
span?: {
base?: string | undefined;
} | undefined;
container?: {
base?: string | undefined;
isOpen?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
placement?: {
'left-center'?: string | undefined;
'right-center'?: string | undefined;
'bottom-center'?: string | undefined;
'top-center'?: string | undefined;
} | undefined;
} | undefined;
content?: {
base?: string | undefined;
} | undefined;
subContent?: {
base?: string | undefined;
} | undefined;
}>;
fetchClass(): DropdownClass;
init(): void;
/**
* Toggle dropdown isOpen
*/
toggle(): void;
clickout(event: Event): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "flowbite-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "label": "labelChange"; "isOpen": "isOpenChange"; "position": "positionChange"; "customStyle": "customStyleChange"; }, ["dropdownItemChildren", "dropdownHeaderChildren", "dropdownDividerChildren"], ["*"], true, never>;
}