@agnos-ui/angular-bootstrap 0.9.3 → 0.10.0-next.1

package/index.d.ts

@@ -5,7 +5,7 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, AfterViewInit, OnInit, InputSignal, Injector, InjectionToken, FactoryProvider } from '@angular/core';
 import { Placement } from '@floating-ui/dom';
 import { ControlValueAccessor } from '@angular/forms';
-import { modalCloseButtonClick, modalOutsideClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { modalCloseButtonClick, modalOutsideClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 import { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
 export * from '@agnos-ui/core-bootstrap/types';
 import { CollapseWidget as CollapseWidget$1 } from '@agnos-ui/core-bootstrap/components/collapse';
@@ -2315,6 +2315,12 @@ declare const export_modalOutsideClick: typeof modalOutsideClick;
  */
 declare const export_modalCloseButtonClick: typeof modalCloseButtonClick;
 
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+declare const export_modalCloseEscape: typeof modalCloseEscape;
+
 /**
  * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
  */
@@ -3022,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
      *
@@ -3087,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
      *
@@ -3179,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
      *
@@ -3229,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
@@ -3459,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.
      */
@@ -3480,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.
@@ -3586,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>;
 }
 
 /**
@@ -3810,7 +3816,7 @@ interface SliderProps {
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     ariaValueText: (value: number, sortedIndex: number) => string;
@@ -3842,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;
     /**
@@ -4216,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>;
     /**
@@ -4290,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>;
@@ -5200,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>;
     /**
@@ -5281,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
      *
@@ -5352,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
      *
@@ -5532,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
      *
@@ -5603,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>;
 }
 
 /**
@@ -5658,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;
     /**
@@ -5701,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>>;
     /**
@@ -5739,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;
     /**
@@ -5760,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;
     /**
@@ -5813,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;
     /**
@@ -5849,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>>;
     /**
@@ -6022,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>;
     /**
@@ -6076,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>;
     /**
@@ -6098,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>;
     /**
@@ -6143,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>;
@@ -6167,9 +6171,521 @@ declare class CarouselComponent<SlideData extends {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent<any>, "[auCarousel]", never, { "ariaIndicatorLabel": { "alias": "auAriaIndicatorLabel"; "required": false; "isSignal": true; }; "ariaPrevLabel": { "alias": "auAriaPrevLabel"; "required": false; "isSignal": true; }; "ariaNextLabel": { "alias": "auAriaNextLabel"; "required": false; "isSignal": true; }; "direction": { "alias": "auDirection"; "required": false; "isSignal": true; }; "dragFree": { "alias": "auDragFree"; "required": false; "isSignal": true; }; "dragThreshold": { "alias": "auDragThreshold"; "required": false; "isSignal": true; }; "duration": { "alias": "auDuration"; "required": false; "isSignal": true; }; "loop": { "alias": "auLoop"; "required": false; "isSignal": true; }; "skipSnaps": { "alias": "auSkipSnaps"; "required": false; "isSignal": true; }; "showNavigationArrows": { "alias": "auShowNavigationArrows"; "required": false; "isSignal": true; }; "showNavigationIndicators": { "alias": "auShowNavigationIndicators"; "required": false; "isSignal": true; }; "plugins": { "alias": "auPlugins"; "required": false; "isSignal": true; }; "align": { "alias": "auAlign"; "required": false; "isSignal": true; }; "container": { "alias": "auContainer"; "required": false; "isSignal": true; }; "containScroll": { "alias": "auContainScroll"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "containerClass": { "alias": "auContainerClass"; "required": false; "isSignal": true; }; "slideClass": { "alias": "auSlideClass"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "auAriaLive"; "required": false; "isSignal": true; }; "slidesData": { "alias": "auSlidesData"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "navigation": { "alias": "auNavigation"; "required": false; "isSignal": true; }; "slide": { "alias": "auSlide"; "required": false; "isSignal": true; }; }, {}, ["slotSlideFromContent", "slotStructureFromContent", "slotNavigationFromContent"], never, true, never>;
 }
 
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+declare const export_getDrawerDefaultConfig: () => DrawerProps;
+
+/**
+ * Represents the context for a Drawer widget.
+ * This interface is an alias for `WidgetSlotContext<DrawerWidget>`.
+ */
+type DrawerContext = WidgetSlotContext<DrawerWidget>;
+/**
+ * Represents the state of a Drawer component.
+ */
+interface DrawerState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * 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.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the properties for the Drawer component.
+ */
+interface DrawerProps {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseHorizontalTransition
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseVerticalTransition
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @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;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onWidthChange: (width: number) => void;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHeightChange: (width: number) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    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.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the directives for the Drawer component.
+ */
+interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+    /**
+     * Directive to put on the container DOM element in order for the drawer to size correctly.
+     */
+    containerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+declare const export_createDrawer: WidgetFactory<DrawerWidget>;
+
+/**
+ * Possible values for the drawer positions
+ */
+type DrawerPositions = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+/**
+ * Interface representing the API for a Drawer component.
+ */
+interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: () => void;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: () => void;
+}
+
+/**
+ * Directive to define the structure of a drawer component.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+declare class DrawerStructureDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(_dir: DrawerStructureDirective, context: unknown): context is DrawerContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerStructureDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DrawerStructureDirective, "ng-template[auDrawerStructure]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive representing the header of a drawer component.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+declare class DrawerHeaderDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(_dir: DrawerHeaderDirective, context: unknown): context is DrawerContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DrawerHeaderDirective, "ng-template[auDrawerHeader]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive to represent the body of a drawer notification.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+declare class DrawerBodyDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(_dir: DrawerBodyDirective, context: unknown): context is DrawerContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerBodyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DrawerBodyDirective, "ng-template[auDrawerBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Represents the default slot structure for the drawer component.
+ */
+declare const drawerDefaultSlotStructure: SlotContent<DrawerContext>;
+/**
+ * DrawerComponent is an Angular component that extends the BaseWidgetDirective
+ * to provide a customizable drawer widget. This component allows for various
+ * configurations and customizations through its inputs and outputs.
+ */
+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>;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    readonly visible: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseVerticalTransition
+     * ```
+     */
+    readonly verticalTransition: _angular_core.InputSignal<TransitionFn | undefined>;
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseHorizontalTransition
+     * ```
+     */
+    readonly transition: _angular_core.InputSignal<TransitionFn | undefined>;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue `fadeTransition`
+     */
+    readonly backdropTransition: _angular_core.InputSignal<TransitionFn | undefined>;
+    /**
+     * 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.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    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>;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    readonly backdropClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    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>;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly widthChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly heightChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    constructor();
+    /**
+     * Global template for the drawer component
+     */
+    readonly structure: _angular_core.InputSignal<SlotContent<DrawerContext>>;
+    readonly slotStructureFromContent: _angular_core.Signal<DrawerStructureDirective | undefined>;
+    /**
+     * Template for the drawer header
+     */
+    readonly header: _angular_core.InputSignal<SlotContent<DrawerContext>>;
+    readonly slotHeaderFromContent: _angular_core.Signal<DrawerHeaderDirective | undefined>;
+    /**
+     * Template for the drawer body
+     */
+    readonly children: _angular_core.InputSignal<SlotContent<DrawerContext>>;
+    readonly slotBodyFromContent: _angular_core.Signal<DrawerBodyDirective | undefined>;
+    readonly slotChildren: _angular_core.Signal<TemplateRef<void> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "[auDrawer]", never, { "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "auAriaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "auAriaDescribedBy"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "verticalTransition": { "alias": "auVerticalTransition"; "required": false; "isSignal": true; }; "transition": { "alias": "auTransition"; "required": false; "isSignal": true; }; "backdropTransition": { "alias": "auBackdropTransition"; "required": false; "isSignal": true; }; "container": { "alias": "auContainer"; "required": false; "isSignal": true; }; "backdrop": { "alias": "auBackdrop"; "required": false; "isSignal": true; }; "bodyScroll": { "alias": "auBodyScroll"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "auBackdropClass"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "resizable": { "alias": "auResizable"; "required": false; "isSignal": true; }; "width": { "alias": "auWidth"; "required": false; "isSignal": true; }; "height": { "alias": "auHeight"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "header": { "alias": "auHeader"; "required": false; "isSignal": true; }; "children": { "alias": "auChildren"; "required": false; "isSignal": true; }; }, { "widthChange": "auWidthChange"; "heightChange": "auHeightChange"; "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotStructureFromContent", "slotHeaderFromContent", "slotBodyFromContent"], ["*"], true, never>;
+}
+
 declare class AgnosUIAngularModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AgnosUIAngularModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof SelectComponent, typeof SelectBadgeLabelDirective, typeof SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof RatingComponent, typeof RatingStarDirective, typeof PaginationComponent, typeof PaginationEllipsisDirective, typeof PaginationFirstDirective, typeof PaginationLastDirective, typeof PaginationNextDirective, typeof PaginationNumberDirective, typeof PaginationPreviousDirective, typeof PaginationPagesDirective, typeof PaginationStructureDirective, typeof ModalComponent, typeof ModalStructureDirective, typeof ModalHeaderDirective, typeof ModalTitleDirective, typeof ModalBodyDirective, typeof ModalFooterDirective, typeof AlertComponent, typeof AlertStructureDirective, typeof AlertBodyDirective, typeof AccordionDirective, typeof AccordionItemComponent, typeof AccordionHeaderDirective, typeof AccordionBodyDirective, typeof AccordionItemStructureDirective, typeof SliderComponent, typeof SliderHandleDirective, typeof SliderLabelDirective, typeof SliderStructureDirective, typeof SliderTickDirective, typeof ProgressbarComponent, typeof ProgressbarStructureDirective, typeof ProgressbarBodyDirective, typeof ToastComponent, typeof ToastStructureDirective, typeof ToastBodyDirective, typeof ToastHeaderDirective, typeof ToasterComponent, typeof CollapseDirective, typeof CollapseTriggerDirective, typeof TreeComponent, typeof TreeStructureDirective, typeof TreeItemToggleDirective, typeof TreeItemContentDirective, typeof TreeItemDirective, typeof CarouselComponent, typeof CarouselSlideDirective, typeof CarouselStructureDirective, typeof CarouselNavigationDirective], [typeof i1.SlotDirective, typeof SelectComponent, typeof SelectBadgeLabelDirective, typeof SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof RatingComponent, typeof RatingStarDirective, typeof PaginationComponent, typeof PaginationEllipsisDirective, typeof PaginationFirstDirective, typeof PaginationLastDirective, typeof PaginationNextDirective, typeof PaginationNumberDirective, typeof PaginationPreviousDirective, typeof PaginationPagesDirective, typeof PaginationStructureDirective, typeof ModalComponent, typeof ModalStructureDirective, typeof ModalHeaderDirective, typeof ModalTitleDirective, typeof ModalBodyDirective, typeof ModalFooterDirective, typeof AlertComponent, typeof AlertStructureDirective, typeof AlertBodyDirective, typeof AccordionDirective, typeof AccordionItemComponent, typeof AccordionHeaderDirective, typeof AccordionBodyDirective, typeof AccordionItemStructureDirective, typeof SliderComponent, typeof SliderHandleDirective, typeof SliderLabelDirective, typeof SliderStructureDirective, typeof SliderTickDirective, typeof ProgressbarComponent, typeof ProgressbarStructureDirective, typeof ProgressbarBodyDirective, typeof ToastComponent, typeof ToastStructureDirective, typeof ToastBodyDirective, typeof ToastHeaderDirective, typeof ToasterComponent, typeof CollapseDirective, typeof CollapseTriggerDirective, typeof TreeComponent, typeof TreeStructureDirective, typeof TreeItemToggleDirective, typeof TreeItemContentDirective, typeof TreeItemDirective, typeof CarouselComponent, typeof CarouselSlideDirective, typeof CarouselStructureDirective, typeof CarouselNavigationDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof SelectComponent, typeof SelectBadgeLabelDirective, typeof SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof RatingComponent, typeof RatingStarDirective, typeof PaginationComponent, typeof PaginationEllipsisDirective, typeof PaginationFirstDirective, typeof PaginationLastDirective, typeof PaginationNextDirective, typeof PaginationNumberDirective, typeof PaginationPreviousDirective, typeof PaginationPagesDirective, typeof PaginationStructureDirective, typeof ModalComponent, typeof ModalStructureDirective, typeof ModalHeaderDirective, typeof ModalTitleDirective, typeof ModalBodyDirective, typeof ModalFooterDirective, typeof AlertComponent, typeof AlertStructureDirective, typeof AlertBodyDirective, typeof AccordionDirective, typeof AccordionItemComponent, typeof AccordionHeaderDirective, typeof AccordionBodyDirective, typeof AccordionItemStructureDirective, typeof SliderComponent, typeof SliderHandleDirective, typeof SliderLabelDirective, typeof SliderStructureDirective, typeof SliderTickDirective, typeof ProgressbarComponent, typeof ProgressbarStructureDirective, typeof ProgressbarBodyDirective, typeof ToastComponent, typeof ToastStructureDirective, typeof ToastBodyDirective, typeof ToastHeaderDirective, typeof ToasterComponent, typeof CollapseDirective, typeof CollapseTriggerDirective, typeof TreeComponent, typeof TreeStructureDirective, typeof TreeItemToggleDirective, typeof TreeItemContentDirective, typeof TreeItemDirective, typeof CarouselComponent, typeof CarouselSlideDirective, typeof CarouselStructureDirective, typeof CarouselNavigationDirective, typeof DrawerComponent, typeof DrawerStructureDirective, typeof DrawerHeaderDirective, typeof DrawerBodyDirective], [typeof i1.SlotDirective, typeof SelectComponent, typeof SelectBadgeLabelDirective, typeof SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof RatingComponent, typeof RatingStarDirective, typeof PaginationComponent, typeof PaginationEllipsisDirective, typeof PaginationFirstDirective, typeof PaginationLastDirective, typeof PaginationNextDirective, typeof PaginationNumberDirective, typeof PaginationPreviousDirective, typeof PaginationPagesDirective, typeof PaginationStructureDirective, typeof ModalComponent, typeof ModalStructureDirective, typeof ModalHeaderDirective, typeof ModalTitleDirective, typeof ModalBodyDirective, typeof ModalFooterDirective, typeof AlertComponent, typeof AlertStructureDirective, typeof AlertBodyDirective, typeof AccordionDirective, typeof AccordionItemComponent, typeof AccordionHeaderDirective, typeof AccordionBodyDirective, typeof AccordionItemStructureDirective, typeof SliderComponent, typeof SliderHandleDirective, typeof SliderLabelDirective, typeof SliderStructureDirective, typeof SliderTickDirective, typeof ProgressbarComponent, typeof ProgressbarStructureDirective, typeof ProgressbarBodyDirective, typeof ToastComponent, typeof ToastStructureDirective, typeof ToastBodyDirective, typeof ToastHeaderDirective, typeof ToasterComponent, typeof CollapseDirective, typeof CollapseTriggerDirective, typeof TreeComponent, typeof TreeStructureDirective, typeof TreeItemToggleDirective, typeof TreeItemContentDirective, typeof TreeItemDirective, typeof CarouselComponent, typeof CarouselSlideDirective, typeof CarouselStructureDirective, typeof CarouselNavigationDirective, typeof DrawerComponent, typeof DrawerStructureDirective, typeof DrawerHeaderDirective, typeof DrawerBodyDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AgnosUIAngularModule>;
 }
 
@@ -6232,7 +6748,7 @@ interface CollapseProps {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
     /**
@@ -6275,7 +6791,7 @@ interface CollapseState {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
 }
@@ -6346,6 +6862,10 @@ type WidgetsConfig = {
      * the collapse widget config
      */
     collapse: CollapseProps;
+    /**
+     * the drawer widget config
+     */
+    drawer: DrawerProps;
     /**
      * the modal widget config
      */
@@ -6482,5 +7002,5 @@ declare const callWidgetFactory: <W extends Widget<object, object, object, objec
     slotChildren?: () => TemplateRef<void> | undefined;
 }) => AngularWidget<W>;
 
-export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CarouselComponent, CarouselNavigationDirective, CarouselSlideDirective, CarouselStructureDirective, CollapseDirective, CollapseTriggerDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, SliderTickDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, ToasterComponent, ToasterService, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, carouselDefaultSlotNavigation, carouselDefaultSlotStructure, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCarousel as createCarousel, export_createCollapse as createCollapse, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_defaultToasterProps as defaultToasterProps, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCarouselDefaultConfig as getCarouselDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, sliderDefaultSlotTick, toastDefaultSlotStructure, export_toastPositions as toastPositions, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
-export type { AccordionApi, AccordionDirectives, AccordionItemApi, AccordionItemContext, AccordionItemDirectives, AccordionItemProps, AccordionItemState, AccordionItemWidget, AccordionProps, AccordionState, AccordionWidget, AlertApi, AlertContext, AlertDirectives, AlertProps, AlertState, AlertWidget, CarouselApi, CarouselContext, CarouselDirectives, CarouselProps, CarouselSlideContext, CarouselState, CarouselWidget, CollapseApi, CollapseDirectives, CollapseProps, CollapseState, CollapseWidget, DirectionsHrefs, HandleDisplayOptions, ItemContext, ModalApi, ModalBeforeCloseEvent, ModalContext, ModalDirectives, ModalProps, ModalState, ModalWidget, NormalizedTreeItem, PaginationApi, PaginationContext, PaginationDirectives, PaginationNumberContext, PaginationProps, PaginationState, PaginationWidget, ProgressDisplayOptions, ProgressbarContext, ProgressbarDirectives, ProgressbarProps, ProgressbarState, ProgressbarWidget, RatingApi, RatingDirectives, RatingProps, RatingState, RatingWidget, SelectApi, SelectContext, SelectDirectives, SelectItemContext, SelectProps, SelectState, SelectWidget, SliderContext, SliderDirectives, SliderHandle, SliderProps, SliderSlotHandleContext, SliderSlotLabelContext, SliderSlotTickContext, SliderState, SliderTick, SliderWidget, StarContext, ToastApi, ToastContext, ToastDirectives, ToastPositions, ToastProps, ToastState, ToastWidget, ToasterProps, ToasterTimer, ToasterToast, TreeApi, TreeContext, TreeDirectives, TreeItem, TreeProps, TreeSlotItemContext, TreeState, TreeWidget, WidgetsConfig };
+export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CarouselComponent, CarouselNavigationDirective, CarouselSlideDirective, CarouselStructureDirective, CollapseDirective, CollapseTriggerDirective, DrawerBodyDirective, DrawerComponent, DrawerHeaderDirective, DrawerStructureDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, SliderTickDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, ToasterComponent, ToasterService, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, carouselDefaultSlotNavigation, carouselDefaultSlotStructure, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCarousel as createCarousel, export_createCollapse as createCollapse, export_createDrawer as createDrawer, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_defaultToasterProps as defaultToasterProps, drawerDefaultSlotStructure, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCarouselDefaultConfig as getCarouselDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getDrawerDefaultConfig as getDrawerDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, export_modalCloseEscape as modalCloseEscape, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, sliderDefaultSlotTick, toastDefaultSlotStructure, export_toastPositions as toastPositions, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
+export type { AccordionApi, AccordionDirectives, AccordionItemApi, AccordionItemContext, AccordionItemDirectives, AccordionItemProps, AccordionItemState, AccordionItemWidget, AccordionProps, AccordionState, AccordionWidget, AlertApi, AlertContext, AlertDirectives, AlertProps, AlertState, AlertWidget, CarouselApi, CarouselContext, CarouselDirectives, CarouselProps, CarouselSlideContext, CarouselState, CarouselWidget, CollapseApi, CollapseDirectives, CollapseProps, CollapseState, CollapseWidget, DirectionsHrefs, DrawerApi, DrawerContext, DrawerDirectives, DrawerPositions, DrawerProps, DrawerState, DrawerWidget, HandleDisplayOptions, ItemContext, ModalApi, ModalBeforeCloseEvent, ModalContext, ModalDirectives, ModalProps, ModalState, ModalWidget, NormalizedTreeItem, PaginationApi, PaginationContext, PaginationDirectives, PaginationNumberContext, PaginationProps, PaginationState, PaginationWidget, ProgressDisplayOptions, ProgressbarContext, ProgressbarDirectives, ProgressbarProps, ProgressbarState, ProgressbarWidget, RatingApi, RatingDirectives, RatingProps, RatingState, RatingWidget, SelectApi, SelectContext, SelectDirectives, SelectItemContext, SelectProps, SelectState, SelectWidget, SliderContext, SliderDirectives, SliderHandle, SliderProps, SliderSlotHandleContext, SliderSlotLabelContext, SliderSlotTickContext, SliderState, SliderTick, SliderWidget, StarContext, ToastApi, ToastContext, ToastDirectives, ToastPositions, ToastProps, ToastState, ToastWidget, ToasterProps, ToasterTimer, ToasterToast, TreeApi, TreeContext, TreeDirectives, TreeItem, TreeProps, TreeSlotItemContext, TreeState, TreeWidget, WidgetsConfig };