@tstdl/base 0.90.84 → 0.90.85

package/dom/index.d.ts

@@ -1 +1,2 @@
 export * from './file-select-dialog.js';
+export * from './observation/index.js';

package/dom/index.js

@@ -1 +1,2 @@
 export * from './file-select-dialog.js';
+export * from './observation/index.js';

package/dom/observation/index.d.ts

@@ -0,0 +1,6 @@
+export * from './intersection-observer.js';
+export * from './media-query-observer.js';
+export * from './mutation-observer.js';
+export * from './performance-observer.js';
+export * from './resize-observer.js';
+export * from './touch-observer.js';

package/dom/observation/index.js

@@ -0,0 +1,6 @@
+export * from './intersection-observer.js';
+export * from './media-query-observer.js';
+export * from './mutation-observer.js';
+export * from './performance-observer.js';
+export * from './resize-observer.js';
+export * from './touch-observer.js';

package/{rxjs → dom/observation}/intersection-observer.d.ts

@@ -1,7 +1,9 @@
+import { Signal } from '../../signals/api.js';
 import { Observable } from 'rxjs';
 export type ObserveIntersectionOptions = IntersectionObserverInit & {
     takeRecordsTrigger?: Observable<any>;
     observeTrigger?: Observable<Element>;
     unobserveTrigger?: Observable<Element>;
 };
-export declare function observeIntersection(elements: Element | Element[], options?: ObserveIntersectionOptions): Observable<IntersectionObserverEntry[]>;
+export declare function observeIntersection$(elements: Element | Element[], options?: ObserveIntersectionOptions): Observable<IntersectionObserverEntry[]>;
+export declare function observeIntersection(elements: Element | Element[], options?: ObserveIntersectionOptions): Signal<IntersectionObserverEntry[]>;

package/{rxjs → dom/observation}/intersection-observer.js

@@ -1,7 +1,8 @@
-import { toArray } from '../utils/array/array.js';
-import { isDefined } from '../utils/type-guards.js';
+import { toSignal } from '../../signals/api.js';
+import { toArray } from '../../utils/array/array.js';
+import { isDefined } from '../../utils/type-guards.js';
 import { Observable } from 'rxjs';
-export function observeIntersection(elements, options = {}) {
+export function observeIntersection$(elements, options = {}) {
     const { takeRecordsTrigger, observeTrigger, unobserveTrigger, ...init } = options;
     return new Observable((subscriber) => {
         const observer = new IntersectionObserver((entries) => subscriber.next(entries), init);
@@ -18,9 +19,13 @@ export function observeIntersection(elements, options = {}) {
         if (isDefined(unobserveTrigger)) {
             subscriptions.push(unobserveTrigger.subscribe({ next: (element) => observer.unobserve(element) }));
         }
+        subscriber.next(observer.takeRecords());
         return () => {
             observer.disconnect();
             subscriptions.forEach((subscription) => subscription.unsubscribe());
         };
     });
 }
+export function observeIntersection(elements, options) {
+    return toSignal(observeIntersection$(elements, options), { requireSync: true });
+}

package/dom/observation/media-query-observer.d.ts

@@ -0,0 +1,12 @@
+import { type Signal } from '../../signals/api.js';
+import { type Observable } from 'rxjs';
+/**
+ * Creates an observable that emits whether the query matches
+ * @param query query to watch
+ */
+export declare function observeMediaQuery$(query: string): Observable<boolean>;
+/**
+ * Creates an signal that signals whether the query matches
+ * @param query query to watch
+ */
+export declare function observeMediaQuery(query: string): Signal<boolean>;

package/dom/observation/media-query-observer.js

@@ -0,0 +1,17 @@
+import { toSignal } from '../../signals/api.js';
+import { fromEvent, map, startWith } from 'rxjs';
+/**
+ * Creates an observable that emits whether the query matches
+ * @param query query to watch
+ */
+export function observeMediaQuery$(query) {
+    const mediaQueryList = window.matchMedia(query);
+    return fromEvent(mediaQueryList, 'change').pipe(startWith(mediaQueryList), map(() => mediaQueryList.matches));
+}
+/**
+ * Creates an signal that signals whether the query matches
+ * @param query query to watch
+ */
+export function observeMediaQuery(query) {
+    return toSignal(observeMediaQuery$(query), { requireSync: true });
+}

package/{rxjs → dom/observation}/mutation-observer.d.ts

@@ -3,4 +3,4 @@ export type ObserveMutationOptions = MutationObserverInit & {
     takeRecordsTrigger?: Observable<any>;
     observeTrigger?: Observable<Node | [Node, MutationObserverInit?]>;
 };
-export declare function observeMutation(nodes: Node | (Node | [Node, MutationObserverInit?])[], options?: ObserveMutationOptions): Observable<MutationRecord[]>;
+export declare function observeMutation$(nodes: Node | (Node | [Node, MutationObserverInit?])[], options?: ObserveMutationOptions): Observable<MutationRecord[]>;

package/{rxjs → dom/observation}/mutation-observer.js

@@ -1,7 +1,7 @@
-import { toArray } from '../utils/array/array.js';
-import { isArray, isDefined } from '../utils/type-guards.js';
+import { toArray } from '../../utils/array/array.js';
+import { isArray, isDefined } from '../../utils/type-guards.js';
 import { Observable } from 'rxjs';
-export function observeMutation(nodes, options = {}) {
+export function observeMutation$(nodes, options = {}) {
     const { takeRecordsTrigger, observeTrigger, ...defaultInit } = options;
     return new Observable((subscriber) => {
         const observer = new MutationObserver((entries) => subscriber.next(entries));

package/{rxjs → dom/observation}/performance-observer.d.ts

@@ -5,4 +5,4 @@ export type ObservePerformanceOptions = {
 };
 export interface PerformanceObserverEntryListLike extends PerformanceObserverEntryList {
 }
-export declare function observePerformance(inits?: PerformanceObserverInit | PerformanceObserverInit[], options?: ObservePerformanceOptions): Observable<PerformanceObserverEntryListLike>;
+export declare function observePerformance$(inits?: PerformanceObserverInit | PerformanceObserverInit[], options?: ObservePerformanceOptions): Observable<PerformanceObserverEntryListLike>;

package/{rxjs → dom/observation}/performance-observer.js

@@ -1,7 +1,7 @@
-import { toArray } from '../utils/array/array.js';
-import { isDefined } from '../utils/type-guards.js';
+import { toArray } from '../../utils/array/array.js';
+import { isDefined } from '../../utils/type-guards.js';
 import { Observable } from 'rxjs';
-export function observePerformance(inits, options = {}) {
+export function observePerformance$(inits, options = {}) {
     const { takeRecordsTrigger, observeTrigger } = options;
     return new Observable((subscriber) => {
         const observer = new PerformanceObserver((entries) => subscriber.next(entries));

package/{rxjs → dom/observation}/resize-observer.d.ts

@@ -1,6 +1,8 @@
+import { Signal } from '../../signals/api.js';
 import { Observable } from 'rxjs';
 export type ObserveResizeOptions = ResizeObserverOptions & {
     observeTrigger?: Observable<Element>;
     unobserveTrigger?: Observable<Element>;
 };
-export declare function observeResize(elements: Element | (Element | [Element, ResizeObserverOptions])[], options?: ObserveResizeOptions): Observable<ResizeObserverEntry[]>;
+export declare function observeResize$(elements: Element | (Element | [Element, ResizeObserverOptions])[], options?: ObserveResizeOptions): Observable<ResizeObserverEntry[]>;
+export declare function observeResize(elements: Element | (Element | [Element, ResizeObserverOptions])[], options?: ObserveResizeOptions): Signal<ResizeObserverEntry[]>;

package/{rxjs → dom/observation}/resize-observer.js

@@ -1,7 +1,8 @@
-import { toArray } from '../utils/array/array.js';
-import { isArray, isDefined } from '../utils/type-guards.js';
+import { toSignal } from '../../signals/api.js';
+import { toArray } from '../../utils/array/array.js';
+import { isArray, isDefined } from '../../utils/type-guards.js';
 import { Observable } from 'rxjs';
-export function observeResize(elements, options = {}) {
+export function observeResize$(elements, options = {}) {
     const { observeTrigger, unobserveTrigger, ...defaultOptions } = options;
     return new Observable((subscriber) => {
         const observer = new ResizeObserver((entries) => subscriber.next(entries));
@@ -21,6 +22,9 @@ export function observeResize(elements, options = {}) {
         };
     });
 }
+export function observeResize(elements, options) {
+    return toSignal(observeResize$(elements, options), { requireSync: true });
+}
 function observe(observer, element, defaultOptions) {
     if (isArray(element)) {
         observer.observe(element[0], element[1] ?? defaultOptions);

package/{rxjs/touch.d.ts → dom/observation/touch-observer.d.ts}

@@ -1,4 +1,4 @@
-import type { Observable } from 'rxjs';
+import { type Observable } from 'rxjs';
 import type { EventListenerOptions } from 'rxjs/internal/observable/fromEvent';
 export type TouchEvents = {
     start: TouchEvent | undefined;
@@ -7,7 +7,7 @@ export type TouchEvents = {
     cancel: TouchEvent | undefined;
 };
 /**
- * creates an observable that emits object with the latest state from all touch events. Values are reset on every new start event
+ * Creates an observable that emits object with the latest state from all touch events. Values are reset on every new start event
  * @param element element to observe touches on
  */
-export declare function observeTouch(element: HTMLElement, options?: EventListenerOptions): Observable<TouchEvents>;
+export declare function observeTouch$(element: HTMLElement, options?: EventListenerOptions): Observable<TouchEvents>;

package/{rxjs/touch.js → dom/observation/touch-observer.js}

@@ -1,9 +1,9 @@
 import { combineLatestWith, fromEvent, map, of, startWith, switchMap } from 'rxjs';
 /**
- * creates an observable that emits object with the latest state from all touch events. Values are reset on every new start event
+ * Creates an observable that emits object with the latest state from all touch events. Values are reset on every new start event
  * @param element element to observe touches on
  */
-export function observeTouch(element, options = {}) {
+export function observeTouch$(element, options = {}) {
     const start$ = fromEvent(element, 'touchstart', options).pipe(startWith(undefined));
     const move$ = fromEvent(element, 'touchmove', options).pipe(startWith(undefined));
     const end$ = fromEvent(element, 'touchend', options).pipe(startWith(undefined));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tstdl/base",
-  "version": "0.90.84",
+  "version": "0.90.85",
   "author": "Patrick Hein",
   "publishConfig": {
     "access": "public"
@@ -130,7 +130,7 @@
     "eslint-plugin-import": "2.29",
     "tsc-alias": "1.8",
     "typedoc": "0.25",
-    "typedoc-plugin-missing-exports": "2.2",
+    "typedoc-plugin-missing-exports": "2.3",
     "typescript": "5.4"
   },
   "peerDependencies": {
@@ -151,7 +151,7 @@
     "playwright": "^1.44",
     "preact": "^10.22",
     "preact-render-to-string": "^6.5",
-    "undici": "^6.18",
+    "undici": "^6.19",
     "urlpattern-polyfill": "^10.0"
   },
   "peerDependenciesMeta": {

package/rxjs/index.d.ts

@@ -1,15 +1,9 @@
 export * from './cast.js';
-export * from './intersection-observer.js';
-export * from './media-query.js';
-export * from './mutation-observer.js';
 export * from './noop.js';
-export * from './performance-observer.js';
 export * from './reject-error.js';
-export * from './resize-observer.js';
 export * from './retry-backoff.js';
 export * from './slow-array.js';
 export * from './start-with-provider.js';
 export * from './teardown.js';
 export * from './timing.js';
-export * from './touch.js';
 export * from './untrack.js';

package/rxjs/index.js

@@ -1,15 +1,9 @@
 export * from './cast.js';
-export * from './intersection-observer.js';
-export * from './media-query.js';
-export * from './mutation-observer.js';
 export * from './noop.js';
-export * from './performance-observer.js';
 export * from './reject-error.js';
-export * from './resize-observer.js';
 export * from './retry-backoff.js';
 export * from './slow-array.js';
 export * from './start-with-provider.js';
 export * from './teardown.js';
 export * from './timing.js';
-export * from './touch.js';
 export * from './untrack.js';

package/rxjs/media-query.d.ts

@@ -1,6 +0,0 @@
-import type { Observable } from 'rxjs';
-/**
- * creates an observable that emits whether the query matches
- * @param query query to watch
- */
-export declare function observeMediaQuery(query: string): Observable<boolean>;

package/rxjs/media-query.js

@@ -1,9 +0,0 @@
-import { fromEvent, map, startWith } from 'rxjs';
-/**
- * creates an observable that emits whether the query matches
- * @param query query to watch
- */
-export function observeMediaQuery(query) {
-    const mediaQueryList = window.matchMedia(query);
-    return fromEvent(mediaQueryList, 'change').pipe(startWith(mediaQueryList), map(() => mediaQueryList.matches));
-}