@ethlete/core 2.8.1 → 3.0.0

package/lib/directives/animated-overlay/animated-overlay.directive.d.ts

@@ -1,14 +1,13 @@
 import { OverlayRef } from '@angular/cdk/overlay';
 import { ComponentPortal, ComponentType } from '@angular/cdk/portal';
-import { ComponentRef, StaticProvider } from '@angular/core';
-import { Instance as PopperInstance, Placement as PopperPlacement } from '@popperjs/core';
-import { Options as ArrowOptions } from '@popperjs/core/lib/modifiers/arrow';
-import { Options as OffsetOptions } from '@popperjs/core/lib/modifiers/offset';
+import { ComponentRef, ElementRef, StaticProvider } from '@angular/core';
+import { OffsetOptions, Padding, Placement } from '@floating-ui/dom';
 import { Subject } from 'rxjs';
 import { AnimatedLifecycleDirective } from '../animated-lifecycle';
 import * as i0 from "@angular/core";
 import * as i1 from "../observe-resize/observe-resize.directive";
 export interface AnimatedOverlayComponentBase {
+    _elementRef?: ElementRef<HTMLElement>;
     _animatedLifecycle?: AnimatedLifecycleDirective;
     _markForCheck?: () => void;
 }
@@ -23,7 +22,7 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     private _portal;
     private _overlayRef;
     private _componentRef;
-    private _popper;
+    private _floatingElCleanupFn;
     private _beforeOpened;
     private _afterOpened;
     private _beforeClosed;
@@ -33,25 +32,41 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     private readonly _isUnmounting$;
     /**
      * The placement of the animated overlay.
-     * @default 'auto'
+     * @default undefined
      */
-    placement: PopperPlacement;
+    placement?: Placement;
     /**
      * The allowed auto placements of the animated overlay.
-     * @see https://popper.js.org/docs/v2/modifiers/flip/#allowedautoplacements
+     * @see https://floating-ui.com/docs/flip#fallbackplacements
      */
-    allowedAutoPlacements?: PopperPlacement[];
+    fallbackPlacements?: Placement[];
     /**
      * The offset of the animated overlay.
-     * @see https://popper.js.org/docs/v2/modifiers/offset/#offset-1
+     * @see https://floating-ui.com/docs/offset
      */
-    offset: OffsetOptions['offset'] | Readonly<OffsetOptions['offset']> | null;
+    offset: OffsetOptions | null;
     /**
      * The arrow padding.
-     * @see https://popper.js.org/docs/v2/modifiers/arrow/#padding
+     * @see https://floating-ui.com/docs/arrow#padding
      * @default 4
      */
-    arrowPadding: ArrowOptions['padding'] | null;
+    arrowPadding: Padding | null;
+    /**
+     * The viewport padding.
+     * @default 8
+     */
+    viewportPadding: Padding | null;
+    /**
+     * Whether the animated overlay should auto resize to fit the available space.
+     * Useful for things like selects where the list of options might be longer than the available space.
+     * @default false
+     */
+    autoResize: boolean;
+    /**
+     * Whether the animated overlay should auto hide when the reference element is hidden.
+     * @default false
+     */
+    autoHide: boolean;
     get isMounted(): boolean;
     get isMounted$(): import("rxjs").Observable<boolean>;
     get isMounting(): boolean;
@@ -60,7 +75,6 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     get portal(): ComponentPortal<T> | null;
     get overlayRef(): OverlayRef | null;
     get componentRef(): ComponentRef<T> | null;
-    get popper(): PopperInstance | null;
     mount(config: {
         component: ComponentType<T>;
         providers?: StaticProvider[];
@@ -73,7 +87,6 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     beforeClosed(): Subject<void>;
     afterClosed(): Subject<void>;
     _destroy(): void;
-    _reposition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedOverlayDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "allowedAutoPlacements": { "alias": "allowedAutoPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveResizeDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveResizeDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -10,7 +10,6 @@ export * from './mutation-observable.util';
 export * from './reactive-binding.util';
 export * from './round.utils';
 export * from './runtime-error.utils';
-export * from './rxjs.utils';
 export * from './scrollable.utils';
 export * from './selection-model.utils';
 export * from './smart-block-scroll-strategy.utils';

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@ethlete/core",
-  "version": "2.8.1",
+  "version": "3.0.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@angular/platform-browser": "16.1.2",
-    "@ethlete/types": "1.1.1",
+    "@angular/platform-browser": "16.1.6",
+    "@ethlete/types": "1.3.0",
     "rxjs": "7.8.1",
-    "@angular/cdk": "16.1.2",
-    "@popperjs/core": "2.11.8",
-    "@angular/router": "16.1.2",
-    "@angular/forms": "16.1.2"
+    "@angular/cdk": "16.1.5",
+    "@floating-ui/dom": "1.4.5",
+    "@angular/router": "16.1.6",
+    "@angular/forms": "16.1.6"
   },
   "module": "fesm2022/ethlete-core.mjs",
   "typings": "index.d.ts",

package/esm2022/lib/utils/rxjs.utils.mjs

@@ -1,27 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { BehaviorSubject } from 'rxjs';
-export class BehaviorSubjectWithSubscriberCount extends BehaviorSubject {
-    constructor() {
-        super(...arguments);
-        this._subscriberCount = 0;
-    }
-    get subscriberCount() {
-        return this._subscriberCount;
-    }
-    subscribe(observerOrNext) {
-        this._subscriberCount++;
-        const sub = super.subscribe(observerOrNext);
-        return {
-            ...sub,
-            unsubscribe: () => {
-                sub.unsubscribe();
-                this._subscriberCount--;
-            },
-        };
-    }
-    unsubscribe() {
-        this._subscriberCount--;
-        return super.unsubscribe();
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnhqcy51dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3V0aWxzL3J4anMudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQTBCLE1BQU0sTUFBTSxDQUFDO0FBRS9ELE1BQU0sT0FBTyxrQ0FBc0MsU0FBUSxlQUFrQjtJQUE3RTs7UUFDVSxxQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFvQy9CLENBQUM7SUFsQ0MsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQy9CLENBQUM7SUFhUSxTQUFTLENBQUMsY0FBbUI7UUFDcEMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFFeEIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUU1QyxPQUFPO1lBQ0wsR0FBRyxHQUFHO1lBQ04sV0FBVyxFQUFFLEdBQUcsRUFBRTtnQkFDaEIsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDO2dCQUNsQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUMxQixDQUFDO1NBQ0YsQ0FBQztJQUNKLENBQUM7SUFFUSxXQUFXO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBRXhCLE9BQU8sS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzdCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2ZXIsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgY2xhc3MgQmVoYXZpb3JTdWJqZWN0V2l0aFN1YnNjcmliZXJDb3VudDxUPiBleHRlbmRzIEJlaGF2aW9yU3ViamVjdDxUPiB7XG4gIHByaXZhdGUgX3N1YnNjcmliZXJDb3VudCA9IDA7XG5cbiAgZ2V0IHN1YnNjcmliZXJDb3VudCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc3Vic2NyaWJlckNvdW50O1xuICB9XG5cbiAgb3ZlcnJpZGUgc3Vic2NyaWJlKFxuICAgIG9ic2VydmVyT3JOZXh0PzogUGFydGlhbDxPYnNlcnZlcjxUPj4gfCAoKHZhbHVlOiBUKSA9PiB2b2lkKSB8IG51bGwsXG4gICAgZXJyb3I/OiAoKGVycm9yOiBhbnkpID0+IHZvaWQpIHwgbnVsbCxcbiAgICBjb21wbGV0ZT86ICgoKSA9PiB2b2lkKSB8IG51bGwsXG4gICk6IFN1YnNjcmlwdGlvbjtcbiAgb3ZlcnJpZGUgc3Vic2NyaWJlKFxuICAgIG5leHQ/OiAoKHZhbHVlOiBUKSA9PiB2b2lkKSB8IG51bGwsXG4gICAgZXJyb3I/OiAoKGVycm9yOiBhbnkpID0+IHZvaWQpIHwgbnVsbCxcbiAgICBjb21wbGV0ZT86ICgoKSA9PiB2b2lkKSB8IG51bGwsXG4gICk6IFN1YnNjcmlwdGlvbjtcbiAgb3ZlcnJpZGUgc3Vic2NyaWJlKG9ic2VydmVyT3JOZXh0PzogUGFydGlhbDxPYnNlcnZlcjxUPj4gfCAoKHZhbHVlOiBUKSA9PiB2b2lkKSB8IHVuZGVmaW5lZCk6IFN1YnNjcmlwdGlvbjtcbiAgb3ZlcnJpZGUgc3Vic2NyaWJlKG9ic2VydmVyT3JOZXh0OiBhbnkpIHtcbiAgICB0aGlzLl9zdWJzY3JpYmVyQ291bnQrKztcblxuICAgIGNvbnN0IHN1YiA9IHN1cGVyLnN1YnNjcmliZShvYnNlcnZlck9yTmV4dCk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4uc3ViLFxuICAgICAgdW5zdWJzY3JpYmU6ICgpID0+IHtcbiAgICAgICAgc3ViLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIHRoaXMuX3N1YnNjcmliZXJDb3VudC0tO1xuICAgICAgfSxcbiAgICB9O1xuICB9XG5cbiAgb3ZlcnJpZGUgdW5zdWJzY3JpYmUoKSB7XG4gICAgdGhpcy5fc3Vic2NyaWJlckNvdW50LS07XG5cbiAgICByZXR1cm4gc3VwZXIudW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIl19

package/lib/utils/rxjs.utils.d.ts

@@ -1,9 +0,0 @@
-import { BehaviorSubject, Observer, Subscription } from 'rxjs';
-export declare class BehaviorSubjectWithSubscriberCount<T> extends BehaviorSubject<T> {
-    private _subscriberCount;
-    get subscriberCount(): number;
-    subscribe(observerOrNext?: Partial<Observer<T>> | ((value: T) => void) | null, error?: ((error: any) => void) | null, complete?: (() => void) | null): Subscription;
-    subscribe(next?: ((value: T) => void) | null, error?: ((error: any) => void) | null, complete?: (() => void) | null): Subscription;
-    subscribe(observerOrNext?: Partial<Observer<T>> | ((value: T) => void) | undefined): Subscription;
-    unsubscribe(): void;
-}