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

package/fesm2022/signality-core-browser-device-posture.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-device-posture.mjs","sources":["../../../projects/core/browser/device-posture/index.ts","../../../projects/core/browser/device-posture/signality-core-browser-device-posture.ts"],"sourcesContent":["import { 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 type DevicePostureType = 'continuous' | 'folded';\n\nexport interface DevicePostureRef {\n  /** Whether Device Posture API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Current device posture */\n  readonly type: Signal<DevicePostureType>;\n}\n\n/**\n * Signal-based wrapper around the [Device Posture API](https://developer.mozilla.org/en-US/docs/Web/API/Device_Posture_API).\n * Track device posture state for foldable devices.\n *\n * @param options - Optional configuration including injector\n * @returns A DevicePostureRef with type signal\n *\n */\nexport function devicePosture(options?: WithInjector): DevicePostureRef {\n  const { runInContext } = setupContext(options?.injector, devicePosture);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(\n      isBrowser && 'devicePosture' in navigator && !!navigator.devicePosture\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        type: constSignal('continuous'),\n      };\n    }\n\n    const { devicePosture } = navigator as NavigatorWithDevicePosture;\n\n    const type = signal<DevicePostureType>(devicePosture.type);\n\n    setupSync(() => {\n      listener(devicePosture, 'change', () => type.set(devicePosture.type));\n    });\n\n    return {\n      isSupported,\n      type: type.asReadonly(),\n    };\n  });\n}\n\ninterface DevicePosture extends EventTarget {\n  readonly type: DevicePostureType;\n}\n\ninterface NavigatorWithDevicePosture extends Navigator {\n  readonly devicePosture: DevicePosture;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAeA;;;;;;;AAOG;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,SAAS,EAAE,KAAI;AACpC,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS,IAAI,eAAe,IAAI,SAAS,IAAI,CAAC,CAAC,SAAS,CAAC,aAAa,CACvE;AAED,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC;aAChC;QACH;AAEA,QAAA,MAAM,EAAE,aAAa,EAAE,GAAG,SAAuC;QAEjE,MAAM,IAAI,GAAG,MAAM,CAAoB,aAAa,CAAC,IAAI,gDAAC;QAE1D,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AACvE,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;AACX,YAAA,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE;SACxB;AACH,IAAA,CAAC,CAAC;AACJ;;ACnDA;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-device-posture.mjs","sources":["../../../projects/core/browser/device-posture/index.ts","../../../projects/core/browser/device-posture/signality-core-browser-device-posture.ts"],"sourcesContent":["import { 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 type DevicePostureType = 'continuous' | 'folded';\n\nexport interface DevicePostureRef {\n  /**\n   * Whether the Device Posture API is supported in the current browser.\n   *\n   * @see [Device Posture API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Device_Posture_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Current posture of the device. `'continuous'` for flat screens, `'folded'` for foldable devices.\n   *\n   * @see [DevicePosture: type on MDN](https://developer.mozilla.org/en-US/docs/Web/API/DevicePosture/type)\n   */\n  readonly type: Signal<DevicePostureType>;\n}\n\n/**\n * Signal-based wrapper around the [Device Posture API](https://developer.mozilla.org/en-US/docs/Web/API/Device_Posture_API).\n * Track device posture state for foldable devices.\n *\n * @param options - Optional configuration including injector\n * @returns A DevicePostureRef with type signal\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (posture.isSupported()) {\n *       <p>Device posture: {{ posture.type() }}</p>\n *     }\n *   `\n * })\n * export class PostureDemo {\n *   readonly posture = devicePosture();\n * }\n * ```\n */\nexport function devicePosture(options?: WithInjector): DevicePostureRef {\n  const { runInContext } = setupContext(options?.injector, devicePosture);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(\n      isBrowser && 'devicePosture' in navigator && !!navigator.devicePosture\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        type: constSignal('continuous'),\n      };\n    }\n\n    const { devicePosture } = navigator as NavigatorWithDevicePosture;\n\n    const type = signal<DevicePostureType>(devicePosture.type);\n\n    setupSync(() => {\n      listener(devicePosture, 'change', () => type.set(devicePosture.type));\n    });\n\n    return {\n      isSupported,\n      type: type.asReadonly(),\n    };\n  });\n}\n\ninterface DevicePosture extends EventTarget {\n  readonly type: DevicePostureType;\n}\n\ninterface NavigatorWithDevicePosture extends Navigator {\n  readonly devicePosture: DevicePosture;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAuBA;;;;;;;;;;;;;;;;;;;;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,SAAS,EAAE,KAAI;AACpC,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS,IAAI,eAAe,IAAI,SAAS,IAAI,CAAC,CAAC,SAAS,CAAC,aAAa,CACvE;AAED,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC;aAChC;QACH;AAEA,QAAA,MAAM,EAAE,aAAa,EAAE,GAAG,SAAuC;QAEjE,MAAM,IAAI,GAAG,MAAM,CAAoB,aAAa,CAAC,IAAI,gDAAC;QAE1D,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AACvE,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;AACX,YAAA,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE;SACxB;AACH,IAAA,CAAC,CAAC;AACJ;;ACxEA;;AAEG;;;;"}

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

@@ -28,7 +28,7 @@ import { listener } from '@signality/core/browser/listener';
  *     }
  *   `
  * })
- * class ScreenCaptureComponent {
+ * export class ScreenCaptureDemo {
  *   readonly screen = displayMedia();
  *
  *   async toggleCapture() {
@@ -40,18 +40,6 @@ import { listener } from '@signality/core/browser/listener';
  *   }
  * }
  * ```
- *
- * @example
- * ```typescript
- * // With custom constraints
- * const screen = displayMedia({
- *   video: {
- *     width: { ideal: 1920 },
- *     height: { ideal: 1080 },
- *   },
- *   audio: true,
- * });
- * ```
  */
 function displayMedia(options) {
     const { runInContext } = setupContext(options?.injector, displayMedia);
@@ -69,18 +57,17 @@ function displayMedia(options) {
                 stop: NOOP_FN,
             };
         }
-        const defaults = {
+        const constraints = {
             video: options?.video ?? true,
             audio: options?.audio ?? false,
         };
         const stream = signal(null, ...(ngDevMode ? [{ debugName: "stream" }] : []));
         const error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
         const isActive = computed(() => stream() !== null, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
-        const start = async (overrides) => {
+        const start = async () => {
             try {
                 stop();
-                const mergedOptions = { ...defaults, ...overrides };
-                const mediaStream = await navigator.mediaDevices.getDisplayMedia(mergedOptions);
+                const mediaStream = await navigator.mediaDevices.getDisplayMedia(constraints);
                 stream.set(mediaStream);
                 error.set(null);
                 mediaStream

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

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-display-media.mjs","sources":["../../../projects/core/browser/display-media/index.ts","../../../projects/core/browser/display-media/signality-core-browser-display-media.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 { listener } from '@signality/core/browser/listener';\n\nexport interface DisplayMediaOptions extends WithInjector {\n  /**\n   * Video constraints.\n   * @default true\n   */\n  readonly video?: boolean | MediaTrackConstraints;\n\n  /**\n   * Audio constraints.\n   * @default false\n   */\n  readonly audio?: boolean | MediaTrackConstraints;\n}\n\nexport interface DisplayMediaRef {\n  /** Whether Screen Capture API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Whether currently capturing */\n  readonly isActive: Signal<boolean>;\n\n  /** Current media stream */\n  readonly stream: Signal<MediaStream | null>;\n\n  /** Last error */\n  readonly error: Signal<Error | null>;\n\n  /** Start screen capture */\n  readonly start: (options?: DisplayMediaOptions) => Promise<MediaStream | null>;\n\n  /** Stop screen capture */\n  readonly stop: () => void;\n}\n\n/**\n * Signal-based wrapper around the [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API).\n * Capture screen content with Angular signals.\n *\n * @param options - Optional default configuration\n * @returns A DisplayMediaRef with isSupported, stream, error signals and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (screen.isSupported()) {\n *       <button (click)=\"toggleCapture()\">\n *         {{ screen.isActive() ? 'Stop' : 'Start' }} Screen Capture\n *       </button>\n *       @if (screen.stream(); as stream) {\n *         <video [srcObject]=\"stream\" autoplay></video>\n *       }\n *       @if (screen.error(); as error) {\n *         <p class=\"error\">{{ error.message }}</p>\n *       }\n *     } @else {\n *       <p>Screen Capture API not supported</p>\n *     }\n *   `\n * })\n * class ScreenCaptureComponent {\n *   readonly screen = displayMedia();\n *\n *   async toggleCapture() {\n *     if (this.screen.isActive()) {\n *       this.screen.stop();\n *     } else {\n *       await this.screen.start();\n *     }\n *   }\n * }\n * ```\n *\n * @example\n * ```typescript\n * // With custom constraints\n * const screen = displayMedia({\n *   video: {\n *     width: { ideal: 1920 },\n *     height: { ideal: 1080 },\n *   },\n *   audio: true,\n * });\n * ```\n */\nexport function displayMedia(options?: DisplayMediaOptions): DisplayMediaRef {\n  const { runInContext } = setupContext(options?.injector, displayMedia);\n\n  return runInContext(({ isBrowser, injector, onCleanup }) => {\n    const isSupported = constSignal(\n      isBrowser &&\n        'mediaDevices' in navigator &&\n        typeof navigator.mediaDevices?.getDisplayMedia === 'function'\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isActive: constSignal(false),\n        stream: constSignal(null),\n        error: constSignal(null),\n        start: () => Promise.resolve(null),\n        stop: NOOP_FN,\n      };\n    }\n\n    const defaults: DisplayMediaOptions = {\n      video: options?.video ?? true,\n      audio: options?.audio ?? false,\n    };\n\n    const stream = signal<MediaStream | null>(null);\n    const error = signal<Error | null>(null);\n    const isActive = computed(() => stream() !== null);\n\n    const start = async (overrides?: DisplayMediaOptions): Promise<MediaStream | null> => {\n      try {\n        stop();\n\n        const mergedOptions = { ...defaults, ...overrides };\n        const mediaStream = await navigator.mediaDevices.getDisplayMedia(mergedOptions);\n\n        stream.set(mediaStream);\n        error.set(null);\n\n        mediaStream\n          .getTracks()\n          .forEach(track => listener(track, 'ended', () => stop(), { injector }));\n\n        return mediaStream;\n      } catch (err) {\n        error.set(err as DOMException | TypeError);\n        return null;\n      }\n    };\n\n    const stop = () => {\n      const currStream = untracked(stream);\n      if (currStream) {\n        currStream.getTracks().forEach(track => track.stop());\n        stream.set(null);\n      }\n      error.set(null);\n    };\n\n    onCleanup(stop);\n\n    return {\n      isSupported,\n      isActive: isActive,\n      stream: stream.asReadonly(),\n      error: error.asReadonly(),\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-display-media.mjs","sources":["../../../projects/core/browser/display-media/index.ts","../../../projects/core/browser/display-media/signality-core-browser-display-media.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 { listener } from '@signality/core/browser/listener';\n\nexport interface DisplayMediaOptions extends WithInjector {\n  /**\n   * Video track constraints for the captured stream.\n   *\n   * @default true\n   * @see [MediaTrackConstraints on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints)\n   */\n  readonly video?: boolean | MediaTrackConstraints;\n\n  /**\n   * Audio track constraints for the captured stream.\n   *\n   * @default false\n   * @see [MediaTrackConstraints on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints)\n   */\n  readonly audio?: boolean | MediaTrackConstraints;\n}\n\nexport interface DisplayMediaRef {\n  /**\n   * Whether the Screen Capture API is supported in the current browser.\n   *\n   * @see [Screen Capture API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Whether screen capture is currently active.\n   */\n  readonly isActive: Signal<boolean>;\n\n  /**\n   * The active media stream, or `null` if capture is not active.\n   *\n   * @see [MediaStream on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream)\n   */\n  readonly stream: Signal<MediaStream | null>;\n\n  /**\n   * The last error that occurred, or `null` if no error.\n   */\n  readonly error: Signal<Error | null>;\n\n  /**\n   * Start screen capture. Opens the browser's display picker.\n   *\n   * @see [MediaDevices: getDisplayMedia() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia)\n   */\n  readonly start: () => Promise<MediaStream | null>;\n\n  /**\n   * Stop all active capture tracks and clear the stream.\n   *\n   * @see [MediaStreamTrack: stop() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/stop)\n   */\n  readonly stop: () => void;\n}\n\n/**\n * Signal-based wrapper around the [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API).\n * Capture screen content with Angular signals.\n *\n * @param options - Optional default configuration\n * @returns A DisplayMediaRef with isSupported, stream, error signals and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (screen.isSupported()) {\n *       <button (click)=\"toggleCapture()\">\n *         {{ screen.isActive() ? 'Stop' : 'Start' }} Screen Capture\n *       </button>\n *       @if (screen.stream(); as stream) {\n *         <video [srcObject]=\"stream\" autoplay></video>\n *       }\n *       @if (screen.error(); as error) {\n *         <p class=\"error\">{{ error.message }}</p>\n *       }\n *     } @else {\n *       <p>Screen Capture API not supported</p>\n *     }\n *   `\n * })\n * export class ScreenCaptureDemo {\n *   readonly screen = displayMedia();\n *\n *   async toggleCapture() {\n *     if (this.screen.isActive()) {\n *       this.screen.stop();\n *     } else {\n *       await this.screen.start();\n *     }\n *   }\n * }\n * ```\n */\nexport function displayMedia(options?: DisplayMediaOptions): DisplayMediaRef {\n  const { runInContext } = setupContext(options?.injector, displayMedia);\n\n  return runInContext(({ isBrowser, injector, onCleanup }) => {\n    const isSupported = constSignal(\n      isBrowser &&\n        'mediaDevices' in navigator &&\n        typeof navigator.mediaDevices?.getDisplayMedia === 'function'\n    );\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        isActive: constSignal(false),\n        stream: constSignal(null),\n        error: constSignal(null),\n        start: () => Promise.resolve(null),\n        stop: NOOP_FN,\n      };\n    }\n\n    const constraints: DisplayMediaStreamOptions = {\n      video: options?.video ?? true,\n      audio: options?.audio ?? false,\n    };\n\n    const stream = signal<MediaStream | null>(null);\n    const error = signal<Error | null>(null);\n    const isActive = computed(() => stream() !== null);\n\n    const start = async (): Promise<MediaStream | null> => {\n      try {\n        stop();\n\n        const mediaStream = await navigator.mediaDevices.getDisplayMedia(constraints);\n\n        stream.set(mediaStream);\n        error.set(null);\n\n        mediaStream\n          .getTracks()\n          .forEach(track => listener(track, 'ended', () => stop(), { injector }));\n\n        return mediaStream;\n      } catch (err) {\n        error.set(err as DOMException | TypeError);\n        return null;\n      }\n    };\n\n    const stop = () => {\n      const currStream = untracked(stream);\n      if (currStream) {\n        currStream.getTracks().forEach(track => track.stop());\n        stream.set(null);\n      }\n      error.set(null);\n    };\n\n    onCleanup(stop);\n\n    return {\n      isSupported,\n      isActive: isActive,\n      stream: stream.asReadonly(),\n      error: error.asReadonly(),\n      start,\n      stop,\n    };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AA+DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCG;AACG,SAAU,YAAY,CAAC,OAA6B,EAAA;AACxD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC;IAEtE,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAI;AACzD,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS;AACP,YAAA,cAAc,IAAI,SAAS;YAC3B,OAAO,SAAS,CAAC,YAAY,EAAE,eAAe,KAAK,UAAU,CAChE;AAED,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC;AAC5B,gBAAA,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC;AACzB,gBAAA,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;gBACxB,KAAK,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,gBAAA,IAAI,EAAE,OAAO;aACd;QACH;AAEA,QAAA,MAAM,WAAW,GAA8B;AAC7C,YAAA,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,IAAI;AAC7B,YAAA,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,KAAK;SAC/B;AAED,QAAA,MAAM,MAAM,GAAG,MAAM,CAAqB,IAAI,kDAAC;AAC/C,QAAA,MAAM,KAAK,GAAG,MAAM,CAAe,IAAI,iDAAC;AACxC,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,MAAM,EAAE,KAAK,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAElD,QAAA,MAAM,KAAK,GAAG,YAAwC;AACpD,YAAA,IAAI;AACF,gBAAA,IAAI,EAAE;gBAEN,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC;AAE7E,gBAAA,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC;AACvB,gBAAA,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;gBAEf;AACG,qBAAA,SAAS;qBACT,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;AAEzE,gBAAA,OAAO,WAAW;YACpB;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,KAAK,CAAC,GAAG,CAAC,GAA+B,CAAC;AAC1C,gBAAA,OAAO,IAAI;YACb;AACF,QAAA,CAAC;QAED,MAAM,IAAI,GAAG,MAAK;AAChB,YAAA,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC;YACpC,IAAI,UAAU,EAAE;AACd,gBAAA,UAAU,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;AACrD,gBAAA,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;YAClB;AACA,YAAA,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AACjB,QAAA,CAAC;QAED,SAAS,CAAC,IAAI,CAAC;QAEf,OAAO;YACL,WAAW;AACX,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE;AAC3B,YAAA,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;YACzB,KAAK;YACL,IAAI;SACL;AACH,IAAA,CAAC,CAAC;AACJ;;AC5KA;;AAEG;;;;"}

package/fesm2022/signality-core-browser-eye-dropper.mjs

@@ -19,7 +19,7 @@ import { setupContext, constSignal, NOOP_FN, NOOP_ASYNC_FN } from '@signality/co
  *     }
  *   `
  * })
- * class ColorPickerComponent {
+ * export class ColorPicker {
  *   readonly eyeDropper = eyeDropper();
  *
  *   async pickColor() {

package/fesm2022/signality-core-browser-eye-dropper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-eye-dropper.mjs","sources":["../../../projects/core/browser/eye-dropper/index.ts","../../../projects/core/browser/eye-dropper/signality-core-browser-eye-dropper.ts"],"sourcesContent":["import { type Signal, signal } from '@angular/core';\nimport { constSignal, NOOP_ASYNC_FN, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface EyeDropperOptions extends WithInjector {\n  /**\n   * Initial color value in sRGB hex format.\n   * @default ''\n   */\n  readonly initialValue?: string;\n}\n\nexport interface EyeDropperRef {\n  /** Current selected color in sRGB hex format */\n  readonly sRGBHex: Signal<string>;\n\n  /** Whether EyeDropper API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Open the eyedropper tool to select a color */\n  readonly open: () => Promise<void>;\n\n  /** Cancel the active eyedropper operation */\n  readonly close: () => void;\n}\n\n/**\n * Signal-based wrapper around the [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API).\n *\n * @param options - Optional configuration\n * @returns An {@link EyeDropperRef} with `isSupported`, `sRGBHex` signals and `open`/`close` methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (eyeDropper.isSupported()) {\n *       <button (click)=\"pickColor()\">Pick Color</button>\n *       <div [style.background-color]=\"eyeDropper.sRGBHex()\">\n *         Selected: {{ eyeDropper.sRGBHex() }}\n *       </div>\n *     }\n *   `\n * })\n * class ColorPickerComponent {\n *   readonly eyeDropper = eyeDropper();\n *\n *   async pickColor() {\n *     await this.eyeDropper.open();\n *   }\n * }\n * ```\n */\nexport function eyeDropper(options?: EyeDropperOptions): EyeDropperRef {\n  const { runInContext } = setupContext(options?.injector, eyeDropper);\n\n  return runInContext(({ isBrowser, onCleanup }) => {\n    const isSupported = constSignal(isBrowser && 'EyeDropper' in window);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        sRGBHex: constSignal(''),\n        open: NOOP_ASYNC_FN,\n        close: NOOP_FN,\n      };\n    }\n\n    const sRGBHex = signal(options?.initialValue ?? '');\n\n    let abortController: AbortController | null = null;\n\n    const open = async (): Promise<void> => {\n      close();\n\n      abortController = new AbortController();\n      const eyeDropper: EyeDropper = new (window as any).EyeDropper();\n\n      try {\n        const result = await eyeDropper.open({ signal: abortController.signal });\n        sRGBHex.set(result.sRGBHex);\n      } catch (error) {\n        if (ngDevMode) {\n          console.warn(\n            `[eyeDropper] Failed to open eyedropper. ` +\n              `This may be due to user cancellation or an error occurred.`,\n            error\n          );\n        }\n      } finally {\n        abortController = null;\n      }\n    };\n\n    const close = () => {\n      abortController?.abort();\n      abortController = null;\n    };\n\n    onCleanup(close);\n\n    return {\n      isSupported,\n      sRGBHex: sRGBHex.asReadonly(),\n      open,\n      close,\n    };\n  });\n}\n\ninterface EyeDropper {\n  // eslint-disable-next-line @typescript-eslint/no-misused-new\n  new (): EyeDropper;\n  readonly open: (options?: EyeDropperOpenOptions) => Promise<{ sRGBHex: string }>;\n  [Symbol.toStringTag]: 'EyeDropper';\n}\n\ninterface EyeDropperOpenOptions {\n  /**\n   * AbortSignal to cancel the eyedropper operation.\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal\n   */\n  readonly signal?: AbortSignal;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACG,SAAU,UAAU,CAAC,OAA2B,EAAA;AACpD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;IAEpE,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAI;QAC/C,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,IAAI,YAAY,IAAI,MAAM,CAAC;AAEpE,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;AACxB,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,KAAK,EAAE,OAAO;aACf;QACH;QAEA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,YAAY,IAAI,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAEnD,IAAI,eAAe,GAA2B,IAAI;AAElD,QAAA,MAAM,IAAI,GAAG,YAA0B;AACrC,YAAA,KAAK,EAAE;AAEP,YAAA,eAAe,GAAG,IAAI,eAAe,EAAE;AACvC,YAAA,MAAM,UAAU,GAAe,IAAK,MAAc,CAAC,UAAU,EAAE;AAE/D,YAAA,IAAI;AACF,gBAAA,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;AACxE,gBAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC;YAC7B;YAAE,OAAO,KAAK,EAAE;gBACd,IAAI,SAAS,EAAE;oBACb,OAAO,CAAC,IAAI,CACV,CAAA,wCAAA,CAA0C;wBACxC,CAAA,0DAAA,CAA4D,EAC9D,KAAK,CACN;gBACH;YACF;oBAAU;gBACR,eAAe,GAAG,IAAI;YACxB;AACF,QAAA,CAAC;QAED,MAAM,KAAK,GAAG,MAAK;YACjB,eAAe,EAAE,KAAK,EAAE;YACxB,eAAe,GAAG,IAAI;AACxB,QAAA,CAAC;QAED,SAAS,CAAC,KAAK,CAAC;QAEhB,OAAO;YACL,WAAW;AACX,YAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;YAC7B,IAAI;YACJ,KAAK;SACN;AACH,IAAA,CAAC,CAAC;AACJ;;AC5GA;;AAEG;;;;"}
+{"version":3,"file":"signality-core-browser-eye-dropper.mjs","sources":["../../../projects/core/browser/eye-dropper/index.ts","../../../projects/core/browser/eye-dropper/signality-core-browser-eye-dropper.ts"],"sourcesContent":["import { type Signal, signal } from '@angular/core';\nimport { constSignal, NOOP_ASYNC_FN, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface EyeDropperOptions extends WithInjector {\n  /**\n   * Initial color value in sRGB hex format.\n   * @default ''\n   */\n  readonly initialValue?: string;\n}\n\nexport interface EyeDropperRef {\n  /**\n   * Whether the EyeDropper API is supported in the current browser.\n   *\n   * @see [EyeDropper browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * The most recently selected color in sRGB hex format (e.g. `#ff0000`).\n   *\n   * @see [EyeDropper: open() return value on MDN](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper/open#return_value)\n   */\n  readonly sRGBHex: Signal<string>;\n\n  /**\n   * Open the eyedropper tool and wait for the user to select a color.\n   *\n   * @see [EyeDropper: open() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper/open)\n   */\n  readonly open: () => Promise<void>;\n\n  /**\n   * Cancel the active eyedropper operation via `AbortController`.\n   *\n   * @see [AbortController: abort() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort)\n   */\n  readonly close: () => void;\n}\n\n/**\n * Signal-based wrapper around the [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API).\n *\n * @param options - Optional configuration\n * @returns An {@link EyeDropperRef} with `isSupported`, `sRGBHex` signals and `open`/`close` methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (eyeDropper.isSupported()) {\n *       <button (click)=\"pickColor()\">Pick Color</button>\n *       <div [style.background-color]=\"eyeDropper.sRGBHex()\">\n *         Selected: {{ eyeDropper.sRGBHex() }}\n *       </div>\n *     }\n *   `\n * })\n * export class ColorPicker {\n *   readonly eyeDropper = eyeDropper();\n *\n *   async pickColor() {\n *     await this.eyeDropper.open();\n *   }\n * }\n * ```\n */\nexport function eyeDropper(options?: EyeDropperOptions): EyeDropperRef {\n  const { runInContext } = setupContext(options?.injector, eyeDropper);\n\n  return runInContext(({ isBrowser, onCleanup }) => {\n    const isSupported = constSignal(isBrowser && 'EyeDropper' in window);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        sRGBHex: constSignal(''),\n        open: NOOP_ASYNC_FN,\n        close: NOOP_FN,\n      };\n    }\n\n    const sRGBHex = signal(options?.initialValue ?? '');\n\n    let abortController: AbortController | null = null;\n\n    const open = async (): Promise<void> => {\n      close();\n\n      abortController = new AbortController();\n      const eyeDropper: EyeDropper = new (window as any).EyeDropper();\n\n      try {\n        const result = await eyeDropper.open({ signal: abortController.signal });\n        sRGBHex.set(result.sRGBHex);\n      } catch (error) {\n        if (ngDevMode) {\n          console.warn(\n            `[eyeDropper] Failed to open eyedropper. ` +\n              `This may be due to user cancellation or an error occurred.`,\n            error\n          );\n        }\n      } finally {\n        abortController = null;\n      }\n    };\n\n    const close = () => {\n      abortController?.abort();\n      abortController = null;\n    };\n\n    onCleanup(close);\n\n    return {\n      isSupported,\n      sRGBHex: sRGBHex.asReadonly(),\n      open,\n      close,\n    };\n  });\n}\n\ninterface EyeDropper {\n  // eslint-disable-next-line @typescript-eslint/no-misused-new\n  new (): EyeDropper;\n  readonly open: (options?: EyeDropperOpenOptions) => Promise<{ sRGBHex: string }>;\n  [Symbol.toStringTag]: 'EyeDropper';\n}\n\ninterface EyeDropperOpenOptions {\n  /**\n   * AbortSignal to cancel the eyedropper operation.\n   *\n   * @see [AbortSignal on MDN](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal)\n   */\n  readonly signal?: AbortSignal;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AA0CA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACG,SAAU,UAAU,CAAC,OAA2B,EAAA;AACpD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;IAEpE,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAI;QAC/C,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,IAAI,YAAY,IAAI,MAAM,CAAC;AAEpE,QAAA,IAAI,CAAC,WAAW,EAAE,EAAE;YAClB,OAAO;gBACL,WAAW;AACX,gBAAA,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;AACxB,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,KAAK,EAAE,OAAO;aACf;QACH;QAEA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,YAAY,IAAI,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAEnD,IAAI,eAAe,GAA2B,IAAI;AAElD,QAAA,MAAM,IAAI,GAAG,YAA0B;AACrC,YAAA,KAAK,EAAE;AAEP,YAAA,eAAe,GAAG,IAAI,eAAe,EAAE;AACvC,YAAA,MAAM,UAAU,GAAe,IAAK,MAAc,CAAC,UAAU,EAAE;AAE/D,YAAA,IAAI;AACF,gBAAA,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;AACxE,gBAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC;YAC7B;YAAE,OAAO,KAAK,EAAE;gBACd,IAAI,SAAS,EAAE;oBACb,OAAO,CAAC,IAAI,CACV,CAAA,wCAAA,CAA0C;wBACxC,CAAA,0DAAA,CAA4D,EAC9D,KAAK,CACN;gBACH;YACF;oBAAU;gBACR,eAAe,GAAG,IAAI;YACxB;AACF,QAAA,CAAC;QAED,MAAM,KAAK,GAAG,MAAK;YACjB,eAAe,EAAE,KAAK,EAAE;YACxB,eAAe,GAAG,IAAI;AACxB,QAAA,CAAC;QAED,SAAS,CAAC,KAAK,CAAC;QAEhB,OAAO;YACL,WAAW;AACX,YAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;YAC7B,IAAI;YACJ,KAAK;SACN;AACH,IAAA,CAAC,CAAC;AACJ;;AC5HA;;AAEG;;;;"}

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

@@ -3,7 +3,7 @@ import { APP_BASE_HREF } from '@angular/common';
 import { setupContext, NOOP_FN, constSignal, createToken } from '@signality/core/internal';
 
 /**
- * Reactive favicon manipulation.
+ * Reactive favicon manipulation using the [HTMLLinkElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement).
  * Dynamically change the page favicon based on application state.
  *
  * @param options - Optional configuration
@@ -18,7 +18,7 @@ import { setupContext, NOOP_FN, constSignal, createToken } from '@signality/core
  *     <p>Current: {{ fav.current() }}</p>
  *   `
  * })
- * class FaviconComponent {
+ * export class FaviconDemo {
  *   readonly fav = favicon();
  *
  *   setNotification() {

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

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-favicon.mjs","sources":["../../../projects/core/browser/favicon/index.ts","../../../projects/core/browser/favicon/signality-core-browser-favicon.ts"],"sourcesContent":["import { inject, type Signal, signal, untracked } from '@angular/core';\nimport { APP_BASE_HREF } from '@angular/common';\nimport { constSignal, createToken, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface FaviconOptions extends WithInjector {\n  readonly baseUrl?: string;\n}\n\nexport interface FaviconRef {\n  readonly current: Signal<string>;\n  readonly original: Signal<string>;\n  readonly set: (url: string) => void;\n  readonly setEmoji: (emoji: string) => void;\n  readonly reset: () => void;\n}\n\n/**\n * Reactive favicon manipulation.\n * Dynamically change the page favicon based on application state.\n *\n * @param options - Optional configuration\n * @returns A FaviconRef with favicon control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <button (click)=\"setNotification()\">Set Notification</button>\n *     <button (click)=\"fav.reset()\">Reset Favicon</button>\n *     <p>Current: {{ fav.current() }}</p>\n *   `\n * })\n * class FaviconComponent {\n *   readonly fav = favicon();\n *\n *   setNotification() {\n *     this.fav.setEmoji('🔴');\n *   }\n * }\n * ```\n */\nexport function favicon(options?: FaviconOptions): FaviconRef {\n  const { runInContext } = setupContext(options?.injector, favicon);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return {\n        current: constSignal(''),\n        original: constSignal(''),\n        set: NOOP_FN,\n        setEmoji: NOOP_FN,\n        reset: NOOP_FN,\n      };\n    }\n\n    const appBaseHref = inject(APP_BASE_HREF, { optional: true });\n    const baseUrl = options?.baseUrl ?? appBaseHref ?? '';\n\n    const getLinkElement = (): HTMLLinkElement => {\n      let link = document.querySelector<HTMLLinkElement>('link[rel*=\"icon\"]');\n\n      if (!link) {\n        link = document.createElement('link');\n        link.rel = 'icon';\n        document.head.appendChild(link);\n      }\n\n      return link;\n    };\n\n    const { href = '' } = getLinkElement();\n    const current = signal(href);\n    const original = signal(href);\n\n    const set = (url: string) => {\n      const fullUrl = baseUrl + url;\n      const linkEl = getLinkElement();\n      linkEl.href = fullUrl;\n      current.set(fullUrl);\n    };\n\n    const setEmoji = (emoji: string) => {\n      const canvas = document.createElement('canvas');\n      canvas.width = 32;\n      canvas.height = 32;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.font = '28px serif';\n      ctx.textAlign = 'center';\n      ctx.textBaseline = 'middle';\n      ctx.fillText(emoji, 16, 18);\n\n      const dataUrl = canvas.toDataURL('image/png');\n      const linkEl = getLinkElement();\n      linkEl.href = dataUrl;\n      current.set(dataUrl);\n    };\n\n    const reset = () => {\n      const linkEl = getLinkElement();\n      const originalHref = untracked(original);\n      linkEl.href = originalHref;\n      current.set(originalHref);\n    };\n\n    return {\n      current: current.asReadonly(),\n      original: original.asReadonly(),\n      set,\n      setEmoji,\n      reset,\n    };\n  });\n}\n\nexport const FAVICON = /* @__PURE__ */ createToken(favicon);\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-favicon.mjs","sources":["../../../projects/core/browser/favicon/index.ts","../../../projects/core/browser/favicon/signality-core-browser-favicon.ts"],"sourcesContent":["import { inject, type Signal, signal, untracked } from '@angular/core';\nimport { APP_BASE_HREF } from '@angular/common';\nimport { constSignal, createToken, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface FaviconOptions extends WithInjector {\n  /**\n   * Base URL prepended to all favicon paths passed to `set()`.\n   *\n   * Resolution priority:\n   * 1. Explicit `baseUrl` value\n   * 2. [`APP_BASE_HREF`](https://angular.dev/api/common/APP_BASE_HREF) token value (if configured)\n   * 3. Empty string `''`\n   */\n  readonly baseUrl?: string;\n}\n\nexport interface FaviconRef {\n  /**\n   * URL of the currently active favicon.\n   */\n  readonly current: Signal<string>;\n\n  /**\n   * URL of the favicon at the time the utility was initialized.\n   */\n  readonly original: Signal<string>;\n\n  /**\n   * Set the favicon to the given URL.\n   *\n   * @see [HTMLLinkElement on MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement)\n   */\n  readonly set: (url: string) => void;\n\n  /**\n   * Render an emoji onto a canvas and use it as the favicon.\n   *\n   * @see [Canvas API on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)\n   */\n  readonly setEmoji: (emoji: string) => void;\n\n  /**\n   * Reset the favicon to the original URL captured on initialization.\n   */\n  readonly reset: () => void;\n}\n\n/**\n * Reactive favicon manipulation using the [HTMLLinkElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement).\n * Dynamically change the page favicon based on application state.\n *\n * @param options - Optional configuration\n * @returns A FaviconRef with favicon control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <button (click)=\"setNotification()\">Set Notification</button>\n *     <button (click)=\"fav.reset()\">Reset Favicon</button>\n *     <p>Current: {{ fav.current() }}</p>\n *   `\n * })\n * export class FaviconDemo {\n *   readonly fav = favicon();\n *\n *   setNotification() {\n *     this.fav.setEmoji('🔴');\n *   }\n * }\n * ```\n */\nexport function favicon(options?: FaviconOptions): FaviconRef {\n  const { runInContext } = setupContext(options?.injector, favicon);\n\n  return runInContext(({ isServer }) => {\n    if (isServer) {\n      return {\n        current: constSignal(''),\n        original: constSignal(''),\n        set: NOOP_FN,\n        setEmoji: NOOP_FN,\n        reset: NOOP_FN,\n      };\n    }\n\n    const appBaseHref = inject(APP_BASE_HREF, { optional: true });\n    const baseUrl = options?.baseUrl ?? appBaseHref ?? '';\n\n    const getLinkElement = (): HTMLLinkElement => {\n      let link = document.querySelector<HTMLLinkElement>('link[rel*=\"icon\"]');\n\n      if (!link) {\n        link = document.createElement('link');\n        link.rel = 'icon';\n        document.head.appendChild(link);\n      }\n\n      return link;\n    };\n\n    const { href = '' } = getLinkElement();\n    const current = signal(href);\n    const original = signal(href);\n\n    const set = (url: string) => {\n      const fullUrl = baseUrl + url;\n      const linkEl = getLinkElement();\n      linkEl.href = fullUrl;\n      current.set(fullUrl);\n    };\n\n    const setEmoji = (emoji: string) => {\n      const canvas = document.createElement('canvas');\n      canvas.width = 32;\n      canvas.height = 32;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.font = '28px serif';\n      ctx.textAlign = 'center';\n      ctx.textBaseline = 'middle';\n      ctx.fillText(emoji, 16, 18);\n\n      const dataUrl = canvas.toDataURL('image/png');\n      const linkEl = getLinkElement();\n      linkEl.href = dataUrl;\n      current.set(dataUrl);\n    };\n\n    const reset = () => {\n      const linkEl = getLinkElement();\n      const originalHref = untracked(original);\n      linkEl.href = originalHref;\n      current.set(originalHref);\n    };\n\n    return {\n      current: current.asReadonly(),\n      original: original.asReadonly(),\n      set,\n      setEmoji,\n      reset,\n    };\n  });\n}\n\nexport const FAVICON = /* @__PURE__ */ createToken(favicon);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAgDA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;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,QAAQ,EAAE,KAAI;QACnC,IAAI,QAAQ,EAAE;YACZ,OAAO;AACL,gBAAA,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;AACxB,gBAAA,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;AACzB,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,KAAK,EAAE,OAAO;aACf;QACH;AAEA,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC7D,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,WAAW,IAAI,EAAE;QAErD,MAAM,cAAc,GAAG,MAAsB;YAC3C,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAkB,mBAAmB,CAAC;YAEvE,IAAI,CAAC,IAAI,EAAE;AACT,gBAAA,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACrC,gBAAA,IAAI,CAAC,GAAG,GAAG,MAAM;AACjB,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACjC;AAEA,YAAA,OAAO,IAAI;AACb,QAAA,CAAC;QAED,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,cAAc,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,mDAAC;AAC5B,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,oDAAC;AAE7B,QAAA,MAAM,GAAG,GAAG,CAAC,GAAW,KAAI;AAC1B,YAAA,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG;AAC7B,YAAA,MAAM,MAAM,GAAG,cAAc,EAAE;AAC/B,YAAA,MAAM,CAAC,IAAI,GAAG,OAAO;AACrB,YAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACtB,QAAA,CAAC;AAED,QAAA,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAI;YACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,YAAA,MAAM,CAAC,KAAK,GAAG,EAAE;AACjB,YAAA,MAAM,CAAC,MAAM,GAAG,EAAE;YAElB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,YAAA,IAAI,CAAC,GAAG;gBAAE;AAEV,YAAA,GAAG,CAAC,IAAI,GAAG,YAAY;AACvB,YAAA,GAAG,CAAC,SAAS,GAAG,QAAQ;AACxB,YAAA,GAAG,CAAC,YAAY,GAAG,QAAQ;YAC3B,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC;YAE3B,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC;AAC7C,YAAA,MAAM,MAAM,GAAG,cAAc,EAAE;AAC/B,YAAA,MAAM,CAAC,IAAI,GAAG,OAAO;AACrB,YAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACtB,QAAA,CAAC;QAED,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,MAAM,MAAM,GAAG,cAAc,EAAE;AAC/B,YAAA,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC;AACxC,YAAA,MAAM,CAAC,IAAI,GAAG,YAAY;AAC1B,YAAA,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;AAC3B,QAAA,CAAC;QAED,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;AAC7B,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;YAC/B,GAAG;YACH,QAAQ;YACR,KAAK;SACN;AACH,IAAA,CAAC,CAAC;AACJ;AAEO,MAAM,OAAO,mBAAmB,WAAW,CAAC,OAAO;;ACrJ1D;;AAEG;;;;"}

package/fesm2022/signality-core-browser-file-dialog.mjs

@@ -0,0 +1,109 @@
+import { signal, untracked, isSignal } from '@angular/core';
+import { setupContext, NOOP_FN, toValue, isAcceptedFile } from '@signality/core/internal';
+import { watcher } from '@signality/core/reactivity/watcher';
+
+/**
+ * Signal-based utility for programmatically opening the native file picker dialog.
+ *
+ * @param options - Optional configuration
+ * @returns A {@link FileDialogRef} with `files` signal and `open` method
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <button (click)="fd.open()">Select Files</button>
+ *     @for (file of fd.files(); track file.name) {
+ *       <p>{{ file.name }} ({{ file.size }} bytes)</p>
+ *     }
+ *   `
+ * })
+ * export class FileUpload {
+ *   readonly fd = fileDialog({ accept: 'image/*' });
+ * }
+ * ```
+ */
+function fileDialog(options) {
+    const { runInContext } = setupContext(options?.injector, fileDialog);
+    return runInContext(({ isBrowser }) => {
+        if (!isBrowser) {
+            return {
+                files: signal([]),
+                open: NOOP_FN,
+            };
+        }
+        const accept = options?.accept ?? '*';
+        const multiple = options?.multiple ?? true;
+        const capture = options?.capture ?? '';
+        const directory = options?.directory ?? false;
+        const validatorFn = options?.validator;
+        const onReject = options?.onReject;
+        const files = signal([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+        let inputEl = null;
+        const processFiles = (raw) => {
+            const accepted = [];
+            const rejected = [];
+            const acceptValue = toValue(accept);
+            const multipleValue = toValue(multiple);
+            const isAccepted = validatorFn
+                ? validatorFn
+                : (file) => isAcceptedFile(file, acceptValue);
+            for (const file of raw) {
+                if (isAccepted(file)) {
+                    accepted.push(file);
+                    if (!multipleValue) {
+                        break;
+                    }
+                }
+                else {
+                    rejected.push(file);
+                }
+            }
+            if (onReject && rejected.length > 0) {
+                onReject(rejected);
+            }
+            files.set(accepted);
+        };
+        const createInput = () => {
+            const el = document.createElement('input');
+            el.type = 'file';
+            el.onchange = e => {
+                const fileList = e.currentTarget.files;
+                processFiles(fileList ? Array.from(fileList) : []);
+            };
+            return el;
+        };
+        const open = () => {
+            untracked(() => {
+                inputEl ??= createInput();
+                inputEl.value = '';
+                inputEl.multiple = toValue(multiple);
+                inputEl.accept = toValue(accept);
+                const directoriesOnly = toValue(directory);
+                if (directoriesOnly) {
+                    inputEl.webkitdirectory = true;
+                }
+                const captureValue = toValue(capture);
+                if (captureValue) {
+                    inputEl.capture = captureValue;
+                }
+                inputEl.click();
+            });
+        };
+        const filters = [accept, multiple, validatorFn].filter(isSignal);
+        if (filters.length) {
+            watcher(filters, () => processFiles(files()));
+        }
+        return {
+            files,
+            open,
+        };
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { fileDialog };
+//# sourceMappingURL=signality-core-browser-file-dialog.mjs.map

package/fesm2022/signality-core-browser-file-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signality-core-browser-file-dialog.mjs","sources":["../../../projects/core/browser/file-dialog/index.ts","../../../projects/core/browser/file-dialog/signality-core-browser-file-dialog.ts"],"sourcesContent":["import { isSignal, type Signal, signal, untracked, type WritableSignal } from '@angular/core';\nimport { isAcceptedFile, NOOP_FN, setupContext, toValue } from '@signality/core/internal';\nimport type { MaybeSignal, WithInjector } from '@signality/core/types';\nimport { watcher } from '@signality/core/reactivity/watcher';\n\nexport interface FileDialogOptions extends WithInjector {\n  /**\n   * Whether to allow selecting multiple files.\n   * When changed reactively, the current file list is re-filtered.\n   * @default true\n   */\n  readonly multiple?: MaybeSignal<boolean>;\n\n  /**\n   * Comma-separated list of accepted file types, matching the native HTML\n   * [`accept`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept) attribute format.\n   * Supports MIME types (`'image/png'`), wildcards (`'image/*'`), and file extensions (`'.pdf'`).\n   * When changed reactively, the current file list is re-filtered.\n   *\n   * @default '*'\n   * @see [accept attribute on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept)\n   */\n  readonly accept?: MaybeSignal<string>;\n\n  /**\n   * Capture source for mobile devices: `'user'` (front camera) or `'environment'` (rear camera).\n   * @see [capture attribute on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)\n   */\n  readonly capture?: MaybeSignal<string>;\n\n  /**\n   * Whether to select directories instead of files.\n   * Uses the non-standard `webkitdirectory` attribute.\n   * @default false\n   */\n  readonly directory?: MaybeSignal<boolean>;\n\n  /**\n   * Custom validation predicate called for each selected file.\n   * Return `true` to keep the file, `false` to reject it.\n   *\n   * When provided, the `accept` option is ignored — the validator\n   * takes full responsibility for deciding which files are valid.\n   *\n   * @example\n   * ```typescript\n   * fileDialog({\n   *   validator: (file) => file.size <= 5 * 1024 * 1024, // max 5 MB\n   * });\n   * ```\n   */\n  readonly validator?: (file: File) => boolean;\n\n  /**\n   * Callback invoked with files that were rejected during selection.\n   * Useful for showing toast notifications or validation errors.\n   *\n   * @example\n   * ```typescript\n   * fileDialog({\n   *   accept: 'image/*',\n   *   onReject: (rejected) => {\n   *     rejected.forEach(f => toast.error(`${f.name} is not valid`));\n   *   },\n   * });\n   * ```\n   */\n  readonly onReject?: (files: File[]) => void;\n}\n\nexport interface FileDialogRef {\n  /**\n   * List of files selected via the file dialog.\n   * A `WritableSignal` — can be reset externally (e.g. `files.set([])`).\n   * Re-filtered automatically when `accept` or `multiple` options change reactively.\n   *\n   * @see [File API on MDN](https://developer.mozilla.org/en-US/docs/Web/API/File)\n   */\n  readonly files: WritableSignal<File[]>;\n\n  /**\n   * Open the native file picker dialog.\n   */\n  readonly open: () => void;\n}\n\n/**\n * Signal-based utility for programmatically opening the native file picker dialog.\n *\n * @param options - Optional configuration\n * @returns A {@link FileDialogRef} with `files` signal and `open` method\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <button (click)=\"fd.open()\">Select Files</button>\n *     @for (file of fd.files(); track file.name) {\n *       <p>{{ file.name }} ({{ file.size }} bytes)</p>\n *     }\n *   `\n * })\n * export class FileUpload {\n *   readonly fd = fileDialog({ accept: 'image/*' });\n * }\n * ```\n */\nexport function fileDialog(options?: FileDialogOptions): FileDialogRef {\n  const { runInContext } = setupContext(options?.injector, fileDialog);\n\n  return runInContext(({ isBrowser }) => {\n    if (!isBrowser) {\n      return {\n        files: signal<File[]>([]),\n        open: NOOP_FN,\n      };\n    }\n\n    const accept = options?.accept ?? '*';\n    const multiple = options?.multiple ?? true;\n    const capture = options?.capture ?? '';\n    const directory = options?.directory ?? false;\n    const validatorFn = options?.validator;\n    const onReject = options?.onReject;\n\n    const files = signal<File[]>([]);\n\n    let inputEl: HTMLInputElement | null = null;\n\n    const processFiles = (raw: File[]) => {\n      const accepted: File[] = [];\n      const rejected: File[] = [];\n      const acceptValue = toValue(accept);\n      const multipleValue = toValue(multiple);\n\n      const isAccepted = validatorFn\n        ? validatorFn\n        : (file: File) => isAcceptedFile(file, acceptValue);\n\n      for (const file of raw) {\n        if (isAccepted(file)) {\n          accepted.push(file);\n          if (!multipleValue) {\n            break;\n          }\n        } else {\n          rejected.push(file);\n        }\n      }\n\n      if (onReject && rejected.length > 0) {\n        onReject(rejected);\n      }\n\n      files.set(accepted);\n    };\n\n    const createInput = (): HTMLInputElement => {\n      const el = document.createElement('input');\n      el.type = 'file';\n      el.onchange = e => {\n        const fileList = (e.currentTarget as HTMLInputElement).files;\n        processFiles(fileList ? Array.from(fileList) : []);\n      };\n      return el;\n    };\n\n    const open = (): void => {\n      untracked(() => {\n        inputEl ??= createInput();\n\n        inputEl.value = '';\n        inputEl.multiple = toValue(multiple);\n        inputEl.accept = toValue(accept);\n\n        const directoriesOnly = toValue(directory);\n        if (directoriesOnly) {\n          inputEl.webkitdirectory = true;\n        }\n\n        const captureValue = toValue(capture);\n        if (captureValue) {\n          inputEl.capture = captureValue;\n        }\n\n        inputEl.click();\n      });\n    };\n\n    const filters = [accept, multiple, validatorFn].filter(isSignal) as Signal<any>[];\n\n    if (filters.length) {\n      watcher(filters, () => processFiles(files()));\n    }\n\n    return {\n      files,\n      open,\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-fps.mjs

@@ -16,7 +16,7 @@ import { setupContext, NOOP_FN, constSignal, createToken } from '@signality/core
  *     <button (click)="fpsMonitor.start()">Start</button>
  *   `
  * })
- * class FpsComponent {
+ * export class FpsMonitor {
  *   readonly fpsMonitor = fps();
  * }
  * ```

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

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-fps.mjs","sources":["../../../projects/core/browser/fps/index.ts","../../../projects/core/browser/fps/signality-core-browser-fps.ts"],"sourcesContent":["import { type Signal, signal, untracked } from '@angular/core';\nimport { constSignal, createToken, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface FpsOptions extends WithInjector {\n  /**\n   * Start monitoring immediately.\n   * @default true\n   */\n  readonly immediate?: boolean;\n\n  /**\n   * Number of frames to average.\n   * @default 60\n   */\n  readonly sampleSize?: number;\n}\n\nexport interface FpsRef {\n  /** Current frames per second */\n  readonly fps: Signal<number>;\n\n  /** Whether monitoring is active */\n  readonly isRunning: Signal<boolean>;\n\n  /** Start FPS monitoring */\n  readonly start: () => void;\n\n  /** Stop FPS monitoring */\n  readonly stop: () => void;\n}\n\n/**\n * Reactive FPS monitor using requestAnimationFrame.\n *\n * @param options - Configuration options\n * @returns An FpsRef with fps signal and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>FPS: {{ fpsMonitor.fps() }}</p>\n *     <button (click)=\"fpsMonitor.stop()\">Stop</button>\n *     <button (click)=\"fpsMonitor.start()\">Start</button>\n *   `\n * })\n * class FpsComponent {\n *   readonly fpsMonitor = fps();\n * }\n * ```\n */\nexport function fps(options?: FpsOptions): FpsRef {\n  const { runInContext } = setupContext(options?.injector, fps);\n\n  return runInContext(({ isServer, onCleanup }) => {\n    if (isServer) {\n      return {\n        fps: constSignal(0),\n        isRunning: constSignal(false),\n        start: NOOP_FN,\n        stop: NOOP_FN,\n      };\n    }\n\n    const immediate = options?.immediate ?? true;\n    const sampleSize = options?.sampleSize ?? 60;\n\n    const fpsValue = signal(0);\n    const isRunning = signal(false);\n\n    let frameId: number | undefined;\n    let lastTime = performance.now();\n    let frameCount = 0;\n    let frameTimes: number[] = [];\n\n    const loop = (currentTime: number) => {\n      const delta = currentTime - lastTime;\n      lastTime = currentTime;\n\n      if (delta > 0) {\n        frameTimes.push(1000 / delta);\n\n        if (frameTimes.length > sampleSize) {\n          frameTimes.shift();\n        }\n\n        frameCount++;\n\n        if (frameCount >= 10) {\n          const avgFps = frameTimes.reduce((a, b) => a + b, 0) / frameTimes.length;\n          fpsValue.set(Math.round(avgFps));\n          frameCount = 0;\n        }\n      }\n\n      if (untracked(isRunning)) {\n        frameId = requestAnimationFrame(loop);\n      }\n    };\n\n    const start = () => {\n      const running = untracked(isRunning);\n\n      if (running) {\n        return;\n      }\n\n      isRunning.set(true);\n      lastTime = performance.now();\n      frameCount = 0;\n      frameTimes = [];\n      frameId = requestAnimationFrame(loop);\n    };\n\n    const stop = () => {\n      const running = untracked(isRunning);\n\n      if (!running) {\n        return;\n      }\n\n      isRunning.set(false);\n\n      if (frameId !== undefined) {\n        cancelAnimationFrame(frameId);\n        frameId = undefined;\n      }\n    };\n\n    if (immediate) {\n      start();\n    }\n\n    onCleanup(stop);\n\n    return {\n      fps: fpsValue.asReadonly(),\n      isRunning: isRunning.asReadonly(),\n      start,\n      stop,\n    };\n  });\n}\n\nexport const FPS = /* @__PURE__ */ createToken(fps);\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-fps.mjs","sources":["../../../projects/core/browser/fps/index.ts","../../../projects/core/browser/fps/signality-core-browser-fps.ts"],"sourcesContent":["import { type Signal, signal, untracked } from '@angular/core';\nimport { constSignal, createToken, NOOP_FN, setupContext } from '@signality/core/internal';\nimport type { WithInjector } from '@signality/core/types';\n\nexport interface FpsOptions extends WithInjector {\n  /**\n   * Start monitoring immediately.\n   * @default true\n   */\n  readonly immediate?: boolean;\n\n  /**\n   * Number of frames to average.\n   * @default 60\n   */\n  readonly sampleSize?: number;\n}\n\nexport interface FpsRef {\n  /** Current frames per second */\n  readonly fps: Signal<number>;\n\n  /** Whether monitoring is active */\n  readonly isRunning: Signal<boolean>;\n\n  /** Start FPS monitoring */\n  readonly start: () => void;\n\n  /** Stop FPS monitoring */\n  readonly stop: () => void;\n}\n\n/**\n * Reactive FPS monitor using requestAnimationFrame.\n *\n * @param options - Configuration options\n * @returns An FpsRef with fps signal and control methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     <p>FPS: {{ fpsMonitor.fps() }}</p>\n *     <button (click)=\"fpsMonitor.stop()\">Stop</button>\n *     <button (click)=\"fpsMonitor.start()\">Start</button>\n *   `\n * })\n * export class FpsMonitor {\n *   readonly fpsMonitor = fps();\n * }\n * ```\n */\nexport function fps(options?: FpsOptions): FpsRef {\n  const { runInContext } = setupContext(options?.injector, fps);\n\n  return runInContext(({ isServer, onCleanup }) => {\n    if (isServer) {\n      return {\n        fps: constSignal(0),\n        isRunning: constSignal(false),\n        start: NOOP_FN,\n        stop: NOOP_FN,\n      };\n    }\n\n    const immediate = options?.immediate ?? true;\n    const sampleSize = options?.sampleSize ?? 60;\n\n    const fpsValue = signal(0);\n    const isRunning = signal(false);\n\n    let frameId: number | undefined;\n    let lastTime = performance.now();\n    let frameCount = 0;\n    let frameTimes: number[] = [];\n\n    const loop = (currentTime: number) => {\n      const delta = currentTime - lastTime;\n      lastTime = currentTime;\n\n      if (delta > 0) {\n        frameTimes.push(1000 / delta);\n\n        if (frameTimes.length > sampleSize) {\n          frameTimes.shift();\n        }\n\n        frameCount++;\n\n        if (frameCount >= 10) {\n          const avgFps = frameTimes.reduce((a, b) => a + b, 0) / frameTimes.length;\n          fpsValue.set(Math.round(avgFps));\n          frameCount = 0;\n        }\n      }\n\n      if (untracked(isRunning)) {\n        frameId = requestAnimationFrame(loop);\n      }\n    };\n\n    const start = () => {\n      const running = untracked(isRunning);\n\n      if (running) {\n        return;\n      }\n\n      isRunning.set(true);\n      lastTime = performance.now();\n      frameCount = 0;\n      frameTimes = [];\n      frameId = requestAnimationFrame(loop);\n    };\n\n    const stop = () => {\n      const running = untracked(isRunning);\n\n      if (!running) {\n        return;\n      }\n\n      isRunning.set(false);\n\n      if (frameId !== undefined) {\n        cancelAnimationFrame(frameId);\n        frameId = undefined;\n      }\n    };\n\n    if (immediate) {\n      start();\n    }\n\n    onCleanup(stop);\n\n    return {\n      fps: fpsValue.asReadonly(),\n      isRunning: isRunning.asReadonly(),\n      start,\n      stop,\n    };\n  });\n}\n\nexport const FPS = /* @__PURE__ */ createToken(fps);\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-fullscreen.mjs

@@ -0,0 +1,113 @@
+import { signal, untracked } from '@angular/core';
+import { setupContext, constSignal, NOOP_ASYNC_FN, toElement } from '@signality/core/internal';
+import { setupSync, listener } from '@signality/core/browser/listener';
+
+/**
+ * Signal-based wrapper around the [Fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API).
+ *
+ * @param options - Optional configuration including target element and injector
+ * @returns A {@link FullscreenRef} with `isSupported`, `isActive` signals and `enter`/`exit`/`toggle` methods
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     @if (fs.isSupported()) {
+ *       <button (click)="fs.toggle()">Toggle Fullscreen</button>
+ *       <p>Active: {{ fs.isActive() }}</p>
+ *     }
+ *   `
+ * })
+ * export class FullscreenDemo {
+ *   readonly fs = fullscreen();
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Fullscreen a specific element
+ * @Component({
+ *   template: `
+ *     <div #container>
+ *       <p>This content can go fullscreen</p>
+ *       <button (click)="fs.toggle()">Toggle</button>
+ *     </div>
+ *   `
+ * })
+ * export class ElementFullscreen {
+ *   readonly container = viewChild<ElementRef>('container');
+ *   readonly fs = fullscreen({ target: this.container });
+ * }
+ * ```
+ */
+function fullscreen(options) {
+    const { runInContext } = setupContext(options?.injector, fullscreen);
+    return runInContext(({ isBrowser }) => {
+        const isSupported = constSignal(isBrowser && 'fullscreenEnabled' in document && document.fullscreenEnabled);
+        if (!isSupported()) {
+            return {
+                isSupported,
+                isActive: constSignal(false),
+                enter: NOOP_ASYNC_FN,
+                exit: NOOP_ASYNC_FN,
+                toggle: NOOP_ASYNC_FN,
+            };
+        }
+        const target = options?.target ?? document.documentElement;
+        const isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+        const enter = async () => {
+            const el = toElement.untracked(target);
+            if (el && document.fullscreenElement !== el) {
+                try {
+                    await el.requestFullscreen();
+                }
+                catch (error) {
+                    if (ngDevMode) {
+                        console.warn(`[fullscreen] Failed to enter fullscreen mode.`, error);
+                    }
+                }
+            }
+        };
+        const exit = async () => {
+            const el = toElement.untracked(target);
+            if (el && document.fullscreenElement === el) {
+                try {
+                    await document.exitFullscreen();
+                }
+                catch (error) {
+                    if (ngDevMode) {
+                        console.warn(`[fullscreen] Failed to exit fullscreen mode.`, error);
+                    }
+                }
+            }
+        };
+        const toggle = async () => {
+            if (untracked(isActive)) {
+                await exit();
+            }
+            else {
+                await enter();
+            }
+        };
+        setupSync(() => {
+            listener(document, 'fullscreenchange', () => {
+                const el = toElement.untracked(target);
+                isActive.set(document.fullscreenElement != null && document.fullscreenElement === el);
+            });
+        });
+        return {
+            isSupported,
+            isActive: isActive.asReadonly(),
+            enter,
+            exit,
+            toggle,
+        };
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { fullscreen };
+//# sourceMappingURL=signality-core-browser-fullscreen.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"signality-core-browser-fullscreen.mjs","sources":["../../../projects/core/browser/fullscreen/index.ts","../../../projects/core/browser/fullscreen/signality-core-browser-fullscreen.ts"],"sourcesContent":["import { signal, type Signal, untracked } from '@angular/core';\nimport { constSignal, NOOP_ASYNC_FN, setupContext, toElement } from '@signality/core/internal';\nimport type { MaybeElementSignal, WithInjector } from '@signality/core/types';\nimport { listener, setupSync } from '@signality/core/browser/listener';\n\nexport interface FullscreenOptions extends WithInjector {\n  /**\n   * Element to make fullscreen.\n   * @default document.documentElement\n   */\n  readonly target?: MaybeElementSignal<Element>;\n}\n\nexport interface FullscreenRef {\n  /**\n   * Whether the Fullscreen API is supported in the current browser.\n   *\n   * @see [Fullscreen API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Whether the target element is currently displayed in fullscreen mode.\n   *\n   * @see [Document: fullscreenElement on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/fullscreenElement)\n   */\n  readonly isActive: Signal<boolean>;\n\n  /**\n   * Enter fullscreen mode for the target element.\n   *\n   * @see [Element: requestFullscreen() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen)\n   */\n  readonly enter: () => Promise<void>;\n\n  /**\n   * Exit fullscreen mode.\n   *\n   * @see [Document: exitFullscreen() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/exitFullscreen)\n   */\n  readonly exit: () => Promise<void>;\n\n  /**\n   * Toggle fullscreen mode — enters if inactive, exits if active.\n   */\n  readonly toggle: () => Promise<void>;\n}\n\n/**\n * Signal-based wrapper around the [Fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API).\n *\n * @param options - Optional configuration including target element and injector\n * @returns A {@link FullscreenRef} with `isSupported`, `isActive` signals and `enter`/`exit`/`toggle` methods\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (fs.isSupported()) {\n *       <button (click)=\"fs.toggle()\">Toggle Fullscreen</button>\n *       <p>Active: {{ fs.isActive() }}</p>\n *     }\n *   `\n * })\n * export class FullscreenDemo {\n *   readonly fs = fullscreen();\n * }\n * ```\n *\n * @example\n * ```typescript\n * // Fullscreen a specific element\n * @Component({\n *   template: `\n *     <div #container>\n *       <p>This content can go fullscreen</p>\n *       <button (click)=\"fs.toggle()\">Toggle</button>\n *     </div>\n *   `\n * })\n * export class ElementFullscreen {\n *   readonly container = viewChild<ElementRef>('container');\n *   readonly fs = fullscreen({ target: this.container });\n * }\n * ```\n */\nexport function fullscreen(options?: FullscreenOptions): FullscreenRef {\n  const { runInContext } = setupContext(options?.injector, fullscreen);\n\n  return runInContext(({ isBrowser }) => {\n    const isSupported = constSignal(\n      isBrowser && 'fullscreenEnabled' in document && document.fullscreenEnabled\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 target = options?.target ?? document.documentElement;\n\n    const isActive = signal(false);\n\n    const enter = async (): Promise<void> => {\n      const el = toElement.untracked(target);\n\n      if (el && document.fullscreenElement !== el) {\n        try {\n          await el.requestFullscreen();\n        } catch (error) {\n          if (ngDevMode) {\n            console.warn(`[fullscreen] Failed to enter fullscreen mode.`, error);\n          }\n        }\n      }\n    };\n\n    const exit = async (): Promise<void> => {\n      const el = toElement.untracked(target);\n\n      if (el && document.fullscreenElement === el) {\n        try {\n          await document.exitFullscreen();\n        } catch (error) {\n          if (ngDevMode) {\n            console.warn(`[fullscreen] Failed to exit fullscreen 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    setupSync(() => {\n      listener(document, 'fullscreenchange', () => {\n        const el = toElement.untracked(target);\n        isActive.set(document.fullscreenElement != null && document.fullscreenElement === el);\n      });\n    });\n\n    return {\n      isSupported,\n      isActive: isActive.asReadonly(),\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":";;;;AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;AACG,SAAU,UAAU,CAAC,OAA2B,EAAA;AACpD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;AAEpE,IAAA,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,KAAI;AACpC,QAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,SAAS,IAAI,mBAAmB,IAAI,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAC3E;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;QAEA,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,IAAI,QAAQ,CAAC,eAAe;AAE1D,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AAE9B,QAAA,MAAM,KAAK,GAAG,YAA0B;YACtC,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;YAEtC,IAAI,EAAE,IAAI,QAAQ,CAAC,iBAAiB,KAAK,EAAE,EAAE;AAC3C,gBAAA,IAAI;AACF,oBAAA,MAAM,EAAE,CAAC,iBAAiB,EAAE;gBAC9B;gBAAE,OAAO,KAAK,EAAE;oBACd,IAAI,SAAS,EAAE;AACb,wBAAA,OAAO,CAAC,IAAI,CAAC,+CAA+C,EAAE,KAAK,CAAC;oBACtE;gBACF;YACF;AACF,QAAA,CAAC;AAED,QAAA,MAAM,IAAI,GAAG,YAA0B;YACrC,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;YAEtC,IAAI,EAAE,IAAI,QAAQ,CAAC,iBAAiB,KAAK,EAAE,EAAE;AAC3C,gBAAA,IAAI;AACF,oBAAA,MAAM,QAAQ,CAAC,cAAc,EAAE;gBACjC;gBAAE,OAAO,KAAK,EAAE;oBACd,IAAI,SAAS,EAAE;AACb,wBAAA,OAAO,CAAC,IAAI,CAAC,8CAA8C,EAAE,KAAK,CAAC;oBACrE;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;QAED,SAAS,CAAC,MAAK;AACb,YAAA,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAK;gBAC1C,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;AACtC,gBAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,iBAAiB,IAAI,IAAI,IAAI,QAAQ,CAAC,iBAAiB,KAAK,EAAE,CAAC;AACvF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QAEF,OAAO;YACL,WAAW;AACX,YAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;YAC/B,KAAK;YACL,IAAI;YACJ,MAAM;SACP;AACH,IAAA,CAAC,CAAC;AACJ;;AC/JA;;AAEG;;;;"}

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

@@ -3,16 +3,26 @@ import { setupContext, constSignal } from '@signality/core/internal';
 import { setupSync, listener } from '@signality/core/browser/listener';
 
 /**
- * Signal-based wrapper around the Gamepad API.
+ * Signal-based wrapper around the [Gamepad API](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API).
  *
  * @param options - Optional injector for DI context
  * @returns A GamepadRef with gamepad state signals
  *
  * @example
  * ```typescript
- * const gp = gamepad();
- *
- * // In template: @for (pad of gp.gamepads(); track pad?.index) { ... }
+ * @Component({
+ *   template: `
+ *     @if (gp.isSupported()) {
+ *       @for (pad of gp.gamepads(); track pad?.index) {
+ *         <p>{{ pad?.id }}</p>
+ *       }
+ *       <p>Axes: {{ gp.axes() }}</p>
+ *     }
+ *   `
+ * })
+ * export class GamepadDemo {
+ *   readonly gp = gamepad();
+ * }
  * ```
  */
 function gamepad(options) {

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

@@ -1 +1 @@
-{"version":3,"file":"signality-core-browser-gamepad.mjs","sources":["../../../projects/core/browser/gamepad/index.ts","../../../projects/core/browser/gamepad/signality-core-browser-gamepad.ts"],"sourcesContent":["import { computed, signal, type 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 GamepadRef {\n  /** Whether Gamepad API is supported */\n  readonly isSupported: Signal<boolean>;\n\n  /** Array of connected gamepads */\n  readonly gamepads: Signal<(Gamepad | null)[]>;\n\n  /** First connected gamepad */\n  readonly activeGamepad: Signal<Gamepad | undefined>;\n\n  /** Axes values of active gamepad */\n  readonly axes: Signal<readonly number[]>;\n\n  /** Button states of active gamepad */\n  readonly buttons: Signal<readonly GamepadButton[]>;\n}\n\n/**\n * Signal-based wrapper around the Gamepad API.\n *\n * @param options - Optional injector for DI context\n * @returns A GamepadRef with gamepad state signals\n *\n * @example\n * ```typescript\n * const gp = gamepad();\n *\n * // In template: @for (pad of gp.gamepads(); track pad?.index) { ... }\n * ```\n */\nexport function gamepad(options?: WithInjector): GamepadRef {\n  const { runInContext } = setupContext(options?.injector, gamepad);\n\n  return runInContext(({ onCleanup, isBrowser }) => {\n    const isSupported = constSignal(isBrowser && 'getGamepads' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        gamepads: constSignal([]),\n        activeGamepad: constSignal(undefined),\n        axes: constSignal([]),\n        buttons: constSignal([]),\n      };\n    }\n\n    const getGamepads = () => {\n      try {\n        const pads = navigator.getGamepads();\n        return [...pads];\n      } catch (error) {\n        if (ngDevMode) {\n          console.warn(`[gamepad] Failed to get gamepads.`, error);\n        }\n        return [];\n      }\n    };\n\n    const gamepads = signal<(Gamepad | null)[]>(getGamepads());\n    const activeGamepad = computed(() => gamepads().find(gp => gp !== null) ?? undefined);\n    const axes = computed(() => activeGamepad()?.axes ?? []);\n    const buttons = computed(() => activeGamepad()?.buttons ?? []);\n\n    let animationFrameId: number | null = null;\n\n    const pollGamepads = () => {\n      gamepads.set(getGamepads());\n      animationFrameId = requestAnimationFrame(pollGamepads);\n    };\n\n    const onGamepadConnected = () => {\n      gamepads.set(getGamepads());\n\n      if (animationFrameId === null) {\n        pollGamepads();\n      }\n    };\n\n    const onGamepadDisconnected = () => {\n      gamepads.set(getGamepads());\n\n      const hasGamepads = gamepads().some(gp => gp !== null);\n\n      if (!hasGamepads && animationFrameId !== null) {\n        cancelAnimationFrame(animationFrameId);\n        animationFrameId = null;\n      }\n    };\n\n    setupSync(() => {\n      listener.passive(window, 'gamepadconnected', onGamepadConnected);\n      listener.passive(window, 'gamepaddisconnected', onGamepadDisconnected);\n    });\n\n    if (gamepads().some(gp => gp !== null)) {\n      pollGamepads();\n    }\n\n    onCleanup(() => {\n      if (animationFrameId !== null) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    });\n\n    return {\n      isSupported,\n      gamepads: gamepads.asReadonly(),\n      activeGamepad,\n      axes,\n      buttons,\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-gamepad.mjs","sources":["../../../projects/core/browser/gamepad/index.ts","../../../projects/core/browser/gamepad/signality-core-browser-gamepad.ts"],"sourcesContent":["import { computed, signal, type 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 GamepadRef {\n  /**\n   * Whether the Gamepad API is supported in the current browser.\n   *\n   * @see [Gamepad API browser compatibility on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API#browser_compatibility)\n   */\n  readonly isSupported: Signal<boolean>;\n\n  /**\n   * Array of all connected gamepads. Indices match the gamepad's `index` property. May contain `null` for disconnected slots.\n   *\n   * @see [Navigator: getGamepads() on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getGamepads)\n   */\n  readonly gamepads: Signal<(Gamepad | null)[]>;\n\n  /**\n   * The first connected gamepad, or `undefined` if none are connected.\n   *\n   * @see [Gamepad on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad)\n   */\n  readonly activeGamepad: Signal<Gamepad | undefined>;\n\n  /**\n   * Axes values of the active gamepad. Each value is in the range `[-1, 1]`.\n   *\n   * @see [Gamepad: axes on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad/axes)\n   */\n  readonly axes: Signal<readonly number[]>;\n\n  /**\n   * Button states of the active gamepad.\n   *\n   * @see [Gamepad: buttons on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad/buttons)\n   */\n  readonly buttons: Signal<readonly GamepadButton[]>;\n}\n\n/**\n * Signal-based wrapper around the [Gamepad API](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API).\n *\n * @param options - Optional injector for DI context\n * @returns A GamepadRef with gamepad state signals\n *\n * @example\n * ```typescript\n * @Component({\n *   template: `\n *     @if (gp.isSupported()) {\n *       @for (pad of gp.gamepads(); track pad?.index) {\n *         <p>{{ pad?.id }}</p>\n *       }\n *       <p>Axes: {{ gp.axes() }}</p>\n *     }\n *   `\n * })\n * export class GamepadDemo {\n *   readonly gp = gamepad();\n * }\n * ```\n */\nexport function gamepad(options?: WithInjector): GamepadRef {\n  const { runInContext } = setupContext(options?.injector, gamepad);\n\n  return runInContext(({ onCleanup, isBrowser }) => {\n    const isSupported = constSignal(isBrowser && 'getGamepads' in navigator);\n\n    if (!isSupported()) {\n      return {\n        isSupported,\n        gamepads: constSignal([]),\n        activeGamepad: constSignal(undefined),\n        axes: constSignal([]),\n        buttons: constSignal([]),\n      };\n    }\n\n    const getGamepads = () => {\n      try {\n        const pads = navigator.getGamepads();\n        return [...pads];\n      } catch (error) {\n        if (ngDevMode) {\n          console.warn(`[gamepad] Failed to get gamepads.`, error);\n        }\n        return [];\n      }\n    };\n\n    const gamepads = signal<(Gamepad | null)[]>(getGamepads());\n    const activeGamepad = computed(() => gamepads().find(gp => gp !== null) ?? undefined);\n    const axes = computed(() => activeGamepad()?.axes ?? []);\n    const buttons = computed(() => activeGamepad()?.buttons ?? []);\n\n    let animationFrameId: number | null = null;\n\n    const pollGamepads = () => {\n      gamepads.set(getGamepads());\n      animationFrameId = requestAnimationFrame(pollGamepads);\n    };\n\n    const onGamepadConnected = () => {\n      gamepads.set(getGamepads());\n\n      if (animationFrameId === null) {\n        pollGamepads();\n      }\n    };\n\n    const onGamepadDisconnected = () => {\n      gamepads.set(getGamepads());\n\n      const hasGamepads = gamepads().some(gp => gp !== null);\n\n      if (!hasGamepads && animationFrameId !== null) {\n        cancelAnimationFrame(animationFrameId);\n        animationFrameId = null;\n      }\n    };\n\n    setupSync(() => {\n      listener.passive(window, 'gamepadconnected', onGamepadConnected);\n      listener.passive(window, 'gamepaddisconnected', onGamepadDisconnected);\n    });\n\n    if (gamepads().some(gp => gp !== null)) {\n      pollGamepads();\n    }\n\n    onCleanup(() => {\n      if (animationFrameId !== null) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    });\n\n    return {\n      isSupported,\n      gamepads: gamepads.asReadonly(),\n      activeGamepad,\n      axes,\n      buttons,\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-geolocation.mjs

@@ -1,5 +1,7 @@
 import { signal, untracked, computed } from '@angular/core';
 import { setupContext, constSignal, NOOP_FN } from '@signality/core/internal';
+import { watcher } from '@signality/core/reactivity/watcher';
+import { permissionState } from '@signality/core/browser/permission-state';
 
 /**
  * Signal-based wrapper around the [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API).
@@ -19,7 +21,7 @@ import { setupContext, constSignal, NOOP_FN } from '@signality/core/internal';
  *     <button (click)="geo.stop()">Stop</button>
  *     <button (click)="geo.start()">Start</button>
  * })
- * class LocationComponent {
+ * export class LocationDemo {
  *   readonly geo = geolocation();
  * }
  * ```
@@ -39,7 +41,7 @@ function geolocation(options) {
                 stop: NOOP_FN,
             };
         }
-        const immediate = options?.immediate ?? true;
+        const immediate = options?.immediate ?? false;
         const positionOptions = {
             enableHighAccuracy: options?.enableHighAccuracy ?? true,
             maximumAge: options?.maximumAge ?? 0,
@@ -78,24 +80,11 @@ function geolocation(options) {
                 isLoading.set(false);
             });
         };
-        const abortController = new AbortController();
-        onCleanup(() => {
-            abortController.abort();
-            stop();
-        });
-        navigator.permissions.query({ name: 'geolocation' }).then(status => {
-            if (abortController.signal.aborted) {
-                return;
+        onCleanup(stop);
+        watcher(permissionState('geolocation'), state => {
+            if (state === 'denied') {
+                stop();
             }
-            const check = () => {
-                if (status.state === 'denied') {
-                    stop();
-                }
-            };
-            check();
-            status.addEventListener('change', check, {
-                signal: abortController.signal,
-            });
         });
         if (immediate) {
             start();