@angular-helpers/browser-web-apis 21.2.0 → 21.3.0

package/fesm2022/angular-helpers-browser-web-apis.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, DestroyRef, PLATFORM_ID, signal, computed, ElementRef, makeEnvironmentProviders } from '@angular/core';
+import { Injectable, inject, DestroyRef, PLATFORM_ID, signal, computed, isSignal, effect, ElementRef, makeEnvironmentProviders } from '@angular/core';
 import { isPlatformBrowser, isPlatformServer } from '@angular/common';
 import { Observable, fromEvent, Subject, of, map as map$1 } from 'rxjs';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
@@ -493,6 +493,18 @@ const BROWSER_CAPABILITIES = [
     { id: 'serverSentEvents', label: 'Server-Sent Events', requiresSecureContext: false },
     { id: 'vibration', label: 'Vibration API', requiresSecureContext: false },
     { id: 'speechSynthesis', label: 'Speech Synthesis API', requiresSecureContext: false },
+    { id: 'mutationObserver', label: 'Mutation Observer', requiresSecureContext: false },
+    { id: 'performanceObserver', label: 'Performance Observer', requiresSecureContext: false },
+    { id: 'idleDetector', label: 'Idle Detection API', requiresSecureContext: true },
+    { id: 'eyeDropper', label: 'EyeDropper API', requiresSecureContext: true },
+    { id: 'barcodeDetector', label: 'Barcode Detection API', requiresSecureContext: true },
+    { id: 'webAudio', label: 'Web Audio API', requiresSecureContext: false },
+    { id: 'gamepad', label: 'Gamepad API', requiresSecureContext: true },
+    { id: 'webBluetooth', label: 'Web Bluetooth API', requiresSecureContext: true },
+    { id: 'webUsb', label: 'WebUSB API', requiresSecureContext: true },
+    { id: 'webNfc', label: 'Web NFC API', requiresSecureContext: true },
+    { id: 'paymentRequest', label: 'Payment Request API', requiresSecureContext: true },
+    { id: 'credentialManagement', label: 'Credential Management API', requiresSecureContext: true },
 ];
 class BrowserCapabilityService {
     getCapabilities() {
@@ -553,6 +565,30 @@ class BrowserCapabilityService {
                 return typeof navigator !== 'undefined' && 'vibrate' in navigator;
             case 'speechSynthesis':
                 return typeof window !== 'undefined' && 'speechSynthesis' in window;
+            case 'mutationObserver':
+                return typeof MutationObserver !== 'undefined';
+            case 'performanceObserver':
+                return typeof PerformanceObserver !== 'undefined';
+            case 'idleDetector':
+                return typeof window !== 'undefined' && 'IdleDetector' in window;
+            case 'eyeDropper':
+                return typeof window !== 'undefined' && 'EyeDropper' in window;
+            case 'barcodeDetector':
+                return typeof window !== 'undefined' && 'BarcodeDetector' in window;
+            case 'webAudio':
+                return typeof window !== 'undefined' && 'AudioContext' in window;
+            case 'gamepad':
+                return typeof navigator !== 'undefined' && 'getGamepads' in navigator;
+            case 'webBluetooth':
+                return typeof navigator !== 'undefined' && 'bluetooth' in navigator;
+            case 'webUsb':
+                return typeof navigator !== 'undefined' && 'usb' in navigator;
+            case 'webNfc':
+                return typeof window !== 'undefined' && 'NDEFReader' in window;
+            case 'paymentRequest':
+                return typeof window !== 'undefined' && 'PaymentRequest' in window;
+            case 'credentialManagement':
+                return typeof navigator !== 'undefined' && 'credentials' in navigator;
             default:
                 return false;
         }
@@ -2237,6 +2273,672 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
+const DEFAULT_OPTIONS = {
+    childList: true,
+    attributes: true,
+    characterData: false,
+    subtree: true,
+};
+function isMutationObserverSupported() {
+    return typeof MutationObserver !== 'undefined';
+}
+function mutationObserverStream(element, options = DEFAULT_OPTIONS) {
+    return new Observable((subscriber) => {
+        const observer = new MutationObserver((mutations) => {
+            subscriber.next(mutations);
+        });
+        observer.observe(element, options);
+        return () => observer.disconnect();
+    });
+}
+
+class MutationObserverService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && isMutationObserverSupported();
+    }
+    observe(target, options) {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('MutationObserver API not supported')));
+        }
+        return mutationObserverStream(target, options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MutationObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MutationObserverService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MutationObserverService, decorators: [{
+            type: Injectable
+        }] });
+
+function isPerformanceObserverSupported() {
+    return typeof PerformanceObserver !== 'undefined';
+}
+function performanceObserverStream(config) {
+    return new Observable((subscriber) => {
+        const observer = new PerformanceObserver((list) => {
+            subscriber.next(list.getEntries());
+        });
+        if (config.type) {
+            observer.observe({ type: config.type, buffered: config.buffered ?? true });
+        }
+        else if (config.entryTypes) {
+            observer.observe({ entryTypes: config.entryTypes });
+        }
+        return () => observer.disconnect();
+    });
+}
+
+class PerformanceObserverService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && isPerformanceObserverSupported();
+    }
+    observe(config) {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('PerformanceObserver API not supported')));
+        }
+        return performanceObserverStream(config);
+    }
+    observeByType(type, buffered = true) {
+        return this.observe({ type, buffered });
+    }
+    getSupportedEntryTypes() {
+        if (!this.isSupported())
+            return [];
+        return (PerformanceObserver.supportedEntryTypes ?? []);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PerformanceObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PerformanceObserverService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PerformanceObserverService, decorators: [{
+            type: Injectable
+        }] });
+
+function getIdleDetectorClass$1() {
+    return window.IdleDetector;
+}
+class IdleDetectorService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'IdleDetector' in window;
+    }
+    async requestPermission() {
+        if (!this.isSupported()) {
+            throw new Error('IdleDetector API not supported');
+        }
+        return getIdleDetectorClass$1().requestPermission();
+    }
+    watch(options = {}) {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('IdleDetector API not supported')));
+        }
+        return new Observable((subscriber) => {
+            const abortController = new AbortController();
+            const detector = new (getIdleDetectorClass$1())();
+            detector.addEventListener('change', () => {
+                subscriber.next({
+                    user: detector.userState,
+                    screen: detector.screenState,
+                });
+            });
+            detector
+                .start({
+                threshold: options.threshold ?? 60_000,
+                signal: abortController.signal,
+            })
+                .catch((err) => subscriber.error(err));
+            return () => abortController.abort();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IdleDetectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IdleDetectorService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IdleDetectorService, decorators: [{
+            type: Injectable
+        }] });
+
+function getEyeDropperClass() {
+    return window.EyeDropper;
+}
+class EyeDropperService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'EyeDropper' in window;
+    }
+    async open(signal) {
+        if (!this.isSupported()) {
+            throw new Error('EyeDropper API not supported');
+        }
+        const dropper = new (getEyeDropperClass())();
+        return dropper.open(signal ? { signal } : undefined);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EyeDropperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EyeDropperService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EyeDropperService, decorators: [{
+            type: Injectable
+        }] });
+
+function getBarcodeDetectorClass() {
+    return window.BarcodeDetector;
+}
+class BarcodeDetectorService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'BarcodeDetector' in window;
+    }
+    async getSupportedFormats() {
+        if (!this.isSupported())
+            return [];
+        return getBarcodeDetectorClass().getSupportedFormats();
+    }
+    async detect(image, formats) {
+        if (!this.isSupported()) {
+            throw new Error('BarcodeDetector API not supported');
+        }
+        const detector = formats
+            ? new (getBarcodeDetectorClass())({ formats })
+            : new (getBarcodeDetectorClass())();
+        return detector.detect(image);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BarcodeDetectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BarcodeDetectorService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BarcodeDetectorService, decorators: [{
+            type: Injectable
+        }] });
+
+class WebAudioService {
+    platformId = inject(PLATFORM_ID);
+    destroyRef = inject(DestroyRef);
+    context = null;
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'AudioContext' in window;
+    }
+    getContext() {
+        if (!this.isSupported()) {
+            throw new Error('Web Audio API not supported');
+        }
+        if (!this.context || this.context.state === 'closed') {
+            this.context = new AudioContext();
+            this.destroyRef.onDestroy(() => this.close());
+        }
+        return this.context;
+    }
+    async resume() {
+        const ctx = this.getContext();
+        if (ctx.state === 'suspended') {
+            await ctx.resume();
+        }
+    }
+    async close() {
+        if (this.context && this.context.state !== 'closed') {
+            await this.context.close();
+            this.context = null;
+        }
+    }
+    getState() {
+        return (this.context?.state ?? 'closed');
+    }
+    createOscillator(type = 'sine', frequency = 440) {
+        const ctx = this.getContext();
+        const oscillator = ctx.createOscillator();
+        oscillator.type = type;
+        oscillator.frequency.value = frequency;
+        return oscillator;
+    }
+    createGain(value = 1) {
+        const ctx = this.getContext();
+        const gain = ctx.createGain();
+        gain.gain.value = value;
+        return gain;
+    }
+    createAnalyser(fftSize = 2048) {
+        const ctx = this.getContext();
+        const analyser = ctx.createAnalyser();
+        analyser.fftSize = fftSize;
+        return analyser;
+    }
+    watchAnalyser(analyser, intervalMs = 50) {
+        return new Observable((subscriber) => {
+            const frequencyData = new Uint8Array(analyser.frequencyBinCount);
+            const timeDomainData = new Uint8Array(analyser.frequencyBinCount);
+            const interval = setInterval(() => {
+                analyser.getByteFrequencyData(frequencyData);
+                analyser.getByteTimeDomainData(timeDomainData);
+                subscriber.next({
+                    frequencyData: new Uint8Array(frequencyData),
+                    timeDomainData: new Uint8Array(timeDomainData),
+                });
+            }, intervalMs);
+            return () => clearInterval(interval);
+        });
+    }
+    async decodeAudioData(arrayBuffer) {
+        const ctx = this.getContext();
+        return ctx.decodeAudioData(arrayBuffer);
+    }
+    playBuffer(buffer, loop = false) {
+        const ctx = this.getContext();
+        const source = ctx.createBufferSource();
+        source.buffer = buffer;
+        source.loop = loop;
+        source.connect(ctx.destination);
+        source.start(0);
+        return source;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebAudioService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebAudioService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebAudioService, decorators: [{
+            type: Injectable
+        }] });
+
+function isGamepadSupported() {
+    return typeof navigator !== 'undefined' && 'getGamepads' in navigator;
+}
+function gamepadSnapshot(index) {
+    const gp = navigator.getGamepads()[index];
+    if (!gp)
+        return null;
+    return {
+        id: gp.id,
+        index: gp.index,
+        connected: gp.connected,
+        buttons: gp.buttons.map((b) => ({ pressed: b.pressed, value: b.value })),
+        axes: Array.from(gp.axes),
+        timestamp: gp.timestamp,
+    };
+}
+function gamepadConnectionStream() {
+    return new Observable((subscriber) => {
+        const onConnect = (e) => {
+            const gp = e.gamepad;
+            subscriber.next({
+                type: 'connected',
+                gamepad: {
+                    id: gp.id,
+                    index: gp.index,
+                    connected: true,
+                    buttons: gp.buttons.map((b) => ({ pressed: b.pressed, value: b.value })),
+                    axes: Array.from(gp.axes),
+                    timestamp: gp.timestamp,
+                },
+            });
+        };
+        const onDisconnect = (e) => {
+            subscriber.next({
+                type: 'disconnected',
+                gamepad: {
+                    id: e.gamepad.id,
+                    index: e.gamepad.index,
+                    connected: false,
+                    buttons: [],
+                    axes: [],
+                    timestamp: e.gamepad.timestamp,
+                },
+            });
+        };
+        window.addEventListener('gamepadconnected', onConnect);
+        window.addEventListener('gamepaddisconnected', onDisconnect);
+        return () => {
+            window.removeEventListener('gamepadconnected', onConnect);
+            window.removeEventListener('gamepaddisconnected', onDisconnect);
+        };
+    });
+}
+function gamepadPollStream(index, intervalMs = 16) {
+    return new Observable((subscriber) => {
+        let rafId;
+        const poll = () => {
+            const state = gamepadSnapshot(index);
+            if (state) {
+                subscriber.next(state);
+            }
+            rafId = requestAnimationFrame(poll);
+        };
+        if (intervalMs <= 16) {
+            rafId = requestAnimationFrame(poll);
+            return () => cancelAnimationFrame(rafId);
+        }
+        const intervalId = setInterval(() => {
+            const state = gamepadSnapshot(index);
+            if (state)
+                subscriber.next(state);
+        }, intervalMs);
+        return () => clearInterval(intervalId);
+    });
+}
+
+class GamepadService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && isGamepadSupported();
+    }
+    getSnapshot(index) {
+        if (!this.isSupported())
+            return null;
+        return gamepadSnapshot(index);
+    }
+    getConnectedGamepads() {
+        if (!this.isSupported())
+            return [];
+        return navigator
+            .getGamepads()
+            .filter((gp) => gp !== null)
+            .map((gp) => ({
+            id: gp.id,
+            index: gp.index,
+            connected: gp.connected,
+            buttons: gp.buttons.map((b) => ({ pressed: b.pressed, value: b.value })),
+            axes: Array.from(gp.axes),
+            timestamp: gp.timestamp,
+        }));
+    }
+    watchConnections() {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('Gamepad API not supported')));
+        }
+        return gamepadConnectionStream();
+    }
+    poll(index, intervalMs = 16) {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('Gamepad API not supported')));
+        }
+        return gamepadPollStream(index, intervalMs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GamepadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GamepadService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GamepadService, decorators: [{
+            type: Injectable
+        }] });
+
+function getBluetooth() {
+    return navigator.bluetooth;
+}
+class WebBluetoothService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && !!getBluetooth();
+    }
+    async requestDevice(options = { acceptAllDevices: true }) {
+        if (!this.isSupported()) {
+            throw new Error('Web Bluetooth API not supported');
+        }
+        return getBluetooth().requestDevice(options);
+    }
+    async connect(device) {
+        if (!device.gatt) {
+            throw new Error('GATT server not available on this device');
+        }
+        return device.gatt.connect();
+    }
+    disconnect(device) {
+        device.gatt?.disconnect();
+    }
+    watchDisconnection(device) {
+        return new Observable((subscriber) => {
+            const handler = () => subscriber.next();
+            device.addEventListener('gattserverdisconnected', handler);
+            return () => device.removeEventListener('gattserverdisconnected', handler);
+        });
+    }
+    async readCharacteristic(server, serviceUuid, characteristicUuid) {
+        const service = await server.getPrimaryService(serviceUuid);
+        const characteristic = await service.getCharacteristic(characteristicUuid);
+        return characteristic.readValue();
+    }
+    async writeCharacteristic(server, serviceUuid, characteristicUuid, value) {
+        const service = await server.getPrimaryService(serviceUuid);
+        const characteristic = await service.getCharacteristic(characteristicUuid);
+        await characteristic.writeValue(value);
+    }
+    watchCharacteristic(server, serviceUuid, characteristicUuid) {
+        return new Observable((subscriber) => {
+            let characteristic;
+            server
+                .getPrimaryService(serviceUuid)
+                .then((service) => service.getCharacteristic(characteristicUuid))
+                .then((char) => {
+                characteristic = char;
+                const handler = (event) => {
+                    const target = event.target;
+                    if (target.value)
+                        subscriber.next(target.value);
+                };
+                characteristic.addEventListener('characteristicvaluechanged', handler);
+                return characteristic.startNotifications();
+            })
+                .catch((err) => subscriber.error(err));
+            return () => {
+                characteristic?.stopNotifications().catch(() => { });
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebBluetoothService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebBluetoothService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebBluetoothService, decorators: [{
+            type: Injectable
+        }] });
+
+function getUsb() {
+    return navigator.usb;
+}
+class WebUsbService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && !!getUsb();
+    }
+    async requestDevice(filters = []) {
+        if (!this.isSupported()) {
+            throw new Error('WebUSB API not supported');
+        }
+        return getUsb().requestDevice({ filters });
+    }
+    async getDevices() {
+        if (!this.isSupported())
+            return [];
+        return getUsb().getDevices();
+    }
+    async open(device) {
+        await device.open();
+    }
+    async close(device) {
+        await device.close();
+    }
+    async selectConfiguration(device, configurationValue) {
+        await device.selectConfiguration(configurationValue);
+    }
+    async claimInterface(device, interfaceNumber) {
+        await device.claimInterface(interfaceNumber);
+    }
+    async releaseInterface(device, interfaceNumber) {
+        await device.releaseInterface(interfaceNumber);
+    }
+    async transferIn(device, endpointNumber, length) {
+        return device.transferIn(endpointNumber, length);
+    }
+    async transferOut(device, endpointNumber, data) {
+        return device.transferOut(endpointNumber, data);
+    }
+    watchConnection() {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('WebUSB API not supported')));
+        }
+        return new Observable((subscriber) => {
+            const usb = getUsb();
+            const onConnect = (e) => subscriber.next({ device: e.device, type: 'connect' });
+            const onDisconnect = (e) => subscriber.next({ device: e.device, type: 'disconnect' });
+            usb.addEventListener('connect', onConnect);
+            usb.addEventListener('disconnect', onDisconnect);
+            return () => {
+                usb.removeEventListener('connect', onConnect);
+                usb.removeEventListener('disconnect', onDisconnect);
+            };
+        });
+    }
+    getDeviceInfo(device) {
+        return {
+            vendorId: device.vendorId,
+            productId: device.productId,
+            productName: device.productName,
+            manufacturerName: device.manufacturerName,
+            serialNumber: device.serialNumber,
+            opened: device.opened,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebUsbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebUsbService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebUsbService, decorators: [{
+            type: Injectable
+        }] });
+
+function getNdefReaderClass() {
+    return window.NDEFReader;
+}
+class WebNfcService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'NDEFReader' in window;
+    }
+    scan() {
+        if (!this.isSupported()) {
+            return new Observable((o) => o.error(new Error('Web NFC API not supported')));
+        }
+        return new Observable((subscriber) => {
+            const abortController = new AbortController();
+            const reader = new (getNdefReaderClass())();
+            const onReading = (event) => {
+                const e = event;
+                subscriber.next({
+                    serialNumber: e.serialNumber,
+                    message: e.message,
+                });
+            };
+            const onError = (event) => {
+                subscriber.error(event.error ?? new Error('NFC read error'));
+            };
+            reader.addEventListener('reading', onReading);
+            reader.addEventListener('readingerror', onError);
+            reader
+                .scan({ signal: abortController.signal })
+                .catch((err) => subscriber.error(err));
+            return () => abortController.abort();
+        });
+    }
+    async write(message, options) {
+        if (!this.isSupported()) {
+            throw new Error('Web NFC API not supported');
+        }
+        const reader = new (getNdefReaderClass())();
+        await reader.write(message, options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebNfcService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebNfcService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebNfcService, decorators: [{
+            type: Injectable
+        }] });
+
+class PaymentRequestService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'PaymentRequest' in window;
+    }
+    async canMakePayment(methods, details) {
+        if (!this.isSupported())
+            return false;
+        const request = new PaymentRequest(methods, details);
+        return request.canMakePayment();
+    }
+    async show(methods, details, options) {
+        if (!this.isSupported()) {
+            throw new Error('Payment Request API not supported');
+        }
+        const request = new PaymentRequest(methods, details, options);
+        const response = await request.show();
+        const result = {
+            methodName: response.methodName,
+            details: response.details,
+            payerName: response.payerName ?? null,
+            payerEmail: response.payerEmail ?? null,
+            payerPhone: response.payerPhone ?? null,
+        };
+        await response.complete('success');
+        return result;
+    }
+    async abort(methods, details) {
+        if (!this.isSupported())
+            return;
+        const request = new PaymentRequest(methods, details);
+        await request.abort();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PaymentRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PaymentRequestService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PaymentRequestService, decorators: [{
+            type: Injectable
+        }] });
+
+class CredentialManagementService {
+    platformId = inject(PLATFORM_ID);
+    isSupported() {
+        return isPlatformBrowser(this.platformId) && 'credentials' in navigator;
+    }
+    isPublicKeySupported() {
+        return this.isSupported() && 'PublicKeyCredential' in window;
+    }
+    async get(options) {
+        if (!this.isSupported()) {
+            throw new Error('Credential Management API not supported');
+        }
+        return navigator.credentials.get(options);
+    }
+    async store(credential) {
+        if (!this.isSupported()) {
+            throw new Error('Credential Management API not supported');
+        }
+        await navigator.credentials.store(credential);
+    }
+    async createPasswordCredential(data) {
+        if (!this.isSupported()) {
+            throw new Error('Credential Management API not supported');
+        }
+        return navigator.credentials.create({
+            password: data,
+        });
+    }
+    async createPublicKeyCredential(options) {
+        if (!this.isPublicKeySupported()) {
+            throw new Error('PublicKeyCredential API not supported');
+        }
+        return navigator.credentials.create({
+            publicKey: options,
+        });
+    }
+    async preventSilentAccess() {
+        if (!this.isSupported())
+            return;
+        await navigator.credentials.preventSilentAccess();
+    }
+    async isConditionalMediationAvailable() {
+        if (!this.isPublicKeySupported())
+            return false;
+        if ('isConditionalMediationAvailable' in PublicKeyCredential) {
+            return PublicKeyCredential.isConditionalMediationAvailable();
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CredentialManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CredentialManagementService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CredentialManagementService, decorators: [{
+            type: Injectable
+        }] });
+
 // Common types for browser APIs
 
 function injectPageVisibility() {
@@ -2260,9 +2962,23 @@ function injectResizeObserver(elementOrRef, options) {
     const platformId = inject(PLATFORM_ID);
     const size = signal(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     if (isPlatformBrowser(platformId) && isResizeObserverSupported()) {
-        const el = elementOrRef instanceof ElementRef ? elementOrRef.nativeElement : elementOrRef;
-        const sub = resizeObserverStream(el, options).subscribe((s) => size.set(s));
-        destroyRef.onDestroy(() => sub.unsubscribe());
+        if (isSignal(elementOrRef)) {
+            let sub;
+            effect((onCleanup) => {
+                sub?.unsubscribe();
+                const raw = elementOrRef();
+                if (raw) {
+                    const el = raw instanceof ElementRef ? raw.nativeElement : raw;
+                    sub = resizeObserverStream(el, options).subscribe((s) => size.set(s));
+                }
+                onCleanup(() => sub?.unsubscribe());
+            });
+        }
+        else {
+            const el = elementOrRef instanceof ElementRef ? elementOrRef.nativeElement : elementOrRef;
+            const sub = resizeObserverStream(el, options).subscribe((s) => size.set(s));
+            destroyRef.onDestroy(() => sub.unsubscribe());
+        }
     }
     return {
         size: size.asReadonly(),
@@ -2278,9 +2994,23 @@ function injectIntersectionObserver(elementOrRef, options) {
     const platformId = inject(PLATFORM_ID);
     const isIntersecting = signal(false, ...(ngDevMode ? [{ debugName: "isIntersecting" }] : /* istanbul ignore next */ []));
     if (isPlatformBrowser(platformId) && isIntersectionObserverSupported()) {
-        const el = elementOrRef instanceof ElementRef ? elementOrRef.nativeElement : elementOrRef;
-        const sub = intersectionObserverStream(el, options).subscribe((v) => isIntersecting.set(v));
-        destroyRef.onDestroy(() => sub.unsubscribe());
+        if (isSignal(elementOrRef)) {
+            let sub;
+            effect((onCleanup) => {
+                sub?.unsubscribe();
+                const raw = elementOrRef();
+                if (raw) {
+                    const el = raw instanceof ElementRef ? raw.nativeElement : raw;
+                    sub = intersectionObserverStream(el, options).subscribe((v) => isIntersecting.set(v));
+                }
+                onCleanup(() => sub?.unsubscribe());
+            });
+        }
+        else {
+            const el = elementOrRef instanceof ElementRef ? elementOrRef.nativeElement : elementOrRef;
+            const sub = intersectionObserverStream(el, options).subscribe((v) => isIntersecting.set(v));
+            destroyRef.onDestroy(() => sub.unsubscribe());
+        }
     }
     return {
         isIntersecting: isIntersecting.asReadonly(),
@@ -2328,6 +3058,102 @@ function injectScreenOrientation() {
     };
 }
 
+function injectMutationObserver(elementOrRef, options) {
+    const destroyRef = inject(DestroyRef);
+    const platformId = inject(PLATFORM_ID);
+    const mutations = signal([], ...(ngDevMode ? [{ debugName: "mutations" }] : /* istanbul ignore next */ []));
+    if (isPlatformBrowser(platformId) && isMutationObserverSupported()) {
+        if (isSignal(elementOrRef)) {
+            let sub;
+            effect((onCleanup) => {
+                sub?.unsubscribe();
+                const raw = elementOrRef();
+                if (raw) {
+                    const el = raw instanceof ElementRef ? raw.nativeElement : raw;
+                    sub = mutationObserverStream(el, options).subscribe((m) => mutations.set(m));
+                }
+                onCleanup(() => sub?.unsubscribe());
+            });
+        }
+        else {
+            const el = elementOrRef instanceof ElementRef ? elementOrRef.nativeElement : elementOrRef;
+            const sub = mutationObserverStream(el, options).subscribe((m) => mutations.set(m));
+            destroyRef.onDestroy(() => sub.unsubscribe());
+        }
+    }
+    return {
+        mutations: mutations.asReadonly(),
+        mutationCount: computed(() => mutations().length),
+    };
+}
+
+function injectPerformanceObserver(config) {
+    const destroyRef = inject(DestroyRef);
+    const platformId = inject(PLATFORM_ID);
+    const entries = signal([], ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
+    if (isPlatformBrowser(platformId) && isPerformanceObserverSupported()) {
+        const sub = performanceObserverStream(config).subscribe((e) => entries.set(e));
+        destroyRef.onDestroy(() => sub.unsubscribe());
+    }
+    return {
+        entries: entries.asReadonly(),
+        entryCount: computed(() => entries().length),
+        latestEntry: computed(() => entries().at(-1)),
+    };
+}
+
+function getIdleDetectorClass() {
+    return window.IdleDetector;
+}
+function injectIdleDetector(options = {}) {
+    const destroyRef = inject(DestroyRef);
+    const platformId = inject(PLATFORM_ID);
+    const defaultState = { user: 'active', screen: 'unlocked' };
+    const state = signal(defaultState, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    if (isPlatformBrowser(platformId) && 'IdleDetector' in window) {
+        const abortController = new AbortController();
+        const detector = new (getIdleDetectorClass())();
+        detector.addEventListener('change', () => {
+            state.set({
+                user: detector.userState,
+                screen: detector.screenState,
+            });
+        });
+        detector
+            .start({
+            threshold: options.threshold ?? 60_000,
+            signal: abortController.signal,
+        })
+            .catch(() => {
+            /* permission denied or unsupported — keep defaults */
+        });
+        destroyRef.onDestroy(() => abortController.abort());
+    }
+    return {
+        state: state.asReadonly(),
+        userState: computed(() => state().user),
+        screenState: computed(() => state().screen),
+        isUserIdle: computed(() => state().user === 'idle'),
+        isScreenLocked: computed(() => state().screen === 'locked'),
+    };
+}
+
+function injectGamepad(index, intervalMs = 16) {
+    const destroyRef = inject(DestroyRef);
+    const platformId = inject(PLATFORM_ID);
+    const state = signal(null, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    if (isPlatformBrowser(platformId) && isGamepadSupported()) {
+        const sub = gamepadPollStream(index, intervalMs).subscribe((s) => state.set(s));
+        destroyRef.onDestroy(() => sub.unsubscribe());
+    }
+    return {
+        state: state.asReadonly(),
+        connected: computed(() => state()?.connected ?? false),
+        buttons: computed(() => state()?.buttons ?? []),
+        axes: computed(() => state()?.axes ?? []),
+    };
+}
+
 class BrowserSupportUtil {
     static isSupported(feature) {
         if (typeof window === 'undefined' || typeof navigator === 'undefined') {
@@ -2466,6 +3292,18 @@ const defaultBrowserWebApisConfig = {
     enableServerSentEvents: false,
     enableVibration: false,
     enableSpeechSynthesis: false,
+    enableMutationObserver: false,
+    enablePerformanceObserver: false,
+    enableIdleDetector: false,
+    enableEyeDropper: false,
+    enableBarcodeDetector: false,
+    enableWebAudio: false,
+    enableGamepad: false,
+    enableWebBluetooth: false,
+    enableWebUsb: false,
+    enableWebNfc: false,
+    enablePaymentRequest: false,
+    enableCredentialManagement: false,
 };
 function provideBrowserWebApis(config = {}) {
     const mergedConfig = { ...defaultBrowserWebApisConfig, ...config };
@@ -2494,6 +3332,18 @@ function provideBrowserWebApis(config = {}) {
         [mergedConfig.enableServerSentEvents, ServerSentEventsService],
         [mergedConfig.enableVibration, VibrationService],
         [mergedConfig.enableSpeechSynthesis, SpeechSynthesisService],
+        [mergedConfig.enableMutationObserver, MutationObserverService],
+        [mergedConfig.enablePerformanceObserver, PerformanceObserverService],
+        [mergedConfig.enableIdleDetector, IdleDetectorService],
+        [mergedConfig.enableEyeDropper, EyeDropperService],
+        [mergedConfig.enableBarcodeDetector, BarcodeDetectorService],
+        [mergedConfig.enableWebAudio, WebAudioService],
+        [mergedConfig.enableGamepad, GamepadService],
+        [mergedConfig.enableWebBluetooth, WebBluetoothService],
+        [mergedConfig.enableWebUsb, WebUsbService],
+        [mergedConfig.enableWebNfc, WebNfcService],
+        [mergedConfig.enablePaymentRequest, PaymentRequestService],
+        [mergedConfig.enableCredentialManagement, CredentialManagementService],
     ];
     for (const [enabled, provider] of conditionalProviders) {
         if (enabled) {
@@ -2593,6 +3443,42 @@ function provideVibration() {
 function provideSpeechSynthesis() {
     return makeEnvironmentProviders([SpeechSynthesisService]);
 }
+function provideMutationObserver() {
+    return makeEnvironmentProviders([MutationObserverService]);
+}
+function providePerformanceObserver() {
+    return makeEnvironmentProviders([PerformanceObserverService]);
+}
+function provideIdleDetector() {
+    return makeEnvironmentProviders([PermissionsService, IdleDetectorService]);
+}
+function provideEyeDropper() {
+    return makeEnvironmentProviders([EyeDropperService]);
+}
+function provideBarcodeDetector() {
+    return makeEnvironmentProviders([BarcodeDetectorService]);
+}
+function provideWebAudio() {
+    return makeEnvironmentProviders([WebAudioService]);
+}
+function provideGamepad() {
+    return makeEnvironmentProviders([GamepadService]);
+}
+function provideWebBluetooth() {
+    return makeEnvironmentProviders([WebBluetoothService]);
+}
+function provideWebUsb() {
+    return makeEnvironmentProviders([WebUsbService]);
+}
+function provideWebNfc() {
+    return makeEnvironmentProviders([WebNfcService]);
+}
+function providePaymentRequest() {
+    return makeEnvironmentProviders([PaymentRequestService]);
+}
+function provideCredentialManagement() {
+    return makeEnvironmentProviders([CredentialManagementService]);
+}
 
 // Browser Web APIs Services
 // Version
@@ -2602,4 +3488,4 @@ const version = '0.1.0';
  * Generated bundle index. Do not edit.
  */
 
-export { BatteryService, BroadcastChannelService, BrowserApiBaseService, BrowserCapabilityService, BrowserSupportUtil, CameraService, ClipboardService, FileSystemAccessService, FullscreenService, GeolocationService, IntersectionObserverService, MediaDevicesService, MediaRecorderService, NetworkInformationService, NotificationService, PageVisibilityService, PermissionsService, ResizeObserverService, ScreenOrientationService, ScreenWakeLockService, ServerSentEventsService, SpeechSynthesisService, VibrationService, WebShareService, WebSocketService, WebStorageService, WebWorkerService, permissionGuard as createPermissionGuard, defaultBrowserWebApisConfig, injectIntersectionObserver, injectNetworkInformation, injectPageVisibility, injectResizeObserver, injectScreenOrientation, permissionGuard, provideBattery, provideBroadcastChannel, provideBrowserWebApis, provideCamera, provideClipboard, provideCommunicationApis, provideFileSystemAccess, provideFullscreen, provideGeolocation, provideIntersectionObserver, provideLocationApis, provideMediaApis, provideMediaDevices, provideMediaRecorder, provideNetworkInformation, provideNotifications, providePageVisibility, providePermissions, provideResizeObserver, provideScreenOrientation, provideScreenWakeLock, provideServerSentEvents, provideSpeechSynthesis, provideStorageApis, provideVibration, provideWebShare, provideWebSocket, provideWebStorage, provideWebWorker, version };
+export { BarcodeDetectorService, BatteryService, BroadcastChannelService, BrowserApiBaseService, BrowserCapabilityService, BrowserSupportUtil, CameraService, ClipboardService, CredentialManagementService, EyeDropperService, FileSystemAccessService, FullscreenService, GamepadService, GeolocationService, IdleDetectorService, IntersectionObserverService, MediaDevicesService, MediaRecorderService, MutationObserverService, NetworkInformationService, NotificationService, PageVisibilityService, PaymentRequestService, PerformanceObserverService, PermissionsService, ResizeObserverService, ScreenOrientationService, ScreenWakeLockService, ServerSentEventsService, SpeechSynthesisService, VibrationService, WebAudioService, WebBluetoothService, WebNfcService, WebShareService, WebSocketService, WebStorageService, WebUsbService, WebWorkerService, permissionGuard as createPermissionGuard, defaultBrowserWebApisConfig, injectGamepad, injectIdleDetector, injectIntersectionObserver, injectMutationObserver, injectNetworkInformation, injectPageVisibility, injectPerformanceObserver, injectResizeObserver, injectScreenOrientation, permissionGuard, provideBarcodeDetector, provideBattery, provideBroadcastChannel, provideBrowserWebApis, provideCamera, provideClipboard, provideCommunicationApis, provideCredentialManagement, provideEyeDropper, provideFileSystemAccess, provideFullscreen, provideGamepad, provideGeolocation, provideIdleDetector, provideIntersectionObserver, provideLocationApis, provideMediaApis, provideMediaDevices, provideMediaRecorder, provideMutationObserver, provideNetworkInformation, provideNotifications, providePageVisibility, providePaymentRequest, providePerformanceObserver, providePermissions, provideResizeObserver, provideScreenOrientation, provideScreenWakeLock, provideServerSentEvents, provideSpeechSynthesis, provideStorageApis, provideVibration, provideWebAudio, provideWebBluetooth, provideWebNfc, provideWebShare, provideWebSocket, provideWebStorage, provideWebUsb, provideWebWorker, version };