@angular-helpers/browser-web-apis 21.2.0 → 21.4.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';
@@ -30,48 +30,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }] });
 
 /**
- * Base class for all Browser Web API services
+ * Base class for all Browser Web API services.
  * Provides common functionality for:
- * - Support checking
- * - Permission management
- * - Error handling
+ * - Platform detection (browser vs server)
+ * - Support assertion via Template Method
+ * - Error creation with cause chaining
+ * - Structured logging
  * - Lifecycle management with destroyRef
- * - Logging
+ *
+ * Services that also need permission querying should extend
+ * `PermissionAwareBrowserApiBaseService` instead.
  */
 class BrowserApiBaseService {
-    permissionsService = inject(PermissionsService);
     destroyRef = inject(DestroyRef);
     platformId = inject(PLATFORM_ID);
     /**
-     * Check if running in browser environment using Angular's platform detection
+     * Check if running in browser environment using Angular's platform detection.
      */
     isBrowserEnvironment() {
         return isPlatformBrowser(this.platformId);
     }
     /**
-     * Check if running in server environment using Angular's platform detection
+     * Check if running in server environment using Angular's platform detection.
      */
     isServerEnvironment() {
         return isPlatformServer(this.platformId);
     }
     /**
-     * Request a permission
+     * Template Method: throws a standard error when the API is not available.
+     * Uses getApiName() to produce consistent error messages.
      */
-    async requestPermission(permission) {
-        if (this.isServerEnvironment()) {
+    ensureSupported() {
+        if (!this.isBrowserEnvironment()) {
             throw new Error(`${this.getApiName()} API not available in server environment`);
         }
-        try {
-            const status = await this.permissionsService.query({ name: permission });
-            return status.state === 'granted';
-        }
-        catch (error) {
-            console.error(`[${this.getApiName()}] Error requesting permission for ${permission}:`, error);
-            return false;
-        }
     }
     /**
-     * Create an error with proper cause chaining
+     * Create an error with proper cause chaining.
      */
     createError(message, cause) {
         const error = new Error(message);
@@ -80,6 +75,18 @@ class BrowserApiBaseService {
         }
         return error;
     }
+    /**
+     * Log an error with the service name as prefix.
+     */
+    logError(message, error) {
+        console.error(`[${this.getApiName()}] ${message}`, error);
+    }
+    /**
+     * Log an informational message with the service name as prefix.
+     */
+    logInfo(message) {
+        console.info(`[${this.getApiName()}] ${message}`);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BrowserApiBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BrowserApiBaseService });
 }
@@ -87,7 +94,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
-class CameraService extends BrowserApiBaseService {
+/**
+ * Extension of `BrowserApiBaseService` for services that need to query
+ * browser permissions via the Permissions API.
+ *
+ * Only services that actively call `requestPermission()` should extend this
+ * class. All other services should extend `BrowserApiBaseService` directly
+ * to avoid carrying an unnecessary PermissionsService dependency.
+ */
+class PermissionAwareBrowserApiBaseService extends BrowserApiBaseService {
+    permissionsService = inject(PermissionsService);
+    /**
+     * Query the Permissions API for the given permission name.
+     * Returns `true` if the permission state is `'granted'`.
+     */
+    async requestPermission(permission) {
+        if (this.isServerEnvironment()) {
+            throw new Error(`${this.getApiName()} API not available in server environment`);
+        }
+        try {
+            const status = await this.permissionsService.query({ name: permission });
+            return status.state === 'granted';
+        }
+        catch (error) {
+            this.logError(`Error requesting permission for ${permission}:`, error);
+            return false;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService, decorators: [{
+            type: Injectable
+        }] });
+
+class CameraService extends PermissionAwareBrowserApiBaseService {
     currentStream = null;
     getApiName() {
         return 'camera';
@@ -218,7 +259,7 @@ class GeolocationService extends BrowserApiBaseService {
         this.ensureGeolocationSupport();
         return new Promise((resolve, reject) => {
             navigator.geolocation.getCurrentPosition((position) => resolve(position), (error) => {
-                console.error('[GeolocationService] Error getting position:', error);
+                this.logError('Error getting position:', error);
                 reject(error);
             }, options);
         });
@@ -227,7 +268,7 @@ class GeolocationService extends BrowserApiBaseService {
         this.ensureGeolocationSupport();
         return new Observable((observer) => {
             const watchId = navigator.geolocation.watchPosition((position) => observer.next(position), (error) => {
-                console.error('[GeolocationService] Error watching position:', error);
+                this.logError('Error watching position:', error);
                 observer.error(error);
             }, options);
             return () => {
@@ -385,7 +426,7 @@ class NotificationService extends BrowserApiBaseService {
         return Notification.permission;
     }
     isSupported() {
-        return 'Notification' in window;
+        return this.isBrowserEnvironment() && 'Notification' in window;
     }
     async requestNotificationPermission() {
         if (!this.isSupported()) {
@@ -404,7 +445,7 @@ class NotificationService extends BrowserApiBaseService {
             return new Notification(title, options);
         }
         catch (error) {
-            console.error('[NotificationService] Error showing notification:', error);
+            this.logError('Error showing notification:', error);
             throw error;
         }
     }
@@ -415,7 +456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
-class ClipboardService extends BrowserApiBaseService {
+class ClipboardService extends PermissionAwareBrowserApiBaseService {
     getApiName() {
         return 'clipboard';
     }
@@ -450,16 +491,6 @@ class ClipboardService extends BrowserApiBaseService {
             throw error;
         }
     }
-    async writeTextSecure(text) {
-        await this.ensureClipboardPermission('write');
-        try {
-            await navigator.clipboard.writeText(text);
-        }
-        catch (error) {
-            console.error('[ClipboardService] Error writing to clipboard:', error);
-            throw error;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ClipboardService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ClipboardService });
 }
@@ -493,6 +524,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 +596,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;
         }
@@ -604,7 +671,6 @@ class BatteryService extends BrowserApiBaseService {
             const nav = navigator;
             this.batteryManager = await nav.getBattery();
             const batteryInfo = this.getBatteryInfo();
-            this.setupEventListeners();
             return batteryInfo;
         }
         catch (error) {
@@ -647,16 +713,6 @@ class BatteryService extends BrowserApiBaseService {
             };
         });
     }
-    setupEventListeners() {
-        if (!this.batteryManager)
-            return;
-        this.batteryManager.addEventListener('chargingchange', () => {
-            console.log('[BatteryService] Charging status changed:', this.batteryManager.charging);
-        });
-        this.batteryManager.addEventListener('levelchange', () => {
-            console.log('[BatteryService] Battery level changed:', this.batteryManager.level);
-        });
-    }
     // Direct access to native battery API
     getNativeBatteryManager() {
         if (!this.batteryManager) {
@@ -1358,10 +1414,12 @@ function intersectionObserverEntriesStream(element, options = {}) {
     });
 }
 
-class IntersectionObserverService {
-    platformId = inject(PLATFORM_ID);
+class IntersectionObserverService extends BrowserApiBaseService {
+    getApiName() {
+        return 'intersection-observer';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'IntersectionObserver' in window;
+        return this.isBrowserEnvironment() && 'IntersectionObserver' in window;
     }
     observe(element, options = {}) {
         if (!this.isSupported()) {
@@ -1375,7 +1433,7 @@ class IntersectionObserverService {
         }
         return intersectionObserverStream(element, options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IntersectionObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IntersectionObserverService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IntersectionObserverService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IntersectionObserverService, decorators: [{
@@ -1416,10 +1474,12 @@ function resizeObserverEntriesStream(element, options = {}) {
     });
 }
 
-class ResizeObserverService {
-    platformId = inject(PLATFORM_ID);
+class ResizeObserverService extends BrowserApiBaseService {
+    getApiName() {
+        return 'resize-observer';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'ResizeObserver' in window;
+        return this.isBrowserEnvironment() && 'ResizeObserver' in window;
     }
     observe(element, options = {}) {
         if (!this.isSupported()) {
@@ -1433,7 +1493,7 @@ class ResizeObserverService {
         }
         return resizeObserverStream(element, options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResizeObserverService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResizeObserverService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResizeObserverService, decorators: [{
@@ -1455,10 +1515,12 @@ function pageVisibilityStream() {
     });
 }
 
-class PageVisibilityService {
-    platformId = inject(PLATFORM_ID);
+class PageVisibilityService extends BrowserApiBaseService {
+    getApiName() {
+        return 'page-visibility';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'hidden' in document;
+        return this.isBrowserEnvironment() && 'hidden' in document;
     }
     get isHidden() {
         if (!this.isSupported())
@@ -1476,32 +1538,79 @@ class PageVisibilityService {
     watchVisibility() {
         return pageVisibilityStream().pipe(map$1((s) => s === 'visible'));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageVisibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageVisibilityService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageVisibilityService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageVisibilityService, decorators: [{
             type: Injectable
         }] });
 
-class BroadcastChannelService {
-    destroyRef = inject(DestroyRef);
-    platformId = inject(PLATFORM_ID);
-    channels = new Map();
+/**
+ * Base class for services that manage a named registry of persistent
+ * connections (e.g. BroadcastChannel, EventSource, WebSocket pools).
+ *
+ * Implements the Template Method pattern: subclasses define how a single
+ * native connection is closed via `closeNativeConnection()`, while this
+ * class handles the Map lifecycle (remove, closeAll, getActiveKeys).
+ *
+ * Public-facing method names (`close`, `disconnect`, `getOpenChannels`, etc.)
+ * remain the responsibility of the concrete service to preserve the public API.
+ */
+class ConnectionRegistryBaseService extends BrowserApiBaseService {
+    connections = new Map();
+    /**
+     * Remove and close the connection registered under `key`.
+     * Safe to call even if the key does not exist.
+     */
+    removeConnection(key) {
+        const connection = this.connections.get(key);
+        if (connection) {
+            this.closeNativeConnection(connection);
+            this.connections.delete(key);
+        }
+    }
+    /**
+     * Close all registered connections and clear the registry.
+     */
+    closeAllConnections() {
+        this.connections.forEach((connection) => this.closeNativeConnection(connection));
+        this.connections.clear();
+    }
+    /**
+     * Return the keys of all currently open connections.
+     */
+    getConnectionKeys() {
+        return Array.from(this.connections.keys());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ConnectionRegistryBaseService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ConnectionRegistryBaseService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ConnectionRegistryBaseService, decorators: [{
+            type: Injectable
+        }] });
+
+class BroadcastChannelService extends ConnectionRegistryBaseService {
+    getApiName() {
+        return 'broadcast-channel';
+    }
+    closeNativeConnection(channel) {
+        channel.close();
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'BroadcastChannel' in window;
+        return this.isBrowserEnvironment() && 'BroadcastChannel' in window;
     }
-    ensureSupport() {
+    ensureBroadcastChannelSupported() {
         if (!this.isSupported()) {
             throw new Error('BroadcastChannel API not supported in this environment');
         }
     }
     open(name) {
-        this.ensureSupport();
+        this.ensureBroadcastChannelSupported();
         return new Observable((observer) => {
-            let channel = this.channels.get(name);
+            let channel = this.connections.get(name);
             if (!channel) {
                 channel = new BroadcastChannel(name);
-                this.channels.set(name, channel);
+                this.connections.set(name, channel);
             }
             const handler = (event) => observer.next(event.data);
             const errorHandler = () => observer.error(new Error(`BroadcastChannel "${name}" error`));
@@ -1516,30 +1625,25 @@ class BroadcastChannelService {
         });
     }
     post(name, data) {
-        this.ensureSupport();
-        let channel = this.channels.get(name);
+        this.ensureBroadcastChannelSupported();
+        let channel = this.connections.get(name);
         if (!channel) {
             channel = new BroadcastChannel(name);
-            this.channels.set(name, channel);
+            this.connections.set(name, channel);
             this.destroyRef.onDestroy(() => this.close(name));
         }
         channel.postMessage(data);
     }
     close(name) {
-        const channel = this.channels.get(name);
-        if (channel) {
-            channel.close();
-            this.channels.delete(name);
-        }
+        this.removeConnection(name);
     }
     closeAll() {
-        this.channels.forEach((channel) => channel.close());
-        this.channels.clear();
+        this.closeAllConnections();
     }
     getOpenChannels() {
-        return Array.from(this.channels.keys());
+        return this.getConnectionKeys();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BroadcastChannelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BroadcastChannelService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BroadcastChannelService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BroadcastChannelService, decorators: [{
@@ -1591,21 +1695,23 @@ function networkInformationStream() {
     });
 }
 
-class NetworkInformationService {
-    platformId = inject(PLATFORM_ID);
+class NetworkInformationService extends BrowserApiBaseService {
+    getApiName() {
+        return 'network-information';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && isNetworkInformationSupported();
+        return this.isBrowserEnvironment() && isNetworkInformationSupported();
     }
     getSnapshot() {
-        return isPlatformBrowser(this.platformId) ? getNetworkSnapshot() : { online: true };
+        return this.isBrowserEnvironment() ? getNetworkSnapshot() : { online: true };
     }
     watch() {
         return networkInformationStream();
     }
     get isOnline() {
-        return isPlatformBrowser(this.platformId) ? navigator.onLine : true;
+        return this.isBrowserEnvironment() ? navigator.onLine : true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NetworkInformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NetworkInformationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NetworkInformationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NetworkInformationService, decorators: [{
@@ -1708,13 +1814,15 @@ function screenOrientationStream() {
     });
 }
 
-class ScreenOrientationService {
-    platformId = inject(PLATFORM_ID);
+class ScreenOrientationService extends BrowserApiBaseService {
+    getApiName() {
+        return 'screen-orientation';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'screen' in window && 'orientation' in screen;
+        return this.isBrowserEnvironment() && 'screen' in window && 'orientation' in screen;
     }
     getSnapshot() {
-        return isPlatformBrowser(this.platformId)
+        return this.isBrowserEnvironment()
             ? getOrientationSnapshot()
             : { type: 'portrait-primary', angle: 0 };
     }
@@ -1735,7 +1843,7 @@ class ScreenOrientationService {
             await screen.orientation.lock(orientation);
         }
         catch (error) {
-            console.error('[ScreenOrientationService] Failed to lock orientation:', error);
+            this.logError('Failed to lock orientation:', error);
             throw error;
         }
     }
@@ -1744,30 +1852,31 @@ class ScreenOrientationService {
             screen.orientation.unlock();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScreenOrientationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScreenOrientationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScreenOrientationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScreenOrientationService, decorators: [{
             type: Injectable
         }] });
 
-class FullscreenService {
-    destroyRef = inject(DestroyRef);
-    platformId = inject(PLATFORM_ID);
+class FullscreenService extends BrowserApiBaseService {
+    getApiName() {
+        return 'fullscreen';
+    }
     isSupported() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!this.isBrowserEnvironment())
             return false;
         return !!(document.fullscreenEnabled ??
             document.webkitFullscreenEnabled);
     }
     get isFullscreen() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!this.isBrowserEnvironment())
             return false;
         return !!(document.fullscreenElement ??
             document.webkitFullscreenElement);
     }
     get fullscreenElement() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!this.isBrowserEnvironment())
             return null;
         return (document.fullscreenElement ??
             document.webkitFullscreenElement ??
@@ -1787,7 +1896,7 @@ class FullscreenService {
             }
         }
         catch (error) {
-            console.error('[FullscreenService] Failed to enter fullscreen:', error);
+            this.logError('Failed to enter fullscreen:', error);
             throw error;
         }
     }
@@ -1804,7 +1913,7 @@ class FullscreenService {
             }
         }
         catch (error) {
-            console.error('[FullscreenService] Failed to exit fullscreen:', error);
+            this.logError('Failed to exit fullscreen:', error);
             throw error;
         }
     }
@@ -1818,7 +1927,7 @@ class FullscreenService {
     }
     watch() {
         return new Observable((observer) => {
-            if (!isPlatformBrowser(this.platformId)) {
+            if (!this.isBrowserEnvironment()) {
                 observer.next(false);
                 observer.complete();
                 return undefined;
@@ -1835,7 +1944,7 @@ class FullscreenService {
             return cleanup;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FullscreenService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FullscreenService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FullscreenService, decorators: [{
@@ -2018,23 +2127,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
-class ServerSentEventsService {
-    destroyRef = inject(DestroyRef);
-    platformId = inject(PLATFORM_ID);
-    sources = new Map();
+class ServerSentEventsService extends ConnectionRegistryBaseService {
+    getApiName() {
+        return 'server-sent-events';
+    }
+    closeNativeConnection(source) {
+        source.close();
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'EventSource' in window;
+        return this.isBrowserEnvironment() && 'EventSource' in window;
     }
-    ensureSupport() {
+    ensureSSESupported() {
         if (!this.isSupported()) {
             throw new Error('Server-Sent Events (EventSource) not supported in this environment');
         }
     }
     connect(url, config = {}) {
-        this.ensureSupport();
+        this.ensureSSESupported();
         return new Observable((observer) => {
             const source = new EventSource(url, { withCredentials: config.withCredentials ?? false });
-            this.sources.set(url, source);
+            this.connections.set(url, source);
             const messageHandler = (event) => {
                 try {
                     observer.next({
@@ -2058,7 +2170,7 @@ class ServerSentEventsService {
                     observer.error(new Error('SSE connection closed unexpectedly'));
                 }
                 else {
-                    console.warn('[ServerSentEventsService] SSE connection error, reconnecting...', event);
+                    console.warn(`[${this.getApiName()}] SSE connection error, reconnecting...`, event);
                 }
             };
             source.addEventListener('message', messageHandler);
@@ -2076,35 +2188,32 @@ class ServerSentEventsService {
         });
     }
     disconnect(url) {
-        const source = this.sources.get(url);
-        if (source) {
-            source.close();
-            this.sources.delete(url);
-        }
+        this.removeConnection(url);
     }
     disconnectAll() {
-        this.sources.forEach((source) => source.close());
-        this.sources.clear();
+        this.closeAllConnections();
     }
     getState(url) {
-        const source = this.sources.get(url);
+        const source = this.connections.get(url);
         if (!source)
             return 'closed';
         const states = ['connecting', 'open', 'closed'];
         return states[source.readyState] ?? 'closed';
     }
     getActiveConnections() {
-        return Array.from(this.sources.keys());
+        return this.getConnectionKeys();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ServerSentEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ServerSentEventsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ServerSentEventsService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ServerSentEventsService, decorators: [{
             type: Injectable
         }] });
 
-class VibrationService {
-    platformId = inject(PLATFORM_ID);
+class VibrationService extends BrowserApiBaseService {
+    getApiName() {
+        return 'vibration';
+    }
     presets = {
         success: [50, 30, 50],
         error: [100, 50, 100, 50, 100],
@@ -2112,7 +2221,7 @@ class VibrationService {
         doubleTap: [50, 100, 50],
     };
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'vibrate' in navigator;
+        return this.isBrowserEnvironment() && 'vibrate' in navigator;
     }
     vibrate(pattern = 200) {
         if (!this.isSupported())
@@ -2134,20 +2243,21 @@ class VibrationService {
     stop() {
         return this.vibrate(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VibrationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VibrationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VibrationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VibrationService, decorators: [{
             type: Injectable
         }] });
 
-class SpeechSynthesisService {
-    destroyRef = inject(DestroyRef);
-    platformId = inject(PLATFORM_ID);
+class SpeechSynthesisService extends BrowserApiBaseService {
+    getApiName() {
+        return 'speech-synthesis';
+    }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'speechSynthesis' in window;
+        return this.isBrowserEnvironment() && 'speechSynthesis' in window;
     }
-    ensureSupport() {
+    ensureSpeechSynthesisSupported() {
         if (!this.isSupported()) {
             throw new Error('Speech Synthesis API not supported in this browser');
         }
@@ -2186,7 +2296,7 @@ class SpeechSynthesisService {
     }
     speak(text, options = {}) {
         return new Observable((observer) => {
-            this.ensureSupport();
+            this.ensureSpeechSynthesisSupported();
             const utterance = new SpeechSynthesisUtterance(text);
             if (options.lang)
                 utterance.lang = options.lang;
@@ -2230,13 +2340,702 @@ class SpeechSynthesisService {
         if (this.isSupported())
             speechSynthesis.cancel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpeechSynthesisService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpeechSynthesisService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpeechSynthesisService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpeechSynthesisService, decorators: [{
             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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'mutation-observer';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && 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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'performance-observer';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && 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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'idle-detector';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'eye-dropper';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'barcode-detector';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'web-audio';
+    }
+    context = null;
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'gamepad';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && 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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'web-bluetooth';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && !!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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'web-usb';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && !!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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'web-nfc';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'payment-request';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 extends BrowserApiBaseService {
+    getApiName() {
+        return 'credential-management';
+    }
+    isSupported() {
+        return this.isBrowserEnvironment() && '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: null, 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 +3059,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 +3091,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 +3155,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 +3389,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 +3429,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 +3540,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 +3585,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, ConnectionRegistryBaseService, CredentialManagementService, EyeDropperService, FileSystemAccessService, FullscreenService, GamepadService, GeolocationService, IdleDetectorService, IntersectionObserverService, MediaDevicesService, MediaRecorderService, MutationObserverService, NetworkInformationService, NotificationService, PageVisibilityService, PaymentRequestService, PerformanceObserverService, PermissionAwareBrowserApiBaseService, 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 };