@ethlete/core 4.17.0 → 4.18.1

package/lib/utils/signal.utils.d.ts

@@ -1,6 +1,7 @@
 import { EffectRef, ElementRef, Injector, QueryList, Signal, WritableSignal } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
+import { Breakpoint } from '../types';
 type SignalElementBindingComplexType = HTMLElement | ElementRef<HTMLElement> | QueryList<ElementRef<HTMLElement> | HTMLElement> | Array<ElementRef<HTMLElement> | HTMLElement> | null | undefined;
 type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<SignalElementBindingComplexType> | Signal<SignalElementBindingComplexType> | QueryList<ElementRef<HTMLElement> | HTMLElement> | ElementSignal;
 type ElementSignal = Signal<{
@@ -204,4 +205,33 @@ export declare const computedTillTruthy: <T>(source: Signal<T>) => Signal<T | nu
  * All subsequent changes inside the computation will be ignored.
  */
 export declare const computedTillFalsy: <T>(source: Signal<T>) => Signal<T | null>;
+/** Inject a signal containing a boolean value indicating if the viewport is xs */
+export declare const injectIsXs: () => Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is sm */
+export declare const injectIsSm: () => Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is md */
+export declare const injectIsMd: () => Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is lg */
+export declare const injectIsLg: () => Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is xl */
+export declare const injectIsXl: () => Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is 2xl */
+export declare const injectIs2Xl: () => Signal<boolean>;
+/**
+ * Inject a boolean value indicating if the viewport is matching the provided options.
+ * This value is not reactive. If you want to react to changes, use the {@link injectObserveBreakpoint} function instead.
+ */
+export declare const injectBreakpointIsMatched: (options: {
+    min?: number | Breakpoint;
+    max?: number | Breakpoint;
+}) => boolean;
+/**
+ * Inject a signal containing a boolean value indicating if the viewport is matching the provided options.
+ */
+export declare const injectObserveBreakpoint: (options: {
+    min?: number | Breakpoint;
+    max?: number | Breakpoint;
+}) => Signal<boolean>;
+/** Inject a signal containing the current breakpoint. */
+export declare const injectCurrentBreakpoint: () => Signal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
 export {};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@ethlete/core",
-  "version": "4.17.0",
+  "version": "4.18.1",
   "peerDependencies": {
-    "@angular/cdk": "17.3.6",
-    "@angular/common": "17.3.7",
-    "@angular/core": "17.3.7",
-    "@angular/forms": "17.3.7",
-    "@angular/platform-browser": "17.3.7",
-    "@angular/router": "17.3.7",
+    "@angular/cdk": "17.3.8",
+    "@angular/common": "17.3.8",
+    "@angular/core": "17.3.8",
+    "@angular/forms": "17.3.8",
+    "@angular/platform-browser": "17.3.8",
+    "@angular/router": "17.3.8",
     "@ethlete/theming": "^2.3.1",
     "@ethlete/types": "^1.6.2",
     "@floating-ui/dom": "^1.5.3",