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

package/package.json

@@ -1,24 +1,22 @@
 {
 	"name": "@agnos-ui/angular-bootstrap",
 	"description": "Bootstrap-based component library for Angular.",
-	"version": "0.10.0-next.0",
+	"version": "0.10.0-next.2",
 	"type": "module",
 	"exports": {
 		".": {
-			"types": "./index.d.ts",
-			"esm2022": "./esm2022/agnos-ui-angular-bootstrap.mjs",
-			"esm": "./esm2022/agnos-ui-angular-bootstrap.mjs",
+			"types": "./types/agnos-ui-angular-bootstrap.d.ts",
 			"default": "./fesm2022/agnos-ui-angular-bootstrap.mjs"
 		}
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",
-		"@angular/common": "^20.0.0",
-		"@angular/core": "^20.0.0"
+		"@angular/common": "^21.0.0",
+		"@angular/core": "^21.0.0"
 	},
 	"dependencies": {
-		"@agnos-ui/angular-headless": "0.10.0-next.0",
-		"@agnos-ui/core-bootstrap": "0.10.0-next.0",
+		"@agnos-ui/angular-headless": "0.10.0-next.2",
+		"@agnos-ui/core-bootstrap": "0.10.0-next.2",
 		"tslib": "^2.8.1"
 	},
 	"sideEffects": false,

package/{index.d.ts → types/agnos-ui-angular-bootstrap.d.ts}

@@ -3028,11 +3028,11 @@ interface AccordionProps {
      */
     itemBodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      *
-     * @defaultValue `''`
+     * @defaultValue `2`
      */
-    itemHeadingTag: string;
+    itemHeadingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -3093,9 +3093,9 @@ interface AccordionItemState {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -3185,9 +3185,9 @@ interface AccordionItemProps {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -3235,7 +3235,7 @@ declare const export_createAccordionItem: WidgetFactory<AccordionItemWidget>;
 declare const export_createAccordion: WidgetFactory<AccordionWidget>;
 
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props
@@ -3465,9 +3465,9 @@ declare class AccordionItemComponent extends BaseWidgetDirective<AccordionItemWi
      */
     readonly bodyClassName: _angular_core.InputSignal<string | undefined>;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    readonly headingTag: _angular_core.InputSignal<string | undefined>;
+    readonly headingLevel: _angular_core.InputSignal<1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     /**
      * An event fired when an item is shown.
      */
@@ -3486,7 +3486,7 @@ declare class AccordionItemComponent extends BaseWidgetDirective<AccordionItemWi
     constructor();
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "headingLevel": { "alias": "auHeadingLevel"; "required": false; "isSignal": true; }; }, { "shown": "auShown"; "hidden": "auHidden"; "visibleChange": "auVisibleChange"; }, ["slotHeaderFromContent", "slotBodyFromContent", "slotStructureFromContent"], ["*"], true, never>;
 }
 /**
  * Directive for creating an accordion component.
@@ -3592,14 +3592,14 @@ declare class AccordionDirective extends BaseWidgetDirective<AccordionWidget> {
      */
     readonly itemBodyClassName: _angular_core.InputSignal<string | undefined>;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      *
-     * @defaultValue `''`
+     * @defaultValue `2`
      */
-    readonly itemHeadingTag: _angular_core.InputSignal<string | undefined>;
+    readonly itemHeadingLevel: _angular_core.InputSignal<1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionDirective, never>;
-    static ɵdir: _angular_core.ɵɵ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>;
+    static ɵdir: _angular_core.ɵɵ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; }; "itemHeadingLevel": { "alias": "auItemHeadingLevel"; "required": false; "isSignal": true; }; }, { "itemShown": "auItemShown"; "itemHidden": "auItemHidden"; }, never, never, true, never>;
 }
 
 /**
@@ -3816,7 +3816,7 @@ interface SliderProps {
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     ariaValueText: (value: number, sortedIndex: number) => string;
@@ -3848,21 +3848,21 @@ interface SliderProps {
      * Minimum distance between two values.
      * When set to 0, no minimum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     minRange: number;
     /**
      * Maximum distance between two values
      * When set to 0, no maximum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     maxRange: number;
     /**
      * When true, if moving a value would break the minRange or maxRange constraint,
      * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     pushRange: boolean;
     /**
@@ -4222,21 +4222,21 @@ declare class SliderComponent extends BaseWidgetDirective<SliderWidget> implemen
      * Minimum distance between two values.
      * When set to 0, no minimum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     readonly minRange: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * Maximum distance between two values
      * When set to 0, no maximum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     readonly maxRange: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * When true, if moving a value would break the minRange or maxRange constraint,
      * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     readonly pushRange: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
@@ -4296,7 +4296,7 @@ declare class SliderComponent extends BaseWidgetDirective<SliderWidget> implemen
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     readonly ariaValueText: _angular_core.InputSignal<((value: number, sortedIndex: number) => string) | undefined>;
@@ -5206,7 +5206,7 @@ declare class CollapseDirective extends BaseWidgetDirective<CollapseWidget$1> {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     readonly visible: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
@@ -5287,12 +5287,6 @@ interface TreeState {
     expandedMap: {
         get(item: NormalizedTreeItem): boolean | undefined;
     };
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -5358,12 +5352,6 @@ interface TreeProps {
      * ```
      */
     ariaLabelToggleFn: (label: string) => string;
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -5538,12 +5526,6 @@ declare const treeDefaultSlotItem: SlotContent<TreeSlotItemContext>;
  */
 declare class TreeComponent extends BaseWidgetDirective<TreeWidget> {
     constructor();
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Array of the tree nodes to display
      *
@@ -5609,7 +5591,7 @@ declare class TreeComponent extends BaseWidgetDirective<TreeWidget> {
     readonly item: _angular_core.InputSignal<SlotContent<TreeSlotItemContext>>;
     readonly slotItemFromContent: _angular_core.Signal<TreeItemDirective | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "[auTree]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; "isSignal": true; }; "nodes": { "alias": "auNodes"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "navSelector": { "alias": "auNavSelector"; "required": false; "isSignal": true; }; "ariaLabelToggleFn": { "alias": "auAriaLabelToggleFn"; "required": false; "isSignal": true; }; "itemContent": { "alias": "auItemContent"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "itemToggle": { "alias": "auItemToggle"; "required": false; "isSignal": true; }; "item": { "alias": "auItem"; "required": false; "isSignal": true; }; }, { "expandToggle": "auExpandToggle"; }, ["slotItemContentFromContent", "slotStructureFromContent", "slotItemToggleFromContent", "slotItemFromContent"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "[auTree]", never, { "nodes": { "alias": "auNodes"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "navSelector": { "alias": "auNavSelector"; "required": false; "isSignal": true; }; "ariaLabelToggleFn": { "alias": "auAriaLabelToggleFn"; "required": false; "isSignal": true; }; "itemContent": { "alias": "auItemContent"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "itemToggle": { "alias": "auItemToggle"; "required": false; "isSignal": true; }; "item": { "alias": "auItem"; "required": false; "isSignal": true; }; }, { "expandToggle": "auExpandToggle"; }, ["slotItemContentFromContent", "slotStructureFromContent", "slotItemToggleFromContent", "slotItemFromContent"], never, true, never>;
 }
 
 /**
@@ -5664,10 +5646,14 @@ interface CarouselState<SlideData extends {
     initialized: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -5707,20 +5693,14 @@ interface CarouselState<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**
@@ -5745,14 +5725,23 @@ interface CarouselProps<SlideData extends {
     plugins: EmblaPluginType[];
     /**
      * Aria label for navigation indicators
+     *
+     * @defaultValue
+     * ```ts
+     * (index: number) => `Select slide ${index + 1}`
+     * ```
      */
     ariaIndicatorLabel: (index: number) => string;
     /**
      * Aria label for previous button
+     *
+     * @defaultValue `'Select previous slide'`
      */
     ariaPrevLabel: string;
     /**
      * Aria label for next button
+     *
+     * @defaultValue `'Select next slide'`
      */
     ariaNextLabel: string;
     /**
@@ -5766,6 +5755,8 @@ interface CarouselProps<SlideData extends {
      * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
      *
      * @see {@link https://www.embla-carousel.com/api/options/#container}
+     *
+     * @defaultValue `null`
      */
     container: string | null;
     /**
@@ -5819,10 +5810,14 @@ interface CarouselProps<SlideData extends {
     skipSnaps: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -5855,20 +5850,14 @@ interface CarouselProps<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**
@@ -6028,14 +6017,23 @@ declare class CarouselComponent<SlideData extends {
 }> extends BaseWidgetDirective<CarouselWidget<SlideData>> {
     /**
      * Aria label for navigation indicators
+     *
+     * @defaultValue
+     * ```ts
+     * (index: number) => `Select slide ${index + 1}`
+     * ```
      */
     readonly ariaIndicatorLabel: InputSignal<((index: number) => string) | undefined>;
     /**
      * Aria label for previous button
+     *
+     * @defaultValue `'Select previous slide'`
      */
     readonly ariaPrevLabel: InputSignal<string | undefined>;
     /**
      * Aria label for next button
+     *
+     * @defaultValue `'Select next slide'`
      */
     readonly ariaNextLabel: InputSignal<string | undefined>;
     /**
@@ -6082,10 +6080,14 @@ declare class CarouselComponent<SlideData extends {
     readonly skipSnaps: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     readonly showNavigationArrows: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     readonly showNavigationIndicators: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
@@ -6104,6 +6106,8 @@ declare class CarouselComponent<SlideData extends {
      * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
      *
      * @see {@link https://www.embla-carousel.com/api/options/#container}
+     *
+     * @defaultValue `null`
      */
     readonly container: InputSignal<string | null | undefined>;
     /**
@@ -6149,20 +6153,14 @@ declare class CarouselComponent<SlideData extends {
     readonly slidesData: InputSignal<SlideData[] | undefined>;
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     readonly structure: InputSignal<SlotContent<CarouselContext<SlideData>>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     readonly navigation: InputSignal<SlotContent<CarouselContext<SlideData>>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     readonly slide: InputSignal<SlotContent<CarouselSlideContext<SlideData>>>;
     readonly slotSlideFromContent: _angular_core.Signal<CarouselSlideDirective<any> | undefined>;
@@ -6197,6 +6195,12 @@ interface DrawerState {
      * Flag to show whether the drawer is fully hidden.
      */
     hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
     /**
      * Which element should contain the drawer and backdrop DOM elements.
      * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
@@ -6226,12 +6230,6 @@ interface DrawerState {
      * @defaultValue `false`
      */
     resizable: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
     /**
      * Global template for the drawer component
      */
@@ -6254,7 +6252,7 @@ interface DrawerProps {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseHorizontalTransition
      * ```
      */
     transition: TransitionFn;
@@ -6263,45 +6261,56 @@ interface DrawerProps {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseVerticalTransition
      * ```
      */
     verticalTransition: TransitionFn;
     /**
      * The transition to use for the backdrop behind the drawer (if present).
      *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
+     * @defaultValue `fadeTransition`
      */
     backdropTransition: TransitionFn;
     /**
      * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
      */
     animated: boolean;
     /**
      * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     ariaLabelledBy: string;
     /**
      * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     ariaDescribedBy: string;
     /**
      * The width of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     width: number;
     /**
      * The height of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     height: number;
     /**
      * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
      */
     backdrop: boolean;
     /**
      * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
      */
     bodyScroll: boolean;
     /**
@@ -6355,6 +6364,12 @@ interface DrawerProps {
      * ```
      */
     onVisibleChange: (visible: boolean) => void;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
     /**
      * Which element should contain the drawer and backdrop DOM elements.
      * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
@@ -6384,12 +6399,6 @@ interface DrawerProps {
      * @defaultValue `false`
      */
     resizable: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
     /**
      * Global template for the drawer component
      */
@@ -6503,14 +6512,20 @@ declare const drawerDefaultSlotStructure: SlotContent<DrawerContext>;
 declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
     /**
      * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
      */
     readonly animated: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
     /**
      * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /**
@@ -6524,7 +6539,7 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseVerticalTransition
      * ```
      */
     readonly verticalTransition: _angular_core.InputSignal<TransitionFn | undefined>;
@@ -6533,17 +6548,14 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseHorizontalTransition
      * ```
      */
     readonly transition: _angular_core.InputSignal<TransitionFn | undefined>;
     /**
      * The transition to use for the backdrop behind the drawer (if present).
      *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
+     * @defaultValue `fadeTransition`
      */
     readonly backdropTransition: _angular_core.InputSignal<TransitionFn | undefined>;
     /**
@@ -6559,10 +6571,14 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
     readonly container: _angular_core.InputSignal<HTMLElement | null | undefined>;
     /**
      * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
      */
     readonly backdrop: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
      */
     readonly bodyScroll: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
@@ -6574,7 +6590,7 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
     /**
      * CSS classes to be applied on the widget main container
      *
-     * @defaultValue `''`
+     * @defaultValue `'w-full'`
      */
     readonly className: _angular_core.InputSignal<string | undefined>;
     /**
@@ -6585,10 +6601,14 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
     readonly resizable: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * The width of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     readonly width: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * The height of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     readonly height: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
@@ -6728,7 +6748,7 @@ interface CollapseProps {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
     /**
@@ -6771,7 +6791,7 @@ interface CollapseState {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
 }