@signality/core 0.0.1-alpha.2 → 0.0.1-alpha.3

package/fesm2022/signality-core-browser-geolocation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-geolocation.mjs","sources":["../../../projects/core/browser/geolocation/index.ts","../../../projects/core/browser/geolocation/signality-core-browser-geolocation.ts"],"sourcesContent":["import { computed, type Signal, signal, untracked } from '@angular/core';\nimport { constSignal, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface GeolocationOptions extends WithInjector {\n  /**\n   * Start tracking immediately.\n   * @default true\n   */\n  readonly immediate?: boolean;\n\n  /**\n   * Use GPS for better accuracy.\n   * @default true\n   */\n  readonly enableHighAccuracy?: boolean;\n\n  /**\n   * Max age of cached position (ms).\n   * @default 0\n   */\n  readonly maximumAge?: number;\n\n  /**\n   * Request timeout (ms).\n   * @default Infinity\n   */\n  readonly timeout?: number;\n}\n\nexport interface GeolocationRef {\n  /** Whether Geolocation is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Full position object with timestamp */\n  readonly position: Signal<GeolocationPosition | null>;\n\n  /** Last error */\n  readonly error: Signal<GeolocationPositionError | null>;\n\n  /** Whether location tracking is currently active */\n  readonly isActive: Signal<boolean>;\n\n  /** Whether currently fetching location */\n  readonly isLoading: Signal<boolean>;\n\n  /** Start/resume watching position */\n  readonly start: () => void;\n\n  /** Stop watching position */\n  readonly stop: () => void;\n}\n\n/**\n * Signal-based wrapper around the [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API).\n *\n * @param options - Configuration options\n * @returns A GeolocationRef with location signals and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (geo.isLoading()) {\n *       <p>Getting your location...</p>\n *     } @else if (geo.position()?.coords; as coords) {\n *       <p>{{ coords.latitude }}, {{ coords.longitude }}</p>\n *     }\n *     <button (click)=\"geo.stop()\">Stop</button>\n *     <button (click)=\"geo.start()\">Start</button>\n * })\n * class LocationComponent {\n *   readonly geo = geolocation();\n * }\n * ```\n */\nexport function geolocation(options?: GeolocationOptions): GeolocationRef {\n  const { runInContext } = setupContext(options?.injector, geolocation);\n\n  return runInContext(({ isBrowser, onCleanup }) => {\n    const isSupported = constSignal(isBrowser && 'geolocation' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        position: constSignal(null),\n        error: constSignal(null),\n        isLoading: constSignal(false),\n        isActive: constSignal(false),\n        start: NOOP_FN,\n        stop: NOOP_FN,\n      };\n    }\n\n    const immediate = options?.immediate ?? true;\n\n    const positionOptions: PositionOptions = {\n      enableHighAccuracy: options?.enableHighAccuracy ?? true,\n      maximumAge: options?.maximumAge ?? 0,\n      timeout: options?.timeout ?? Infinity,\n    };\n\n    const position = signal<GeolocationPosition | null>(null);\n    const error = signal<GeolocationPositionError | null>(null);\n    const isLoading = signal(false);\n    const watchId = signal<number | undefined>(undefined);\n\n    const handleSuccess = (pos: GeolocationPosition) => {\n      position.set(pos);\n      error.set(null);\n      isLoading.set(false);\n    };\n\n    const handleError = (err: GeolocationPositionError) => {\n      error.set(err);\n      isLoading.set(false);\n    };\n\n    const start = () => {\n      untracked(() => {\n        if (watchId() !== undefined) {\n          return;\n        }\n\n        isLoading.set(true);\n        const id = navigator.geolocation.watchPosition(handleSuccess, handleError, positionOptions);\n        watchId.set(id);\n      });\n    };\n\n    const stop = () => {\n      untracked(() => {\n        const currentId = watchId();\n\n        if (currentId !== undefined) {\n          navigator.geolocation.clearWatch(currentId);\n          watchId.set(undefined);\n        }\n\n        isLoading.set(false);\n      });\n    };\n\n    const abortController = new AbortController();\n\n    onCleanup(() => {\n      abortController.abort();\n      stop();\n    });\n\n    navigator.permissions.query({ name: 'geolocation' }).then(status => {\n      if (abortController.signal.aborted) {\n        return;\n      }\n\n      const check = () => {\n        if (status.state === 'denied') {\n          stop();\n        }\n      };\n\n      check();\n\n      status.addEventListener('change', check, {\n        signal: abortController.signal,\n      });\n    });\n\n    if (immediate) {\n      start();\n    }\n\n    return {\n      isSupported,\n      position: position.asReadonly(),\n      error: error.asReadonly(),\n      isLoading: isLoading.asReadonly(),\n      isActive: computed(() => watchId() !== undefined),\n      start,\n      stop,\n    };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"signality-core-browser-geolocation.mjs","sources":["../../../projects/core/browser/geolocation/index.ts","../../../projects/core/browser/geolocation/signality-core-browser-geolocation.ts"],"sourcesContent":["import { computed, type Signal, signal, untracked } from '@angular/core';\nimport { constSignal, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { watcher } from '@signality/core/reactivity/watcher';\nimport { permissionState } from '@signality/core/browser/permission-state';\n\nexport interface GeolocationOptions extends WithInjector {\n  /**\n   * Start tracking immediately on initialization.\n   *\n   * @default false\n   */\n  readonly immediate?: boolean;\n\n  /**\n   * Use GPS for higher accuracy. May be slower and consume more power.\n   *\n   * @default true\n   * @see [PositionOptions: enableHighAccuracy on MDN](https://developer.mozilla.org/en-US/docs/Web/API/PositionOptions/enableHighAccuracy)\n   */\n  readonly enableHighAccuracy?: boolean;\n\n  /**\n   * Maximum age of a cached position in milliseconds. `0` forces a fresh lookup.\n   *\n   * @default 0\n   * @see [PositionOptions: maximumAge on MDN](https://developer.mozilla.org/en-US/docs/Web/API/PositionOptions/maximumAge)\n   */\n  readonly maximumAge?: number;\n\n  /**\n   * Maximum time in milliseconds allowed to retrieve a position before erroring.\n   *\n   * @default Infinity\n   * @see [PositionOptions: timeout on MDN](https://developer.mozilla.org/en-US/docs/Web/API/PositionOptions/timeout)\n   */\n  readonly timeout?: number;\n}\n\nexport interface GeolocationRef {\n  /**\n   * Whether the Geolocation API is supported in the current browser.\n   *\n   * @see [Geolocation API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * The most recent position, including coordinates and timestamp. `null` until first fix.\n   *\n   * @see [GeolocationPosition on MDN](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPosition)\n   */\n  readonly position: Signal<GeolocationPosition | null>;\n\n  /**\n   * The last error returned by the Geolocation API, or `null` if no error.\n   *\n   * @see [GeolocationPositionError on MDN](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPositionError)\n   */\n  readonly error: Signal<GeolocationPositionError | null>;\n\n  /**\n   * Whether position watching is currently active.\n   */\n  readonly isActive: Signal<boolean>;\n\n  /**\n   * Whether a position fix is currently being fetched.\n   */\n  readonly isLoading: Signal<boolean>;\n\n  /**\n   * Start watching the device position.\n   *\n   * @see [Geolocation: watchPosition() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition)\n   */\n  readonly start: () => void;\n\n  /**\n   * Stop watching the device position.\n   *\n   * @see [Geolocation: clearWatch() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/clearWatch)\n   */\n  readonly stop: () => void;\n}\n\n/**\n * Signal-based wrapper around the [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API).\n *\n * @param options - Configuration options\n * @returns A GeolocationRef with location signals and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (geo.isLoading()) {\n *       <p>Getting your location...</p>\n *     } @else if (geo.position()?.coords; as coords) {\n *       <p>{{ coords.latitude }}, {{ coords.longitude }}</p>\n *     }\n *     <button (click)=\"geo.stop()\">Stop</button>\n *     <button (click)=\"geo.start()\">Start</button>\n * })\n * export class LocationDemo {\n *   readonly geo = geolocation();\n * }\n * ```\n */\nexport function geolocation(options?: GeolocationOptions): GeolocationRef {\n  const { runInContext } = setupContext(options?.injector, geolocation);\n\n  return runInContext(({ isBrowser, onCleanup }) => {\n    const isSupported = constSignal(isBrowser && 'geolocation' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        position: constSignal(null),\n        error: constSignal(null),\n        isLoading: constSignal(false),\n        isActive: constSignal(false),\n        start: NOOP_FN,\n        stop: NOOP_FN,\n      };\n    }\n\n    const immediate = options?.immediate ?? false;\n\n    const positionOptions: PositionOptions = {\n      enableHighAccuracy: options?.enableHighAccuracy ?? true,\n      maximumAge: options?.maximumAge ?? 0,\n      timeout: options?.timeout ?? Infinity,\n    };\n\n    const position = signal<GeolocationPosition | null>(null);\n    const error = signal<GeolocationPositionError | null>(null);\n    const isLoading = signal(false);\n    const watchId = signal<number | undefined>(undefined);\n\n    const handleSuccess = (pos: GeolocationPosition) => {\n      position.set(pos);\n      error.set(null);\n      isLoading.set(false);\n    };\n\n    const handleError = (err: GeolocationPositionError) => {\n      error.set(err);\n      isLoading.set(false);\n    };\n\n    const start = () => {\n      untracked(() => {\n        if (watchId() !== undefined) {\n          return;\n        }\n\n        isLoading.set(true);\n        const id = navigator.geolocation.watchPosition(handleSuccess, handleError, positionOptions);\n        watchId.set(id);\n      });\n    };\n\n    const stop = () => {\n      untracked(() => {\n        const currentId = watchId();\n\n        if (currentId !== undefined) {\n          navigator.geolocation.clearWatch(currentId);\n          watchId.set(undefined);\n        }\n\n        isLoading.set(false);\n      });\n    };\n\n    onCleanup(stop);\n\n    watcher(permissionState('geolocation'), state => {\n      if (state === 'denied') {\n        stop();\n      }\n    });\n\n    if (immediate) {\n      start();\n    }\n\n    return {\n      isSupported,\n      position: position.asReadonly(),\n      error: error.asReadonly(),\n      isLoading: isLoading.asReadonly(),\n      isActive: computed(() => watchId() !== undefined),\n      start,\n      stop,\n    };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/signality-core-browser-input-modality.mjs

@@ -20,7 +20,7 @@ const MODIFIER_KEYS = ['Shift', 'Control', 'Alt', 'Meta', 'ContextMenu'];
  *     </div>
  *   `
  * })
- * export class ModalityComponent {
+ * export class ModalityDemo {
  *   readonly modality = inputModality();
  * }
  * ```

package/fesm2022/signality-core-browser-input-modality.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-input-modality.mjs","sources":["../../../projects/core/browser/input-modality/index.ts","../../../projects/core/browser/input-modality/signality-core-browser-input-modality.ts"],"sourcesContent":["import { signal, type Signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type InputModality = 'keyboard' | 'mouse' | 'touch' | null;\n\nconst TOUCH_BUFFER_MS = 650;\n\nconst MODIFIER_KEYS = ['Shift', 'Control', 'Alt', 'Meta', 'ContextMenu'];\n\n/**\n * Reactively track the user's current input method (keyboard, mouse, or touch).\n *\n * @param options - Optional configuration including injector\n * @returns A signal containing the current input modality: `'keyboard'`, `'mouse'`, `'touch'`, or `null`\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <div [class.keyboard]=\"modality() === 'keyboard'\">\n *       <p>Current input: {{ modality() ?? 'none' }}</p>\n *       <button>Button with conditional focus ring</button>\n *     </div>\n *   `\n * })\n * export class ModalityComponent {\n *   readonly modality = inputModality();\n * }\n * ```\n */\nexport function inputModality(options?: WithInjector): Signal<InputModality> {\n  const { runInContext } = setupContext(options?.injector, inputModality);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(null);\n    }\n\n    const modality = signal<InputModality>(null);\n\n    let lastTouchMs = 0;\n\n    setupSync(() => {\n      listener(document, 'keydown', (event: KeyboardEvent) => {\n        if (MODIFIER_KEYS.includes(event.key)) {\n          return;\n        }\n        modality.set('keyboard');\n      });\n\n      listener(document, 'mousedown', () => {\n        if (Date.now() - lastTouchMs < TOUCH_BUFFER_MS) {\n          return;\n        }\n        modality.set('mouse');\n      });\n\n      listener.passive(document, 'touchstart', () => {\n        lastTouchMs = Date.now();\n        modality.set('touch');\n      });\n    });\n\n    return modality.asReadonly();\n  });\n}\n\nexport const INPUT_MODALITY = /* @__PURE__ */ createToken(inputModality);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA,MAAM,eAAe,GAAG,GAAG;AAE3B,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,aAAa,CAAC,OAAsB,EAAA;AAClD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC;AAEvE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC;QAC1B;AAEA,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,oDAAC;QAE5C,IAAI,WAAW,GAAG,CAAC;QAEnB,SAAS,CAAC,MAAK;YACb,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,KAAoB,KAAI;gBACrD,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;oBACrC;gBACF;AACA,gBAAA,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;AAC1B,YAAA,CAAC,CAAC;AAEF,YAAA,QAAQ,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAK;gBACnC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,WAAW,GAAG,eAAe,EAAE;oBAC9C;gBACF;AACA,gBAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,CAAC,CAAC;YAEF,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAK;AAC5C,gBAAA,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,gBAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,QAAQ,CAAC,UAAU,EAAE;AAC9B,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,cAAc,mBAAmB,WAAW,CAAC,aAAa;;ACrEvE;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-input-modality.mjs","sources":["../../../projects/core/browser/input-modality/index.ts","../../../projects/core/browser/input-modality/signality-core-browser-input-modality.ts"],"sourcesContent":["import { signal, type Signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type InputModality = 'keyboard' | 'mouse' | 'touch' | null;\n\nconst TOUCH_BUFFER_MS = 650;\n\nconst MODIFIER_KEYS = ['Shift', 'Control', 'Alt', 'Meta', 'ContextMenu'];\n\n/**\n * Reactively track the user's current input method (keyboard, mouse, or touch).\n *\n * @param options - Optional configuration including injector\n * @returns A signal containing the current input modality: `'keyboard'`, `'mouse'`, `'touch'`, or `null`\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <div [class.keyboard]=\"modality() === 'keyboard'\">\n *       <p>Current input: {{ modality() ?? 'none' }}</p>\n *       <button>Button with conditional focus ring</button>\n *     </div>\n *   `\n * })\n * export class ModalityDemo {\n *   readonly modality = inputModality();\n * }\n * ```\n */\nexport function inputModality(options?: WithInjector): Signal<InputModality> {\n  const { runInContext } = setupContext(options?.injector, inputModality);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(null);\n    }\n\n    const modality = signal<InputModality>(null);\n\n    let lastTouchMs = 0;\n\n    setupSync(() => {\n      listener(document, 'keydown', (event: KeyboardEvent) => {\n        if (MODIFIER_KEYS.includes(event.key)) {\n          return;\n        }\n        modality.set('keyboard');\n      });\n\n      listener(document, 'mousedown', () => {\n        if (Date.now() - lastTouchMs < TOUCH_BUFFER_MS) {\n          return;\n        }\n        modality.set('mouse');\n      });\n\n      listener.passive(document, 'touchstart', () => {\n        lastTouchMs = Date.now();\n        modality.set('touch');\n      });\n    });\n\n    return modality.asReadonly();\n  });\n}\n\nexport const INPUT_MODALITY = /* @__PURE__ */ createToken(inputModality);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA,MAAM,eAAe,GAAG,GAAG;AAE3B,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,aAAa,CAAC,OAAsB,EAAA;AAClD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC;AAEvE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC;QAC1B;AAEA,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,oDAAC;QAE5C,IAAI,WAAW,GAAG,CAAC;QAEnB,SAAS,CAAC,MAAK;YACb,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,KAAoB,KAAI;gBACrD,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;oBACrC;gBACF;AACA,gBAAA,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;AAC1B,YAAA,CAAC,CAAC;AAEF,YAAA,QAAQ,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAK;gBACnC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,WAAW,GAAG,eAAe,EAAE;oBAC9C;gBACF;AACA,gBAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,CAAC,CAAC;YAEF,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAK;AAC5C,gBAAA,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,gBAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,QAAQ,CAAC,UAAU,EAAE;AAC9B,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,cAAc,mBAAmB,WAAW,CAAC,aAAa;;ACrEvE;;AAEG;;;;"}

package/fesm2022/signality-core-browser-listener.mjs

@@ -1,6 +1,6 @@
-import { afterRenderEffect, effect } from '@angular/core';
+import { untracked, afterRenderEffect, effect } from '@angular/core';
 import { SIGNAL } from '@angular/core/primitives/signals';
-import { setupContext, NOOP_EFFECT_REF, toElement, toValue } from '@signality/core/internal';
+import { setupContext, NOOP_EFFECT_REF, toValue, unrefElement, assertEventTarget } from '@signality/core/internal';
 
 /**
  * Signal-based wrapper around the [addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) method.
@@ -16,7 +16,7 @@ import { setupContext, NOOP_EFFECT_REF, toElement, toValue } from '@signality/co
  * @Component({
  *   template: `<button #btn>Click me</button>`,
  * })
- * class ListenerComponent {
+ * export class ListenerDemo {
  *   readonly btn = viewChild<ElementRef>('btn');
  *
  *   constructor() {
@@ -65,15 +65,27 @@ function listenerImpl(applied, ...args) {
                 rawHandler.call(this, event);
             }
             : rawHandler;
+        // Isolate event handler from signal dependency tracking.
+        // Angular's template compiler does this via setActiveConsumer(null) in executeListenerWithErrorHandling.
+        // Without this, events that fire during change detection (e.g. window 'blur' when the tab loses focus)
+        // can trigger NG0600 if the handler writes to a signal while a reactive consumer is active.
+        // See: https://github.com/angular/angular/issues/60143
+        const untrackedHandler = function (event) {
+            untracked(() => handler.call(this, event));
+        };
         const setupListener = (onCleanup) => {
-            const target = toElement(maybeReactiveTarget);
+            const raw = toValue(maybeReactiveTarget);
+            const target = unrefElement(raw);
             const event = toValue(maybeReactiveEvent);
             if (!target) {
                 return;
             }
-            target.addEventListener(event, handler, nativeOptions);
+            if (ngDevMode) {
+                assertEventTarget(target, 'listener');
+            }
+            target.addEventListener(event, untrackedHandler, nativeOptions);
             onCleanup(() => {
-                target.removeEventListener(event, handler, nativeOptions);
+                target.removeEventListener(event, untrackedHandler, nativeOptions);
             });
         };
         let effectRef;

package/fesm2022/signality-core-browser-listener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-listener.mjs","sources":["../../../projects/core/browser/listener/index.ts","../../../projects/core/browser/listener/signality-core-browser-listener.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  type CreateEffectOptions,\n  effect,\n  type EffectCleanupRegisterFn,\n  type EffectRef,\n} from '@angular/core';\nimport { type BaseEffectNode, SIGNAL } from '@angular/core/primitives/signals';\nimport { NOOP_EFFECT_REF, setupContext, toElement, toValue } from '@signality/core/internal';\nimport type { MaybeElementSignal, MaybeSignal, WithInjector } from '@signality/core/types';\n\nexport type ListenerOptions = WithInjector;\n\nexport interface ListenerRef {\n  readonly destroy: () => void;\n}\n\nexport interface ListenerFunction {\n  <E extends keyof WindowEventMap>(\n    target: Window,\n    event: MaybeSignal<E>,\n    handler: (this: Window, e: WindowEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <E extends keyof DocumentEventMap>(\n    target: Document,\n    event: MaybeSignal<E>,\n    handler: (this: Document, e: DocumentEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <E extends keyof ShadowRootEventMap>(\n    target: MaybeSignal<ShadowRoot>,\n    event: MaybeSignal<E>,\n    handler: (this: ShadowRoot, e: ShadowRootEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <T extends HTMLElement, E extends keyof HTMLElementEventMap>(\n    target: MaybeElementSignal<T>,\n    event: MaybeSignal<E>,\n    handler: (this: T, e: HTMLElementEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <T extends SVGElement, E extends keyof SVGElementEventMap>(\n    target: MaybeElementSignal<T>,\n    event: MaybeSignal<E>,\n    handler: (this: T, e: SVGElementEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <Names extends string>(\n    target: MaybeSignal<InferEventTarget<Names>>,\n    event: MaybeSignal<Names>,\n    handler: (e: Event) => void,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <EventType = Event>(\n    target: MaybeSignal<EventTarget> | MaybeElementSignal<Element>,\n    event: MaybeSignal<string>,\n    handler: GeneralEventListener<EventType>,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  readonly capture: ListenerFunction;\n  readonly passive: ListenerFunction;\n  readonly once: ListenerFunction;\n  readonly stop: ListenerFunction;\n  readonly prevent: ListenerFunction;\n  readonly self: ListenerFunction;\n}\n\n/**\n * Signal-based wrapper around the [addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) method.\n *\n * @param target - Event target\n * @param event - Event type name\n * @param handler - Event handler function\n * @param options - Optional listener configuration\n * @returns A ListenerRef that can be used to destroy the listener\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `<button #btn>Click me</button>`,\n * })\n * class ListenerComponent {\n *   readonly btn = viewChild<ElementRef>('btn');\n *\n *   constructor() {\n *     listener.capture.prevent(this.btn, 'click', event => {\n *       console.log('Button clicked!', event);\n *     });\n *   }\n * }\n * ```\n */\nexport const listener: ListenerFunction = createModifier({});\n\nlet isSyncSetupRequired = false;\n\n/**\n * By default, `listener()` registers event listeners after the render cycle completes\n * to ensure DOM elements exist. However, global targets (window, document, navigator.*, etc.)\n * are not tied to the render cycle. Use `setupSync()` to wrap listener calls when you need to prevent\n * race conditions where a global event is dispatched before Angular completes its scheduled rendering tasks.\n */\nexport function setupSync<T>(listenerFactoryExecFn: () => T): T {\n  isSyncSetupRequired = true;\n\n  try {\n    return listenerFactoryExecFn();\n  } finally {\n    isSyncSetupRequired = false;\n  }\n}\n\nfunction listenerImpl(applied: InternalListenerOptions, ...args: any[]): ListenerRef {\n  const options = args[3] as ListenerOptions | undefined;\n\n  const { runInContext } = setupContext(options?.injector, listenerImpl);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return NOOP_EFFECT_REF;\n    }\n\n    const [maybeReactiveTarget, maybeReactiveEvent, rawHandler] = args;\n    const { stop, prevent, self, ...nativeOptions } = applied;\n    const hasModifiers = stop || prevent || self;\n\n    const handler = hasModifiers\n      ? function (this: any, event: Event) {\n          if (self && event.target !== event.currentTarget) return;\n          if (prevent) event.preventDefault();\n          if (stop) event.stopPropagation();\n          rawHandler.call(this, event);\n        }\n      : rawHandler;\n\n    const setupListener = (onCleanup: EffectCleanupRegisterFn) => {\n      const target = toElement(maybeReactiveTarget);\n      const event = toValue(maybeReactiveEvent);\n\n      if (!target) {\n        return;\n      }\n\n      target.addEventListener(event, handler, nativeOptions);\n\n      onCleanup(() => {\n        target.removeEventListener(event, handler, nativeOptions);\n      });\n    };\n\n    let effectRef: EffectRef;\n\n    if (isSyncSetupRequired) {\n      effectRef = syncEffect(setupListener);\n    } else {\n      effectRef = afterRenderEffect({ read: setupListener });\n    }\n\n    return { destroy: () => effectRef.destroy() };\n  });\n}\n\nconst MODIFIERS = new Set<keyof InternalListenerOptions>([\n  'capture',\n  'passive',\n  'once',\n  'stop',\n  'prevent',\n  'self',\n]);\n\nfunction createModifier(applied: InternalListenerOptions): ListenerFunction {\n  const modifierFn = ((...args: any[]) => {\n    return listenerImpl(applied, ...args);\n  }) as ListenerFunction;\n\n  return new Proxy(modifierFn, {\n    get(target, prop) {\n      if (typeof prop !== 'string' || !MODIFIERS.has(prop as any)) {\n        return target[prop as keyof typeof target];\n      }\n\n      if (applied[prop as keyof InternalListenerOptions]) {\n        return target;\n      }\n\n      return createModifier({ ...applied, [prop]: true });\n    },\n  });\n}\n\nfunction syncEffect(\n  effectFn: (onCleanup: EffectCleanupRegisterFn) => void,\n  options?: CreateEffectOptions\n): EffectRef {\n  const effectRef = effect(effectFn, options);\n  const effectNode: BaseEffectNode = (effectRef as any)[SIGNAL];\n  try {\n    effectNode.run();\n  } catch (error) {\n    if (ngDevMode) {\n      console.warn('[syncEffect] Failed to run effectFn synchronously', error);\n    }\n  }\n  return effectRef;\n}\n\ninterface InternalListenerOptions {\n  readonly capture?: boolean;\n  readonly passive?: boolean;\n  readonly once?: boolean;\n  readonly stop?: boolean;\n  readonly prevent?: boolean;\n  readonly self?: boolean;\n}\n\ninterface InferEventTarget<Events> {\n  readonly addEventListener: (event: Events, fn?: any, options?: any) => any;\n  readonly removeEventListener: (event: Events, fn?: any, options?: any) => any;\n}\n\ninterface GeneralEventListener<E = Event> {\n  (e: E): void;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"signality-core-browser-listener.mjs","sources":["../../../projects/core/browser/listener/index.ts","../../../projects/core/browser/listener/signality-core-browser-listener.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  type CreateEffectOptions,\n  effect,\n  type EffectCleanupRegisterFn,\n  type EffectRef,\n  untracked,\n} from '@angular/core';\nimport { type BaseEffectNode, SIGNAL } from '@angular/core/primitives/signals';\nimport {\n  assertEventTarget,\n  NOOP_EFFECT_REF,\n  setupContext,\n  toValue,\n  unrefElement,\n} from '@signality/core/internal';\nimport type { MaybeElementSignal, MaybeSignal, WithInjector } from '@signality/core/types';\n\nexport type ListenerOptions = WithInjector;\n\nexport interface ListenerRef {\n  readonly destroy: () => void;\n}\n\nexport interface ListenerFunction {\n  <E extends keyof WindowEventMap>(\n    target: Window,\n    event: MaybeSignal<E>,\n    handler: (this: Window, e: WindowEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <E extends keyof DocumentEventMap>(\n    target: Document,\n    event: MaybeSignal<E>,\n    handler: (this: Document, e: DocumentEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <E extends keyof ShadowRootEventMap>(\n    target: MaybeSignal<ShadowRoot>,\n    event: MaybeSignal<E>,\n    handler: (this: ShadowRoot, e: ShadowRootEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <T extends HTMLElement, E extends keyof HTMLElementEventMap>(\n    target: MaybeElementSignal<T>,\n    event: MaybeSignal<E>,\n    handler: (this: T, e: HTMLElementEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <T extends SVGElement, E extends keyof SVGElementEventMap>(\n    target: MaybeElementSignal<T>,\n    event: MaybeSignal<E>,\n    handler: (this: T, e: SVGElementEventMap[E]) => any,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <Names extends string>(\n    target: MaybeSignal<InferEventTarget<Names>>,\n    event: MaybeSignal<Names>,\n    handler: (e: Event) => void,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  <EventType = Event>(\n    target: MaybeSignal<EventTarget> | MaybeElementSignal<Element>,\n    event: MaybeSignal<string>,\n    handler: GeneralEventListener<EventType>,\n    options?: ListenerOptions\n  ): ListenerRef;\n\n  readonly capture: ListenerFunction;\n  readonly passive: ListenerFunction;\n  readonly once: ListenerFunction;\n  readonly stop: ListenerFunction;\n  readonly prevent: ListenerFunction;\n  readonly self: ListenerFunction;\n}\n\n/**\n * Signal-based wrapper around the [addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) method.\n *\n * @param target - Event target\n * @param event - Event type name\n * @param handler - Event handler function\n * @param options - Optional listener configuration\n * @returns A ListenerRef that can be used to destroy the listener\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `<button #btn>Click me</button>`,\n * })\n * export class ListenerDemo {\n *   readonly btn = viewChild<ElementRef>('btn');\n *\n *   constructor() {\n *     listener.capture.prevent(this.btn, 'click', event => {\n *       console.log('Button clicked!', event);\n *     });\n *   }\n * }\n * ```\n */\nexport const listener: ListenerFunction = createModifier({});\n\nlet isSyncSetupRequired = false;\n\n/**\n * By default, `listener()` registers event listeners after the render cycle completes\n * to ensure DOM elements exist. However, global targets (window, document, navigator.*, etc.)\n * are not tied to the render cycle. Use `setupSync()` to wrap listener calls when you need to prevent\n * race conditions where a global event is dispatched before Angular completes its scheduled rendering tasks.\n */\nexport function setupSync<T>(listenerFactoryExecFn: () => T): T {\n  isSyncSetupRequired = true;\n\n  try {\n    return listenerFactoryExecFn();\n  } finally {\n    isSyncSetupRequired = false;\n  }\n}\n\nfunction listenerImpl(applied: InternalListenerOptions, ...args: any[]): ListenerRef {\n  const options = args[3] as ListenerOptions | undefined;\n\n  const { runInContext } = setupContext(options?.injector, listenerImpl);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return NOOP_EFFECT_REF;\n    }\n\n    const [maybeReactiveTarget, maybeReactiveEvent, rawHandler] = args;\n    const { stop, prevent, self, ...nativeOptions } = applied;\n    const hasModifiers = stop || prevent || self;\n\n    const handler = hasModifiers\n      ? function (this: any, event: Event) {\n          if (self && event.target !== event.currentTarget) return;\n          if (prevent) event.preventDefault();\n          if (stop) event.stopPropagation();\n          rawHandler.call(this, event);\n        }\n      : rawHandler;\n\n    // Isolate event handler from signal dependency tracking.\n    // Angular's template compiler does this via setActiveConsumer(null) in executeListenerWithErrorHandling.\n    // Without this, events that fire during change detection (e.g. window 'blur' when the tab loses focus)\n    // can trigger NG0600 if the handler writes to a signal while a reactive consumer is active.\n    // See: https://github.com/angular/angular/issues/60143\n    const untrackedHandler = function (this: any, event: Event) {\n      untracked(() => handler.call(this, event));\n    };\n\n    const setupListener = (onCleanup: EffectCleanupRegisterFn) => {\n      const raw = toValue(maybeReactiveTarget);\n      const target = unrefElement(raw);\n      const event = toValue(maybeReactiveEvent);\n\n      if (!target) {\n        return;\n      }\n\n      if (ngDevMode) {\n        assertEventTarget(target, 'listener');\n      }\n\n      target.addEventListener(event, untrackedHandler, nativeOptions);\n\n      onCleanup(() => {\n        target.removeEventListener(event, untrackedHandler, nativeOptions);\n      });\n    };\n\n    let effectRef: EffectRef;\n\n    if (isSyncSetupRequired) {\n      effectRef = syncEffect(setupListener);\n    } else {\n      effectRef = afterRenderEffect({ read: setupListener });\n    }\n\n    return { destroy: () => effectRef.destroy() };\n  });\n}\n\nconst MODIFIERS = new Set<keyof InternalListenerOptions>([\n  'capture',\n  'passive',\n  'once',\n  'stop',\n  'prevent',\n  'self',\n]);\n\nfunction createModifier(applied: InternalListenerOptions): ListenerFunction {\n  const modifierFn = ((...args: any[]) => {\n    return listenerImpl(applied, ...args);\n  }) as ListenerFunction;\n\n  return new Proxy(modifierFn, {\n    get(target, prop) {\n      if (typeof prop !== 'string' || !MODIFIERS.has(prop as any)) {\n        return target[prop as keyof typeof target];\n      }\n\n      if (applied[prop as keyof InternalListenerOptions]) {\n        return target;\n      }\n\n      return createModifier({ ...applied, [prop]: true });\n    },\n  });\n}\n\nfunction syncEffect(\n  effectFn: (onCleanup: EffectCleanupRegisterFn) => void,\n  options?: CreateEffectOptions\n): EffectRef {\n  const effectRef = effect(effectFn, options);\n  const effectNode: BaseEffectNode = (effectRef as any)[SIGNAL];\n  try {\n    effectNode.run();\n  } catch (error) {\n    if (ngDevMode) {\n      console.warn('[syncEffect] Failed to run effectFn synchronously', error);\n    }\n  }\n  return effectRef;\n}\n\ninterface InternalListenerOptions {\n  readonly capture?: boolean;\n  readonly passive?: boolean;\n  readonly once?: boolean;\n  readonly stop?: boolean;\n  readonly prevent?: boolean;\n  readonly self?: boolean;\n}\n\ninterface InferEventTarget<Events> {\n  readonly addEventListener: (event: Events, fn?: any, options?: any) => any;\n  readonly removeEventListener: (event: Events, fn?: any, options?: any) => any;\n}\n\ninterface GeneralEventListener<E = Event> {\n  (e: E): void;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/signality-core-browser-media-query.mjs

@@ -20,7 +20,7 @@ import { listener } from '@signality/core/browser/listener';
  *     }
  *   `
  * })
- * class ThemeComponent {
+ * export class ThemeDemo {
  *   readonly prefersDark = mediaQuery('(prefers-color-scheme: dark)');
  * }
  * ```

package/fesm2022/signality-core-browser-media-query.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-media-query.mjs","sources":["../../../projects/core/browser/media-query/index.ts","../../../projects/core/browser/media-query/signality-core-browser-media-query.ts"],"sourcesContent":["import { type CreateSignalOptions, effect, type Signal, signal } from '@angular/core';\nimport { constSignal, setupContext, toValue, type Union } from '@signality/core/internal';\nimport type { MaybeSignal, WithInjector } from '@signality/core/types';\nimport { listener } from '@signality/core/browser/listener';\n\nexport interface MediaQueryOptions extends CreateSignalOptions<boolean>, WithInjector {\n  /**\n   * Initial value for SSR.\n   * @default false\n   */\n  readonly initialValue?: boolean;\n}\n\n/**\n * Reactive wrapper around the [Window.matchMedia](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) method.\n *\n * @param query - CSS media query string (can be a signal)\n * @param options - Optional configuration\n * @returns A signal that is true when the media query matches\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (prefersDark()) {\n *       <p>Dark mode is preferred</p>\n *     } @else {\n *       <p>Light mode is preferred</p>\n *     }\n *   `\n * })\n * class ThemeComponent {\n *   readonly prefersDark = mediaQuery('(prefers-color-scheme: dark)');\n * }\n * ```\n */\nexport function mediaQuery(\n  query: MaybeSignal<Union<MediaQueryFeature, string>>,\n  options?: MediaQueryOptions\n): Signal<boolean> {\n  const { runInContext } = setupContext(options?.injector, mediaQuery);\n\n  return runInContext(({ isServer, injector }) => {\n    if (isServer) {\n      return constSignal(!!options?.initialValue);\n    }\n\n    const matches = signal(!!options?.initialValue, options);\n\n    effect(onCleanup => {\n      const queryString = toValue(query);\n\n      if (!queryString) {\n        matches.set(false);\n        return;\n      }\n\n      const mediaQueryList = window.matchMedia(queryString);\n\n      matches.set(mediaQueryList.matches);\n\n      const changeListener = listener(\n        mediaQueryList,\n        'change',\n        (e: MediaQueryListEvent) => matches.set(e.matches),\n        { injector }\n      );\n\n      onCleanup(changeListener.destroy);\n    });\n\n    return matches.asReadonly();\n  });\n}\n\ntype MediaQueryFeature =\n  | `(any-hover: ${'none' | 'hover'})`\n  | `(any-pointer: ${'none' | 'coarse' | 'fine'})`\n  | `(aspect-ratio: ${string})`\n  | `(color: ${string})`\n  | `(color-gamut: ${'srgb' | 'p3' | 'rec2020'})`\n  | `(color-index: ${string})`\n  | `(device-aspect-ratio: ${string})`\n  | `(device-height: ${string})`\n  | `(device-posture: ${'flat' | 'folded' | 'continuous'})`\n  | `(device-width: ${string})`\n  | `(display-mode: ${\n      | 'fullscreen'\n      | 'standalone'\n      | 'minimal-ui'\n      | 'browser'\n      | 'picture-in-picture'\n      | 'window-controls-overlay'})`\n  | `(dynamic-range: ${'standard' | 'high'})`\n  | `(forced-colors: ${'none' | 'active'})`\n  | `(grid: ${'0' | '1'})`\n  | `(height: ${string})`\n  | `(hover: ${'none' | 'hover'})`\n  | `(inverted-colors: ${'none' | 'inverted'})`\n  | `(monochrome: ${string})`\n  | `(orientation: ${'portrait' | 'landscape'})`\n  | `(overflow-block: ${'none' | 'scroll' | 'optional-paged' | 'paged'})`\n  | `(overflow-inline: ${'none' | 'scroll'})`\n  | `(pointer: ${'none' | 'coarse' | 'fine'})`\n  | `(prefers-color-scheme: ${'light' | 'dark' | 'no-preference'})`\n  | `(prefers-contrast: ${'no-preference' | 'more' | 'less' | 'custom'})`\n  | `(prefers-reduced-data: ${'no-preference' | 'reduce'})`\n  | `(prefers-reduced-motion: ${'no-preference' | 'reduce'})`\n  | `(prefers-reduced-transparency: ${'no-preference' | 'reduce'})`\n  | `(resolution: ${string})`\n  | `(scan: ${'progressive' | 'interlace'})`\n  | `(scripting: ${'none' | 'initial-only' | 'enabled'})`\n  | `(shape: ${'rect' | 'round'})`\n  | `(update: ${'none' | 'slow' | 'fast'})`\n  | `(video-dynamic-range: ${'standard' | 'high'})`\n  | `(width: ${string})`\n  | `(min-width: ${string})`\n  | `(max-width: ${string})`\n  | `(min-height: ${string})`\n  | `(max-height: ${string})`\n  | `(min-aspect-ratio: ${string})`\n  | `(max-aspect-ratio: ${string})`\n  | `(min-resolution: ${string})`\n  | `(max-resolution: ${string})`\n  | `(min-color: ${string})`\n  | `(max-color: ${string})`\n  | `(min-color-index: ${string})`\n  | `(max-color-index: ${string})`\n  | `(min-monochrome: ${string})`\n  | `(max-monochrome: ${string})`;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAaA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACG,SAAU,UAAU,CACxB,KAAoD,EACpD,OAA2B,EAAA;AAE3B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;IAEpE,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAI;QAC7C,IAAI,QAAQ,EAAE;YACZ,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,CAAC;QAC7C;AAEA,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC;QAExD,MAAM,CAAC,SAAS,IAAG;AACjB,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;YAElC,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClB;YACF;YAEA,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;AAErD,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;YAEnC,MAAM,cAAc,GAAG,QAAQ,CAC7B,cAAc,EACd,QAAQ,EACR,CAAC,CAAsB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,EAClD,EAAE,QAAQ,EAAE,CACb;AAED,YAAA,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC;AACnC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO,CAAC,UAAU,EAAE;AAC7B,IAAA,CAAC,CAAC;AACJ;;ACzEA;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-media-query.mjs","sources":["../../../projects/core/browser/media-query/index.ts","../../../projects/core/browser/media-query/signality-core-browser-media-query.ts"],"sourcesContent":["import { type CreateSignalOptions, effect, type Signal, signal } from '@angular/core';\nimport { constSignal, setupContext, toValue, type Union } from '@signality/core/internal';\nimport type { MaybeSignal, WithInjector } from '@signality/core/types';\nimport { listener } from '@signality/core/browser/listener';\n\nexport interface MediaQueryOptions extends CreateSignalOptions<boolean>, WithInjector {\n  /**\n   * Initial value for SSR.\n   * @default false\n   */\n  readonly initialValue?: boolean;\n}\n\n/**\n * Reactive wrapper around the [Window.matchMedia](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) method.\n *\n * @param query - CSS media query string (can be a signal)\n * @param options - Optional configuration\n * @returns A signal that is true when the media query matches\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (prefersDark()) {\n *       <p>Dark mode is preferred</p>\n *     } @else {\n *       <p>Light mode is preferred</p>\n *     }\n *   `\n * })\n * export class ThemeDemo {\n *   readonly prefersDark = mediaQuery('(prefers-color-scheme: dark)');\n * }\n * ```\n */\nexport function mediaQuery(\n  query: MaybeSignal<Union<MediaQueryFeature, string>>,\n  options?: MediaQueryOptions\n): Signal<boolean> {\n  const { runInContext } = setupContext(options?.injector, mediaQuery);\n\n  return runInContext(({ isServer, injector }) => {\n    if (isServer) {\n      return constSignal(!!options?.initialValue);\n    }\n\n    const matches = signal(!!options?.initialValue, options);\n\n    effect(onCleanup => {\n      const queryString = toValue(query);\n\n      if (!queryString) {\n        matches.set(false);\n        return;\n      }\n\n      const mediaQueryList = window.matchMedia(queryString);\n\n      matches.set(mediaQueryList.matches);\n\n      const changeListener = listener(\n        mediaQueryList,\n        'change',\n        (e: MediaQueryListEvent) => matches.set(e.matches),\n        { injector }\n      );\n\n      onCleanup(changeListener.destroy);\n    });\n\n    return matches.asReadonly();\n  });\n}\n\ntype MediaQueryFeature =\n  | `(any-hover: ${'none' | 'hover'})`\n  | `(any-pointer: ${'none' | 'coarse' | 'fine'})`\n  | `(aspect-ratio: ${string})`\n  | `(color: ${string})`\n  | `(color-gamut: ${'srgb' | 'p3' | 'rec2020'})`\n  | `(color-index: ${string})`\n  | `(device-aspect-ratio: ${string})`\n  | `(device-height: ${string})`\n  | `(device-posture: ${'flat' | 'folded' | 'continuous'})`\n  | `(device-width: ${string})`\n  | `(display-mode: ${\n      | 'fullscreen'\n      | 'standalone'\n      | 'minimal-ui'\n      | 'browser'\n      | 'picture-in-picture'\n      | 'window-controls-overlay'})`\n  | `(dynamic-range: ${'standard' | 'high'})`\n  | `(forced-colors: ${'none' | 'active'})`\n  | `(grid: ${'0' | '1'})`\n  | `(height: ${string})`\n  | `(hover: ${'none' | 'hover'})`\n  | `(inverted-colors: ${'none' | 'inverted'})`\n  | `(monochrome: ${string})`\n  | `(orientation: ${'portrait' | 'landscape'})`\n  | `(overflow-block: ${'none' | 'scroll' | 'optional-paged' | 'paged'})`\n  | `(overflow-inline: ${'none' | 'scroll'})`\n  | `(pointer: ${'none' | 'coarse' | 'fine'})`\n  | `(prefers-color-scheme: ${'light' | 'dark' | 'no-preference'})`\n  | `(prefers-contrast: ${'no-preference' | 'more' | 'less' | 'custom'})`\n  | `(prefers-reduced-data: ${'no-preference' | 'reduce'})`\n  | `(prefers-reduced-motion: ${'no-preference' | 'reduce'})`\n  | `(prefers-reduced-transparency: ${'no-preference' | 'reduce'})`\n  | `(resolution: ${string})`\n  | `(scan: ${'progressive' | 'interlace'})`\n  | `(scripting: ${'none' | 'initial-only' | 'enabled'})`\n  | `(shape: ${'rect' | 'round'})`\n  | `(update: ${'none' | 'slow' | 'fast'})`\n  | `(video-dynamic-range: ${'standard' | 'high'})`\n  | `(width: ${string})`\n  | `(min-width: ${string})`\n  | `(max-width: ${string})`\n  | `(min-height: ${string})`\n  | `(max-height: ${string})`\n  | `(min-aspect-ratio: ${string})`\n  | `(max-aspect-ratio: ${string})`\n  | `(min-resolution: ${string})`\n  | `(max-resolution: ${string})`\n  | `(min-color: ${string})`\n  | `(max-color: ${string})`\n  | `(min-color-index: ${string})`\n  | `(max-color-index: ${string})`\n  | `(min-monochrome: ${string})`\n  | `(max-monochrome: ${string})`;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAaA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACG,SAAU,UAAU,CACxB,KAAoD,EACpD,OAA2B,EAAA;AAE3B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;IAEpE,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAI;QAC7C,IAAI,QAAQ,EAAE;YACZ,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,CAAC;QAC7C;AAEA,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC;QAExD,MAAM,CAAC,SAAS,IAAG;AACjB,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;YAElC,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClB;YACF;YAEA,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;AAErD,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;YAEnC,MAAM,cAAc,GAAG,QAAQ,CAC7B,cAAc,EACd,QAAQ,EACR,CAAC,CAAsB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,EAClD,EAAE,QAAQ,EAAE,CACb;AAED,YAAA,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC;AACnC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO,CAAC,UAAU,EAAE;AAC7B,IAAA,CAAC,CAAC;AACJ;;ACzEA;;AAEG;;;;"}

package/fesm2022/signality-core-browser-network.mjs

@@ -4,7 +4,7 @@ import { setupSync, listener } from '@signality/core/browser/listener';
 import { ONLINE } from '@signality/core/browser/online';
 
 /**
- * Signal-based wrapper around the Network Information API and online/offline events.
+ * Signal-based wrapper around the [Network Information API](https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API) and online/offline events.
  *
  * @param options - Optional configuration including injector
  * @returns A NetworkRef with network status signals
@@ -19,7 +19,7 @@ import { ONLINE } from '@signality/core/browser/online';
  *     }
  *   `
  * })
- * class NetworkComponent {
+ * export class NetworkComponent {
  *   readonly net = network();
  * }
  * ```

package/fesm2022/signality-core-browser-network.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-network.mjs","sources":["../../../projects/core/browser/network/index.ts","../../../projects/core/browser/network/signality-core-browser-network.ts"],"sourcesContent":["import { inject, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\nimport { ONLINE } from '@signality/core/browser/online';\n\nexport type EffectiveConnectionType = 'slow-2g' | '2g' | '3g' | '4g';\n\nexport type ConnectionType =\n  | 'bluetooth'\n  | 'cellular'\n  | 'ethernet'\n  | 'wifi'\n  | 'wimax'\n  | 'none'\n  | 'other'\n  | 'unknown';\n\nexport type NetworkOptions = WithInjector;\n\nexport interface NetworkRef {\n  /** Whether Network Information API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Whether the browser is online */\n  readonly isOnline: Signal<boolean>;\n\n  /** Effective connection type */\n  readonly effectiveType: Signal<EffectiveConnectionType | undefined>;\n\n  /** Downlink speed in Mbps */\n  readonly downlink: Signal<number | undefined>;\n\n  /** Round-trip time in ms */\n  readonly rtt: Signal<number | undefined>;\n\n  /** Whether user has data saver enabled */\n  readonly saveData: Signal<boolean>;\n\n  /** Connection type (wifi, cellular, etc.) */\n  readonly type: Signal<ConnectionType | undefined>;\n}\n\n/**\n * Signal-based wrapper around the Network Information API and online/offline events.\n *\n * @param options - Optional configuration including injector\n * @returns A NetworkRef with network status signals\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>{{ net.isOnline() ? 'Online' : 'Offline' }}</p>\n *     @if (net.effectiveType()) {\n *       <p>Connection: {{ net.effectiveType() }}</p>\n *     }\n *   `\n * })\n * class NetworkComponent {\n *   readonly net = network();\n * }\n * ```\n */\nexport function network(options?: NetworkOptions): NetworkRef {\n  const { runInContext } = setupContext(options?.injector, network);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(isBrowser && 'connection' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isOnline: constSignal(true),\n        effectiveType: constSignal(undefined),\n        downlink: constSignal(undefined),\n        rtt: constSignal(undefined),\n        saveData: constSignal(false),\n        type: constSignal(undefined),\n      };\n    }\n\n    const { connection } = navigator as NavigatorWithConnection;\n\n    const isOnline = inject(ONLINE);\n    const effectiveType = signal(connection.effectiveType);\n    const downlink = signal(connection.downlink);\n    const rtt = signal(connection.rtt);\n    const saveData = signal(!!connection.saveData);\n    const type = signal(connection.type);\n\n    setupSync(() => {\n      listener(connection, 'change', () => {\n        effectiveType.set(connection.effectiveType);\n        downlink.set(connection.downlink);\n        rtt.set(connection.rtt);\n        saveData.set(!!connection.saveData);\n        type.set(connection.type);\n      });\n    });\n\n    return {\n      isSupported,\n      isOnline,\n      effectiveType: effectiveType.asReadonly(),\n      downlink: downlink.asReadonly(),\n      rtt: rtt.asReadonly(),\n      saveData: saveData.asReadonly(),\n      type: type.asReadonly(),\n    };\n  });\n}\n\nexport const NETWORK = /* @__PURE__ */ createToken(network);\n\ninterface NetworkInformation extends EventTarget {\n  readonly effectiveType?: EffectiveConnectionType;\n  readonly downlink?: number;\n  readonly rtt?: number;\n  readonly saveData?: boolean;\n  readonly type?: ConnectionType;\n}\n\ninterface NavigatorWithConnection extends Navigator {\n  readonly connection: NetworkInformation;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AA2CA;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,OAAO,CAAC,OAAwB,EAAA;AAC9C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;AAEjE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAI;QACpC,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,IAAI,YAAY,IAAI,SAAS,CAAC;AAEvE,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3B,gBAAA,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC;AACrC,gBAAA,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC;AAChC,gBAAA,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC;AAC3B,gBAAA,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;AAC5B,gBAAA,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC;aAC7B;QACH;AAEA,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,SAAoC;AAE3D,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;QAC/B,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,yDAAC;QACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,oDAAC;QAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,+CAAC;QAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,gDAAC;QAEpC,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAK;AAClC,gBAAA,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC;AAC3C,gBAAA,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;AACjC,gBAAA,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;gBACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;AACnC,gBAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;YACX,QAAQ;AACR,YAAA,aAAa,EAAE,aAAa,CAAC,UAAU,EAAE;AACzC,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;AAC/B,YAAA,GAAG,EAAE,GAAG,CAAC,UAAU,EAAE;AACrB,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;AAC/B,YAAA,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE;SACxB;AACH,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,OAAO,mBAAmB,WAAW,CAAC,OAAO;;ACjH1D;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-network.mjs","sources":["../../../projects/core/browser/network/index.ts","../../../projects/core/browser/network/signality-core-browser-network.ts"],"sourcesContent":["import { inject, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\nimport { ONLINE } from '@signality/core/browser/online';\n\nexport type EffectiveConnectionType = 'slow-2g' | '2g' | '3g' | '4g';\n\nexport type ConnectionType =\n  | 'bluetooth'\n  | 'cellular'\n  | 'ethernet'\n  | 'wifi'\n  | 'wimax'\n  | 'none'\n  | 'other'\n  | 'unknown';\n\nexport type NetworkOptions = WithInjector;\n\nexport interface NetworkRef {\n  /**\n   * Whether the Network Information API is supported in the current browser.\n   *\n   * @see [Network Information API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Whether the browser currently has network connectivity.\n   *\n   * @see [Navigator: onLine on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine)\n   */\n  readonly isOnline: Signal<boolean>;\n\n  /**\n   * Estimated effective connection type based on recently observed network conditions.\n   *\n   * @see [NetworkInformation: effectiveType on MDN](https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/effectiveType)\n   */\n  readonly effectiveType: Signal<EffectiveConnectionType | undefined>;\n\n  /**\n   * Estimated downlink bandwidth in Mbps.\n   *\n   * @see [NetworkInformation: downlink on MDN](https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/downlink)\n   */\n  readonly downlink: Signal<number | undefined>;\n\n  /**\n   * Estimated round-trip latency in milliseconds.\n   *\n   * @see [NetworkInformation: rtt on MDN](https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/rtt)\n   */\n  readonly rtt: Signal<number | undefined>;\n\n  /**\n   * Whether the user has enabled a data-saving mode in their browser or OS.\n   *\n   * @see [NetworkInformation: saveData on MDN](https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/saveData)\n   */\n  readonly saveData: Signal<boolean>;\n\n  /**\n   * The physical connection type (e.g. `'wifi'`, `'cellular'`).\n   *\n   * @see [NetworkInformation: type on MDN](https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/type)\n   */\n  readonly type: Signal<ConnectionType | undefined>;\n}\n\n/**\n * Signal-based wrapper around the [Network Information API](https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API) and online/offline events.\n *\n * @param options - Optional configuration including injector\n * @returns A NetworkRef with network status signals\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>{{ net.isOnline() ? 'Online' : 'Offline' }}</p>\n *     @if (net.effectiveType()) {\n *       <p>Connection: {{ net.effectiveType() }}</p>\n *     }\n *   `\n * })\n * export class NetworkComponent {\n *   readonly net = network();\n * }\n * ```\n */\nexport function network(options?: NetworkOptions): NetworkRef {\n  const { runInContext } = setupContext(options?.injector, network);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(isBrowser && 'connection' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isOnline: constSignal(true),\n        effectiveType: constSignal(undefined),\n        downlink: constSignal(undefined),\n        rtt: constSignal(undefined),\n        saveData: constSignal(false),\n        type: constSignal(undefined),\n      };\n    }\n\n    const { connection } = navigator as NavigatorWithConnection;\n\n    const isOnline = inject(ONLINE);\n    const effectiveType = signal(connection.effectiveType);\n    const downlink = signal(connection.downlink);\n    const rtt = signal(connection.rtt);\n    const saveData = signal(!!connection.saveData);\n    const type = signal(connection.type);\n\n    setupSync(() => {\n      listener(connection, 'change', () => {\n        effectiveType.set(connection.effectiveType);\n        downlink.set(connection.downlink);\n        rtt.set(connection.rtt);\n        saveData.set(!!connection.saveData);\n        type.set(connection.type);\n      });\n    });\n\n    return {\n      isSupported,\n      isOnline,\n      effectiveType: effectiveType.asReadonly(),\n      downlink: downlink.asReadonly(),\n      rtt: rtt.asReadonly(),\n      saveData: saveData.asReadonly(),\n      type: type.asReadonly(),\n    };\n  });\n}\n\nexport const NETWORK = /* @__PURE__ */ createToken(network);\n\ninterface NetworkInformation extends EventTarget {\n  readonly effectiveType?: EffectiveConnectionType;\n  readonly downlink?: number;\n  readonly rtt?: number;\n  readonly saveData?: boolean;\n  readonly type?: ConnectionType;\n}\n\ninterface NavigatorWithConnection extends Navigator {\n  readonly connection: NetworkInformation;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAuEA;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,OAAO,CAAC,OAAwB,EAAA;AAC9C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;AAEjE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAI;QACpC,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,IAAI,YAAY,IAAI,SAAS,CAAC;AAEvE,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3B,gBAAA,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC;AACrC,gBAAA,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC;AAChC,gBAAA,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC;AAC3B,gBAAA,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;AAC5B,gBAAA,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC;aAC7B;QACH;AAEA,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,SAAoC;AAE3D,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;QAC/B,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,yDAAC;QACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,oDAAC;QAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,+CAAC;QAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,gDAAC;QAEpC,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAK;AAClC,gBAAA,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC;AAC3C,gBAAA,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;AACjC,gBAAA,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;gBACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;AACnC,gBAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;YACX,QAAQ;AACR,YAAA,aAAa,EAAE,aAAa,CAAC,UAAU,EAAE;AACzC,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;AAC/B,YAAA,GAAG,EAAE,GAAG,CAAC,UAAU,EAAE;AACrB,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;AAC/B,YAAA,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE;SACxB;AACH,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,OAAO,mBAAmB,WAAW,CAAC,OAAO;;AC7I1D;;AAEG;;;;"}

package/fesm2022/signality-core-browser-online.mjs

@@ -19,7 +19,7 @@ import { setupSync, listener } from '@signality/core/browser/listener';
  *     }
  *   `
  * })
- * class NetworkStatusComponent {
+ * export class NetworkStatus {
  *   readonly isOnline = online();
  * }
  * ```

package/fesm2022/signality-core-browser-online.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-online.mjs","sources":["../../../projects/core/browser/online/index.ts","../../../projects/core/browser/online/signality-core-browser-online.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type OnlineOptions = CreateSignalOptions<boolean> & WithInjector;\n\n/**\n * Reactive wrapper around the [Navigator.onLine](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine) property.\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current online status (`true` for online, `false` for offline)\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (isOnline()) {\n *       <p>You're online</p>\n *     } @else {\n *       <p>You're offline</p>\n *     }\n *   `\n * })\n * class NetworkStatusComponent {\n *   readonly isOnline = online();\n * }\n * ```\n */\nexport function online(options?: OnlineOptions): Signal<boolean> {\n  const { runInContext } = setupContext(options?.injector, online);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(true);\n    }\n\n    const isOnline = signal(navigator.onLine, options);\n\n    const update = () => isOnline.set(navigator.onLine);\n\n    setupSync(() => {\n      listener(window, 'online', update);\n      listener(window, 'offline', update);\n    });\n\n    return isOnline.asReadonly();\n  });\n}\n\nexport const ONLINE = /* @__PURE__ */ createToken(online);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,MAAM,CAAC,OAAuB,EAAA;AAC5C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AAEhE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC;QAC1B;QAEA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC;AAElD,QAAA,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC;QAEnD,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;AAClC,YAAA,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;AACrC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,QAAQ,CAAC,UAAU,EAAE;AAC9B,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,MAAM,mBAAmB,WAAW,CAAC,MAAM;;AClDxD;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-online.mjs","sources":["../../../projects/core/browser/online/index.ts","../../../projects/core/browser/online/signality-core-browser-online.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type OnlineOptions = CreateSignalOptions<boolean> & WithInjector;\n\n/**\n * Reactive wrapper around the [Navigator.onLine](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine) property.\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current online status (`true` for online, `false` for offline)\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (isOnline()) {\n *       <p>You're online</p>\n *     } @else {\n *       <p>You're offline</p>\n *     }\n *   `\n * })\n * export class NetworkStatus {\n *   readonly isOnline = online();\n * }\n * ```\n */\nexport function online(options?: OnlineOptions): Signal<boolean> {\n  const { runInContext } = setupContext(options?.injector, online);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(true);\n    }\n\n    const isOnline = signal(navigator.onLine, options);\n\n    const update = () => isOnline.set(navigator.onLine);\n\n    setupSync(() => {\n      listener(window, 'online', update);\n      listener(window, 'offline', update);\n    });\n\n    return isOnline.asReadonly();\n  });\n}\n\nexport const ONLINE = /* @__PURE__ */ createToken(online);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,MAAM,CAAC,OAAuB,EAAA;AAC5C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AAEhE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC;QAC1B;QAEA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC;AAElD,QAAA,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC;QAEnD,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;AAClC,YAAA,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;AACrC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,QAAQ,CAAC,UAAU,EAAE;AAC9B,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,MAAM,mBAAmB,WAAW,CAAC,MAAM;;AClDxD;;AAEG;;;;"}

package/fesm2022/signality-core-browser-page-visibility.mjs

@@ -19,7 +19,7 @@ import { setupSync, listener } from '@signality/core/browser/listener';
  *     }
  *   `
  * })
- * class VisibilityComponent {
+ * export class VisibilityDemo {
  *   readonly visibility = pageVisibility();
  * }
  * ```

package/fesm2022/signality-core-browser-page-visibility.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-page-visibility.mjs","sources":["../../../projects/core/browser/page-visibility/index.ts","../../../projects/core/browser/page-visibility/signality-core-browser-page-visibility.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type PageVisibilityOptions = CreateSignalOptions<DocumentVisibilityState> & WithInjector;\n\n/**\n * Signal-based wrapper around the [Page Visibility API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API).\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current DocumentVisibilityState ('visible' or 'hidden')\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (visibility() === 'hidden') {\n *       <p>Page is hidden</p>\n *     } @else {\n *       <p>Page is visible</p>\n *     }\n *   `\n * })\n * class VisibilityComponent {\n *   readonly visibility = pageVisibility();\n * }\n * ```\n */\nexport function pageVisibility(options?: PageVisibilityOptions): Signal<DocumentVisibilityState> {\n  const { runInContext } = setupContext(options?.injector, pageVisibility);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal('visible');\n    }\n\n    const visibilityState = signal(document.visibilityState, options);\n\n    setupSync(() => {\n      listener(document, 'visibilitychange', () => visibilityState.set(document.visibilityState));\n    });\n\n    return visibilityState.asReadonly();\n  });\n}\n\nexport const PAGE_VISIBILITY = /* @__PURE__ */ createToken(pageVisibility);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,cAAc,CAAC,OAA+B,EAAA;AAC5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC;AAExE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B;QAEA,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;QAEjE,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC7F,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,eAAe,CAAC,UAAU,EAAE;AACrC,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,eAAe,mBAAmB,WAAW,CAAC,cAAc;;AC/CzE;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-page-visibility.mjs","sources":["../../../projects/core/browser/page-visibility/index.ts","../../../projects/core/browser/page-visibility/signality-core-browser-page-visibility.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, createToken, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport type PageVisibilityOptions = CreateSignalOptions<DocumentVisibilityState> & WithInjector;\n\n/**\n * Signal-based wrapper around the [Page Visibility API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API).\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current DocumentVisibilityState ('visible' or 'hidden')\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (visibility() === 'hidden') {\n *       <p>Page is hidden</p>\n *     } @else {\n *       <p>Page is visible</p>\n *     }\n *   `\n * })\n * export class VisibilityDemo {\n *   readonly visibility = pageVisibility();\n * }\n * ```\n */\nexport function pageVisibility(options?: PageVisibilityOptions): Signal<DocumentVisibilityState> {\n  const { runInContext } = setupContext(options?.injector, pageVisibility);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal('visible');\n    }\n\n    const visibilityState = signal(document.visibilityState, options);\n\n    setupSync(() => {\n      listener(document, 'visibilitychange', () => visibilityState.set(document.visibilityState));\n    });\n\n    return visibilityState.asReadonly();\n  });\n}\n\nexport const PAGE_VISIBILITY = /* @__PURE__ */ createToken(pageVisibility);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,cAAc,CAAC,OAA+B,EAAA;AAC5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC;AAExE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B;QAEA,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;QAEjE,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC7F,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,eAAe,CAAC,UAAU,EAAE;AACrC,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,eAAe,mBAAmB,WAAW,CAAC,cAAc;;AC/CzE;;AAEG;;;;"}

package/fesm2022/signality-core-browser-permission-state.mjs

@@ -0,0 +1,57 @@
+import { signal } from '@angular/core';
+import { setupContext, constSignal } from '@signality/core/internal';
+
+/**
+ * Signal-based wrapper around the [Permissions API](https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API).
+ *
+ * @param name - The permission name to query
+ * @param options - Optional configuration including signal options and injector
+ * @returns A signal containing the current `PermissionState` (`'granted'`, `'denied'`, or `'prompt'`)
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <p>Camera permission: {{ cameraPermission() }}</p>
+ *   `
+ * })
+ * export class PermissionDemo {
+ *   readonly cameraPermission = permissionState('camera');
+ * }
+ * ```
+ */
+function permissionState(name, options) {
+    const { runInContext } = setupContext(options?.injector, permissionState);
+    return runInContext(({ isServer, onCleanup }) => {
+        if (isServer) {
+            return constSignal('prompt');
+        }
+        const state = signal('prompt', options);
+        const controller = new AbortController();
+        navigator.permissions
+            .query({ name })
+            .then(status => {
+            if (controller.signal.aborted) {
+                return;
+            }
+            state.set(status.state);
+            status.addEventListener('change', () => state.set(status.state), {
+                signal: controller.signal,
+            });
+        })
+            .catch(() => {
+            if (ngDevMode) {
+                console.warn(`[permissionState] Failed to query permission state for ${name}`);
+            }
+        });
+        onCleanup(() => controller.abort());
+        return state.asReadonly();
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { permissionState };
+//# sourceMappingURL=signality-core-browser-permission-state.mjs.map

package/fesm2022/signality-core-browser-permission-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signality-core-browser-permission-state.mjs","sources":["../../../projects/core/browser/permission-state/index.ts","../../../projects/core/browser/permission-state/signality-core-browser-permission-state.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport type PermissionStateOptions = CreateSignalOptions<PermissionState> & WithInjector;\n\n/**\n * Signal-based wrapper around the [Permissions API](https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API).\n *\n * @param name - The permission name to query\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current `PermissionState` (`'granted'`, `'denied'`, or `'prompt'`)\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>Camera permission: {{ cameraPermission() }}</p>\n *   `\n * })\n * export class PermissionDemo {\n *   readonly cameraPermission = permissionState('camera');\n * }\n * ```\n */\nexport function permissionState(\n  name: PermissionName,\n  options?: PermissionStateOptions\n): Signal<PermissionState> {\n  const { runInContext } = setupContext(options?.injector, permissionState);\n\n  return runInContext(({ isServer, onCleanup }) => {\n    if (isServer) {\n      return constSignal('prompt');\n    }\n\n    const state = signal<PermissionState>('prompt', options);\n    const controller = new AbortController();\n\n    navigator.permissions\n      .query({ name })\n      .then(status => {\n        if (controller.signal.aborted) {\n          return;\n        }\n\n        state.set(status.state);\n\n        status.addEventListener('change', () => state.set(status.state), {\n          signal: controller.signal,\n        });\n      })\n      .catch(() => {\n        if (ngDevMode) {\n          console.warn(`[permissionState] Failed to query permission state for ${name}`);\n        }\n      });\n\n    onCleanup(() => controller.abort());\n\n    return state.asReadonly();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,eAAe,CAC7B,IAAoB,EACpB,OAAgC,EAAA;AAEhC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC;IAEzE,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAI;QAC9C,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B;QAEA,MAAM,KAAK,GAAG,MAAM,CAAkB,QAAQ,EAAE,OAAO,CAAC;AACxD,QAAA,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE;AAExC,QAAA,SAAS,CAAC;AACP,aAAA,KAAK,CAAC,EAAE,IAAI,EAAE;aACd,IAAI,CAAC,MAAM,IAAG;AACb,YAAA,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC7B;YACF;AAEA,YAAA,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;AAEvB,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC/D,MAAM,EAAE,UAAU,CAAC,MAAM;AAC1B,aAAA,CAAC;AACJ,QAAA,CAAC;aACA,KAAK,CAAC,MAAK;YACV,IAAI,SAAS,EAAE;AACb,gBAAA,OAAO,CAAC,IAAI,CAAC,0DAA0D,IAAI,CAAA,CAAE,CAAC;YAChF;AACF,QAAA,CAAC,CAAC;QAEJ,SAAS,CAAC,MAAM,UAAU,CAAC,KAAK,EAAE,CAAC;AAEnC,QAAA,OAAO,KAAK,CAAC,UAAU,EAAE;AAC3B,IAAA,CAAC,CAAC;AACJ;;AC9DA;;AAEG;;;;"}

package/fesm2022/signality-core-browser-picture-in-picture.mjs

@@ -23,7 +23,7 @@ import { onDisconnect } from '@signality/core/elements/on-disconnect';
  *     }
  *   `
  * })
- * class PiPComponent {
+ * export class PiPDemo {
  *   readonly video = viewChild<HTMLVideoElement>('video');
  *   readonly pip = pictureInPicture(this.video);
  * }
@@ -32,9 +32,7 @@ import { onDisconnect } from '@signality/core/elements/on-disconnect';
 function pictureInPicture(target, options) {
     const { runInContext } = setupContext(options?.injector, pictureInPicture);
     return runInContext(({ isBrowser }) => {
-        const isSupported = constSignal(isBrowser &&
-            'pictureInPictureEnabled' in document &&
-            document.pictureInPictureEnabled !== false);
+        const isSupported = constSignal(isBrowser && 'pictureInPictureEnabled' in document && document.pictureInPictureEnabled);
         if (!isSupported()) {
             return {
                 isSupported,
@@ -46,16 +44,28 @@ function pictureInPicture(target, options) {
         }
         const isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
         const enter = async () => {
-            const el = toElement.untracked(target);
-            if (el) {
-                await el.requestPictureInPicture();
+            const targetEl = toElement.untracked(target);
+            try {
+                await targetEl?.requestPictureInPicture();
+            }
+            catch (error) {
+                if (ngDevMode) {
+                    console.warn(`[pictureInPicture] Failed to enter Picture-in-Picture mode.`, error);
+                }
             }
         };
         const exit = async () => {
-            const el = toElement.untracked(target);
+            const targetEl = toElement.untracked(target);
             const pipEl = getPipElement(document);
-            if (el && pipEl && el === pipEl) {
-                await document.exitPictureInPicture();
+            if (targetEl && pipEl && targetEl === pipEl) {
+                try {
+                    await document.exitPictureInPicture();
+                }
+                catch (error) {
+                    if (ngDevMode) {
+                        console.warn(`[pictureInPicture] Failed to exit Picture-in-Picture mode.`, error);
+                    }
+                }
             }
         };
         const toggle = async () => {
@@ -68,10 +78,17 @@ function pictureInPicture(target, options) {
         };
         listener(target, 'enterpictureinpicture', () => isActive.set(true));
         listener(target, 'leavepictureinpicture', () => isActive.set(false));
-        onDisconnect(target, async (el) => {
+        onDisconnect(target, async (targetEl) => {
             const pipEl = getPipElement(document);
-            if (pipEl && el === pipEl) {
-                await document.exitPictureInPicture();
+            if (pipEl && targetEl === pipEl) {
+                try {
+                    await document.exitPictureInPicture();
+                }
+                catch (error) {
+                    if (ngDevMode) {
+                        console.warn(`[pictureInPicture] Failed to exit Picture-in-Picture mode on disconnect.`, error);
+                    }
+                }
                 isActive.set(false);
             }
         });

package/fesm2022/signality-core-browser-picture-in-picture.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-picture-in-picture.mjs","sources":["../../../projects/core/browser/picture-in-picture/index.ts","../../../projects/core/browser/picture-in-picture/signality-core-browser-picture-in-picture.ts"],"sourcesContent":["import { signal, type Signal, untracked } from '@angular/core';\nimport {\n  constSignal,\n  getPipElement,\n  NOOP_ASYNC_FN,\n  setupContext,\n  toElement,\n} from '@signality/core/internal';\nimport type { MaybeElementSignal, WithInjector } from '@signality/core/types';\nimport { listener } from '@signality/core/browser/listener';\nimport { onDisconnect } from '@signality/core/elements/on-disconnect';\n\nexport type PictureInPictureOptions = WithInjector;\n\nexport interface PictureInPictureRef {\n  /** Whether Picture-in-Picture API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Whether Picture-in-Picture is active */\n  readonly isActive: Signal<boolean>;\n\n  /** Enter Picture-in-Picture mode */\n  readonly enter: () => Promise<void>;\n\n  /** Exit Picture-in-Picture mode */\n  readonly exit: () => Promise<void>;\n\n  /** Toggle Picture-in-Picture mode */\n  readonly toggle: () => Promise<void>;\n}\n\n/**\n * Signal-based wrapper around the [Picture-in-Picture API](https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API).\n *\n * Automatically exits Picture-in-Picture when the target element is disconnected from the DOM.\n *\n * @param target - Video element\n * @param options - Optional configuration\n * @returns A {@link PictureInPictureRef} with `isSupported`, `isActive` signals and `enter`/`exit`/`toggle` methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (pip.isSupported()) {\n *       <video #video src=\"video.mp4\"></video>\n *       <button (click)=\"pip.toggle()\">Toggle PiP</button>\n *       <p>Active: {{ pip.isActive() }}</p>\n *     }\n *   `\n * })\n * class PiPComponent {\n *   readonly video = viewChild<HTMLVideoElement>('video');\n *   readonly pip = pictureInPicture(this.video);\n * }\n * ```\n */\nexport function pictureInPicture(\n  target: MaybeElementSignal<HTMLVideoElement>,\n  options?: PictureInPictureOptions\n): PictureInPictureRef {\n  const { runInContext } = setupContext(options?.injector, pictureInPicture);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(\n      isBrowser &&\n        'pictureInPictureEnabled' in document &&\n        document.pictureInPictureEnabled !== false\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isActive: constSignal(false),\n        enter: NOOP_ASYNC_FN,\n        exit: NOOP_ASYNC_FN,\n        toggle: NOOP_ASYNC_FN,\n      };\n    }\n\n    const isActive = signal(false);\n\n    const enter = async (): Promise<void> => {\n      const el = toElement.untracked(target);\n      if (el) {\n        await el.requestPictureInPicture();\n      }\n    };\n\n    const exit = async (): Promise<void> => {\n      const el = toElement.untracked(target);\n      const pipEl = getPipElement(document);\n\n      if (el && pipEl && el === pipEl) {\n        await document.exitPictureInPicture();\n      }\n    };\n\n    const toggle = async (): Promise<void> => {\n      if (untracked(isActive)) {\n        await exit();\n      } else {\n        await enter();\n      }\n    };\n\n    listener(target, 'enterpictureinpicture', () => isActive.set(true));\n    listener(target, 'leavepictureinpicture', () => isActive.set(false));\n\n    onDisconnect(target, async el => {\n      const pipEl = getPipElement(document);\n\n      if (pipEl && el === pipEl) {\n        await document.exitPictureInPicture();\n        isActive.set(false);\n      }\n    });\n\n    return {\n      isSupported,\n      isActive,\n      enter,\n      exit,\n      toggle,\n    };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AA+BA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACG,SAAU,gBAAgB,CAC9B,MAA4C,EAC5C,OAAiC,EAAA;AAEjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAC;AAE1E,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAI;AACpC,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS;AACP,YAAA,yBAAyB,IAAI,QAAQ;AACrC,YAAA,QAAQ,CAAC,uBAAuB,KAAK,KAAK,CAC7C;AAED,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;AAC5B,gBAAA,KAAK,EAAE,aAAa;AACpB,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,MAAM,EAAE,aAAa;aACtB;QACH;AAEA,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AAE9B,QAAA,MAAM,KAAK,GAAG,YAA0B;YACtC,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;YACtC,IAAI,EAAE,EAAE;AACN,gBAAA,MAAM,EAAE,CAAC,uBAAuB,EAAE;YACpC;AACF,QAAA,CAAC;AAED,QAAA,MAAM,IAAI,GAAG,YAA0B;YACrC,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;AACtC,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC;YAErC,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE;AAC/B,gBAAA,MAAM,QAAQ,CAAC,oBAAoB,EAAE;YACvC;AACF,QAAA,CAAC;AAED,QAAA,MAAM,MAAM,GAAG,YAA0B;AACvC,YAAA,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACvB,MAAM,IAAI,EAAE;YACd;iBAAO;gBACL,MAAM,KAAK,EAAE;YACf;AACF,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,MAAM,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACnE,QAAA,QAAQ,CAAC,MAAM,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAEpE,QAAA,YAAY,CAAC,MAAM,EAAE,OAAM,EAAE,KAAG;AAC9B,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC;AAErC,YAAA,IAAI,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE;AACzB,gBAAA,MAAM,QAAQ,CAAC,oBAAoB,EAAE;AACrC,gBAAA,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YACrB;AACF,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;YACX,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,MAAM;SACP;AACH,IAAA,CAAC,CAAC;AACJ;;AC9HA;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-picture-in-picture.mjs","sources":["../../../projects/core/browser/picture-in-picture/index.ts","../../../projects/core/browser/picture-in-picture/signality-core-browser-picture-in-picture.ts"],"sourcesContent":["import { signal, type Signal, untracked } from '@angular/core';\nimport {\n  constSignal,\n  getPipElement,\n  NOOP_ASYNC_FN,\n  setupContext,\n  toElement,\n} from '@signality/core/internal';\nimport type { MaybeElementSignal, WithInjector } from '@signality/core/types';\nimport { listener } from '@signality/core/browser/listener';\nimport { onDisconnect } from '@signality/core/elements/on-disconnect';\n\nexport type PictureInPictureOptions = WithInjector;\n\nexport interface PictureInPictureRef {\n  /**\n   * Whether the Picture-in-Picture API is supported in the current browser.\n   *\n   * @see [Picture-in-Picture API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Whether the target video element is currently displayed in Picture-in-Picture mode.\n   *\n   * @see [Document: pictureInPictureElement on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/pictureInPictureElement)\n   */\n  readonly isActive: Signal<boolean>;\n\n  /**\n   * Enter Picture-in-Picture mode for the target video element.\n   *\n   * @see [HTMLVideoElement: requestPictureInPicture() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/requestPictureInPicture)\n   */\n  readonly enter: () => Promise<void>;\n\n  /**\n   * Exit Picture-in-Picture mode.\n   *\n   * @see [Document: exitPictureInPicture() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/exitPictureInPicture)\n   */\n  readonly exit: () => Promise<void>;\n\n  /**\n   * Toggle Picture-in-Picture mode — enters if inactive, exits if active.\n   */\n  readonly toggle: () => Promise<void>;\n}\n\n/**\n * Signal-based wrapper around the [Picture-in-Picture API](https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API).\n *\n * Automatically exits Picture-in-Picture when the target element is disconnected from the DOM.\n *\n * @param target - Video element\n * @param options - Optional configuration\n * @returns A {@link PictureInPictureRef} with `isSupported`, `isActive` signals and `enter`/`exit`/`toggle` methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (pip.isSupported()) {\n *       <video #video src=\"video.mp4\"></video>\n *       <button (click)=\"pip.toggle()\">Toggle PiP</button>\n *       <p>Active: {{ pip.isActive() }}</p>\n *     }\n *   `\n * })\n * export class PiPDemo {\n *   readonly video = viewChild<HTMLVideoElement>('video');\n *   readonly pip = pictureInPicture(this.video);\n * }\n * ```\n */\nexport function pictureInPicture(\n  target: MaybeElementSignal<HTMLVideoElement>,\n  options?: PictureInPictureOptions\n): PictureInPictureRef {\n  const { runInContext } = setupContext(options?.injector, pictureInPicture);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(\n      isBrowser && 'pictureInPictureEnabled' in document && document.pictureInPictureEnabled\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isActive: constSignal(false),\n        enter: NOOP_ASYNC_FN,\n        exit: NOOP_ASYNC_FN,\n        toggle: NOOP_ASYNC_FN,\n      };\n    }\n\n    const isActive = signal(false);\n\n    const enter = async (): Promise<void> => {\n      const targetEl = toElement.untracked(target);\n\n      try {\n        await targetEl?.requestPictureInPicture();\n      } catch (error) {\n        if (ngDevMode) {\n          console.warn(`[pictureInPicture] Failed to enter Picture-in-Picture mode.`, error);\n        }\n      }\n    };\n\n    const exit = async (): Promise<void> => {\n      const targetEl = toElement.untracked(target);\n      const pipEl = getPipElement(document);\n\n      if (targetEl && pipEl && targetEl === pipEl) {\n        try {\n          await document.exitPictureInPicture();\n        } catch (error) {\n          if (ngDevMode) {\n            console.warn(`[pictureInPicture] Failed to exit Picture-in-Picture mode.`, error);\n          }\n        }\n      }\n    };\n\n    const toggle = async (): Promise<void> => {\n      if (untracked(isActive)) {\n        await exit();\n      } else {\n        await enter();\n      }\n    };\n\n    listener(target, 'enterpictureinpicture', () => isActive.set(true));\n    listener(target, 'leavepictureinpicture', () => isActive.set(false));\n\n    onDisconnect(target, async targetEl => {\n      const pipEl = getPipElement(document);\n\n      if (pipEl && targetEl === pipEl) {\n        try {\n          await document.exitPictureInPicture();\n        } catch (error) {\n          if (ngDevMode) {\n            console.warn(\n              `[pictureInPicture] Failed to exit Picture-in-Picture mode on disconnect.`,\n              error\n            );\n          }\n        }\n        isActive.set(false);\n      }\n    });\n\n    return {\n      isSupported,\n      isActive,\n      enter,\n      exit,\n      toggle,\n    };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAiDA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACG,SAAU,gBAAgB,CAC9B,MAA4C,EAC5C,OAAiC,EAAA;AAEjC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAC;AAE1E,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAI;AACpC,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS,IAAI,yBAAyB,IAAI,QAAQ,IAAI,QAAQ,CAAC,uBAAuB,CACvF;AAED,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;AAC5B,gBAAA,KAAK,EAAE,aAAa;AACpB,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,MAAM,EAAE,aAAa;aACtB;QACH;AAEA,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AAE9B,QAAA,MAAM,KAAK,GAAG,YAA0B;YACtC,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;AAE5C,YAAA,IAAI;AACF,gBAAA,MAAM,QAAQ,EAAE,uBAAuB,EAAE;YAC3C;YAAE,OAAO,KAAK,EAAE;gBACd,IAAI,SAAS,EAAE;AACb,oBAAA,OAAO,CAAC,IAAI,CAAC,6DAA6D,EAAE,KAAK,CAAC;gBACpF;YACF;AACF,QAAA,CAAC;AAED,QAAA,MAAM,IAAI,GAAG,YAA0B;YACrC,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;AAC5C,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC;YAErC,IAAI,QAAQ,IAAI,KAAK,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC3C,gBAAA,IAAI;AACF,oBAAA,MAAM,QAAQ,CAAC,oBAAoB,EAAE;gBACvC;gBAAE,OAAO,KAAK,EAAE;oBACd,IAAI,SAAS,EAAE;AACb,wBAAA,OAAO,CAAC,IAAI,CAAC,4DAA4D,EAAE,KAAK,CAAC;oBACnF;gBACF;YACF;AACF,QAAA,CAAC;AAED,QAAA,MAAM,MAAM,GAAG,YAA0B;AACvC,YAAA,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACvB,MAAM,IAAI,EAAE;YACd;iBAAO;gBACL,MAAM,KAAK,EAAE;YACf;AACF,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,MAAM,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACnE,QAAA,QAAQ,CAAC,MAAM,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAEpE,QAAA,YAAY,CAAC,MAAM,EAAE,OAAM,QAAQ,KAAG;AACpC,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC;AAErC,YAAA,IAAI,KAAK,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC/B,gBAAA,IAAI;AACF,oBAAA,MAAM,QAAQ,CAAC,oBAAoB,EAAE;gBACvC;gBAAE,OAAO,KAAK,EAAE;oBACd,IAAI,SAAS,EAAE;AACb,wBAAA,OAAO,CAAC,IAAI,CACV,0EAA0E,EAC1E,KAAK,CACN;oBACH;gBACF;AACA,gBAAA,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YACrB;AACF,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;YACX,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,MAAM;SACP;AACH,IAAA,CAAC,CAAC;AACJ;;AClKA;;AAEG;;;;"}

package/fesm2022/signality-core-browser-screen-orientation.mjs

@@ -16,7 +16,7 @@ import { setupSync, listener } from '@signality/core/browser/listener';
  *     <p>Orientation: {{ orientation() }}</p>
  *   `
  * })
- * class OrientationComponent {
+ * export class OrientationDemo {
  *   readonly orientation = screenOrientation();
  * }
  * ```

package/fesm2022/signality-core-browser-screen-orientation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-screen-orientation.mjs","sources":["../../../projects/core/browser/screen-orientation/index.ts","../../../projects/core/browser/screen-orientation/signality-core-browser-screen-orientation.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport interface ScreenOrientationOptions\n  extends CreateSignalOptions<OrientationType>,\n    WithInjector {\n  /**\n   * Initial value for SSR.\n   * @default 'portrait-primary'\n   */\n  readonly initialValue?: OrientationType;\n}\n\n/**\n * Reactive wrapper around the [Screen Orientation API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API).\n * Returns a signal that tracks the current screen orientation.\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current orientation type (`'portrait-primary'`, `'portrait-secondary'`, `'landscape-primary'`, or `'landscape-secondary'`)\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>Orientation: {{ orientation() }}</p>\n *   `\n * })\n * class OrientationComponent {\n *   readonly orientation = screenOrientation();\n * }\n * ```\n */\nexport function screenOrientation(options?: ScreenOrientationOptions): Signal<OrientationType> {\n  const { runInContext } = setupContext(options?.injector, screenOrientation);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(options?.initialValue || 'portrait-primary');\n    }\n\n    const orientation = signal(screen.orientation.type, options);\n\n    setupSync(() => {\n      listener(screen.orientation, 'change', () => orientation.set(screen.orientation.type));\n    });\n\n    return orientation.asReadonly();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAeA;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,iBAAiB,CAAC,OAAkC,EAAA;AAClE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,CAAC;AAE3E,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;YACZ,OAAO,WAAW,CAAC,OAAO,EAAE,YAAY,IAAI,kBAAkB,CAAC;QACjE;AAEA,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC;QAE5D,SAAS,CAAC,MAAK;YACb,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACxF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,WAAW,CAAC,UAAU,EAAE;AACjC,IAAA,CAAC,CAAC;AACJ;;AClDA;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-screen-orientation.mjs","sources":["../../../projects/core/browser/screen-orientation/index.ts","../../../projects/core/browser/screen-orientation/signality-core-browser-screen-orientation.ts"],"sourcesContent":["import { type CreateSignalOptions, type Signal, signal } from '@angular/core';\nimport { constSignal, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport interface ScreenOrientationOptions\n  extends CreateSignalOptions<OrientationType>,\n    WithInjector {\n  /**\n   * Initial value for SSR.\n   * @default 'portrait-primary'\n   */\n  readonly initialValue?: OrientationType;\n}\n\n/**\n * Reactive wrapper around the [Screen Orientation API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API).\n * Returns a signal that tracks the current screen orientation.\n *\n * @param options - Optional configuration including signal options and injector\n * @returns A signal containing the current orientation type (`'portrait-primary'`, `'portrait-secondary'`, `'landscape-primary'`, or `'landscape-secondary'`)\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>Orientation: {{ orientation() }}</p>\n *   `\n * })\n * export class OrientationDemo {\n *   readonly orientation = screenOrientation();\n * }\n * ```\n */\nexport function screenOrientation(options?: ScreenOrientationOptions): Signal<OrientationType> {\n  const { runInContext } = setupContext(options?.injector, screenOrientation);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return constSignal(options?.initialValue || 'portrait-primary');\n    }\n\n    const orientation = signal(screen.orientation.type, options);\n\n    setupSync(() => {\n      listener(screen.orientation, 'change', () => orientation.set(screen.orientation.type));\n    });\n\n    return orientation.asReadonly();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAeA;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,iBAAiB,CAAC,OAAkC,EAAA;AAClE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,CAAC;AAE3E,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;YACZ,OAAO,WAAW,CAAC,OAAO,EAAE,YAAY,IAAI,kBAAkB,CAAC;QACjE;AAEA,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC;QAE5D,SAAS,CAAC,MAAK;YACb,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACxF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,WAAW,CAAC,UAAU,EAAE;AACjC,IAAA,CAAC,CAAC;AACJ;;AClDA;;AAEG;;;;"}

package/fesm2022/signality-core-browser-speech-recognition.mjs

@@ -1,6 +1,7 @@
 import { signal, untracked, isSignal } from '@angular/core';
 import { setupContext, constSignal, NOOP_FN, toValue } from '@signality/core/internal';
 import { watcher } from '@signality/core/reactivity/watcher';
+import { permissionState } from '@signality/core/browser/permission-state';
 
 /**
  * Signal-based wrapper around the [Speech Recognition API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition).
@@ -23,7 +24,7 @@ import { watcher } from '@signality/core/reactivity/watcher';
  *     }
  *   `
  * })
- * class SpeechComponent {
+ * export class SpeechComponent {
  *   readonly recognition = speechRecognition();
  *
  *   toggleRecognition() {
@@ -38,7 +39,7 @@ import { watcher } from '@signality/core/reactivity/watcher';
  */
 function speechRecognition(options) {
     const { runInContext } = setupContext(options?.injector, speechRecognition);
-    return runInContext(({ isBrowser, onCleanup }) => {
+    return runInContext(({ isBrowser, injector, onCleanup }) => {
         const isSupported = constSignal(isBrowser && ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window));
         if (!isSupported()) {
             return {
@@ -54,7 +55,6 @@ function speechRecognition(options) {
         }
         const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;
         const recognition = new SpeechRecognitionClass();
-        const abortController = new AbortController();
         const { lang = 'en-US', interimResults = false, continuous = false, maxAlternatives = 1, } = options ?? {};
         recognition.lang = toValue(lang);
         recognition.continuous = continuous;
@@ -125,10 +125,7 @@ function speechRecognition(options) {
                 recognition.abort();
             }
         };
-        onCleanup(() => {
-            abortController.abort();
-            abort();
-        });
+        onCleanup(abort);
         if (isSignal(lang)) {
             watcher(lang, newLang => {
                 if (!isListening()) {
@@ -136,19 +133,10 @@ function speechRecognition(options) {
                 }
             });
         }
-        navigator.permissions.query({ name: 'microphone' }).then(result => {
-            if (abortController.signal.aborted) {
-                return;
+        watcher(permissionState('microphone'), state => {
+            if (state === 'denied') {
+                abort();
             }
-            const check = () => {
-                if (result.state === 'denied') {
-                    abort();
-                }
-            };
-            check();
-            result.addEventListener('change', check, {
-                signal: abortController.signal,
-            });
         });
         return {
             isSupported,