@design-factory/angular 21.1.0 → 22.0.0-next.0

package/types/design-factory-angular-accordion.d.ts

@@ -0,0 +1,553 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AgnosWidgetDirective } from '@design-factory/angular/internals';
+import { AccordionWidget, AccordionItemWidget, AccordionProps } from '@design-factory/core/components/accordion';
+import { ControlValueAccessor } from '@angular/forms';
+
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Abstract base class for accordion variants.
+ *
+ * Provides the shared inputs, outputs and methods common to all accordion types.
+ *
+ * @internal
+ */
+declare abstract class DfAccordionBase extends AgnosWidgetDirective<AccordionWidget> {
+    /**
+     * An event fired when an item is shown.
+     *
+     * Event payload is the id of the item.
+     */
+    readonly itemShown: _angular_core.OutputEmitterRef<string>;
+    /**
+     * An event fired when an item is hidden.
+     *
+     * Event payload is the id of the item.
+     */
+    readonly itemHidden: _angular_core.OutputEmitterRef<string>;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     *
+     * @defaultValue `true`
+     */
+    readonly itemDestroyOnHide: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, accordion-item will be animated.
+     *
+     * @defaultValue `true`
+     */
+    readonly animated: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * The HTML heading level to use for the accordion-item-header.
+     *
+     * Should be an integer between 1 and 6, if an invalid value is provided, it will default to 2.
+     * @defaultValue 2
+     */
+    readonly itemHeadingLevel: _angular_core.InputSignalWithTransform<HeadingLevel, HeadingLevel | "1" | "2" | "3" | "4" | "5" | "6">;
+    /**
+     * The size of the accordion.
+     *
+     * @defaultValue `'md'`
+     */
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
+    /**
+     * Position of the expandable icon on the accordion header.
+     *
+     * @defaultValue `'end'`
+     */
+    readonly arrowPosition: _angular_core.InputSignal<"start" | "end" | undefined>;
+    /**
+     * Addon type to show on the left side of the accordion header.
+     *
+     * Only valid for 'default' and 'interactive' variant.
+     *
+     * @defaultValue `'none'`
+     */
+    readonly addon: _angular_core.InputSignal<"number" | "none" | "icon" | undefined>;
+    /**
+     * In case of subtitle, defines how the subtitle is displayed.
+     *
+     * Only valid for 'default' and 'interactive'.
+     *
+     * On an interactive variant, subtitle is always displayed as inline.
+     *
+     * @defaultValue `'none'`
+     */
+    readonly subtitleType: _angular_core.InputSignal<"none" | "inline" | "block" | undefined>;
+    /**
+     * When an item is visible (a.k.a. expanded), a separator line is shown below the item header.
+     *
+     * @defaultValue `false`
+     */
+    readonly separator: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    constructor();
+    /**
+     *  Toggles an item with the given id.
+     *
+     *  It will toggle an item, even if it is disabled.
+     */
+    toggle(itemId: string): Promise<void>;
+    /**
+     *  Expands an item with the given id.
+     *
+     *  If closeOthers is true, it will collapse other panels.
+     */
+    expand(itemId: string): Promise<void>;
+    /**
+     *  Expands all items.
+     *
+     *  If closeOthers is true and all items are closed, it will open the first one. Otherwise, it will keep the opened one.
+     */
+    expandAll(): Promise<void>;
+    /**
+     * Checks if an item with the given id is expanded.
+     *
+     * If the itemId does not correspond to any item, it returns false.
+     */
+    isExpanded(itemId: string): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfAccordionBase, never, never, { "itemDestroyOnHide": { "alias": "itemDestroyOnHide"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "itemHeadingLevel": { "alias": "itemHeadingLevel"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; "isSignal": true; }; "addon": { "alias": "addon"; "required": false; "isSignal": true; }; "subtitleType": { "alias": "subtitleType"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "itemShown": "itemShown"; "itemHidden": "itemHidden"; }, never, never, true, never>;
+}
+
+/**
+ * An accordion is a vertically stacked list of headers that reveal or hide associated sections of content
+ *
+ * Each header and content section is called an accordion-item.
+ *
+ * This component is a container for these items and provides an API to handle them.
+ *
+ * @since 22.0.0
+ */
+declare class DfAccordion extends DfAccordionBase {
+    /**
+     * If `true`, only one accordion-item at the time can stay open.
+     *
+     * @defaultValue `false`
+     */
+    readonly closeOthers: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Collapses an item with the given id.
+     *
+     * Has no effect if the itemId does not correspond to any item.
+     */
+    collapse(itemId: string): Promise<void>;
+    /**
+     * Collapses all items.
+     */
+    collapseAll(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfAccordion, "df-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A directive to define a template containing the body content of the accordion item.
+ * @since 22.0.0
+ * */
+declare class DfAccordionItemBody {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemBody, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfAccordionItemBody, "ng-template[dfAccordionItemBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * A directive to define a template containing the title of the accordion item.
+ * @since 22.0.0
+ * */
+declare class DfAccordionItemTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfAccordionItemTitle, "ng-template[dfAccordionItemTitle]", never, {}, {}, never, never, true, never>;
+}
+/**
+ *
+ * An accordion item is a group of a header and a collapsible content section.
+ *
+ * It is used within an accordion component to display and hide content.
+ *
+ * This is the basic template for an accordion item. See {@link DfAccordionItemInteractive} for a template with interactive elements in the header.
+ *
+ * As its content, it accepts two directives:
+ * - `dfAccordionItemTitle`: to define the title of the accordion item.
+ * - `dfAccordionItemBody`: to define the body content of the accordion item.
+ * @since 22.0.0
+ */
+declare class DfAccordionItem extends AgnosWidgetDirective<AccordionItemWidget> {
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     *
+     * @defaultValue `'dfId-[number]'`
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     *
+     * @defaultValue `true`
+     */
+    readonly destroyOnHide: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     *
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     *
+     * @defaultValue `false`
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     *
+     * @defaultValue `false`
+     */
+    readonly visible: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * An event fired when an item is shown.
+     */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when an item is hidden.
+     */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     */
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle
+     *
+     * @defaultValue `undefined`
+     * */
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for Icon variant to set custom icon class
+     *
+     * @defaultValue `undefined`
+     * */
+    readonly iconClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for addon number variant to set the custom number
+     *
+     * @defaultValue `undefined`
+     * */
+    readonly number: _angular_core.InputSignal<string | undefined>;
+    protected readonly title: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly body: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly accordion: DfAccordion;
+    constructor();
+    /**
+     *  Toggles the item.
+     *
+     *  It will toggle the item, even if it is disabled.
+     */
+    toggle(): Promise<void>;
+    /**
+     *  Expands the item.
+     *
+     *  If closeOthers is true, it will collapse other panels.
+     */
+    expand(): Promise<void>;
+    /**
+     * Collapses the item.
+     * */
+    collapse(): Promise<void>;
+    /**
+     * Checks if the item is expanded.
+     *
+     * */
+    isExpanded(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfAccordionItem, "df-accordion-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "number": { "alias": "number"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; "visibleChange": "visibleChange"; }, ["title", "body"], never, true, never>;
+}
+
+/**
+ * A directive to define a template containing an interactive element inside the accordion item header.
+ * @since 22.0.0
+ * */
+declare class DfAccordionItemInteractiveSection {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemInteractiveSection, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfAccordionItemInteractiveSection, "ng-template[dfAccordionItemInteractiveSection]", never, {}, {}, never, never, true, never>;
+}
+/**
+ *
+ * An accordion item is a group of a header and a collapsible content section.
+ *
+ * It is used within an accordion component to display and hide content.
+ *
+ * This template is for the case when it is needed an interactive section inside the header.
+ *
+ * As its content, it accepts three directives:
+ * - `dfAccordionItemTitle`: to define the title of the accordion item.
+ * - `DfAccordionItemInteractiveSection`: to define a template containing an interactive element.
+ * - `dfAccordionItemBody`: to define the body content of the accordion item.
+ * @since 22.0.0
+ */
+declare class DfAccordionItemInteractive extends AgnosWidgetDirective<AccordionItemWidget> {
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     *
+     * @defaultValue `'dfId-[number]'`
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     *
+     * @defaultValue `true`
+     */
+    readonly destroyOnHide: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     *
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     *
+     * @defaultValue `false`
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     *
+     * @defaultValue `false`
+     */
+    readonly visible: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * An event fired when an item is shown.
+     */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when an item is hidden.
+     */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     */
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle
+     * */
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for Icon variant to set custom icon class
+     * */
+    readonly iconClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for addon number variant to set custom the number
+     * */
+    readonly number: _angular_core.InputSignal<string>;
+    protected readonly title: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly interactiveSection: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly body: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly accordion: DfAccordion;
+    constructor();
+    /**
+     *  Toggles the item
+     *
+     *  It will toggle the item, even if it is disabled.
+     */
+    toggle(): Promise<void>;
+    /**
+     *  Expands an item.
+     *
+     *  If closeOthers is true, it will collapse other panels.
+     */
+    expand(): Promise<void>;
+    /**
+     * Collapses the item.
+     * */
+    collapse(): Promise<void>;
+    /**
+     * Checks if the item is expanded.
+     *
+     * */
+    isExpanded(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemInteractive, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfAccordionItemInteractive, "df-accordion-item-interactive", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "number": { "alias": "number"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; "visibleChange": "visibleChange"; }, ["title", "interactiveSection", "body"], never, true, never>;
+}
+
+/**
+ * A selectable accordion is a vertically stacked list of headers with built-in radio inputs,
+ * following the radio-group pattern. Expanding an item selects it.
+ *
+ * Each header and content section is a selectable accordion-item.
+ *
+ * This component is a container for these items and provides an API to handle them.
+ * It always enforces `closeOthers` behavior (only one item open at a time)
+ * and uses `role="radiogroup"` for accessibility.
+ *
+ * @since 22.0.0
+ */
+declare class DfAccordionSelectable extends DfAccordionBase {
+    /**
+     * The id of the accordion. Used to derive the radio group name for selectable items.
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accessible label for the radiogroup.
+     * Use when there is no visible heading that can be referenced by `ariaLabelledBy`.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID of an element that labels this radiogroup.
+     * Preferred over `ariaLabel` when a visible heading exists.
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionSelectable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfAccordionSelectable, "df-accordion-selectable", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A directive to define a template containing a subsection element inside the selectable accordion item header.
+ * @since 22.0.0
+ */
+declare class DfAccordionItemSelectableSubsection {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemSelectableSubsection, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfAccordionItemSelectableSubsection, "ng-template[dfAccordionItemSelectableSubsection]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * An accordion item with a built-in radio input in the header.
+ * Implements {@link ControlValueAccessor} so it can be used with `formControlName` or `ngModel`.
+ * All selectable items sharing the same form control act as a radio group:
+ * expanding an item selects its {@link DfAccordionItemSelectable#value | value}.
+ *
+ * As its content, it accepts two directives:
+ * - `dfAccordionItemTitle`: to define the title of the accordion item.
+ * - `dfAccordionItemBody`: to define the body content of the accordion item.
+ *
+ * Optionally:
+ * - `dfAccordionItemSelectableSubsection`: to define a subsection element inside the header.
+ * @since 22.0.0
+ */
+declare class DfAccordionItemSelectable extends AgnosWidgetDirective<AccordionItemWidget> implements ControlValueAccessor {
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     *
+     * @defaultValue `'dfId-[number]'`
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     *
+     * @defaultValue `true`
+     */
+    readonly destroyOnHide: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     *
+     * @defaultValue `false`
+     */
+    readonly visible: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * The value this item represents in the radio group.
+     * When the item is expanded, this value is emitted to the form control.
+     */
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * An event fired when an item is shown.
+     */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when an item is hidden.
+     */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     */
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Optional input only valid if the accordion's subtitleType is 'inline' or 'block' to set custom subtitle.
+     */
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for Icon variant to set custom icon class.
+     */
+    readonly iconClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional input only valid for addon number variant to set the number.
+     */
+    readonly number: _angular_core.InputSignal<string>;
+    /**
+     * In case of subtitle, defines how the subtitle is displayed.
+     * Only valid for 'default' and 'card'.
+     * On a card variant, subtitle is always displayed as inline.
+     */
+    readonly subtitleType: _angular_core.InputSignal<"none" | "inline" | "block" | undefined>;
+    protected readonly title: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly body: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly subsection: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly accordion: DfAccordionSelectable;
+    protected readonly subtitleComputed: _angular_core.Signal<"none" | "inline" | "block">;
+    constructor();
+    /** @internal */
+    writeValue(val: string): void;
+    /** @internal */
+    registerOnChange(fn: (value: string | undefined) => void): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Toggles the item.
+     *
+     * It will toggle the item, even if it is disabled.
+     */
+    toggle(): Promise<void>;
+    /**
+     * Expands the item.
+     *
+     * Since the parent accordion has closeOthers, it will collapse other panels.
+     */
+    expand(): Promise<void>;
+    /**
+     * Collapses the item.
+     */
+    collapse(): Promise<void>;
+    /**
+     * Checks if the item is expanded.
+     */
+    isExpanded(): boolean;
+    /** Expand the item when the label is clicked (expand-only, no toggle). */
+    protected onLabelClick(event: MouseEvent): void;
+    private onChange;
+    private onTouched;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfAccordionItemSelectable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfAccordionItemSelectable, "df-accordion-item-selectable", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "number": { "alias": "number"; "required": false; "isSignal": true; }; "subtitleType": { "alias": "subtitleType"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; "visibleChange": "visibleChange"; }, ["title", "body", "subsection"], never, true, never>;
+}
+
+/**
+ * Configuration options supported by {@link provideDfAccordionConfig}
+ */
+type DfAccordionConfig = Pick<AccordionProps, 'animated' | 'ariaToggleButtonLabel'>;
+declare const ACCORDION_CONFIG_KEY: "accordion";
+/**
+ * Provides the configuration for the accordion component.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   providers: [provideDfAccordionConfig({ animated: false })]
+ * })
+ * export class MyHomeComponent {}
+ * ```
+ *
+ * @param config - Partial configuration or a function that receives the parent configuration and returns a partial configuration.
+ */
+declare const provideDfAccordionConfig: (config?: Partial<DfAccordionConfig> | ((prevConfig: Partial<DfAccordionConfig>) => Partial<DfAccordionConfig>) | undefined) => _angular_core.FactoryProvider;
+/**
+ * Injects the configuration for the accordion component.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   providers: [provideDfAccordionConfig()]
+ * })
+ * export class MyAccordionComponent {
+ *   readonly accordionConfig = injectDfAccordionConfig();
+ * }
+ * ```
+ *
+ * @returns A writable signal containing the accordion configuration.
+ */
+declare const injectDfAccordionConfig: () => _angular_core.WritableSignal<Partial<DfAccordionConfig>>;
+
+export { ACCORDION_CONFIG_KEY, DfAccordion, DfAccordionItem, DfAccordionItemBody, DfAccordionItemInteractive, DfAccordionItemInteractiveSection, DfAccordionItemSelectable, DfAccordionItemSelectableSubsection, DfAccordionItemTitle, DfAccordionSelectable, injectDfAccordionConfig, provideDfAccordionConfig };
+export type { DfAccordionConfig };