@ethlete/core 2.3.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/directives/animatable/animatable.directive.mjs +2 -2
- package/esm2022/lib/services/router-state.service.mjs +4 -1
- package/esm2022/lib/services/viewport.service.mjs +72 -3
- package/fesm2022/ethlete-core.mjs +73 -2
- package/fesm2022/ethlete-core.mjs.map +1 -1
- package/lib/services/router-state.service.d.ts +1 -0
- package/lib/services/viewport.service.d.ts +23 -0
- package/package.json +1 -1
|
@@ -2,8 +2,15 @@ import { BreakpointObserver } from '@angular/cdk/layout';
|
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
3
|
import { Breakpoint, ViewportConfig } from '../types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
interface Size {
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
}
|
|
5
9
|
export declare class ViewportService {
|
|
6
10
|
private _breakpointObserver;
|
|
11
|
+
private readonly _resizeObserverService;
|
|
12
|
+
private readonly _viewportMonitorStop$;
|
|
13
|
+
private _isViewportMonitorEnabled;
|
|
7
14
|
private _viewportConfig;
|
|
8
15
|
private _isXs$;
|
|
9
16
|
private _isSm$;
|
|
@@ -11,6 +18,8 @@ export declare class ViewportService {
|
|
|
11
18
|
private _isLg$;
|
|
12
19
|
private _isXl$;
|
|
13
20
|
private _is2Xl$;
|
|
21
|
+
private _viewportSize$;
|
|
22
|
+
private _scrollbarSize$;
|
|
14
23
|
get isXs$(): Observable<boolean>;
|
|
15
24
|
get isXs(): boolean;
|
|
16
25
|
get isSm$(): Observable<boolean>;
|
|
@@ -23,6 +32,10 @@ export declare class ViewportService {
|
|
|
23
32
|
get isXl(): boolean;
|
|
24
33
|
get is2Xl$(): Observable<boolean>;
|
|
25
34
|
get is2Xl(): boolean;
|
|
35
|
+
get viewportSize$(): Observable<Size | null>;
|
|
36
|
+
get viewportSize(): Size | null;
|
|
37
|
+
get scrollbarSize$(): Observable<Size | null>;
|
|
38
|
+
get scrollbarSize(): Size | null;
|
|
26
39
|
currentViewport$: Observable<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
|
|
27
40
|
get currentViewport(): "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
28
41
|
constructor(_viewportConfig: ViewportConfig | null, _breakpointObserver: BreakpointObserver);
|
|
@@ -34,6 +47,15 @@ export declare class ViewportService {
|
|
|
34
47
|
min?: number | Breakpoint;
|
|
35
48
|
max?: number | Breakpoint;
|
|
36
49
|
}): boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Applies size CSS variables to the documentElement in pixels.
|
|
52
|
+
* - `--et-vw`: viewport width excluding scrollbar width
|
|
53
|
+
* - `--et-vh`: viewport height excluding scrollbar height
|
|
54
|
+
* - `--et-sw`: scrollbar width
|
|
55
|
+
* - `--et-sh`: scrollbar height
|
|
56
|
+
*/
|
|
57
|
+
monitorViewport(): void;
|
|
58
|
+
unmonitorViewport(): void;
|
|
37
59
|
private _observeDefaultBreakpoints;
|
|
38
60
|
private _getViewportSize;
|
|
39
61
|
private _buildMediaQuery;
|
|
@@ -41,3 +63,4 @@ export declare class ViewportService {
|
|
|
41
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<ViewportService, [{ optional: true; }, null]>;
|
|
42
64
|
static ɵprov: i0.ɵɵInjectableDeclaration<ViewportService>;
|
|
43
65
|
}
|
|
66
|
+
export {};
|