UNPKG

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

68 lines (67 loc) 3.08 kB
import { AccordionContentComponent } from './accordion-content.component'; import type { AccordionPanelClass } from './accordion-panel.theme'; import { AccordionPanelThemeService } from './accordion-panel.theme.service'; import { AccordionTitleComponent } from './accordion-title.component'; import { AccordionComponent } from './accordion.component'; import type { AccordionColors } from './accordion.theme'; import { BaseComponent } from 'flowbite-angular'; import type { OnInit } from '@angular/core'; import { InjectionToken } from '@angular/core'; import * as i0 from "@angular/core"; export declare const FLOWBITE_ACCORDION_PANEL_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>; export declare const FLOWBITE_ACCORDION_PANEL_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{ root?: { base?: string | undefined; } | undefined; }>; export declare const accordionPanelDefaultValueProvider: import("@angular/core").EnvironmentProviders; /** * @see https://flowbite.com/docs/components/accordion/ */ export declare class AccordionPanelComponent extends BaseComponent<AccordionPanelClass> implements OnInit { /** * Service injected used to generate class */ readonly themeService: AccordionPanelThemeService; /** * The parent `AccordionComponent` */ readonly accordionComponent: AccordionComponent; /** * The child `AccordionTitleComponent` */ readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent>; /** * The child `AccordionContentComponent` */ readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent>; /** * Set the accordion panel color * * @default `AccordionComponent`'s color */ color: import("@angular/core").ModelSignal<keyof AccordionColors>; /** * Set if the accordion panel is open or not * * @default false */ isOpen: import("@angular/core").ModelSignal<boolean>; /** * Set the custom style for this accordion panel */ customStyle: import("@angular/core").ModelSignal<{ root?: { base?: string | undefined; } | undefined; }>; fetchClass(): AccordionPanelClass; /** * Toggle isOpen for itself and close every other `AccordionPanelComponent` if the parent `AccordionComponent`'s isAlwaysOpen is false * * @param isOpen Instead of toggle, it can set the value provided */ toggleVisibility(isOpen?: boolean): void; static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "flowbite-accordion-panel", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "customStyle": "customStyleChange"; }, ["accordionTitleChild", "accordionContentChild"], ["*"], true, never>; }