@ngx-uk-frontend/core/details/lib/details.directive.d.ts

Core utilities and shared functionality for ngx-uk-frontend libraries

import * as i0 from "@angular/core";
/**
 * Base directive for details components across different design systems.
 * Provides common functionality for disclosure/collapsible content components.
 *
 * This directive serves as the foundation for design system-specific details
 * implementations, ensuring consistent behavior and API across different
 * design systems (GOV.UK, Scottish Government, NHS, etc.).
 *
 * @example
 * ```typescript
 * @Component({
 *   selector: 'my-details',
 *   template: `
 *     <details>
 *       <summary>{{ summary() }}</summary>
 *       <ng-content></ng-content>
 *     </details>
 *   `
 * })
 * export class MyDetailsComponent extends DetailsDirective {}
 * ```
 */
export declare class DetailsDirective {
    /**
     * The text displayed in the details summary element.
     * This serves as the clickable trigger that shows/hides the content.
     * This input is required.
     */
    readonly summary: import("@angular/core").InputSignal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<DetailsDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DetailsDirective, never, never, { "summary": { "alias": "summary"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}