@ethlete/core 4.0.3 → 4.2.0

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

@@ -1,6 +1,11 @@
-import { ElementRef, Signal } from '@angular/core';
+import { ElementRef, QueryList, Signal } from '@angular/core';
 import { Observable, map } from 'rxjs';
-type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<HTMLElement | ElementRef<HTMLElement> | null | undefined> | Signal<HTMLElement | ElementRef<HTMLElement> | null | undefined>;
+type SignalElementBindingComplexType = HTMLElement | ElementRef<HTMLElement> | QueryList<ElementRef<HTMLElement> | HTMLElement> | null | undefined;
+type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<SignalElementBindingComplexType> | Signal<SignalElementBindingComplexType> | QueryList<ElementRef<HTMLElement> | HTMLElement> | ElementSignal;
+type ElementSignal = Signal<{
+    currentElement: HTMLElement | null;
+    previousElement: HTMLElement | null;
+}>;
 export declare const buildSignalEffects: <T extends Record<string, Signal<unknown>>>(config: {
     map: T;
     eachItemFn: (pair: {
@@ -15,6 +20,7 @@ export declare const buildSignalEffects: <T extends Record<string, Signal<unknow
     remove: (...tokens: string[]) => void;
     has: (token: string) => boolean;
 };
+export declare const signalIsRendered: () => Signal<boolean>;
 export declare const signalClasses: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, classMap: T) => {
     remove: (...tokens: string[]) => void;
     has: (token: string) => boolean;
@@ -39,4 +45,39 @@ export declare const signalHostStyles: <T extends Record<string, Signal<unknown>
     remove: (...tokens: string[]) => void;
     has: (token: string) => boolean;
 };
+export interface LogicalSize {
+    inlineSize: number;
+    blockSize: number;
+}
+export interface ElementDimensions {
+    rect: DOMRectReadOnly | null;
+    borderBoxSize: LogicalSize | null;
+    contentBoxSize: LogicalSize | null;
+    devicePixelContentBoxSize: LogicalSize | null;
+}
+export declare const signalElementDimensions: (el: SignalElementBindingType) => Signal<ElementDimensions>;
+export declare const signalHostElementDimensions: () => Signal<ElementDimensions>;
+export declare const signalElementMutations: (el: SignalElementBindingType, options?: MutationObserverInit) => Signal<MutationRecord | null>;
+export declare const signalHostElementMutations: (options?: MutationObserverInit) => Signal<MutationRecord | null>;
+export declare const signalElementScrollState: (el: SignalElementBindingType) => Signal<{
+    canScroll: boolean;
+    canScrollHorizontally: boolean;
+    canScrollVertically: boolean;
+    scrollWidth: number | null;
+    scrollHeight: number | null;
+    elementDimensions: ElementDimensions;
+}>;
+export declare const signalHostElementScrollState: () => Signal<{
+    canScroll: boolean;
+    canScrollHorizontally: boolean;
+    canScrollVertically: boolean;
+    scrollWidth: number | null;
+    scrollHeight: number | null;
+    elementDimensions: ElementDimensions;
+}>;
+export interface ElementIntersection {
+    isIntersecting: boolean;
+}
+export declare const signalElementIntersection: (el: SignalElementBindingType, container?: SignalElementBindingType, options?: IntersectionObserverInit) => Signal<ElementIntersection>;
+export declare const signalHostElementIntersection: (container?: SignalElementBindingType, options?: IntersectionObserverInit) => Signal<ElementIntersection>;
 export {};

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@ethlete/core",
-  "version": "4.0.3",
+  "version": "4.2.0",
   "peerDependencies": {
-    "@angular/cdk": "16.2.10",
-    "@angular/common": "16.2.11",
-    "@angular/core": "16.2.11",
-    "@angular/forms": "16.2.11",
-    "@angular/platform-browser": "16.2.11",
-    "@angular/router": "16.2.11",
-    "@ethlete/theming": "2.3.1",
-    "@ethlete/types": "1.6.2",
-    "@floating-ui/dom": "1.5.3",
-    "rxjs": "7.8.1"
+    "@angular/cdk": "17.0.0",
+    "@angular/common": "17.0.1",
+    "@angular/core": "17.0.1",
+    "@angular/forms": "17.0.1",
+    "@angular/platform-browser": "17.0.1",
+    "@angular/router": "17.0.1",
+    "@ethlete/theming": "^2.3.1",
+    "@ethlete/types": "^1.6.2",
+    "@floating-ui/dom": "^1.5.3",
+    "rxjs": "^7.8.1"
   },
   "module": "fesm2022/ethlete-core.mjs",
   "typings": "index.d.ts",