@agnos-ui/angular-bootstrap 0.6.0-next.2 → 0.7.0-next.0

package/components/accordion/accordion.component.d.ts

@@ -1,7 +1,7 @@
 import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
 import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
 import type { AfterViewInit } from '@angular/core';
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import type { AccordionItemContext, AccordionItemWidget, AccordionWidget } from './accordion.gen';
 import * as i0 from "@angular/core";
 /**
@@ -51,15 +51,15 @@ export declare class AccordionItemComponent extends BaseWidgetDirective<Accordio
      *
      * It is a prop of the accordion-item.
      */
-    header: SlotContent<AccordionItemContext>;
-    slotHeaderFromContent: AccordionHeaderDirective | undefined;
+    readonly header: import("@angular/core").InputSignal<SlotContent<AccordionItemContext>>;
+    readonly slotHeaderFromContent: import("@angular/core").Signal<AccordionHeaderDirective | undefined>;
     /**
      * Content present in the accordion body.
      *
      * It is a prop of the accordion-item.
      */
-    children: SlotContent<AccordionItemContext>;
-    slotBodyFromContent: AccordionBodyDirective | undefined;
+    readonly children: import("@angular/core").InputSignal<SlotContent<AccordionItemContext>>;
+    readonly slotBodyFromContent: import("@angular/core").Signal<AccordionBodyDirective | undefined>;
     /**
      * Structure of the accordion-item. The default item structure is: accordion-item
      * contains accordion header and accordion-item body container; the accordion header contains the accordion button
@@ -68,83 +68,79 @@ export declare class AccordionItemComponent extends BaseWidgetDirective<Accordio
      *
      * It is a prop of the accordion-item.
      */
-    structure: SlotContent<AccordionItemContext>;
-    slotStructureFromContent: AccordionItemStructureDirective | undefined;
+    readonly structure: import("@angular/core").InputSignal<SlotContent<AccordionItemContext>>;
+    readonly slotStructureFromContent: import("@angular/core").Signal<AccordionItemStructureDirective | undefined>;
     /**
      * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
      */
-    id: string | undefined;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
     /**
      * The transition to use for the accordion-item body-container when the accordion-item is toggled.
      */
-    transition: TransitionFn | undefined;
+    readonly transition: import("@angular/core").InputSignal<TransitionFn | undefined>;
     /**
      * CSS classes to be applied on the widget main container
      *
      * @defaultValue `''`
      */
-    className: string | undefined;
+    readonly className: import("@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.
      */
-    destroyOnHide: boolean | undefined;
+    readonly destroyOnHide: import("@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.
      */
-    disabled: boolean | undefined;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
      */
-    visible: boolean | undefined;
+    readonly visible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, accordion-item will be animated.
      */
-    animated: boolean | undefined;
+    readonly animated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * CSS classes to add on the accordion-item header DOM element.
      */
-    headerClassName: string | undefined;
+    readonly headerClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item collapse DOM element.
      */
-    buttonClassName: string | undefined;
+    readonly buttonClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item body container DOM element.
      * The accordion-item body container is the DOM element on what the itemTransition is applied.
      */
-    bodyContainerClassName: string | undefined;
+    readonly bodyContainerClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item body DOM element.
      */
-    bodyClassName: string | undefined;
+    readonly bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * The html tag to use for the accordion-item-header.
      */
-    headingTag: string | undefined;
+    readonly headingTag: import("@angular/core").InputSignal<string | undefined>;
     /**
      * An event fired when an item is shown.
      */
-    shown: EventEmitter<void>;
+    readonly shown: import("@angular/core").OutputEmitterRef<void>;
     /**
      * An event fired when an item is hidden.
      */
-    hidden: EventEmitter<void>;
+    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
     /**
      * An event fired when the `visible` value changes.
      *
      * Event payload is the new value of visible.
      */
-    visibleChange: EventEmitter<boolean>;
-    slotChildren?: TemplateRef<void>;
+    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly slotChildren: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     constructor();
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "[auAccordionItem]", ["auAccordionItem"], { "header": { "alias": "auHeader"; "required": false; }; "children": { "alias": "auChildren"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "id": { "alias": "auId"; "required": false; }; "transition": { "alias": "auTransition"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "destroyOnHide": { "alias": "auDestroyOnHide"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "headerClassName": { "alias": "auHeaderClassName"; "required": false; }; "buttonClassName": { "alias": "auButtonClassName"; "required": false; }; "bodyContainerClassName": { "alias": "auBodyContainerClassName"; "required": false; }; "bodyClassName": { "alias": "auBodyClassName"; "required": false; }; "headingTag": { "alias": "auHeadingTag"; "required": false; }; }, { "shown": "auShown"; "hidden": "auHidden"; "visibleChange": "auVisibleChange"; }, ["slotHeaderFromContent", "slotBodyFromContent", "slotStructureFromContent"], ["*"], true, never>;
-    static ngAcceptInputType_destroyOnHide: unknown;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_visible: unknown;
-    static ngAcceptInputType_animated: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "[auAccordionItem]", ["auAccordionItem"], { "header": { "alias": "auHeader"; "required": false; "isSignal": true; }; "children": { "alias": "auChildren"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "id": { "alias": "auId"; "required": false; "isSignal": true; }; "transition": { "alias": "auTransition"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "auDestroyOnHide"; "required": false; "isSignal": true; }; "disabled": { "alias": "auDisabled"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "headerClassName": { "alias": "auHeaderClassName"; "required": false; "isSignal": true; }; "buttonClassName": { "alias": "auButtonClassName"; "required": false; "isSignal": true; }; "bodyContainerClassName": { "alias": "auBodyContainerClassName"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "auBodyClassName"; "required": false; "isSignal": true; }; "headingTag": { "alias": "auHeadingTag"; "required": false; "isSignal": true; }; }, { "shown": "auShown"; "hidden": "auHidden"; "visibleChange": "auVisibleChange"; }, ["slotHeaderFromContent", "slotBodyFromContent", "slotStructureFromContent"], ["*"], true, never>;
 }
 /**
  * Directive for creating an accordion component.
@@ -159,13 +155,13 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      *
      * @defaultValue `false`
      */
-    closeOthers: boolean | undefined;
+    readonly closeOthers: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * CSS classes to be applied on the widget main container
      *
      * @defaultValue `''`
      */
-    className: string | undefined;
+    readonly className: import("@angular/core").InputSignal<string | undefined>;
     /**
      * An event fired when an item is shown.
      *
@@ -176,7 +172,7 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      * () => {}
      * ```
      */
-    itemShown: EventEmitter<string>;
+    readonly itemShown: import("@angular/core").OutputEmitterRef<string>;
     /**
      * An event fired when an item is hidden.
      *
@@ -187,19 +183,19 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      * () => {}
      * ```
      */
-    itemHidden: EventEmitter<string>;
+    readonly itemHidden: import("@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`
      */
-    itemDestroyOnHide: boolean | undefined;
+    readonly itemDestroyOnHide: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, accordion-item will be animated.
      *
      * @defaultValue `true`
      */
-    itemAnimated: boolean | undefined;
+    readonly itemAnimated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * The transition to use for the accordion-item body-container when the accordion-item is toggled.
      *
@@ -208,7 +204,7 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      * collapseVerticalTransition
      * ```
      */
-    itemTransition: TransitionFn | undefined;
+    readonly itemTransition: import("@angular/core").InputSignal<TransitionFn | undefined>;
     /**
      * Structure of the accordion-item. The default item structure is: accordion-item
      * contains accordion header and accordion-item body container; the accordion header contains the accordion button
@@ -217,48 +213,45 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      *
      * It is a prop of the accordion-item.
      */
-    itemStructure: SlotContent<AccordionItemContext>;
+    readonly itemStructure: import("@angular/core").InputSignal<SlotContent<AccordionItemContext>>;
     /**
      * CSS classes to add on the accordion-item DOM element.
      *
      * @defaultValue `''`
      */
-    itemClassName: string | undefined;
+    readonly itemClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item header DOM element.
      *
      * @defaultValue `''`
      */
-    itemHeaderClassName: string | undefined;
+    readonly itemHeaderClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item toggle button DOM element.
      *
      * @defaultValue `''`
      */
-    itemButtonClassName: string | undefined;
+    readonly itemButtonClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item body container DOM element.
      * The accordion-item body container is the DOM element on what the itemTransition is applied.
      *
      * @defaultValue `''`
      */
-    itemBodyContainerClassName: string | undefined;
+    readonly itemBodyContainerClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * CSS classes to add on the accordion-item body DOM element.
      *
      * @defaultValue `''`
      */
-    itemBodyClassName: string | undefined;
+    readonly itemBodyClassName: import("@angular/core").InputSignal<string | undefined>;
     /**
      * The html tag to use for the accordion-item-header.
      *
      * @defaultValue `''`
      */
-    itemHeadingTag: string | undefined;
+    readonly itemHeadingTag: import("@angular/core").InputSignal<string | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionDirective, "[auAccordion]", ["auAccordion"], { "closeOthers": { "alias": "auCloseOthers"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "itemDestroyOnHide": { "alias": "auItemDestroyOnHide"; "required": false; }; "itemAnimated": { "alias": "auItemAnimated"; "required": false; }; "itemTransition": { "alias": "auItemTransition"; "required": false; }; "itemStructure": { "alias": "auItemStructure"; "required": false; }; "itemClassName": { "alias": "auItemClassName"; "required": false; }; "itemHeaderClassName": { "alias": "auItemHeaderClassName"; "required": false; }; "itemButtonClassName": { "alias": "auItemButtonClassName"; "required": false; }; "itemBodyContainerClassName": { "alias": "auItemBodyContainerClassName"; "required": false; }; "itemBodyClassName": { "alias": "auItemBodyClassName"; "required": false; }; "itemHeadingTag": { "alias": "auItemHeadingTag"; "required": false; }; }, { "itemShown": "auItemShown"; "itemHidden": "auItemHidden"; }, never, never, true, never>;
-    static ngAcceptInputType_closeOthers: unknown;
-    static ngAcceptInputType_itemDestroyOnHide: unknown;
-    static ngAcceptInputType_itemAnimated: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionDirective, "[auAccordion]", ["auAccordion"], { "closeOthers": { "alias": "auCloseOthers"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "itemDestroyOnHide": { "alias": "auItemDestroyOnHide"; "required": false; "isSignal": true; }; "itemAnimated": { "alias": "auItemAnimated"; "required": false; "isSignal": true; }; "itemTransition": { "alias": "auItemTransition"; "required": false; "isSignal": true; }; "itemStructure": { "alias": "auItemStructure"; "required": false; "isSignal": true; }; "itemClassName": { "alias": "auItemClassName"; "required": false; "isSignal": true; }; "itemHeaderClassName": { "alias": "auItemHeaderClassName"; "required": false; "isSignal": true; }; "itemButtonClassName": { "alias": "auItemButtonClassName"; "required": false; "isSignal": true; }; "itemBodyContainerClassName": { "alias": "auItemBodyContainerClassName"; "required": false; "isSignal": true; }; "itemBodyClassName": { "alias": "auItemBodyClassName"; "required": false; "isSignal": true; }; "itemHeadingTag": { "alias": "auItemHeadingTag"; "required": false; "isSignal": true; }; }, { "itemShown": "auItemShown"; "itemHidden": "auItemHidden"; }, never, never, true, never>;
 }

package/components/alert/alert.component.d.ts

@@ -1,7 +1,7 @@
 import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
 import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
 import type { AlertContext, AlertWidget } from './alert.gen';
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
 import * as i0 from "@angular/core";
 /**
@@ -44,14 +44,14 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      *
      * @defaultValue `'primary'`
      */
-    type: BSContextualClass | undefined;
+    readonly type: import("@angular/core").InputSignal<BSContextualClass | undefined>;
     /**
      * If `true`, alert can be dismissed by the user.
      * The close button (×) will be displayed and you can be notified of the event with the (close) output.
      *
      * @defaultValue `true`
      */
-    dismissible: boolean | undefined;
+    readonly dismissible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * The transition function will be executed when the alert is displayed or hidden.
      *
@@ -59,13 +59,13 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      *
      * @defaultValue `fadeTransition`
      */
-    transition: TransitionFn | undefined;
+    readonly transition: import("@angular/core").InputSignal<TransitionFn | undefined>;
     /**
      * If `true` the alert is visible to the user
      *
      * @defaultValue `true`
      */
-    visible: boolean | undefined;
+    readonly visible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, alert opening will be animated.
      *
@@ -74,7 +74,7 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      *
      * @defaultValue `false`
      */
-    animatedOnInit: boolean | undefined;
+    readonly animatedOnInit: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, alert closing will be animated.
      *
@@ -83,23 +83,23 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      *
      * @defaultValue `true`
      */
-    animated: boolean | undefined;
+    readonly animated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * Accessibility close button label
      *
      * @defaultValue `'Close'`
      */
-    ariaCloseButtonLabel: string | undefined;
+    readonly ariaCloseButtonLabel: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Template for the alert content
      */
-    children: SlotContent<AlertContext>;
-    slotDefaultFromContent: AlertBodyDirective | undefined;
+    readonly children: import("@angular/core").InputSignal<SlotContent<AlertContext>>;
+    readonly slotDefaultFromContent: import("@angular/core").Signal<AlertBodyDirective | undefined>;
     /**
      * Global template for the alert component
      */
-    structure: SlotContent<AlertContext>;
-    slotStructureFromContent: AlertStructureDirective | undefined;
+    readonly structure: import("@angular/core").InputSignal<SlotContent<AlertContext>>;
+    readonly slotStructureFromContent: import("@angular/core").Signal<AlertStructureDirective | undefined>;
     /**
      * Callback called when the alert visibility changed.
      *
@@ -108,7 +108,7 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      * () => {}
      * ```
      */
-    visibleChange: EventEmitter<boolean>;
+    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Callback called when the alert is hidden.
      *
@@ -117,7 +117,7 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      * () => {}
      * ```
      */
-    hidden: EventEmitter<void>;
+    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Callback called when the alert is shown.
      *
@@ -126,19 +126,15 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
      * () => {}
      * ```
      */
-    shown: EventEmitter<void>;
+    readonly shown: import("@angular/core").OutputEmitterRef<void>;
     /**
      * CSS classes to be applied on the widget main container
      *
      * @defaultValue `''`
      */
-    className: string | undefined;
-    slotChildren?: TemplateRef<void>;
+    readonly className: import("@angular/core").InputSignal<string | undefined>;
+    readonly slotChildren: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "[auAlert]", never, { "type": { "alias": "auType"; "required": false; }; "dismissible": { "alias": "auDismissible"; "required": false; }; "transition": { "alias": "auTransition"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; }; "children": { "alias": "auChildren"; "required": false; }; "structure": { "alias": "auStructure"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent"], ["*"], true, never>;
-    static ngAcceptInputType_dismissible: unknown;
-    static ngAcceptInputType_visible: unknown;
-    static ngAcceptInputType_animatedOnInit: unknown;
-    static ngAcceptInputType_animated: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "[auAlert]", never, { "type": { "alias": "auType"; "required": false; "isSignal": true; }; "dismissible": { "alias": "auDismissible"; "required": false; "isSignal": true; }; "transition": { "alias": "auTransition"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "ariaCloseButtonLabel": { "alias": "auAriaCloseButtonLabel"; "required": false; "isSignal": true; }; "children": { "alias": "auChildren"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotDefaultFromContent", "slotStructureFromContent"], ["*"], true, never>;
 }

package/components/collapse/collapse.component.d.ts

@@ -1,6 +1,5 @@
 import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
 import type { CollapseWidget } from '@agnos-ui/core-bootstrap/components/collapse';
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Directive to control the collapse behavior of an element.
@@ -11,37 +10,37 @@ export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidge
      *
      * @defaultValue `false`
      */
-    animatedOnInit: boolean | undefined;
+    readonly animatedOnInit: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, collapse closing and opening will be animated.
      *
      * @defaultValue `true`
      */
-    animated: boolean | undefined;
+    readonly animated: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * CSS classes to be applied on the widget main container
      *
      * @defaultValue `''`
      */
-    className: string | undefined;
+    readonly className: import("@angular/core").InputSignal<string | undefined>;
     /**
      * If `true`, collapse will be done horizontally.
      *
      * @defaultValue `false`
      */
-    horizontal: boolean | undefined;
+    readonly horizontal: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true` the collapse is visible to the user
      *
      * @defaultValue `true`
      */
-    visible: boolean | undefined;
+    readonly visible: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * id of the collapse
      *
      * @defaultValue `''`
      */
-    id: string | undefined;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Callback called when the collapse visibility changed.
      *
@@ -49,8 +48,9 @@ export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidge
      * ```ts
      * () => {}
      * ```
+     * @param visible - The new visibility state of the collapse.
      */
-    visibleChange: EventEmitter<boolean>;
+    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Callback called when the collapse is hidden.
      *
@@ -59,7 +59,7 @@ export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidge
      * () => {}
      * ```
      */
-    hidden: EventEmitter<void>;
+    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Callback called when the collapse is shown.
      *
@@ -68,12 +68,8 @@ export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidge
      * () => {}
      * ```
      */
-    shown: EventEmitter<void>;
+    readonly shown: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[auCollapse]", ["auCollapse"], { "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "horizontal": { "alias": "auHorizontal"; "required": false; }; "visible": { "alias": "auVisible"; "required": false; }; "id": { "alias": "auId"; "required": false; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, never, never, true, never>;
-    static ngAcceptInputType_animatedOnInit: unknown;
-    static ngAcceptInputType_animated: unknown;
-    static ngAcceptInputType_horizontal: unknown;
-    static ngAcceptInputType_visible: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[auCollapse]", ["auCollapse"], { "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "horizontal": { "alias": "auHorizontal"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "id": { "alias": "auId"; "required": false; "isSignal": true; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, never, never, true, never>;
 }