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

package/package.json

@@ -1,24 +1,22 @@
 {
 	"name": "@agnos-ui/angular-bootstrap",
 	"description": "Bootstrap-based component library for Angular.",
-	"version": "0.10.0-next.1",
+	"version": "0.10.0-next.3",
 	"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.1",
-		"@agnos-ui/core-bootstrap": "0.10.0-next.1",
+		"@agnos-ui/angular-headless": "0.10.0-next.3",
+		"@agnos-ui/core-bootstrap": "0.10.0-next.3",
 		"tslib": "^2.8.1"
 	},
 	"sideEffects": false,

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

@@ -6230,6 +6230,13 @@ interface DrawerState {
      * @defaultValue `false`
      */
     resizable: boolean;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    size: number | null;
     /**
      * Global template for the drawer component
      */
@@ -6289,18 +6296,6 @@ interface DrawerProps {
      * @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
      *
@@ -6332,38 +6327,54 @@ interface DrawerProps {
      */
     onShown: () => void;
     /**
-     * An event emitted when the width is changed.
+     * An event emitted when the drawer size changes (width or height depending on the orientation).
      *
-     * Event payload is equal to the newly selected width.
+     * Event payload is equal to the newly selected width or height.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onWidthChange: (width: number) => void;
+    onSizeChange: (size: number | null) => void;
     /**
-     * An event emitted when the height is changed.
+     * Event to be triggered when the visible property changes.
      *
-     * Event payload is equal to the newly selected height.
+     * @param visible - new value of the visible propery
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onHeightChange: (width: number) => void;
+    onVisibleChange: (visible: boolean) => void;
     /**
-     * Event to be triggered when the visible property changes.
+     * Event to be triggered when the minimized state changes.
      *
-     * @param visible - new value of the visible propery
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onMinimizedChange: (isMinimized: boolean) => void;
+    /**
+     * Event to be triggered when the maximized state changes.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onVisibleChange: (visible: boolean) => void;
+    onMaximizedChange: (isMaximized: boolean) => void;
+    /**
+     * Event to be triggered when the user starts or stops resizing the drawer.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onResizingChange: (isResizing: boolean) => void;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -6399,6 +6410,13 @@ interface DrawerProps {
      * @defaultValue `false`
      */
     resizable: boolean;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    size: number | null;
     /**
      * Global template for the drawer component
      */
@@ -6581,6 +6599,13 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
      * @defaultValue `false`
      */
     readonly bodyScroll: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    readonly size: _angular_core.InputSignalWithTransform<number | null | undefined, unknown>;
     /**
      * Classes to add on the backdrop DOM element.
      *
@@ -6600,50 +6625,54 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
      */
     readonly resizable: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
-     * The width of the drawer in pixels.
+     * An event emitted when the drawer size changes (width or height depending on the orientation).
      *
-     * @defaultValue `200`
-     */
-    readonly width: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * The height of the drawer in pixels.
+     * Event payload is equal to the newly selected width or height.
      *
-     * @defaultValue `200`
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
-    readonly height: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly sizeChange: _angular_core.OutputEmitterRef<number | null>;
     /**
-     * An event emitted when the width is changed.
+     * Event to be triggered when the visible property changes.
      *
-     * Event payload is equal to the newly selected width.
+     * @param visible - new value of the visible propery
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    readonly widthChange: _angular_core.OutputEmitterRef<number>;
+    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
     /**
-     * An event emitted when the height is changed.
-     *
-     * Event payload is equal to the newly selected height.
+     * Event to be triggered when the minimized state changes.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    readonly heightChange: _angular_core.OutputEmitterRef<number>;
+    readonly minimizedChange: _angular_core.OutputEmitterRef<boolean>;
     /**
-     * Event to be triggered when the visible property changes.
+     * Event to be triggered when the maximized state changes.
      *
-     * @param visible - new value of the visible propery
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    readonly maximizedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Event to be triggered when the user starts or stops resizing the drawer.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly resizingChange: _angular_core.OutputEmitterRef<boolean>;
     /**
      * Event to be triggered when the transition is completed and the drawer is not visible.
      *
@@ -6680,7 +6709,7 @@ declare class DrawerComponent extends BaseWidgetDirective<DrawerWidget> {
     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>;
+    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; }; "size": { "alias": "auSize"; "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; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "header": { "alias": "auHeader"; "required": false; "isSignal": true; }; "children": { "alias": "auChildren"; "required": false; "isSignal": true; }; }, { "sizeChange": "auSizeChange"; "visibleChange": "auVisibleChange"; "minimizedChange": "auMinimizedChange"; "maximizedChange": "auMaximizedChange"; "resizingChange": "auResizingChange"; "hidden": "auHidden"; "shown": "auShown"; }, ["slotStructureFromContent", "slotHeaderFromContent", "slotBodyFromContent"], ["*"], true, never>;
 }
 
 declare class AgnosUIAngularModule {