@datarailsshared/datarailsshared 1.6.338 → 1.6.342

package/lib/dr-badge-status/dr-badge-status.component.d.ts

@@ -6,6 +6,7 @@ export declare class DrBadgeStatusComponent {
     label: string;
     tooltip: string;
     tooltipClass: string;
+    showBackground: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrBadgeStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrBadgeStatusComponent, "dr-badge-status", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrBadgeStatusComponent, "dr-badge-status", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "showBackground": { "alias": "showBackground"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/drawer/drawer-config.d.ts

@@ -1,10 +1,13 @@
 import { Direction } from '@angular/cdk/bidi';
+import { DialogRole } from '@angular/cdk/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { Injector, ViewContainerRef } from '@angular/core';
 /** Options for where to set focus to automatically on dialog open. */
 export type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';
 /** Possible overrides for a drawer's position. */
 export type DrawerPosition = 'top' | 'bottom' | 'left' | 'right';
+/** Possible drag behaviors for a bottom-positioned drawer. */
+export type DrawerDragMode = 'dismiss' | 'resize';
 /**
  * Configuration used when opening a drawer.
  */
@@ -30,6 +33,10 @@ export declare class DrawerConfig<D = any> {
     disableClose?: boolean;
     /** Aria label to assign to the drawer element. */
     ariaLabel?: string | null;
+    /** Aria role for the drawer container */
+    role?: DialogRole;
+    /** Whether the drawer should be treated as a modal dialog */
+    isModal?: boolean;
     /**
      * Whether the drawer should close when the user goes backwards/forwards in history.
      * Note that this usually doesn't include clicking on links (unless the user is using
@@ -70,4 +77,6 @@ export declare class DrawerConfig<D = any> {
     injector?: Injector;
     /** Whether to render the drawer without default container styles and handle. */
     unstyled?: boolean;
+    /** Drag behavior for bottom drawer. */
+    dragMode?: DrawerDragMode;
 }

package/lib/drawer/drawer-container.component.d.ts

@@ -16,6 +16,8 @@ export declare class DrawerContainer extends CdkDialogContainer<DrawerConfig> im
     /** The portal outlet inside of this container into which the content will be loaded. */
     _portalOutlet: CdkPortalOutlet;
     _handleRef?: ElementRef<HTMLDivElement>;
+    /** Emits final height (px) after resize. Available only in resize mode. */
+    afterResized: EventEmitter<number>;
     /** The state of the drawer animations. */
     _animationState: 'void' | 'visible' | 'hidden';
     /** Emits whenever the state of the animation changes. */
@@ -25,7 +27,7 @@ export declare class DrawerContainer extends CdkDialogContainer<DrawerConfig> im
     get _drawerPosition(): string;
     private readonly _changeDetectorRef;
     private readonly destroy$;
-    positionStrategy: DrawerPositionStrategy;
+    positionStrategy?: DrawerPositionStrategy;
     constructor(elementRef: ElementRef<HTMLElement>, focusTrapFactory: FocusTrapFactory, document: Document, config: DrawerConfig, checker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, focusMonitor?: FocusMonitor);
     protected _contentAttached(): void;
     /** Begin animation of bottom sheet entrance into view. */
@@ -35,11 +37,10 @@ export declare class DrawerContainer extends CdkDialogContainer<DrawerConfig> im
     ngAfterViewInit(): void;
     private resolvePositionStrategy;
     private setupDragListener;
-    private getContainerPosition;
     ngOnDestroy(): void;
     _onAnimationDone(event: AnimationEvent): void;
     _onAnimationStart(event: AnimationEvent): void;
     protected _captureInitialFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainer, [null, null, { optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainer, "dr-drawer-container", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainer, "dr-drawer-container", never, {}, { "afterResized": "afterResized"; }, never, never, true, never>;
 }

package/lib/drawer/drawer-position-strategy.d.ts

@@ -1,10 +1,37 @@
+import { DrawerConfig } from './drawer-config';
 export interface DrawerPositionStrategy {
     extractMousePosition(event: MouseEvent): number;
-    calculateTransform(currentPosition: number, containerPosition: number): string;
-    shouldClose(currentPosition: number, initPosition: number, lastPosition: number): boolean;
+    onDragStart(container: HTMLElement, overlayElement: HTMLElement): void;
+    onDragMove(currentPosition: number, container: HTMLElement, overlayElement: HTMLElement): void;
+    onDragEnd(container: HTMLElement, overlayElement: HTMLElement): {
+        shouldClose: boolean;
+        height?: number;
+    };
 }
-export declare class BottomPositionStrategy implements DrawerPositionStrategy {
+export declare class BottomDismissPositionStrategy implements DrawerPositionStrategy {
+    private startMouseY;
+    private deltaY;
     extractMousePosition(event: MouseEvent): number;
-    calculateTransform(currentPosition: number, containerPosition: number): string;
-    shouldClose(currentPosition: number, initPosition: number, lastPosition: number): boolean;
+    onDragStart(container: HTMLElement): void;
+    onDragMove(mouseY: number, container: HTMLElement): void;
+    onDragEnd(container: HTMLElement): {
+        shouldClose: boolean;
+    };
+}
+export declare class BottomResizePositionStrategy implements DrawerPositionStrategy {
+    private readonly config;
+    private startMouseY;
+    private startHeightPx;
+    private currentHeightPx;
+    private minHeightPx;
+    private maxHeightPx;
+    constructor(config: DrawerConfig);
+    extractMousePosition(event: MouseEvent): number;
+    onDragStart(container: HTMLElement, overlayElement: HTMLElement): void;
+    onDragMove(mouseY: number, container: HTMLElement, overlayElement: HTMLElement): void;
+    onDragEnd(container: HTMLElement, overlayElement: HTMLElement): {
+        shouldClose: boolean;
+        height: number;
+    };
+    private toPx;
 }

package/lib/drawer/drawer-ref.d.ts

@@ -34,6 +34,8 @@ export declare class DrawerRef<T = any, R = any> {
     private _result;
     /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */
     private _closeFallbackTimeout;
+    /** Subject for notifying the user that the drawer has been resized. */
+    private readonly _afterResized$;
     constructor(_ref: DialogRef<R, T>, config: DrawerConfig, containerInstance: DrawerContainer);
     /**
      * Dismisses the drawer.
@@ -46,6 +48,8 @@ export declare class DrawerRef<T = any, R = any> {
     afterClosed(): Observable<R | undefined>;
     /** Gets an observable that is notified when the drawer has opened and appeared. */
     afterOpened(): Observable<void>;
+    /** Gets an observable that emits the final height (px) after resize. Available only in resize mode. */
+    afterResized(): Observable<number>;
     /**
      * Gets an observable that emits when the overlay's backdrop has been clicked.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.6.338",
+  "version": "1.6.342",
   "description": "DataRails shared components",
   "keywords": [
     "angular",