@ethlete/cdk 3.9.1 → 3.10.0

package/lib/components/overlay/components/overlay/utils/overlay-position-builder.d.ts

@@ -0,0 +1,89 @@
+import { OverlayBreakpointConfig, OverlayBreakpointConfigEntry } from '../types';
+export declare class OverlayPositionBuilder {
+    private readonly _overlay;
+    readonly DEFAULTS: {
+        dialog: {
+            width: undefined;
+            height: undefined;
+            maxHeight: string;
+            maxWidth: string;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+        };
+        fullScreenDialog: {
+            width: string;
+            height: string;
+            maxHeight: undefined;
+            maxWidth: undefined;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+        };
+        bottomSheet: {
+            width: string;
+            height: undefined;
+            maxHeight: string;
+            maxWidth: string;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            dragToDismiss: {
+                direction: "to-bottom";
+            };
+        };
+        topSheet: {
+            width: string;
+            height: undefined;
+            maxHeight: string;
+            maxWidth: string;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            dragToDismiss: {
+                direction: "to-top";
+            };
+        };
+        leftSheet: {
+            width: string;
+            height: string;
+            maxHeight: undefined;
+            maxWidth: string;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            dragToDismiss: {
+                direction: "to-left";
+            };
+        };
+        rightSheet: {
+            width: string;
+            height: string;
+            maxHeight: undefined;
+            maxWidth: string;
+            minHeight: undefined;
+            minWidth: undefined;
+            containerClass: string;
+            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            dragToDismiss: {
+                direction: "to-right";
+            };
+        };
+    };
+    transformingBottomSheetToDialog(customConfig?: {
+        bottomSheet?: OverlayBreakpointConfig;
+        dialog?: OverlayBreakpointConfig;
+    }): OverlayBreakpointConfigEntry[];
+    dialog(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    fullScreenDialog(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    bottomSheet(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    topSheet(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    leftSheet(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    rightSheet(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
+    mergeConfigs(...configs: OverlayBreakpointConfig[]): OverlayBreakpointConfig;
+}

package/lib/components/overlay/components/overlay/utils/overlay-ref.d.ts

@@ -0,0 +1,34 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { DialogRef as CdkDialogRef } from '@angular/cdk/dialog';
+import { ComponentRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { OverlayContainerComponent } from '../components';
+import { OverlayConfig, OverlayPosition, OverlayState } from '../types';
+export declare class OverlayRef<T = any, R = any> {
+    private _ref;
+    _containerInstance: OverlayContainerComponent;
+    componentInstance: T | null;
+    readonly componentRef: ComponentRef<T> | null;
+    disableClose: boolean | undefined;
+    id: string;
+    private readonly _afterOpened;
+    private readonly _beforeClosed;
+    private _result;
+    private _state;
+    private _closeInteractionType;
+    get _cdkRef(): CdkDialogRef<R, T>;
+    constructor(_ref: CdkDialogRef<R, T>, config: OverlayConfig, _containerInstance: OverlayContainerComponent);
+    close(result?: R): void;
+    afterOpened(): Observable<void>;
+    afterClosed(): Observable<R | undefined>;
+    beforeClosed(): Observable<R | undefined>;
+    backdropClick(): Observable<MouseEvent>;
+    keydownEvents(): Observable<KeyboardEvent>;
+    updatePosition(position?: OverlayPosition): this;
+    updateSize(width?: string, height?: string): this;
+    addPanelClass(classes: string | string[]): this;
+    removePanelClass(classes: string | string[]): this;
+    getState(): OverlayState;
+    private _finishOverlayClose;
+    _closeOverlayVia<R>(ref: OverlayRef<R>, interactionType: FocusOrigin, result?: R): void;
+}

package/lib/components/overlay/components/overlay/utils/overlay.utils.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { OverlayConfig } from '../types';
+import { OverlayRef } from './overlay-ref';
+export declare function getClosestOverlay(element: ElementRef<HTMLElement>, openOverlays: OverlayRef<unknown>[]): OverlayRef<unknown, any> | null | undefined;
+export declare const provideOverlayDefaultConfig: (config?: Partial<OverlayConfig> | null | undefined) => {
+    provide: import("@angular/core").InjectionToken<OverlayConfig<unknown>>;
+    useValue: OverlayConfig<unknown>;
+};

package/lib/components/overlay/components/overlay/utils/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './overlay-config';
+export * from './overlay-position-builder';
+export * from './overlay-ref';
+export * from './overlay.utils';

package/lib/components/overlay/components/public-api.d.ts

@@ -1,5 +1,6 @@
 export * from './bottom-sheet/public-api';
 export * from './dialog/public-api';
 export * from './menu/public-api';
+export * from './overlay/public-api';
 export * from './toggletip/public-api';
 export * from './tooltip/public-api';

package/lib/components/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion/public-api';
 export * from './bracket/public-api';
 export * from './button/public-api';
+export * from './filter-overlay/public-api';
 export * from './forms/public-api';
 export * from './icons/public-api';
 export * from './masonry/public-api';

package/lib/services/swipe-handler.service.d.ts

@@ -1,10 +1,10 @@
-import { SwipeEnd, SwipeHandler } from '../types';
+import { SwipeEndEvent, SwipeUpdateEvent } from '../types';
 import * as i0 from "@angular/core";
 export declare class SwipeHandlerService {
     private _handlerMap;
-    startSwipe(event: TouchEvent): number;
-    updateSwipe(handlerId: number, event: TouchEvent): SwipeHandler;
-    endSwipe(handlerId: number): SwipeEnd;
+    startSwipe(event: TouchEvent | MouseEvent): number;
+    updateSwipe(handlerId: number, event: TouchEvent | MouseEvent): SwipeUpdateEvent | null;
+    endSwipe(handlerId: number): SwipeEndEvent | null;
     cancelSwipe(handlerId: number): void;
     private _getSwipeHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwipeHandlerService, never>;

package/lib/types/swipe.types.d.ts

@@ -1,12 +1,16 @@
-export interface SwipeEnd {
+export interface SwipeEndEvent {
+    positivePixelPerSecondX: number;
+    positivePixelPerSecondY: number;
     pixelPerSecondX: number;
     pixelPerSecondY: number;
     movementX: number;
     movementY: number;
+    positiveMovementX: number;
+    positiveMovementY: number;
     originClientX: number;
     originClientY: number;
 }
-export interface SwipeHandler {
+export interface SwipeUpdateEvent {
     originClientX: number;
     originClientY: number;
     timestamp: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.9.1",
+  "version": "3.10.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -20,8 +20,8 @@
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
     "@ethlete/core": "3.4.0",
-    "@angular/animations": "16.2.3",
-    "@ethlete/query": "4.11.0"
+    "@angular/animations": "16.2.4",
+    "@ethlete/query": "4.13.0"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",

package/src/lib/styles/cdk.css

@@ -4,8 +4,13 @@
 
 .cdk-overlay-pane {
   display: grid;
+  grid-template-rows: minmax(0, 1fr);
 }
 
 .et-force-invisible {
   opacity: 0 !important;
 }
+
+.cdk-global-scrollblock {
+  overscroll-behavior: none;
+}