@clr/angular
Version:
Angular components for Clarity
101 lines (88 loc) • 5.58 kB
TypeScript
import * as i0 from '@angular/core';
import { OnChanges, EventEmitter, QueryList, SimpleChanges, OnInit, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
import { CollapsiblePanel, CollapsiblePanelModel, CollapsiblePanelGroupModel, CollapsiblePanelService } from '@clr/angular/collapsible-panel';
import { HeadingLevel, WillyWonka, OompaLoompa, IfExpandService } from '@clr/angular/utils';
import * as i8 from '@angular/common';
import * as i9 from '@clr/angular/icon';
declare class ClrAccordionDescription {
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordionDescription, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ClrAccordionDescription, "clr-accordion-description", never, {}, {}, never, ["*"], false, never>;
}
declare class ClrAccordionPanel extends CollapsiblePanel implements OnChanges {
disabled: boolean;
panelOpen: boolean;
panelOpenChange: EventEmitter<boolean>;
/**
* Level of the accordion heading from 1 to 6.
*/
explicitHeadingLevel: HeadingLevel;
accordionDescription: QueryList<ClrAccordionDescription>;
ngOnChanges(changes: SimpleChanges): void;
getPanelStateClasses(panel: CollapsiblePanelModel): "clr-accordion-panel-open" | "clr-accordion-panel-closed";
getContentId(id: string): string;
getHeaderId(id: string): string;
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordionPanel, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ClrAccordionPanel, "clr-accordion-panel", never, { "disabled": { "alias": "clrAccordionPanelDisabled"; "required": false; }; "panelOpen": { "alias": "clrAccordionPanelOpen"; "required": false; }; "explicitHeadingLevel": { "alias": "clrAccordionPanelHeadingLevel"; "required": false; }; }, { "panelOpenChange": "clrAccordionPanelOpenChange"; }, ["accordionDescription"], ["clr-accordion-title", "clr-accordion-description", "*"], false, never>;
}
/**
* Controls how many panels can be open simultaneously within an accordion.
*/
declare enum AccordionStrategy {
/** Only one panel can be open at a time. Opening a panel closes any previously open panel. */
Single = "single",
/** Multiple panels can be open simultaneously. */
Multi = "multi"
}
declare class AccordionModel extends CollapsiblePanelGroupModel {
private strategy;
setStrategy(strategy: AccordionStrategy): void;
togglePanel(panelId: string, open?: boolean): void;
private closeAllPanels;
}
declare class AccordionService extends CollapsiblePanelService {
protected panelGroup: AccordionModel;
setStrategy(strategy: AccordionStrategy): void;
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionService, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionService>;
}
declare class ClrAccordion implements OnInit, OnChanges, AfterViewInit, OnDestroy {
private accordionService;
multiPanel: boolean | string;
panels: QueryList<ClrAccordionPanel>;
private subscriptions;
constructor(accordionService: AccordionService);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
private setAccordionStrategy;
private listenForDOMChanges;
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordion, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ClrAccordion, "clr-accordion", never, { "multiPanel": { "alias": "clrAccordionMultiPanel"; "required": false; }; }, {}, ["panels"], ["*"], false, never>;
}
declare class ClrAccordionTitle {
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordionTitle, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ClrAccordionTitle, "clr-accordion-title", never, {}, {}, never, ["*"], false, never>;
}
declare class ClrAccordionContent {
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordionContent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ClrAccordionContent, "clr-accordion-content", never, {}, {}, never, ["*"], false, never>;
}
declare class AccordionWillyWonka extends WillyWonka {
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionWillyWonka, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionWillyWonka, "clr-accordion", never, {}, {}, never, never, false, never>;
}
declare class AccordionOompaLoompa extends OompaLoompa {
private expand;
constructor(cdr: ChangeDetectorRef, willyWonka: AccordionWillyWonka, ifExpandService: IfExpandService);
get flavor(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionOompaLoompa, [null, { optional: true; }, null]>;
static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionOompaLoompa, "clr-accordion-panel", never, {}, {}, never, never, false, never>;
}
declare class ClrAccordionModule {
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAccordionModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrAccordionModule, [typeof ClrAccordion, typeof ClrAccordionPanel, typeof ClrAccordionTitle, typeof ClrAccordionDescription, typeof ClrAccordionContent, typeof AccordionOompaLoompa, typeof AccordionWillyWonka], [typeof i8.CommonModule, typeof i9.ClrIcon], [typeof ClrAccordion, typeof ClrAccordionPanel, typeof ClrAccordionTitle, typeof ClrAccordionDescription, typeof ClrAccordionContent, typeof AccordionOompaLoompa, typeof AccordionWillyWonka]>;
static ɵinj: i0.ɵɵInjectorDeclaration<ClrAccordionModule>;
}
export { AccordionModel, AccordionOompaLoompa, AccordionService, AccordionStrategy, AccordionWillyWonka, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle };