@agnos-ui/angular-bootstrap 0.4.4 → 0.5.0-next.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm](https://img.shields.io/npm/v/@agnos-ui/angular-bootstrap)](https://www.npmjs.com/package/@agnos-ui/angular-bootstrap)
 
-[Bootstrap](https://getbootstrap.com/)-based widget library for [Angular](https://angular.io/).
+[Bootstrap](https://getbootstrap.com/)-based component library for [Angular](https://angular.io/).
 
 ## Installation
 
@@ -12,4 +12,4 @@ npm install @agnos-ui/angular-bootstrap
 
 ## Usage
 
-Please check [our demo site](https://amadeusitgroup.github.io/AgnosUI/latest/) to see all the available widgets and how to use them.
+Please check [our demo site](https://www.agnosui.dev/latest/) to see all the available components and how to use them.

package/agnos-ui-angular.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "./components/accordion/accordion.component";
 import * as i8 from "./components/slider/slider.component";
 import * as i9 from "./components/progressbar/progressbar.component";
 import * as i10 from "./components/toast/toast.component";
+import * as i11 from "./components/collapse/collapse.component";
 export declare class AgnosUIAngularModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AgnosUIAngularModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective], [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective], [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AgnosUIAngularModule>;
 }

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

@@ -1,34 +1,51 @@
 import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
-import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
-import type { AfterContentChecked, AfterViewInit } from '@angular/core';
+import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
+import type { AfterViewInit } from '@angular/core';
 import { EventEmitter, TemplateRef } from '@angular/core';
-import type { AccordionItemContext, AccordionItemProps, AccordionItemWidget, AccordionWidget } from './accordion.gen';
+import type { AccordionItemContext, AccordionItemWidget, AccordionWidget } from './accordion.gen';
 import * as i0 from "@angular/core";
+/**
+ * Directive to represent the body of an accordion item.
+ *
+ * This directive provides a template reference for the {@link AccordionItemContext}.
+ */
 export declare class AccordionBodyDirective {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(dir: AccordionBodyDirective, context: unknown): context is AccordionItemContext;
+    static ngTemplateContextGuard(_dir: AccordionBodyDirective, context: unknown): context is AccordionItemContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionBodyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionBodyDirective, "ng-template[auAccordionItemBody]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive to be used as an accordion header.
+ *
+ * This directive provides a template reference for the {@link AccordionItemContext}.
+ */
 export declare class AccordionHeaderDirective {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(dir: AccordionHeaderDirective, context: unknown): context is AccordionItemContext;
+    static ngTemplateContextGuard(_dir: AccordionHeaderDirective, context: unknown): context is AccordionItemContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionHeaderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionHeaderDirective, "ng-template[auAccordionItemHeader]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive that represents the structure of an accordion item.
+ *
+ * This directive provides a template reference for the {@link AccordionItemContext}.
+ * It also includes a static method to guard the template context type.
+ */
 export declare class AccordionItemStructureDirective {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(dir: AccordionItemStructureDirective, context: unknown): context is AccordionItemContext;
+    static ngTemplateContextGuard(_dir: AccordionItemStructureDirective, context: unknown): context is AccordionItemContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemStructureDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionItemStructureDirective, "ng-template[auAccordionItemStructure]", never, {}, {}, never, never, true, never>;
 }
-export declare class AccordionItemDefaultSlotsComponent {
-    structure: TemplateRef<AccordionItemContext>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemDefaultSlotsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
-export declare const accordionItemDefaultSlotItemStructure: ComponentTemplate<unknown, "structure", AccordionItemDefaultSlotsComponent>;
-export declare class AccordionItemComponent extends BaseWidgetDirective<AccordionItemWidget> implements AfterContentChecked, AfterViewInit {
+/**
+ * Represents the default slot structure for an accordion item.
+ */
+export declare const accordionItemDefaultSlotStructure: SlotContent<AccordionItemContext>;
+/**
+ * AccordionItemComponent is a component that represents an item within an accordion.
+ */
+export declare class AccordionItemComponent extends BaseWidgetDirective<AccordionItemWidget> implements AfterViewInit {
     /**
      * Content present in the accordion button inside the accordion header.
      *
@@ -119,10 +136,8 @@ export declare class AccordionItemComponent extends BaseWidgetDirective<Accordio
      * Event payload is the new value of visible.
      */
     visibleChange: EventEmitter<boolean>;
-    readonly ad: AccordionDirective;
-    readonly defaultSlots: import("@amadeus-it-group/tansu").WritableSignal<Partial<AccordionItemProps>, Partial<AccordionItemProps>>;
-    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AccordionItemWidget>;
-    ngAfterContentChecked(): void;
+    slotChildren?: TemplateRef<void>;
+    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>;
@@ -131,6 +146,13 @@ export declare class AccordionItemComponent extends BaseWidgetDirective<Accordio
     static ngAcceptInputType_visible: unknown;
     static ngAcceptInputType_animated: unknown;
 }
+/**
+ * Directive for creating an accordion component.
+ *
+ * This directive extends the `BaseWidgetDirective` and provides various inputs and outputs
+ * to customize the behavior and appearance of the accordion and its items.
+ *
+ */
 export declare class AccordionDirective extends BaseWidgetDirective<AccordionWidget> {
     /**
      * If `true`, only one accordion-item at the time can stay open.
@@ -233,7 +255,7 @@ export declare class AccordionDirective extends BaseWidgetDirective<AccordionWid
      * @defaultValue `''`
      */
     itemHeadingTag: string | undefined;
-    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AccordionWidget>;
+    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;

package/components/accordion/accordion.gen.d.ts

@@ -5,7 +5,14 @@ import type { WidgetSlotContext, SlotContent, TransitionFn, Widget, WidgetFactor
  */
 declare const export_getAccordionDefaultConfig: () => AccordionProps;
 export { export_getAccordionDefaultConfig as getAccordionDefaultConfig };
-export type AccordionItemContext = WidgetSlotContext<AccordionItemWidget>;
+/**
+ * Represents the context for an accordion item within the accordion component.
+ */
+export interface AccordionItemContext extends WidgetSlotContext<AccordionItemWidget> {
+}
+/**
+ * Represents the state of an Accordion component.
+ */
 export interface AccordionState {
     /**
      * Array containing all the accordion-items contained in the accordion.
@@ -27,6 +34,9 @@ export interface AccordionState {
      */
     itemStructure: SlotContent<AccordionItemContext>;
 }
+/**
+ * Represents the state of an AccordionItem component.
+ */
 export interface AccordionProps {
     /**
      * The transition to use for the accordion-item body-container when the accordion-item is toggled.
@@ -130,7 +140,13 @@ export interface AccordionProps {
      */
     itemStructure: SlotContent<AccordionItemContext>;
 }
-export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, object, AccordionDirectives>;
+/**
+ * Represents an Accordion widget type.
+ */
+export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, AccordionDirectives>;
+/**
+ * Represents the state of an accordion item, extending the core item state and additional properties specific to the accordion item.
+ */
 export interface AccordionItemState {
     /**
      * If `true` the content of the accordion-item collapse should be in DOM. Its value depends on the
@@ -199,6 +215,9 @@ export interface AccordionItemState {
      */
     header: SlotContent<AccordionItemContext>;
 }
+/**
+ * Represents the properties for an Accordion item component.
+ */
 export interface AccordionItemProps {
     /**
      * If `true`, accordion-item will be animated.
@@ -288,7 +307,10 @@ export interface AccordionItemProps {
      */
     header: SlotContent<AccordionItemContext>;
 }
-export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemActions, AccordionItemDirectives>;
+/**
+ * Represents a widget for an accordion item.
+ */
+export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemDirectives>;
 /**
  * Create an AccordionItemWidget with given config props
  * @param config - an optional AccordionItem config
@@ -314,6 +336,9 @@ export { export_createAccordion as createAccordion };
  */
 declare const export_factoryCreateAccordion: (itemFactory?: WidgetFactory<AccordionItemWidget>, accordionItemProps?: string[], accordionConfig?: AccordionProps, accordionValidator?: ConfigValidator<AccordionProps>) => WidgetFactory<AccordionWidget>;
 export { export_factoryCreateAccordion as factoryCreateAccordion };
+/**
+ * Interface representing the API for an accordion component.
+ */
 export interface AccordionApi {
     /**
      * Given the itemId, will expand the corresponding accordion-item.
@@ -348,18 +373,18 @@ export interface AccordionApi {
      */
     registerItem(itemConfig?: PropsConfig<AccordionItemProps>): AccordionItemWidget;
 }
+/**
+ * Interface representing the directives used in the Accordion component.
+ */
 export interface AccordionDirectives {
     /**
      * Directive to put on the accordion DOM element
      */
     accordionDirective: Directive;
 }
-export interface AccordionItemActions {
-    /**
-     * Action to be called when the user clicks on the accordion-item button. If the accordion-item is disabled nothing will happen.
-     */
-    click(): void;
-}
+/**
+ * Interface representing the API for an accordion item.
+ */
 export interface AccordionItemApi {
     /**
      * It will collapse the accordion-item.
@@ -378,6 +403,9 @@ export interface AccordionItemApi {
      */
     initDone(): void;
 }
+/**
+ * Interface representing the directives used in an accordion item.
+ */
 export interface AccordionItemDirectives {
     /**
      * Directive to use in special cases, if the accordion header does not use a button element to control the collapsing.

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

@@ -1,31 +1,44 @@
 import type { SlotContent, TransitionFn } from '@agnos-ui/angular-headless';
-import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
-import type { AlertContext, AlertProps, AlertWidget } from './alert.gen';
-import { type WritableSignal } from '@amadeus-it-group/tansu';
-import type { AfterContentChecked } from '@angular/core';
+import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
+import type { AlertContext, AlertWidget } from './alert.gen';
 import { EventEmitter, TemplateRef } from '@angular/core';
 import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
 import * as i0 from "@angular/core";
+/**
+ * Directive to be used as a structural directive for the body of an alert component.
+ *
+ * This directive allows the use of a template reference for the alert body content, with type {@link AlertContext}.
+ */
 export declare class AlertBodyDirective {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(dir: AlertBodyDirective, context: unknown): context is AlertContext;
+    static ngTemplateContextGuard(_dir: AlertBodyDirective, context: unknown): context is AlertContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertBodyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AlertBodyDirective, "ng-template[auAlertBody]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive to define the structure of an alert component.
+ *
+ * This directive uses a `TemplateRef` to inject the template reference of the {@link AlertContext}.
+ */
 export declare class AlertStructureDirective {
     templateRef: TemplateRef<any>;
-    static ngTemplateContextGuard(dir: AlertStructureDirective, context: unknown): context is AlertContext;
+    static ngTemplateContextGuard(_dir: AlertStructureDirective, context: unknown): context is AlertContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertStructureDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AlertStructureDirective, "ng-template[auAlertStructure]", never, {}, {}, never, never, true, never>;
 }
-export declare class AlertDefaultSlotsComponent {
-    structure: TemplateRef<AlertContext>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDefaultSlotsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
-export declare const alertDefaultSlotStructure: ComponentTemplate<unknown, "structure", AlertDefaultSlotsComponent>;
-export type PartialAlertProps = Partial<AlertProps>;
-export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> implements AfterContentChecked {
+/**
+ * Represents the default slot structure for the alert component.
+ */
+export declare const alertDefaultSlotStructure: SlotContent<AlertContext>;
+/**
+ * AlertComponent is a UI component that extends BaseWidgetDirective to provide
+ * an alert box with various customizable properties and behaviors.
+ *
+ * @remarks
+ * This component is designed to be used with Bootstrap styles and supports
+ * various Bootstrap contextual classes for different alert types.
+ */
+export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> {
     /**
      * Type of the alert, following bootstrap types.
      *
@@ -114,15 +127,14 @@ export declare class AlertComponent extends BaseWidgetDirective<AlertWidget> imp
      * ```
      */
     shown: EventEmitter<void>;
-    readonly defaultSlots: WritableSignal<PartialAlertProps>;
     /**
      * CSS classes to be applied on the widget main container
      *
      * @defaultValue `''`
      */
     className: string | undefined;
-    readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<AlertWidget>;
-    ngAfterContentChecked(): void;
+    slotChildren?: TemplateRef<void>;
+    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;

package/components/alert/alert.gen.d.ts

@@ -6,7 +6,14 @@ import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
  */
 declare const export_getAlertDefaultConfig: () => AlertProps;
 export { export_getAlertDefaultConfig as getAlertDefaultConfig };
-export type AlertContext = WidgetSlotContext<AlertWidget>;
+/**
+ * Represents the context for an Alert component.
+ */
+export interface AlertContext extends WidgetSlotContext<AlertWidget> {
+}
+/**
+ * Represents the state of an alert component.
+ */
 export interface AlertState {
     /**
      * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
@@ -52,6 +59,9 @@ export interface AlertState {
      */
     type: BSContextualClass;
 }
+/**
+ * Represents the properties for the Alert component.
+ */
 export interface AlertProps {
     /**
      * The transition function will be executed when the alert is displayed or hidden.
@@ -146,7 +156,10 @@ export interface AlertProps {
      */
     type: BSContextualClass;
 }
-export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, AlertDirectives>;
+/**
+ * Represents an alert widget component.
+ */
+export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, AlertDirectives>;
 /**
  * Create an AlertWidget with given config props
  * @param config - an optional alert config
@@ -154,6 +167,9 @@ export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, Alert
  */
 declare const export_createAlert: WidgetFactory<AlertWidget>;
 export { export_createAlert as createAlert };
+/**
+ * Represents the API for an alert component.
+ */
 export interface AlertApi {
     /**
      * Triggers alert closing programmatically (same as clicking on the close button (×)).
@@ -164,6 +180,9 @@ export interface AlertApi {
      */
     open(): void;
 }
+/**
+ * Represents the directives for an alert component.
+ */
 export interface AlertDirectives {
     /**
      * the transition directive, piloting what is the visual effect of going from hidden to visible

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

@@ -0,0 +1,79 @@
+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.
+ */
+export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidget> {
+    /**
+     * If `true`, collapse opening will be animated at init time.
+     *
+     * @defaultValue `false`
+     */
+    animatedOnInit: boolean | undefined;
+    /**
+     * If `true`, collapse closing and opening will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean | undefined;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string | undefined;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean | undefined;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean | undefined;
+    /**
+     * id of the collapse
+     *
+     * @defaultValue `''`
+     */
+    id: string | undefined;
+    /**
+     * Callback called when the collapse visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    visibleChange: EventEmitter<boolean>;
+    /**
+     * Callback called when the collapse is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    hidden: EventEmitter<void>;
+    /**
+     * Callback called when the collapse is shown.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    shown: EventEmitter<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;
+}

package/components/collapse/collapse.gen.d.ts

@@ -0,0 +1,146 @@
+import type { PropsConfig, Directive, Widget } from '@agnos-ui/angular-headless';
+/**
+ * Retrieve a shallow copy of the default collapse config
+ * @returns the default collapse config
+ */
+declare const export_getCollapseDefaultConfig: () => CollapseProps;
+export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
+/**
+ * Create an CollapseWidget with given config props
+ * @param config - an optional collapse config
+ * @returns an CollapseWidget
+ */
+declare const export_createCollapse: (config?: PropsConfig<CollapseProps>) => CollapseWidget;
+export { export_createCollapse as createCollapse };
+/**
+ * Represents the state of a collapse component.
+ * Extends the properties and state from `CollapseCommonPropsAndState`.
+ */
+export interface CollapseState {
+    /**
+     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Properties for the Collapse component.
+ */
+export interface CollapseProps {
+    /**
+     * Callback called when the collapse visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     * @param visible - The new visibility state of the collapse.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the collapse is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the collapse is shown.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * If `true`, collapse opening will be animated at init time.
+     *
+     * @defaultValue `false`
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, collapse closing and opening will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * id of the collapse
+     *
+     * @defaultValue `''`
+     */
+    id: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Interface representing the API for a collapsible component.
+ */
+export interface CollapseApi {
+    /**
+     * Triggers collapse closing programmatically.
+     */
+    close(): void;
+    /**
+     * Triggers the collapse content to be displayed for the user.
+     */
+    open(): void;
+    /**
+     * Toggles the collapse content visibility.
+     */
+    toggle(): void;
+}
+/**
+ * Interface representing the directives used in a collapse component.
+ */
+export interface CollapseDirectives {
+    /**
+     * Directive to apply the collapse.
+     */
+    collapseDirective: Directive;
+}
+/**
+ * Represents a widget for handling collapse functionality.
+ *
+ * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
+ * necessary for managing the collapse behavior in the UI.
+ *
+ * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
+ */
+export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;

package/components/collapse/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapse.component';
+export * from './collapse.gen';