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
TypeScript
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>;
}