@reveldigital/player-client 1.0.15 → 2.0.2

package/{fesm2020 → fesm2022}/reveldigital-player-client.mjs

@@ -11,1148 +11,1146 @@ import { RouterModule } from '@angular/router';
 import { APP_BASE_HREF } from '@angular/common';
 import * as i1$1 from '@angular/platform-browser';
 
-// Generated by genversion.
-const version = '1.0.15';
+// Generated by genversion.
+const version = '2.0.2';
 
-/**
- * Service for interacting with the Revel Digital player client.
- *
- * This service provides a comprehensive interface for gadgets and web applications
- * to communicate with the Revel Digital player environment. It handles device
- * information, commands, events, analytics tracking, and configuration management.
- *
- * The service supports both direct API calls and event-based communication patterns,
- * allowing gadgets to respond to player lifecycle events (start, stop, commands) and
- * send data back to the player or remote devices.
- *
- * ```typescript
- * constructor(private client: PlayerClientService) {
- *   // Subscribe to player events
- *   this.client.onStart$.subscribe(() => {
- *     console.log('Gadget started');
- *   });
- *
- *   this.client.onCommand$.subscribe(command => {
- *     console.log('Received command:', command);
- *   });
- * }
- *
- * async ngOnInit() {
- *   // Get device information
- *   const device = await this.client.getDevice();
- *   const deviceTime = await this.client.getDeviceTime();
- *
- *   // Track analytics
- *   this.client.track('gadget_loaded', { version: '1.0' });
- * }
- * ```
- *
- * @since 1.0.0
- */
-class PlayerClientService {
-    /** @ignore */
-    constructor(zone) {
-        /**
-         * Observable stream of commands sent to this player from the Revel Digital platform.
-         * Subscribe to this to handle custom commands sent from templates, playlists, or remote devices.
-         *
-         * ```typescript
-         * this.client.onCommand$.subscribe(command => {
-         *   if (command.name === 'customAction') {
-         *     this.handleCustomAction(command.arg);
-         *   }
-         * });
-         * ```
-         */
-        this.onCommand$ = new Subject();
-        /**
-         * Observable that signals when the gadget has been loaded and is ready to start.
-         * Emits `true` when ready, `false` when destroyed.
-         *
-         * ```typescript
-         * this.client.onReady$.subscribe(isReady => {
-         *   if (isReady) {
-         *     console.log('Client is ready');
-         *     this.initializeGadget();
-         *   }
-         * });
-         * ```
-         */
-        this.onReady$ = new BehaviorSubject(false);
-        /**
-         * Observable that signals when the gadget has been started by the player.
-         * This event occurs when the player begins execution of the gadget content.
-         *
-         * ```typescript
-         * this.client.onStart$.subscribe(() => {
-         *   console.log('Gadget started');
-         *   this.startAnimation();
-         * });
-         * ```
-         */
-        this.onStart$ = new Subject();
-        /**
-         * Observable that signals when the gadget has been stopped by the player.
-         * This event occurs when the player stops execution, typically when moving
-         * to the next item in a playlist or when the content duration expires.
-         *
-         * ```typescript
-         * this.client.onStop$.subscribe(() => {
-         *   console.log('Gadget stopped');
-         *   this.cleanup();
-         * });
-         * ```
-         */
-        this.onStop$ = new Subject();
-        /**
-         * Observable that signals when the gadget should open the configuration window.
-         * This allows gadgets to respond to configuration requests from the player.
-         *
-         * ```typescript
-         * this.client.onConfig$.subscribe(() => {
-         *   this.openConfigurationDialog();
-         * });
-         * ```
-         */
-        this.onConfig$ = new Subject();
-        /**
-         * Observable that signals when the gadget has received a postMessage event from the player.
-         * This handles communication between the gadget and player via the postMessage API.
-         *
-         * ```typescript
-         * this.client.onPostMessage$.subscribe(message => {
-         *   console.log('Received message:', message);
-         *   this.handlePlayerMessage(message);
-         * });
-         * ```
-         */
-        this.onPostMessage$ = new Subject();
-        /** @ignore */
-        this.onStartEvt$ = fromEvent(window, 'RevelDigital.Start').pipe(share(), tap(this.onStart$));
-        /** @ignore */
-        this.onStopEvt$ = fromEvent(window, 'RevelDigital.Stop').pipe(share(), tap(this.onStop$));
-        /** @ignore */
-        this.onCommandEvt$ = fromEvent(window, 'RevelDigital.Command').pipe(map((e) => { return { name: e.detail.name, arg: e.detail.arg }; }), share(), tap(this.onCommand$));
-        this.onPostMessageEvt$ = fromEvent(window, 'message').pipe(filter((messageEvent) => 
-        //messageEvent.source !== window.parent &&
-        typeof messageEvent.data === 'string'), map((e) => JSON.parse(e.data)), share(), tap((e) => {
-            if (e.type === 'applyConfig' && e.isOpener) {
-                e.isOpener = false;
-                // propagate config to iframe parent from the popup window
-                window.parent.postMessage(JSON.stringify(e), '*');
-            }
-            else if (e.type === 'openConfig') {
-                this.onConfig$.next(null);
-            }
-        }), tap(e => this.onPostMessage$.next(e)));
-        let self = this;
-        window.RevelDigital = {
-            Controller: {
-                onCommand: function (name, arg) {
-                    zone.run(() => {
-                        self.onCommand$.next({ name: name, arg: arg });
-                    });
-                },
-                onStart: function () {
-                    zone.run(() => {
-                        self.onStart$.next(null);
-                    });
-                },
-                onStop: function () {
-                    zone.run(() => {
-                        self.onStop$.next(null);
-                    });
-                }
-            }
-        };
-        this.onStartSub = this.onStartEvt$.subscribe(() => { });
-        this.onStopSub = this.onStopEvt$.subscribe(() => { });
-        this.onCommandSub = this.onCommandEvt$.subscribe(() => { });
-        //this.onConfigSub = this.onConfigEvt$.subscribe(() => { });
-        this.onPostMessageSub = this.onPostMessageEvt$.subscribe(() => { });
-        this.clientPromise = null;
-        this.onReady$.next(true);
-    }
-    /** @ignore */
-    ngOnDestroy() {
-        this.onStartSub?.unsubscribe();
-        this.onStopSub?.unsubscribe();
-        this.onCommandSub?.unsubscribe();
-        //this.onConfigSub?.unsubscribe();
-        this.onPostMessageSub?.unsubscribe();
-        this.onReady$.next(false);
-    }
-    /** @ignore */
-    static init(data) {
-        console.log('%c⚙️ Initializing Revel Digital client library', 'background-color:blue; color:yellow;');
-    }
-    /**
-     * Sends a callback to player scripting with variable arguments.
-     *
-     * This method allows the gadget to communicate with player scripting.
-     * If the appropriate scripting is in place in the currently running template,
-     * calling this method will initiate a callback which can be acted upon in player script.
-     *
-     * @param args - Variable number of arguments to pass to the callback (max 5 arguments)
-     *
-     * ```typescript
-     * // Send a simple callback
-     * this.client.callback('test', 'data');
-     *
-     * // Send multiple parameters
-     * this.client.callback('action', 'value1', 'value2', { data: 'object' });
-     * ```
-     */
-    callback(...args) {
-        this.getClient().then((client) => {
-            switch (args.length) {
-                case 0:
-                    client.callback();
-                    break;
-                case 1:
-                    client.callback(args[0]);
-                    break;
-                case 2:
-                    client.callback(args[1]);
-                    break;
-                case 3:
-                    client.callback(args[2]);
-                    break;
-                case 4:
-                    client.callback(args[3]);
-                    break;
-                case 5:
-                    client.callback(args[4]);
-                    break;
-            }
-        });
-    }
-    /**
-     * Gets the user preferences interface exposed by the Google Gadgets API.
-     *
-     * This method provides access to gadget preferences which can be configured
-     * in the Revel Digital CMS. Use this to retrieve user-configurable settings
-     * for your gadget.
-     *
-     * @returns The Gadgets API Prefs object for accessing preference values
-     *
-     * ```typescript
-     * constructor(public client: PlayerClientService) {
-     *   const prefs = client.getPrefs();
-     *   const myString = prefs.getString('myStringPref');
-     *   const myNumber = prefs.getInt('myNumberPref');
-     *   const myBool = prefs.getBool('myBoolPref');
-     * }
-     * ```
-     *
-     * @see {@link https://developers.google.com/gadgets/docs/basic} Google Gadgets API documentation
-     */
-    getPrefs() {
-        return new window['gadgets']['Prefs']();
-    }
-    /**
-     * Gets the current device time in ISO8601 format.
-     *
-     * Current device time is determined by the device timezone assigned to the device in the CMS.
-     * This is useful for displaying time-sensitive content or scheduling operations based on
-     * the device's local time rather than browser time.
-     *
-     * @param date - Optional. If supplied, will translate the supplied date/time to device time based on respective timezones
-     * @returns Promise resolving to date/time in ISO8601 format
-     *
-     * ```typescript
-     * // Get current device time
-     * const currentTime = await this.client.getDeviceTime();
-     * console.log('Device time:', currentTime);
-     *
-     * // Convert a specific date to device time
-     * const specificDate = new Date('2023-01-01T12:00:00Z');
-     * const deviceTime = await this.client.getDeviceTime(specificDate);
-     * ```
-     */
-    async getDeviceTime(date) {
-        const client = await this.getClient();
-        if (date !== undefined) {
-            return client.getDeviceTime(date);
-        }
-        return client.getDeviceTime();
-    }
-    /**
-     * Gets the timezone name currently assigned to the device.
-     *
-     * @returns Promise resolving to the timezone name (e.g., "America/New_York")
-     *
-     * ```typescript
-     * const timezoneName = await this.client.getDeviceTimeZoneName();
-     * console.log('Device timezone:', timezoneName);
-     * ```
-     */
-    async getDeviceTimeZoneName() {
-        const client = await this.getClient();
-        return client.getDeviceTimeZoneName();
-    }
-    /**
-     * Gets the timezone ID currently assigned to the device.
-     *
-     * @returns Promise resolving to the timezone ID
-     *
-     * ```typescript
-     * const timezoneId = await this.client.getDeviceTimeZoneID();
-     * console.log('Device timezone ID:', timezoneId);
-     * ```
-     */
-    async getDeviceTimeZoneID() {
-        const client = await this.getClient();
-        return client.getDeviceTimeZoneID();
-    }
-    /**
-     * Gets the numerical offset from GMT of the timezone currently assigned to the device.
-     *
-     * @returns Promise resolving to the timezone offset in hours (e.g., -5 for EST)
-     *
-     * ```typescript
-     * const offset = await this.client.getDeviceTimeZoneOffset();
-     * console.log('Device timezone offset:', offset, 'hours from GMT');
-     * ```
-     */
-    async getDeviceTimeZoneOffset() {
-        const client = await this.getClient();
-        return client.getDeviceTimeZoneOffset();
-    }
-    /**
-     * Gets the language code of the language currently assigned to the device.
-     *
-     * @returns Promise resolving to the language code (e.g., "en-US", "fr-FR")
-     *
-     * ```typescript
-     * const languageCode = await this.client.getLanguageCode();
-     * console.log('Device language:', languageCode);
-     * // Use for localization
-     * this.loadLanguageResources(languageCode);
-     * ```
-     */
-    async getLanguageCode() {
-        const client = await this.getClient();
-        return client.getLanguageCode();
-    }
-    /**
-     * Gets the unique Revel Digital device key associated with the device.
-     *
-     * The device key is a unique identifier for this specific player device
-     * and can be used for device-specific operations or remote commands.
-     *
-     * @returns Promise resolving to the device key string
-     *
-     * ```typescript
-     * const deviceKey = await this.client.getDeviceKey();
-     * console.log('Device key:', deviceKey);
-     * ```
-     */
-    async getDeviceKey() {
-        const client = await this.getClient();
-        return client.getDeviceKey();
-    }
-    /**
-     * Sends a command to the local player device.
-     *
-     * Commands can be used to control various aspects of the player or trigger
-     * specific behaviors. The command is processed by the local player only.
-     *
-     * @param name - The command name/identifier
-     * @param arg - The command argument/payload
-     *
-     * ```typescript
-     * // Send a simple command
-     * this.client.sendCommand('refresh', '');
-     *
-     * // Send a command with data
-     * this.client.sendCommand('setVolume', '50');
-     *
-     * // Send a command with JSON data
-     * this.client.sendCommand('configure', JSON.stringify({ setting: 'value' }));
-     * ```
-     */
-    sendCommand(name, arg) {
-        this.getClient().then((client) => {
-            client.sendCommand(name, arg);
-        });
-    }
-    /**
-     * Sends a command to remote player devices with the specified device keys.
-     *
-     * Remote commands allow cross-device communication within the same Revel Digital account.
-     * This is useful for synchronized displays, device coordination, or remote control scenarios.
-     *
-     * Note: Remote commands can only be delivered to devices within the same account as the sender device.
-     *
-     * @param deviceKeys - Array of target device keys to send the command to
-     * @param name - The command name/identifier
-     * @param arg - The command argument/payload
-     *
-     * ```typescript
-     * // Send command to specific devices
-     * const targetDevices = ['device-key-1', 'device-key-2'];
-     * this.client.sendRemoteCommand(targetDevices, 'syncAction', 'start');
-     *
-     * // Broadcast to multiple devices
-     * this.client.sendRemoteCommand(
-     *   ['lobby-display', 'kiosk-1', 'kiosk-2'],
-     *   'updateContent',
-     *   JSON.stringify({ contentId: '12345' })
-     * );
-     * ```
-     */
-    sendRemoteCommand(deviceKeys, name, arg) {
-        this.getClient().then((client) => {
-            client.sendRemoteCommand(deviceKeys, name, arg);
-        });
-    }
-    /**
-     * Logs an analytics event for use with AdHawk analytics and reporting.
-     *
-     * Events are used for tracking various metrics including usage statistics,
-     * player condition, state changes, user interactions, and custom business metrics.
-     * These events can be viewed in the Revel Digital analytics dashboard.
-     *
-     * @param eventName - Unique name for this event (should be descriptive and consistent)
-     * @param properties - Optional map of user-defined properties to associate with this event
-     *
-     * ```typescript
-     * // Simple event tracking
-     * this.client.track('gadget_loaded');
-     *
-     * // Event with properties
-     * this.client.track('user_interaction', {
-     *   action: 'button_click',
-     *   button_id: 'start_button',
-     *   timestamp: new Date().toISOString()
-     * });
-     *
-     * // Performance tracking
-     * this.client.track('content_displayed', {
-     *   content_type: 'video',
-     *   duration: 30,
-     *   quality: 'HD'
-     * });
-     * ```
-     */
-    track(eventName, properties) {
-        this.getClient().then((client) => {
-            client.track(eventName, JSON.stringify(properties));
-        });
-    }
-    /**
-     * Initiates a timed event for duration tracking.
-     *
-     * Timed events are useful for tracking the duration of operations or user interactions.
-     * This method must be followed by a call to track() with the same event name to complete
-     * the timing measurement. The duration will be automatically calculated and included
-     * in the event properties.
-     *
-     * @param eventName - Unique name for this timed event (must match the subsequent track() call)
-     *
-     * ```typescript
-     * // Start timing an event
-     * this.client.timeEvent('video_playback');
-     *
-     * // ... video plays for some duration ...
-     *
-     * // End timing and log the event with duration
-     * this.client.track('video_playback', {
-     *   video_id: 'abc123',
-     *   quality: 'HD'
-     * }); // Duration will be automatically added
-     *
-     * // Example for user interaction timing
-     * this.client.timeEvent('form_completion');
-     * // ... user fills out form ...
-     * this.client.track('form_completion', { form_type: 'contact' });
-     * ```
-     */
-    timeEvent(eventName) {
-        this.getClient().then((client) => {
-            client.timeEvent(eventName);
-        });
-    }
-    /**
-     * Creates a new analytics event session for grouping related events.
-     *
-     * A session is a way of grouping events together for analysis. Each event tracked
-     * after calling this method will have the same session ID until a new session is created.
-     * Session IDs are randomly generated unless explicitly provided.
-     *
-     * This is useful for tracking user journeys, workflow completion, or grouping
-     * related interactions within a specific time period.
-     *
-     * @param id - Optional user-supplied session ID. If not provided, a random session ID will be generated
-     *
-     * ```typescript
-     * // Start a new session with auto-generated ID
-     * this.client.newEventSession();
-     * this.client.track('session_start');
-     * this.client.track('user_action_1');
-     * this.client.track('user_action_2');
-     *
-     * // Start a session with custom ID
-     * this.client.newEventSession('user-workflow-12345');
-     * this.client.track('workflow_start');
-     * this.client.track('step_completed', { step: 1 });
-     *
-     * // Start a new session for different workflow
-     * this.client.newEventSession();
-     * this.client.track('different_workflow_start');
-     * ```
-     */
-    newEventSession(id) {
-        this.getClient().then((client) => {
-            if (id !== undefined) {
-                client.newEventSession();
-            }
-            else {
-                client.newEventSession(id);
-            }
-        });
-    }
-    /**
-     * Gets the root folder path utilized by this player device.
-     *
-     * This returns the base directory path where the Revel Digital player
-     * stores its files and resources on the local device.
-     *
-     * @returns Promise resolving to the path of the root folder
-     *
-     * ```typescript
-     * const rootPath = await this.client.getRevelRoot();
-     * console.log('Player root directory:', rootPath);
-     * // Use for constructing file paths or understanding storage structure
-     * ```
-     */
-    async getRevelRoot() {
-        const client = await this.getClient();
-        return client.getRevelRoot();
-    }
-    /**
-     * Gets a map of commands currently active for this device.
-     *
-     * This returns the current command configuration that defines how the device
-     * responds to various command triggers and remote commands.
-     *
-     * @returns Promise resolving to a map of currently active commands
-     *
-     * ```typescript
-     * const commandMap = await this.client.getCommandMap();
-     * console.log('Active commands:', commandMap);
-     *
-     * // Check if specific command is available
-     * if (commandMap['customCommand']) {
-     *   console.log('Custom command is available');
-     * }
-     * ```
-     */
-    async getCommandMap() {
-        const client = await this.getClient();
-        return JSON.parse(await client.getCommandMap());
-    }
-    /**
-     * Signals to the player that this gadget has completed its visualization.
-     *
-     * This method notifies the player that the current gadget has finished its
-     * content display or interaction cycle. The player can then proceed with
-     * the next item in a playlist if applicable, or handle the completion
-     * according to its configuration.
-     *
-     * Call this method when your gadget has completed its intended function,
-     * such as finishing an animation, completing a form, or reaching a natural
-     * stopping point.
-     *
-     * ```typescript
-     * // After completing an animation
-     * private onAnimationComplete(): void {
-     *   this.client.finish();
-     * }
-     *
-     * // After user interaction is complete
-     * private onFormSubmitted(): void {
-     *   this.saveFormData();
-     *   this.client.finish();
-     * }
-     *
-     * // After a timed display period
-     * setTimeout(() => {
-     *   this.client.finish();
-     * }, 30000); // 30 seconds
-     * ```
-     */
-    finish() {
-        this.getClient().then((client) => {
-            client.finish();
-        });
-    }
-    /**
-     * Checks if the gadget is running in preview mode.
-     *
-     * Preview mode is enabled when the gadget is being edited in the Revel Digital CMS,
-     * tested in the gadget editor, or otherwise not running in a normal player environment.
-     * This is useful for providing different behavior during development/testing versus
-     * production deployment.
-     *
-     * @returns Promise resolving to true if running in preview mode, false if running on actual player
-     *
-     * ```typescript
-     * const isPreview = await this.client.isPreviewMode();
-     *
-     * if (isPreview) {
-     *   console.log('Running in preview mode - using mock data');
-     *   this.loadMockData();
-     * } else {
-     *   console.log('Running on player device - using live data');
-     *   this.loadLiveData();
-     * }
-     *
-     * // Show different UI in preview
-     * this.showPreviewIndicator = isPreview;
-     * ```
-     */
-    async isPreviewMode() {
-        const client = await this.getClient();
-        return client instanceof NoopClient;
-    }
-    /**
-     * Gets detailed information about the device running the player.
-     *
-     * Returns comprehensive device details including name, registration key, type,
-     * service date, language, timezone, tags, and location information. This data
-     * is configured in the Revel Digital CMS for each device.
-     *
-     * @returns Promise resolving to device details object, or null if not available
-     *
-     * ```typescript
-     * const device = await this.client.getDevice();
-     *
-     * if (device) {
-     *   console.log('Device name:', device.name);
-     *   console.log('Device type:', device.deviceType);
-     *   console.log('Location:', device.location.city, device.location.state);
-     *   console.log('Tags:', device.tags);
-     *
-     *   // Use device info for customization
-     *   if (device.location.country === 'US') {
-     *     this.loadUSContent();
-     *   }
-     *
-     *   // Check device capabilities based on type
-     *   if (device.deviceType === 'android') {
-     *     this.enableTouchFeatures();
-     *   }
-     * }
-     * ```
-     */
-    async getDevice() {
-        const client = await this.getClient();
-        let obj = JSON.parse(await client.getDevice());
-        const device = [obj].map((device) => {
-            return {
-                name: device.name,
-                registrationKey: device.key,
-                deviceType: device.devicetype,
-                enteredService: new Date(device.enteredservice),
-                langCode: device.langcode,
-                timeZone: device.timezone,
-                tags: device.description?.split('\n'),
-                location: {
-                    city: device.location?.city,
-                    state: device.location?.state,
-                    country: device.location?.country,
-                    postalCode: device.location?.postalcode,
-                    address: device.location?.address,
-                    latitude: device.location?.latitude,
-                    longitude: device.location?.longitude
-                }
-            };
-        });
-        return device[0];
-    }
-    /**
-     * Gets the width of the visualization area in pixels.
-     *
-     * This returns the available width for content display, which may be
-     * different from the full screen width depending on player configuration
-     * and template layout.
-     *
-     * @returns Promise resolving to width in pixels, or null if not available
-     *
-     * ```typescript
-     * const width = await this.client.getWidth();
-     *
-     * if (width) {
-     *   console.log('Available width:', width, 'pixels');
-     *
-     *   // Adapt content layout based on width
-     *   if (width < 800) {
-     *     this.enableMobileLayout();
-     *   } else {
-     *     this.enableDesktopLayout();
-     *   }
-     * }
-     * ```
-     */
-    async getWidth() {
-        const client = await this.getClient();
-        return client.getWidth();
-    }
-    /**
-     * Gets the height of the visualization area in pixels.
-     *
-     * This returns the available height for content display, which may be
-     * different from the full screen height depending on player configuration
-     * and template layout.
-     *
-     * @returns Promise resolving to height in pixels, or null if not available
-     *
-     * ```typescript
-     * const height = await this.client.getHeight();
-     *
-     * if (height) {
-     *   console.log('Available height:', height, 'pixels');
-     *
-     *   // Calculate aspect ratio for responsive design
-     *   const width = await this.client.getWidth();
-     *   const aspectRatio = width / height;
-     *   this.adjustContentForAspectRatio(aspectRatio);
-     * }
-     * ```
-     */
-    async getHeight() {
-        const client = await this.getClient();
-        return client.getHeight();
-    }
-    /**
-     * Gets the duration of the currently playing content item.
-     *
-     * This method is only applicable when the gadget is associated with a playlist
-     * and returns the duration assigned to the current playlist item. The duration
-     * determines how long the content should be displayed before moving to the next item.
-     *
-     * @returns Promise resolving to duration in milliseconds, or null if not applicable/available
-     *
-     * ```typescript
-     * const duration = await this.client.getDuration();
-     *
-     * if (duration) {
-     *   console.log('Content duration:', duration, 'milliseconds');
-     *
-     *   // Set up auto-finish timer
-     *   setTimeout(() => {
-     *     this.client.finish();
-     *   }, duration);
-     *
-     *   // Show progress indicator
-     *   this.startProgressIndicator(duration);
-     * }
-     * ```
-     */
-    async getDuration() {
-        const client = await this.getClient();
-        return client.getDuration();
-    }
-    /**
-     * Gets the current version of the Revel Digital SDK.
-     *
-     * @returns Promise resolving to the SDK version string
-     *
-     * ```typescript
-     * const version = await this.client.getSdkVersion();
-     * console.log('SDK Version:', version);
-     *
-     * // Use for compatibility checks or logging
-     * this.client.track('gadget_loaded', { sdkVersion: version });
-     * ```
-     */
-    async getSdkVersion() {
-        return Promise.resolve(version);
-    }
-    /**
-     * Applies configuration preferences to the gadget (preview mode only).
-     *
-     * This method is only available when running in preview mode (typically during
-     * gadget development or testing in the CMS). It allows applying configuration
-     * changes that would normally come from the gadget's preference settings.
-     *
-     * @param prefs - Dictionary of preference key-value pairs to apply
-     *
-     * ```typescript
-     * if (await this.client.isPreviewMode()) {
-     *   // Apply test configuration in preview
-     *   await this.client.applyConfig({
-     *     'title': 'Test Title',
-     *     'backgroundColor': '#ff0000',
-     *     'showBorder': true,
-     *     'refreshInterval': 30
-     *   });
-     * }
-     * ```
-     */
-    async applyConfig(prefs) {
-        if (await this.isPreviewMode()) {
-            const client = await this.getClient();
-            client.applyConfig(prefs);
-        }
-        else {
-            console.log('%capplyConfig() is only available in preview mode.', 'background-color:blue; color:yellow;');
-        }
-    }
-    // ---
-    // PRIVATE METHODS.
-    // ---
-    /** @ignore */
-    getClient() {
-        if (this.clientPromise) {
-            return (this.clientPromise);
-        }
-        if (window.Client) {
-            return (this.clientPromise = Promise.resolve(window.Client));
-        }
-        // A "complete" status indicates that the "load" event has been fired on the
-        // window; and, that all sub-resources such as Scripts, Images, and Frames have
-        // been loaded.
-        if (window.document.readyState === "complete") {
-            // If this event has fired AND the 3rd-party script isn't available (see IF-
-            // condition BEFORE this one), it means that the 3rd-party script either
-            // failed on the network or was BLOCKED by an ad-blocker. As such, we have to
-            // fall-back to using a mock API.
-            return (this.clientPromise = Promise.resolve(new NoopClient()));
-        }
-        // ASSERT: If we made it this far, the document has not completed loading (but it
-        // may be in an "interactive" state which is when I believe that the Angular app
-        // gets bootstrapped). As such, we need bind to the LOAD event to wait for our
-        // third-party scripts to load (or fail to load, or be blocked).
-        this.clientPromise = new Promise((resolve) => {
-            window.addEventListener("load", function handleWindowLoad() {
-                // At this point, the 3rd-party library is either available or
-                // it's not - there's no further loading to do. If it's not
-                // present on the global scope, we're going to fall-back to using
-                // a mock API.
-                resolve(window.Client || new NoopClient());
-            });
-        });
-        return (this.clientPromise);
-    }
-}
-PlayerClientService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-PlayerClientService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-// ----------------------------------------------------------------------------------- //
-// ----------------------------------------------------------------------------------- //
-/**
- * Mock implementation of the IClient interface.
- *
- * This class provides a no-operation (NOOP) implementation of the client API
- * that allows consuming code to function normally even when the actual player
- * API is not available. This typically occurs during development, testing,
- * or when the player script is blocked by ad-blockers.
- *
- * All methods in this class either return null/empty values or perform no
- * operations, allowing gadgets to function without errors while providing
- * appropriate fallback behavior.
- *
- * @private
- */
-class NoopClient {
-    constructor() {
-        console.log('%cClient API not available, falling back to mock API', 'background-color:blue; color:yellow;');
-    }
-    callback(...args) {
-        // NOOP implement, nothing to do....
-    }
-    getDeviceTime(date) {
-        return Promise.resolve(new Date().toISOString());
-    }
-    async getDeviceTimeZoneName() {
-        return Promise.resolve(null);
-    }
-    async getDeviceTimeZoneID() {
-        return Promise.resolve(null);
-    }
-    async getDeviceTimeZoneOffset() {
-        return Promise.resolve(null);
-    }
-    async getLanguageCode() {
-        return Promise.resolve(null);
-    }
-    async getDeviceKey() {
-        return Promise.resolve(null);
-    }
-    sendCommand(name, arg) {
-        // NOOP implement, nothing to do....
-    }
-    sendRemoteCommand(deviceKeys, name, arg) {
-        // NOOP implement, nothing to do....
-    }
-    track(eventName, properties) {
-        // NOOP implement, nothing to do....
-    }
-    timeEvent(eventName) {
-        // NOOP implement, nothing to do....
-    }
-    newEventSession(id) {
-        // NOOP implement, nothing to do....
-    }
-    async getRevelRoot() {
-        return Promise.resolve(null);
-    }
-    async getCommandMap() {
-        return Promise.resolve('{}');
-    }
-    finish() {
-        // NOOP implement, nothing to do....
-    }
-    async getDevice() {
-        return Promise.resolve(null);
-    }
-    async getWidth() {
-        return Promise.resolve(null);
-    }
-    async getHeight() {
-        return Promise.resolve(null);
-    }
-    async getDuration() {
-        return Promise.resolve(null);
-    }
-    async getSdkVersion() {
-        return Promise.resolve(version);
-    }
-    applyConfig(prefs) {
-        let evt = { type: 'applyConfig', prefs: prefs, isOpener: window.opener !== null };
-        if (window.opener) {
-            window.opener.postMessage(JSON.stringify(evt), '*');
-        }
-        else {
-            window.parent.postMessage(JSON.stringify(evt), '*');
-        }
-    }
+/**
+ * Service for interacting with the Revel Digital player client.
+ *
+ * This service provides a comprehensive interface for gadgets and web applications
+ * to communicate with the Revel Digital player environment. It handles device
+ * information, commands, events, analytics tracking, and configuration management.
+ *
+ * The service supports both direct API calls and event-based communication patterns,
+ * allowing gadgets to respond to player lifecycle events (start, stop, commands) and
+ * send data back to the player or remote devices.
+ *
+ * ```typescript
+ * constructor(private client: PlayerClientService) {
+ *   // Subscribe to player events
+ *   this.client.onStart$.subscribe(() => {
+ *     console.log('Gadget started');
+ *   });
+ *
+ *   this.client.onCommand$.subscribe(command => {
+ *     console.log('Received command:', command);
+ *   });
+ * }
+ *
+ * async ngOnInit() {
+ *   // Get device information
+ *   const device = await this.client.getDevice();
+ *   const deviceTime = await this.client.getDeviceTime();
+ *
+ *   // Track analytics
+ *   this.client.track('gadget_loaded', { version: '1.0' });
+ * }
+ * ```
+ *
+ * @since 1.0.0
+ */
+class PlayerClientService {
+    /** @ignore */
+    constructor(zone) {
+        /**
+         * Observable stream of commands sent to this player from the Revel Digital platform.
+         * Subscribe to this to handle custom commands sent from templates, playlists, or remote devices.
+         *
+         * ```typescript
+         * this.client.onCommand$.subscribe(command => {
+         *   if (command.name === 'customAction') {
+         *     this.handleCustomAction(command.arg);
+         *   }
+         * });
+         * ```
+         */
+        this.onCommand$ = new Subject();
+        /**
+         * Observable that signals when the gadget has been loaded and is ready to start.
+         * Emits `true` when ready, `false` when destroyed.
+         *
+         * ```typescript
+         * this.client.onReady$.subscribe(isReady => {
+         *   if (isReady) {
+         *     console.log('Client is ready');
+         *     this.initializeGadget();
+         *   }
+         * });
+         * ```
+         */
+        this.onReady$ = new BehaviorSubject(false);
+        /**
+         * Observable that signals when the gadget has been started by the player.
+         * This event occurs when the player begins execution of the gadget content.
+         *
+         * ```typescript
+         * this.client.onStart$.subscribe(() => {
+         *   console.log('Gadget started');
+         *   this.startAnimation();
+         * });
+         * ```
+         */
+        this.onStart$ = new Subject();
+        /**
+         * Observable that signals when the gadget has been stopped by the player.
+         * This event occurs when the player stops execution, typically when moving
+         * to the next item in a playlist or when the content duration expires.
+         *
+         * ```typescript
+         * this.client.onStop$.subscribe(() => {
+         *   console.log('Gadget stopped');
+         *   this.cleanup();
+         * });
+         * ```
+         */
+        this.onStop$ = new Subject();
+        /**
+         * Observable that signals when the gadget should open the configuration window.
+         * This allows gadgets to respond to configuration requests from the player.
+         *
+         * ```typescript
+         * this.client.onConfig$.subscribe(() => {
+         *   this.openConfigurationDialog();
+         * });
+         * ```
+         */
+        this.onConfig$ = new Subject();
+        /**
+         * Observable that signals when the gadget has received a postMessage event from the player.
+         * This handles communication between the gadget and player via the postMessage API.
+         *
+         * ```typescript
+         * this.client.onPostMessage$.subscribe(message => {
+         *   console.log('Received message:', message);
+         *   this.handlePlayerMessage(message);
+         * });
+         * ```
+         */
+        this.onPostMessage$ = new Subject();
+        /** @ignore */
+        this.onStartEvt$ = fromEvent(window, 'RevelDigital.Start').pipe(share(), tap(this.onStart$));
+        /** @ignore */
+        this.onStopEvt$ = fromEvent(window, 'RevelDigital.Stop').pipe(share(), tap(this.onStop$));
+        /** @ignore */
+        this.onCommandEvt$ = fromEvent(window, 'RevelDigital.Command').pipe(map((e) => { return { name: e.detail.name, arg: e.detail.arg }; }), share(), tap(this.onCommand$));
+        this.onPostMessageEvt$ = fromEvent(window, 'message').pipe(filter((messageEvent) => 
+        //messageEvent.source !== window.parent &&
+        typeof messageEvent.data === 'string'), map((e) => JSON.parse(e.data)), share(), tap((e) => {
+            if (e.type === 'applyConfig' && e.isOpener) {
+                e.isOpener = false;
+                // propagate config to iframe parent from the popup window
+                window.parent.postMessage(JSON.stringify(e), '*');
+            }
+            else if (e.type === 'openConfig') {
+                this.onConfig$.next(null);
+            }
+        }), tap(e => this.onPostMessage$.next(e)));
+        let self = this;
+        window.RevelDigital = {
+            Controller: {
+                onCommand: function (name, arg) {
+                    zone.run(() => {
+                        self.onCommand$.next({ name: name, arg: arg });
+                    });
+                },
+                onStart: function () {
+                    zone.run(() => {
+                        self.onStart$.next(null);
+                    });
+                },
+                onStop: function () {
+                    zone.run(() => {
+                        self.onStop$.next(null);
+                    });
+                }
+            }
+        };
+        this.onStartSub = this.onStartEvt$.subscribe(() => { });
+        this.onStopSub = this.onStopEvt$.subscribe(() => { });
+        this.onCommandSub = this.onCommandEvt$.subscribe(() => { });
+        //this.onConfigSub = this.onConfigEvt$.subscribe(() => { });
+        this.onPostMessageSub = this.onPostMessageEvt$.subscribe(() => { });
+        this.clientPromise = null;
+        this.onReady$.next(true);
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.onStartSub?.unsubscribe();
+        this.onStopSub?.unsubscribe();
+        this.onCommandSub?.unsubscribe();
+        //this.onConfigSub?.unsubscribe();
+        this.onPostMessageSub?.unsubscribe();
+        this.onReady$.next(false);
+    }
+    /** @ignore */
+    static init(data) {
+        console.log('%c⚙️ Initializing Revel Digital client library', 'background-color:blue; color:yellow;');
+    }
+    /**
+     * Sends a callback to player scripting with variable arguments.
+     *
+     * This method allows the gadget to communicate with player scripting.
+     * If the appropriate scripting is in place in the currently running template,
+     * calling this method will initiate a callback which can be acted upon in player script.
+     *
+     * @param args - Variable number of arguments to pass to the callback (max 5 arguments)
+     *
+     * ```typescript
+     * // Send a simple callback
+     * this.client.callback('test', 'data');
+     *
+     * // Send multiple parameters
+     * this.client.callback('action', 'value1', 'value2', { data: 'object' });
+     * ```
+     */
+    callback(...args) {
+        this.getClient().then((client) => {
+            switch (args.length) {
+                case 0:
+                    client.callback();
+                    break;
+                case 1:
+                    client.callback(args[0]);
+                    break;
+                case 2:
+                    client.callback(args[1]);
+                    break;
+                case 3:
+                    client.callback(args[2]);
+                    break;
+                case 4:
+                    client.callback(args[3]);
+                    break;
+                case 5:
+                    client.callback(args[4]);
+                    break;
+            }
+        });
+    }
+    /**
+     * Gets the user preferences interface exposed by the Google Gadgets API.
+     *
+     * This method provides access to gadget preferences which can be configured
+     * in the Revel Digital CMS. Use this to retrieve user-configurable settings
+     * for your gadget.
+     *
+     * @returns The Gadgets API Prefs object for accessing preference values
+     *
+     * ```typescript
+     * constructor(public client: PlayerClientService) {
+     *   const prefs = client.getPrefs();
+     *   const myString = prefs.getString('myStringPref');
+     *   const myNumber = prefs.getInt('myNumberPref');
+     *   const myBool = prefs.getBool('myBoolPref');
+     * }
+     * ```
+     *
+     * @see {@link https://developers.google.com/gadgets/docs/basic} Google Gadgets API documentation
+     */
+    getPrefs() {
+        return new window['gadgets']['Prefs']();
+    }
+    /**
+     * Gets the current device time in ISO8601 format.
+     *
+     * Current device time is determined by the device timezone assigned to the device in the CMS.
+     * This is useful for displaying time-sensitive content or scheduling operations based on
+     * the device's local time rather than browser time.
+     *
+     * @param date - Optional. If supplied, will translate the supplied date/time to device time based on respective timezones
+     * @returns Promise resolving to date/time in ISO8601 format
+     *
+     * ```typescript
+     * // Get current device time
+     * const currentTime = await this.client.getDeviceTime();
+     * console.log('Device time:', currentTime);
+     *
+     * // Convert a specific date to device time
+     * const specificDate = new Date('2023-01-01T12:00:00Z');
+     * const deviceTime = await this.client.getDeviceTime(specificDate);
+     * ```
+     */
+    async getDeviceTime(date) {
+        const client = await this.getClient();
+        if (date !== undefined) {
+            return client.getDeviceTime(date);
+        }
+        return client.getDeviceTime();
+    }
+    /**
+     * Gets the timezone name currently assigned to the device.
+     *
+     * @returns Promise resolving to the timezone name (e.g., "America/New_York")
+     *
+     * ```typescript
+     * const timezoneName = await this.client.getDeviceTimeZoneName();
+     * console.log('Device timezone:', timezoneName);
+     * ```
+     */
+    async getDeviceTimeZoneName() {
+        const client = await this.getClient();
+        return client.getDeviceTimeZoneName();
+    }
+    /**
+     * Gets the timezone ID currently assigned to the device.
+     *
+     * @returns Promise resolving to the timezone ID
+     *
+     * ```typescript
+     * const timezoneId = await this.client.getDeviceTimeZoneID();
+     * console.log('Device timezone ID:', timezoneId);
+     * ```
+     */
+    async getDeviceTimeZoneID() {
+        const client = await this.getClient();
+        return client.getDeviceTimeZoneID();
+    }
+    /**
+     * Gets the numerical offset from GMT of the timezone currently assigned to the device.
+     *
+     * @returns Promise resolving to the timezone offset in hours (e.g., -5 for EST)
+     *
+     * ```typescript
+     * const offset = await this.client.getDeviceTimeZoneOffset();
+     * console.log('Device timezone offset:', offset, 'hours from GMT');
+     * ```
+     */
+    async getDeviceTimeZoneOffset() {
+        const client = await this.getClient();
+        return client.getDeviceTimeZoneOffset();
+    }
+    /**
+     * Gets the language code of the language currently assigned to the device.
+     *
+     * @returns Promise resolving to the language code (e.g., "en-US", "fr-FR")
+     *
+     * ```typescript
+     * const languageCode = await this.client.getLanguageCode();
+     * console.log('Device language:', languageCode);
+     * // Use for localization
+     * this.loadLanguageResources(languageCode);
+     * ```
+     */
+    async getLanguageCode() {
+        const client = await this.getClient();
+        return client.getLanguageCode();
+    }
+    /**
+     * Gets the unique Revel Digital device key associated with the device.
+     *
+     * The device key is a unique identifier for this specific player device
+     * and can be used for device-specific operations or remote commands.
+     *
+     * @returns Promise resolving to the device key string
+     *
+     * ```typescript
+     * const deviceKey = await this.client.getDeviceKey();
+     * console.log('Device key:', deviceKey);
+     * ```
+     */
+    async getDeviceKey() {
+        const client = await this.getClient();
+        return client.getDeviceKey();
+    }
+    /**
+     * Sends a command to the local player device.
+     *
+     * Commands can be used to control various aspects of the player or trigger
+     * specific behaviors. The command is processed by the local player only.
+     *
+     * @param name - The command name/identifier
+     * @param arg - The command argument/payload
+     *
+     * ```typescript
+     * // Send a simple command
+     * this.client.sendCommand('refresh', '');
+     *
+     * // Send a command with data
+     * this.client.sendCommand('setVolume', '50');
+     *
+     * // Send a command with JSON data
+     * this.client.sendCommand('configure', JSON.stringify({ setting: 'value' }));
+     * ```
+     */
+    sendCommand(name, arg) {
+        this.getClient().then((client) => {
+            client.sendCommand(name, arg);
+        });
+    }
+    /**
+     * Sends a command to remote player devices with the specified device keys.
+     *
+     * Remote commands allow cross-device communication within the same Revel Digital account.
+     * This is useful for synchronized displays, device coordination, or remote control scenarios.
+     *
+     * Note: Remote commands can only be delivered to devices within the same account as the sender device.
+     *
+     * @param deviceKeys - Array of target device keys to send the command to
+     * @param name - The command name/identifier
+     * @param arg - The command argument/payload
+     *
+     * ```typescript
+     * // Send command to specific devices
+     * const targetDevices = ['device-key-1', 'device-key-2'];
+     * this.client.sendRemoteCommand(targetDevices, 'syncAction', 'start');
+     *
+     * // Broadcast to multiple devices
+     * this.client.sendRemoteCommand(
+     *   ['lobby-display', 'kiosk-1', 'kiosk-2'],
+     *   'updateContent',
+     *   JSON.stringify({ contentId: '12345' })
+     * );
+     * ```
+     */
+    sendRemoteCommand(deviceKeys, name, arg) {
+        this.getClient().then((client) => {
+            client.sendRemoteCommand(deviceKeys, name, arg);
+        });
+    }
+    /**
+     * Logs an analytics event for use with AdHawk analytics and reporting.
+     *
+     * Events are used for tracking various metrics including usage statistics,
+     * player condition, state changes, user interactions, and custom business metrics.
+     * These events can be viewed in the Revel Digital analytics dashboard.
+     *
+     * @param eventName - Unique name for this event (should be descriptive and consistent)
+     * @param properties - Optional map of user-defined properties to associate with this event
+     *
+     * ```typescript
+     * // Simple event tracking
+     * this.client.track('gadget_loaded');
+     *
+     * // Event with properties
+     * this.client.track('user_interaction', {
+     *   action: 'button_click',
+     *   button_id: 'start_button',
+     *   timestamp: new Date().toISOString()
+     * });
+     *
+     * // Performance tracking
+     * this.client.track('content_displayed', {
+     *   content_type: 'video',
+     *   duration: 30,
+     *   quality: 'HD'
+     * });
+     * ```
+     */
+    track(eventName, properties) {
+        this.getClient().then((client) => {
+            client.track(eventName, JSON.stringify(properties));
+        });
+    }
+    /**
+     * Initiates a timed event for duration tracking.
+     *
+     * Timed events are useful for tracking the duration of operations or user interactions.
+     * This method must be followed by a call to track() with the same event name to complete
+     * the timing measurement. The duration will be automatically calculated and included
+     * in the event properties.
+     *
+     * @param eventName - Unique name for this timed event (must match the subsequent track() call)
+     *
+     * ```typescript
+     * // Start timing an event
+     * this.client.timeEvent('video_playback');
+     *
+     * // ... video plays for some duration ...
+     *
+     * // End timing and log the event with duration
+     * this.client.track('video_playback', {
+     *   video_id: 'abc123',
+     *   quality: 'HD'
+     * }); // Duration will be automatically added
+     *
+     * // Example for user interaction timing
+     * this.client.timeEvent('form_completion');
+     * // ... user fills out form ...
+     * this.client.track('form_completion', { form_type: 'contact' });
+     * ```
+     */
+    timeEvent(eventName) {
+        this.getClient().then((client) => {
+            client.timeEvent(eventName);
+        });
+    }
+    /**
+     * Creates a new analytics event session for grouping related events.
+     *
+     * A session is a way of grouping events together for analysis. Each event tracked
+     * after calling this method will have the same session ID until a new session is created.
+     * Session IDs are randomly generated unless explicitly provided.
+     *
+     * This is useful for tracking user journeys, workflow completion, or grouping
+     * related interactions within a specific time period.
+     *
+     * @param id - Optional user-supplied session ID. If not provided, a random session ID will be generated
+     *
+     * ```typescript
+     * // Start a new session with auto-generated ID
+     * this.client.newEventSession();
+     * this.client.track('session_start');
+     * this.client.track('user_action_1');
+     * this.client.track('user_action_2');
+     *
+     * // Start a session with custom ID
+     * this.client.newEventSession('user-workflow-12345');
+     * this.client.track('workflow_start');
+     * this.client.track('step_completed', { step: 1 });
+     *
+     * // Start a new session for different workflow
+     * this.client.newEventSession();
+     * this.client.track('different_workflow_start');
+     * ```
+     */
+    newEventSession(id) {
+        this.getClient().then((client) => {
+            if (id !== undefined) {
+                client.newEventSession();
+            }
+            else {
+                client.newEventSession(id);
+            }
+        });
+    }
+    /**
+     * Gets the root folder path utilized by this player device.
+     *
+     * This returns the base directory path where the Revel Digital player
+     * stores its files and resources on the local device.
+     *
+     * @returns Promise resolving to the path of the root folder
+     *
+     * ```typescript
+     * const rootPath = await this.client.getRevelRoot();
+     * console.log('Player root directory:', rootPath);
+     * // Use for constructing file paths or understanding storage structure
+     * ```
+     */
+    async getRevelRoot() {
+        const client = await this.getClient();
+        return client.getRevelRoot();
+    }
+    /**
+     * Gets a map of commands currently active for this device.
+     *
+     * This returns the current command configuration that defines how the device
+     * responds to various command triggers and remote commands.
+     *
+     * @returns Promise resolving to a map of currently active commands
+     *
+     * ```typescript
+     * const commandMap = await this.client.getCommandMap();
+     * console.log('Active commands:', commandMap);
+     *
+     * // Check if specific command is available
+     * if (commandMap['customCommand']) {
+     *   console.log('Custom command is available');
+     * }
+     * ```
+     */
+    async getCommandMap() {
+        const client = await this.getClient();
+        return JSON.parse(await client.getCommandMap());
+    }
+    /**
+     * Signals to the player that this gadget has completed its visualization.
+     *
+     * This method notifies the player that the current gadget has finished its
+     * content display or interaction cycle. The player can then proceed with
+     * the next item in a playlist if applicable, or handle the completion
+     * according to its configuration.
+     *
+     * Call this method when your gadget has completed its intended function,
+     * such as finishing an animation, completing a form, or reaching a natural
+     * stopping point.
+     *
+     * ```typescript
+     * // After completing an animation
+     * private onAnimationComplete(): void {
+     *   this.client.finish();
+     * }
+     *
+     * // After user interaction is complete
+     * private onFormSubmitted(): void {
+     *   this.saveFormData();
+     *   this.client.finish();
+     * }
+     *
+     * // After a timed display period
+     * setTimeout(() => {
+     *   this.client.finish();
+     * }, 30000); // 30 seconds
+     * ```
+     */
+    finish() {
+        this.getClient().then((client) => {
+            client.finish();
+        });
+    }
+    /**
+     * Checks if the gadget is running in preview mode.
+     *
+     * Preview mode is enabled when the gadget is being edited in the Revel Digital CMS,
+     * tested in the gadget editor, or otherwise not running in a normal player environment.
+     * This is useful for providing different behavior during development/testing versus
+     * production deployment.
+     *
+     * @returns Promise resolving to true if running in preview mode, false if running on actual player
+     *
+     * ```typescript
+     * const isPreview = await this.client.isPreviewMode();
+     *
+     * if (isPreview) {
+     *   console.log('Running in preview mode - using mock data');
+     *   this.loadMockData();
+     * } else {
+     *   console.log('Running on player device - using live data');
+     *   this.loadLiveData();
+     * }
+     *
+     * // Show different UI in preview
+     * this.showPreviewIndicator = isPreview;
+     * ```
+     */
+    async isPreviewMode() {
+        const client = await this.getClient();
+        return client instanceof NoopClient;
+    }
+    /**
+     * Gets detailed information about the device running the player.
+     *
+     * Returns comprehensive device details including name, registration key, type,
+     * service date, language, timezone, tags, and location information. This data
+     * is configured in the Revel Digital CMS for each device.
+     *
+     * @returns Promise resolving to device details object, or null if not available
+     *
+     * ```typescript
+     * const device = await this.client.getDevice();
+     *
+     * if (device) {
+     *   console.log('Device name:', device.name);
+     *   console.log('Device type:', device.deviceType);
+     *   console.log('Location:', device.location.city, device.location.state);
+     *   console.log('Tags:', device.tags);
+     *
+     *   // Use device info for customization
+     *   if (device.location.country === 'US') {
+     *     this.loadUSContent();
+     *   }
+     *
+     *   // Check device capabilities based on type
+     *   if (device.deviceType === 'android') {
+     *     this.enableTouchFeatures();
+     *   }
+     * }
+     * ```
+     */
+    async getDevice() {
+        const client = await this.getClient();
+        let obj = JSON.parse(await client.getDevice());
+        const device = [obj].map((device) => {
+            return {
+                name: device.name,
+                registrationKey: device.key,
+                deviceType: device.devicetype,
+                enteredService: new Date(device.enteredservice),
+                langCode: device.langcode,
+                timeZone: device.timezone,
+                tags: device.description?.split('\n'),
+                location: {
+                    city: device.location?.city,
+                    state: device.location?.state,
+                    country: device.location?.country,
+                    postalCode: device.location?.postalcode,
+                    address: device.location?.address,
+                    latitude: device.location?.latitude,
+                    longitude: device.location?.longitude
+                }
+            };
+        });
+        return device[0];
+    }
+    /**
+     * Gets the width of the visualization area in pixels.
+     *
+     * This returns the available width for content display, which may be
+     * different from the full screen width depending on player configuration
+     * and template layout.
+     *
+     * @returns Promise resolving to width in pixels, or null if not available
+     *
+     * ```typescript
+     * const width = await this.client.getWidth();
+     *
+     * if (width) {
+     *   console.log('Available width:', width, 'pixels');
+     *
+     *   // Adapt content layout based on width
+     *   if (width < 800) {
+     *     this.enableMobileLayout();
+     *   } else {
+     *     this.enableDesktopLayout();
+     *   }
+     * }
+     * ```
+     */
+    async getWidth() {
+        const client = await this.getClient();
+        return client.getWidth();
+    }
+    /**
+     * Gets the height of the visualization area in pixels.
+     *
+     * This returns the available height for content display, which may be
+     * different from the full screen height depending on player configuration
+     * and template layout.
+     *
+     * @returns Promise resolving to height in pixels, or null if not available
+     *
+     * ```typescript
+     * const height = await this.client.getHeight();
+     *
+     * if (height) {
+     *   console.log('Available height:', height, 'pixels');
+     *
+     *   // Calculate aspect ratio for responsive design
+     *   const width = await this.client.getWidth();
+     *   const aspectRatio = width / height;
+     *   this.adjustContentForAspectRatio(aspectRatio);
+     * }
+     * ```
+     */
+    async getHeight() {
+        const client = await this.getClient();
+        return client.getHeight();
+    }
+    /**
+     * Gets the duration of the currently playing content item.
+     *
+     * This method is only applicable when the gadget is associated with a playlist
+     * and returns the duration assigned to the current playlist item. The duration
+     * determines how long the content should be displayed before moving to the next item.
+     *
+     * @returns Promise resolving to duration in milliseconds, or null if not applicable/available
+     *
+     * ```typescript
+     * const duration = await this.client.getDuration();
+     *
+     * if (duration) {
+     *   console.log('Content duration:', duration, 'milliseconds');
+     *
+     *   // Set up auto-finish timer
+     *   setTimeout(() => {
+     *     this.client.finish();
+     *   }, duration);
+     *
+     *   // Show progress indicator
+     *   this.startProgressIndicator(duration);
+     * }
+     * ```
+     */
+    async getDuration() {
+        const client = await this.getClient();
+        return client.getDuration();
+    }
+    /**
+     * Gets the current version of the Revel Digital SDK.
+     *
+     * @returns Promise resolving to the SDK version string
+     *
+     * ```typescript
+     * const version = await this.client.getSdkVersion();
+     * console.log('SDK Version:', version);
+     *
+     * // Use for compatibility checks or logging
+     * this.client.track('gadget_loaded', { sdkVersion: version });
+     * ```
+     */
+    async getSdkVersion() {
+        return Promise.resolve(version);
+    }
+    /**
+     * Applies configuration preferences to the gadget (preview mode only).
+     *
+     * This method is only available when running in preview mode (typically during
+     * gadget development or testing in the CMS). It allows applying configuration
+     * changes that would normally come from the gadget's preference settings.
+     *
+     * @param prefs - Dictionary of preference key-value pairs to apply
+     *
+     * ```typescript
+     * if (await this.client.isPreviewMode()) {
+     *   // Apply test configuration in preview
+     *   await this.client.applyConfig({
+     *     'title': 'Test Title',
+     *     'backgroundColor': '#ff0000',
+     *     'showBorder': true,
+     *     'refreshInterval': 30
+     *   });
+     * }
+     * ```
+     */
+    async applyConfig(prefs) {
+        if (await this.isPreviewMode()) {
+            const client = await this.getClient();
+            client.applyConfig(prefs);
+        }
+        else {
+            console.log('%capplyConfig() is only available in preview mode.', 'background-color:blue; color:yellow;');
+        }
+    }
+    // ---
+    // PRIVATE METHODS.
+    // ---
+    /** @ignore */
+    getClient() {
+        if (this.clientPromise) {
+            return (this.clientPromise);
+        }
+        if (window.Client) {
+            return (this.clientPromise = Promise.resolve(window.Client));
+        }
+        // A "complete" status indicates that the "load" event has been fired on the
+        // window; and, that all sub-resources such as Scripts, Images, and Frames have
+        // been loaded.
+        if (window.document.readyState === "complete") {
+            // If this event has fired AND the 3rd-party script isn't available (see IF-
+            // condition BEFORE this one), it means that the 3rd-party script either
+            // failed on the network or was BLOCKED by an ad-blocker. As such, we have to
+            // fall-back to using a mock API.
+            return (this.clientPromise = Promise.resolve(new NoopClient()));
+        }
+        // ASSERT: If we made it this far, the document has not completed loading (but it
+        // may be in an "interactive" state which is when I believe that the Angular app
+        // gets bootstrapped). As such, we need bind to the LOAD event to wait for our
+        // third-party scripts to load (or fail to load, or be blocked).
+        this.clientPromise = new Promise((resolve) => {
+            window.addEventListener("load", function handleWindowLoad() {
+                // At this point, the 3rd-party library is either available or
+                // it's not - there's no further loading to do. If it's not
+                // present on the global scope, we're going to fall-back to using
+                // a mock API.
+                resolve(window.Client || new NoopClient());
+            });
+        });
+        return (this.clientPromise);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
+// ----------------------------------------------------------------------------------- //
+// ----------------------------------------------------------------------------------- //
+/**
+ * Mock implementation of the IClient interface.
+ *
+ * This class provides a no-operation (NOOP) implementation of the client API
+ * that allows consuming code to function normally even when the actual player
+ * API is not available. This typically occurs during development, testing,
+ * or when the player script is blocked by ad-blockers.
+ *
+ * All methods in this class either return null/empty values or perform no
+ * operations, allowing gadgets to function without errors while providing
+ * appropriate fallback behavior.
+ *
+ * @private
+ */
+class NoopClient {
+    constructor() {
+        console.log('%cClient API not available, falling back to mock API', 'background-color:blue; color:yellow;');
+    }
+    callback(...args) {
+        // NOOP implement, nothing to do....
+    }
+    getDeviceTime(date) {
+        return Promise.resolve(new Date().toISOString());
+    }
+    async getDeviceTimeZoneName() {
+        return Promise.resolve(null);
+    }
+    async getDeviceTimeZoneID() {
+        return Promise.resolve(null);
+    }
+    async getDeviceTimeZoneOffset() {
+        return Promise.resolve(null);
+    }
+    async getLanguageCode() {
+        return Promise.resolve(null);
+    }
+    async getDeviceKey() {
+        return Promise.resolve(null);
+    }
+    sendCommand(name, arg) {
+        // NOOP implement, nothing to do....
+    }
+    sendRemoteCommand(deviceKeys, name, arg) {
+        // NOOP implement, nothing to do....
+    }
+    track(eventName, properties) {
+        // NOOP implement, nothing to do....
+    }
+    timeEvent(eventName) {
+        // NOOP implement, nothing to do....
+    }
+    newEventSession(id) {
+        // NOOP implement, nothing to do....
+    }
+    async getRevelRoot() {
+        return Promise.resolve(null);
+    }
+    async getCommandMap() {
+        return Promise.resolve('{}');
+    }
+    finish() {
+        // NOOP implement, nothing to do....
+    }
+    async getDevice() {
+        return Promise.resolve(null);
+    }
+    async getWidth() {
+        return Promise.resolve(null);
+    }
+    async getHeight() {
+        return Promise.resolve(null);
+    }
+    async getDuration() {
+        return Promise.resolve(null);
+    }
+    async getSdkVersion() {
+        return Promise.resolve(version);
+    }
+    applyConfig(prefs) {
+        let evt = { type: 'applyConfig', prefs: prefs, isOpener: window.opener !== null };
+        if (window.opener) {
+            window.opener.postMessage(JSON.stringify(evt), '*');
+        }
+        else {
+            window.parent.postMessage(JSON.stringify(evt), '*');
+        }
+    }
 }
 
-const isLocal = /localhost/.test(document.location.host);
-!isLocal && enableProdMode();
-/** @ignore */
-class AppInitService {
-    constructor(http, _route, _router) {
-        this.http = http;
-        this._route = _route;
-        this._router = _router;
-    }
-    init() {
-        return new Promise(async (resolve) => {
-            this.loadFonts();
-            if (isDevMode()) {
-                console.log('%cRunning in development mode', 'background-color:blue; color:yellow;');
-                /**
-                 * Shim the shindig prefs functionality for dev mode
-                 */
-                window.gadgets = {
-                    Prefs: class {
-                        getString(key) { return this.getParameterByName(key); }
-                        getArray(key) { return this.getParameterByName(key).split(','); }
-                        getBool(key) { return this.getParameterByName(key) === 'true'; }
-                        getCountry() { }
-                        getFloat(key) { return parseFloat(this.getParameterByName(key)); }
-                        getInt(key) { return parseInt(this.getParameterByName(key)); }
-                        getLang() { return this.getParameterByName('lang') === '' ? 'en' : this.getParameterByName('lang'); }
-                        getParameterByName(name, search = window.location.href) {
-                            name = name.replace(/[\[\]]/g, '\\$&');
-                            let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(search);
-                            if (!results)
-                                return '';
-                            if (!results[2])
-                                return '';
-                            return decodeURIComponent(results[2].replace(/\+/g, ' '));
-                        }
-                    }
-                };
-                this.http.get('assets/gadget.yaml', {
-                    responseType: 'text'
-                }).subscribe(data => {
-                    const doc = yaml.load(data);
-                    let params = {};
-                    for (const val of doc.prefs) {
-                        params[val.name] = val.default_value;
-                    }
-                    this._router.navigate([], {
-                        relativeTo: this._route,
-                        queryParams: params,
-                    });
-                    console.log(`%cUser prefs loaded successfully`, 'background-color:blue; color:yellow;');
-                }, (err) => {
-                    console.log(`%cUnable to load user preferences YAML definition file: ${err}`, 'background-color:blue; color:yellow;');
-                    console.log(`%cPlease see our developer documentation for help with your app configuration: https://developer.reveldigital.com`, 'background-color:red; color:yellow;');
-                });
-            }
-            resolve();
-        });
-    }
-    getFamilyName(css) {
-        let FONT_FAMILY_REGEX = /font-family:\s*(?:[&#39;&#34;])*['"]*(.+?)['"]*(?:[&#39;&#34;])*\s*;/i;
-        if (FONT_FAMILY_REGEX.test(css)) {
-            var matches = css.match(FONT_FAMILY_REGEX);
-            return matches[1].split(',')[0];
-        }
-        else {
-            return '';
-        }
-    }
-    /**
-     * Loads the given font from Google Web Fonts.
-     */
-    loadFonts() {
-        const parameters = new URLSearchParams(window.location.search);
-        parameters.forEach((val, key) => {
-            try {
-                let fontFamily = this.getFamilyName(val);
-                if (fontFamily !== '') {
-                    WebFont.load({
-                        google: {
-                            families: [fontFamily]
-                        },
-                        fontactive: (familyName) => {
-                            console.log(`%cActivating font: ${familyName}`, 'background-color:blue; color:yellow;');
-                        },
-                        fontinactive: (familyName) => {
-                            console.log(`%cFont inactive: ${familyName}`, 'background-color:red; color:yellow;');
-                        }
-                    });
-                }
-            }
-            catch (e) {
-            }
-        });
-    }
-}
-AppInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AppInitService, deps: [{ token: i1.HttpClient }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-AppInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AppInitService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AppInitService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ActivatedRoute }, { type: i2.Router }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWluaXQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JldmVsZGlnaXRhbC9wbGF5ZXItY2xpZW50L3NyYy9saWIvYXBwLWluaXQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdEUsT0FBTyxLQUFLLElBQUksTUFBTSxTQUFTLENBQUM7QUFDaEMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7Ozs7QUFFekMsTUFBTSxPQUFPLEdBQVksV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ2xFLENBQUMsT0FBTyxJQUFJLGNBQWMsRUFBRSxDQUFDO0FBRzdCLGNBQWM7QUFJZCxNQUFNLE9BQU8sY0FBYztJQUV6QixZQUNTLElBQWdCLEVBQ2YsTUFBc0IsRUFDdEIsT0FBZTtRQUZoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBQ2YsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFDdEIsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUN6QixDQUFDO0lBRUQsSUFBSTtRQUVGLE9BQU8sSUFBSSxPQUFPLENBQU8sS0FBSyxFQUFFLE9BQU8sRUFBRSxFQUFFO1lBRXpDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUVqQixJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNmLE9BQU8sQ0FBQyxHQUFHLENBQ1QsK0JBQStCLEVBQy9CLHNDQUFzQyxDQUN2QyxDQUFDO2dCQUVGOzttQkFFRztnQkFDRyxNQUFPLENBQUMsT0FBTyxHQUFHO29CQUV0QixLQUFLLEVBQUU7d0JBQ0wsU0FBUyxDQUFDLEdBQVcsSUFBSSxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsQ0FBQSxDQUFDLENBQUM7d0JBRTlELFFBQVEsQ0FBQyxHQUFXLElBQUksT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFBLENBQUMsQ0FBQzt3QkFFeEUsT0FBTyxDQUFDLEdBQVcsSUFBSSxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxNQUFNLENBQUEsQ0FBQyxDQUFDO3dCQUV2RSxVQUFVLEtBQUssQ0FBQzt3QkFFaEIsUUFBUSxDQUFDLEdBQVcsSUFBSSxPQUFPLFVBQVUsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQSxDQUFDLENBQUM7d0JBRXpFLE1BQU0sQ0FBQyxHQUFXLElBQUksT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUEsQ0FBQyxDQUFDO3dCQUVyRSxPQUFPLEtBQUssT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBRXJHLGtCQUFrQixDQUFDLElBQVksRUFBRSxNQUFNLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJOzRCQUU1RCxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7NEJBQ3ZDLElBQUksS0FBSyxHQUFHLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxJQUFJLEdBQUcsbUJBQW1CLENBQUMsRUFDekQsT0FBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7NEJBQy9CLElBQUksQ0FBQyxPQUFPO2dDQUFFLE9BQU8sRUFBRSxDQUFDOzRCQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztnQ0FBRSxPQUFPLEVBQUUsQ0FBQzs0QkFDM0IsT0FBTyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO3dCQUM1RCxDQUFDO3FCQUNGO2lCQUNGLENBQUM7Z0JBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsb0JBQW9CLEVBQUU7b0JBQ2xDLFlBQVksRUFBRSxNQUFNO2lCQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNsQixNQUFNLEdBQUcsR0FBUSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO29CQUNqQyxJQUFJLE1BQU0sR0FBUSxFQUFFLENBQUE7b0JBQ3BCLEtBQUssTUFBTSxHQUFHLElBQUksR0FBRyxDQUFDLEtBQUssRUFBRTt3QkFDM0IsTUFBTSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsYUFBYSxDQUFBO3FCQUNyQztvQkFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUU7d0JBQ3hCLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTTt3QkFDdkIsV0FBVyxFQUFFLE1BQU07cUJBQ3BCLENBQUMsQ0FBQztvQkFFSCxPQUFPLENBQUMsR0FBRyxDQUNULGtDQUFrQyxFQUNsQyxzQ0FBc0MsQ0FDdkMsQ0FBQztnQkFDSixDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtvQkFDVCxPQUFPLENBQUMsR0FBRyxDQUNULDJEQUEyRCxHQUFHLEVBQUUsRUFDaEUsc0NBQXNDLENBQ3ZDLENBQUM7b0JBQ0YsT0FBTyxDQUFDLEdBQUcsQ0FDVCxtSEFBbUgsRUFDbkgscUNBQXFDLENBQ3RDLENBQUE7Z0JBQ0gsQ0FBQyxDQUFDLENBQUE7YUFDSDtZQUNELE9BQU8sRUFBRSxDQUFDO1FBQ1osQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBR08sYUFBYSxDQUFDLEdBQUc7UUFFdkIsSUFBSSxpQkFBaUIsR0FBRyx1RUFBdUUsQ0FBQztRQUNoRyxJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMvQixJQUFJLE9BQU8sR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDM0MsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO2FBQU07WUFDTCxPQUFPLEVBQUUsQ0FBQztTQUNYO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ssU0FBUztRQUVmLE1BQU0sVUFBVSxHQUFHLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0QsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUM5QixJQUFJO2dCQUNGLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3pDLElBQUksVUFBVSxLQUFLLEVBQUUsRUFBRTtvQkFDckIsT0FBTyxDQUFDLElBQUksQ0FBQzt3QkFDWCxNQUFNLEVBQUU7NEJBQ04sUUFBUSxFQUFFLENBQUMsVUFBVSxDQUFDO3lCQUN2Qjt3QkFDRCxVQUFVLEVBQUUsQ0FBQyxVQUFVLEVBQUUsRUFBRTs0QkFDekIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsVUFBVSxFQUFFLEVBQzVDLHNDQUFzQyxDQUFDLENBQUM7d0JBQzVDLENBQUM7d0JBQ0QsWUFBWSxFQUFFLENBQUMsVUFBVSxFQUFFLEVBQUU7NEJBQzNCLE9BQU8sQ0FBQyxHQUFHLENBQUMsb0JBQW9CLFVBQVUsRUFBRSxFQUMxQyxxQ0FBcUMsQ0FBQyxDQUFDO3dCQUMzQyxDQUFDO3FCQUNGLENBQUMsQ0FBQztpQkFDSjthQUNGO1lBQUMsT0FBTyxDQUFDLEVBQUU7YUFDWDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7NEdBNUhVLGNBQWM7Z0hBQWQsY0FBYyxjQUZiLE1BQU07NEZBRVAsY0FBYztrQkFIMUIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBlbmFibGVQcm9kTW9kZSwgaXNEZXZNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uL2h0dHBcIjtcclxuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcclxuaW1wb3J0ICogYXMgeWFtbCBmcm9tIFwianMteWFtbFwiO1xyXG5pbXBvcnQgKiBhcyBXZWJGb250IGZyb20gJ3dlYmZvbnRsb2FkZXInO1xyXG5cclxuY29uc3QgaXNMb2NhbDogYm9vbGVhbiA9IC9sb2NhbGhvc3QvLnRlc3QoZG9jdW1lbnQubG9jYXRpb24uaG9zdCk7XHJcbiFpc0xvY2FsICYmIGVuYWJsZVByb2RNb2RlKCk7XHJcblxyXG5cclxuLyoqIEBpZ25vcmUgKi9cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQXBwSW5pdFNlcnZpY2Uge1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBodHRwOiBIdHRwQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSBfcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcclxuICB9XHJcblxyXG4gIGluaXQoKTogUHJvbWlzZTxhbnk+IHtcclxuXHJcbiAgICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4oYXN5bmMgKHJlc29sdmUpID0+IHtcclxuXHJcbiAgICAgIHRoaXMubG9hZEZvbnRzKCk7XHJcblxyXG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcclxuICAgICAgICBjb25zb2xlLmxvZyhcclxuICAgICAgICAgICclY1J1bm5pbmcgaW4gZGV2ZWxvcG1lbnQgbW9kZScsXHJcbiAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcjpibHVlOyBjb2xvcjp5ZWxsb3c7J1xyXG4gICAgICAgICk7XHJcblxyXG4gICAgICAgIC8qKlxyXG4gICAgICAgICAqIFNoaW0gdGhlIHNoaW5kaWcgcHJlZnMgZnVuY3Rpb25hbGl0eSBmb3IgZGV2IG1vZGVcclxuICAgICAgICAgKi9cclxuICAgICAgICAoPGFueT53aW5kb3cpLmdhZGdldHMgPSB7XHJcblxyXG4gICAgICAgICAgUHJlZnM6IGNsYXNzIHtcclxuICAgICAgICAgICAgZ2V0U3RyaW5nKGtleTogc3RyaW5nKSB7IHJldHVybiB0aGlzLmdldFBhcmFtZXRlckJ5TmFtZShrZXkpIH1cclxuXHJcbiAgICAgICAgICAgIGdldEFycmF5KGtleTogc3RyaW5nKSB7IHJldHVybiB0aGlzLmdldFBhcmFtZXRlckJ5TmFtZShrZXkpLnNwbGl0KCcsJykgfVxyXG5cclxuICAgICAgICAgICAgZ2V0Qm9vbChrZXk6IHN0cmluZykgeyByZXR1cm4gdGhpcy5nZXRQYXJhbWV0ZXJCeU5hbWUoa2V5KSA9PT0gJ3RydWUnIH1cclxuXHJcbiAgICAgICAgICAgIGdldENvdW50cnkoKSB7IH1cclxuXHJcbiAgICAgICAgICAgIGdldEZsb2F0KGtleTogc3RyaW5nKSB7IHJldHVybiBwYXJzZUZsb2F0KHRoaXMuZ2V0UGFyYW1ldGVyQnlOYW1lKGtleSkpIH1cclxuXHJcbiAgICAgICAgICAgIGdldEludChrZXk6IHN0cmluZykgeyByZXR1cm4gcGFyc2VJbnQodGhpcy5nZXRQYXJhbWV0ZXJCeU5hbWUoa2V5KSkgfVxyXG5cclxuICAgICAgICAgICAgZ2V0TGFuZygpIHsgcmV0dXJuIHRoaXMuZ2V0UGFyYW1ldGVyQnlOYW1lKCdsYW5nJykgPT09ICcnID8gJ2VuJyA6IHRoaXMuZ2V0UGFyYW1ldGVyQnlOYW1lKCdsYW5nJyk7IH1cclxuXHJcbiAgICAgICAgICAgIGdldFBhcmFtZXRlckJ5TmFtZShuYW1lOiBzdHJpbmcsIHNlYXJjaCA9IHdpbmRvdy5sb2NhdGlvbi5ocmVmKTogc3RyaW5nIHtcclxuXHJcbiAgICAgICAgICAgICAgbmFtZSA9IG5hbWUucmVwbGFjZSgvW1xcW1xcXV0vZywgJ1xcXFwkJicpO1xyXG4gICAgICAgICAgICAgIGxldCByZWdleCA9IG5ldyBSZWdFeHAoJ1s/Jl0nICsgbmFtZSArICcoPShbXiYjXSopfCZ8I3wkKScpLFxyXG4gICAgICAgICAgICAgICAgcmVzdWx0cyA9IHJlZ2V4LmV4ZWMoc2VhcmNoKTtcclxuICAgICAgICAgICAgICBpZiAoIXJlc3VsdHMpIHJldHVybiAnJztcclxuICAgICAgICAgICAgICBpZiAoIXJlc3VsdHNbMl0pIHJldHVybiAnJztcclxuICAgICAgICAgICAgICByZXR1cm4gZGVjb2RlVVJJQ29tcG9uZW50KHJlc3VsdHNbMl0ucmVwbGFjZSgvXFwrL2csICcgJykpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfTtcclxuXHJcbiAgICAgICAgdGhpcy5odHRwLmdldCgnYXNzZXRzL2dhZGdldC55YW1sJywge1xyXG4gICAgICAgICAgcmVzcG9uc2VUeXBlOiAndGV4dCdcclxuICAgICAgICB9KS5zdWJzY3JpYmUoZGF0YSA9PiB7XHJcbiAgICAgICAgICBjb25zdCBkb2M6IGFueSA9IHlhbWwubG9hZChkYXRhKTtcclxuICAgICAgICAgIGxldCBwYXJhbXM6IGFueSA9IHt9XHJcbiAgICAgICAgICBmb3IgKGNvbnN0IHZhbCBvZiBkb2MucHJlZnMpIHtcclxuICAgICAgICAgICAgcGFyYW1zW3ZhbC5uYW1lXSA9IHZhbC5kZWZhdWx0X3ZhbHVlXHJcbiAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFtdLCB7XHJcbiAgICAgICAgICAgIHJlbGF0aXZlVG86IHRoaXMuX3JvdXRlLFxyXG4gICAgICAgICAgICBxdWVyeVBhcmFtczogcGFyYW1zLFxyXG4gICAgICAgICAgfSk7XHJcblxyXG4gICAgICAgICAgY29uc29sZS5sb2coXHJcbiAgICAgICAgICAgIGAlY1VzZXIgcHJlZnMgbG9hZGVkIHN1Y2Nlc3NmdWxseWAsXHJcbiAgICAgICAgICAgICdiYWNrZ3JvdW5kLWNvbG9yOmJsdWU7IGNvbG9yOnllbGxvdzsnXHJcbiAgICAgICAgICApO1xyXG4gICAgICAgIH0sIChlcnIpID0+IHtcclxuICAgICAgICAgIGNvbnNvbGUubG9nKFxyXG4gICAgICAgICAgICBgJWNVbmFibGUgdG8gbG9hZCB1c2VyIHByZWZlcmVuY2VzIFlBTUwgZGVmaW5pdGlvbiBmaWxlOiAke2Vycn1gLFxyXG4gICAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcjpibHVlOyBjb2xvcjp5ZWxsb3c7J1xyXG4gICAgICAgICAgKTtcclxuICAgICAgICAgIGNvbnNvbGUubG9nKFxyXG4gICAgICAgICAgICBgJWNQbGVhc2Ugc2VlIG91ciBkZXZlbG9wZXIgZG9jdW1lbnRhdGlvbiBmb3IgaGVscCB3aXRoIHlvdXIgYXBwIGNvbmZpZ3VyYXRpb246IGh0dHBzOi8vZGV2ZWxvcGVyLnJldmVsZGlnaXRhbC5jb21gLFxyXG4gICAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcjpyZWQ7IGNvbG9yOnllbGxvdzsnXHJcbiAgICAgICAgICApXHJcbiAgICAgICAgfSlcclxuICAgICAgfVxyXG4gICAgICByZXNvbHZlKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG5cclxuICBwcml2YXRlIGdldEZhbWlseU5hbWUoY3NzKSB7XHJcblxyXG4gICAgbGV0IEZPTlRfRkFNSUxZX1JFR0VYID0gL2ZvbnQtZmFtaWx5OlxccyooPzpbJiMzOTsmIzM0O10pKlsnXCJdKiguKz8pWydcIl0qKD86WyYjMzk7JiMzNDtdKSpcXHMqOy9pO1xyXG4gICAgaWYgKEZPTlRfRkFNSUxZX1JFR0VYLnRlc3QoY3NzKSkge1xyXG4gICAgICB2YXIgbWF0Y2hlcyA9IGNzcy5tYXRjaChGT05UX0ZBTUlMWV9SRUdFWCk7XHJcbiAgICAgIHJldHVybiBtYXRjaGVzWzFdLnNwbGl0KCcsJylbMF07XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBMb2FkcyB0aGUgZ2l2ZW4gZm9udCBmcm9tIEdvb2dsZSBXZWIgRm9udHMuXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBsb2FkRm9udHMoKTogdm9pZCB7XHJcblxyXG4gICAgY29uc3QgcGFyYW1ldGVycyA9IG5ldyBVUkxTZWFyY2hQYXJhbXMod2luZG93LmxvY2F0aW9uLnNlYXJjaCk7XHJcbiAgICBwYXJhbWV0ZXJzLmZvckVhY2goKHZhbCwga2V5KSA9PiB7XHJcbiAgICAgIHRyeSB7XHJcbiAgICAgICAgbGV0IGZvbnRGYW1pbHkgPSB0aGlzLmdldEZhbWlseU5hbWUodmFsKTtcclxuICAgICAgICBpZiAoZm9udEZhbWlseSAhPT0gJycpIHtcclxuICAgICAgICAgIFdlYkZvbnQubG9hZCh7XHJcbiAgICAgICAgICAgIGdvb2dsZToge1xyXG4gICAgICAgICAgICAgIGZhbWlsaWVzOiBbZm9udEZhbWlseV1cclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgZm9udGFjdGl2ZTogKGZhbWlseU5hbWUpID0+IHtcclxuICAgICAgICAgICAgICBjb25zb2xlLmxvZyhgJWNBY3RpdmF0aW5nIGZvbnQ6ICR7ZmFtaWx5TmFtZX1gLFxyXG4gICAgICAgICAgICAgICAgJ2JhY2tncm91bmQtY29sb3I6Ymx1ZTsgY29sb3I6eWVsbG93OycpO1xyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICBmb250aW5hY3RpdmU6IChmYW1pbHlOYW1lKSA9PiB7XHJcbiAgICAgICAgICAgICAgY29uc29sZS5sb2coYCVjRm9udCBpbmFjdGl2ZTogJHtmYW1pbHlOYW1lfWAsXHJcbiAgICAgICAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcjpyZWQ7IGNvbG9yOnllbGxvdzsnKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9IGNhdGNoIChlKSB7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=
+const isLocal = /localhost/.test(document.location.host);
+!isLocal && enableProdMode();
+/** @ignore */
+class AppInitService {
+    constructor(http, _route, _router) {
+        this.http = http;
+        this._route = _route;
+        this._router = _router;
+    }
+    init() {
+        return new Promise(async (resolve) => {
+            this.loadFonts();
+            if (isDevMode()) {
+                console.log('%cRunning in development mode', 'background-color:blue; color:yellow;');
+                /**
+                 * Shim the shindig prefs functionality for dev mode
+                 */
+                window.gadgets = {
+                    Prefs: class {
+                        getString(key) { return this.getParameterByName(key); }
+                        getArray(key) { return this.getParameterByName(key).split(','); }
+                        getBool(key) { return this.getParameterByName(key) === 'true'; }
+                        getCountry() { }
+                        getFloat(key) { return parseFloat(this.getParameterByName(key)); }
+                        getInt(key) { return parseInt(this.getParameterByName(key)); }
+                        getLang() { return this.getParameterByName('lang') === '' ? 'en' : this.getParameterByName('lang'); }
+                        getParameterByName(name, search = window.location.href) {
+                            name = name.replace(/[\[\]]/g, '\\$&');
+                            let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(search);
+                            if (!results)
+                                return '';
+                            if (!results[2])
+                                return '';
+                            return decodeURIComponent(results[2].replace(/\+/g, ' '));
+                        }
+                    }
+                };
+                this.http.get('assets/gadget.yaml', {
+                    responseType: 'text'
+                }).subscribe({
+                    next: (data) => {
+                        const doc = yaml.load(data);
+                        let params = {};
+                        for (const val of doc.prefs) {
+                            params[val.name] = val.default_value;
+                        }
+                        this._router.navigate([], {
+                            relativeTo: this._route,
+                            queryParams: params,
+                        });
+                        console.log(`%cUser prefs loaded successfully`, 'background-color:blue; color:yellow;');
+                    },
+                    error: (err) => {
+                        console.log(`%cUnable to load user preferences YAML definition file: ${err}`, 'background-color:blue; color:yellow;');
+                        console.log(`%cPlease see our developer documentation for help with your app configuration: https://developer.reveldigital.com`, 'background-color:red; color:yellow;');
+                    }
+                });
+            }
+            resolve();
+        });
+    }
+    getFamilyName(css) {
+        let FONT_FAMILY_REGEX = /font-family:\s*(?:[&#39;&#34;])*['"]*(.+?)['"]*(?:[&#39;&#34;])*\s*;/i;
+        if (FONT_FAMILY_REGEX.test(css)) {
+            var matches = css.match(FONT_FAMILY_REGEX);
+            return matches[1].split(',')[0];
+        }
+        else {
+            return '';
+        }
+    }
+    /**
+     * Loads the given font from Google Web Fonts.
+     */
+    loadFonts() {
+        const parameters = new URLSearchParams(window.location.search);
+        parameters.forEach((val, key) => {
+            try {
+                let fontFamily = this.getFamilyName(val);
+                if (fontFamily !== '') {
+                    WebFont.load({
+                        google: {
+                            families: [fontFamily]
+                        },
+                        fontactive: (familyName) => {
+                            console.log(`%cActivating font: ${familyName}`, 'background-color:blue; color:yellow;');
+                        },
+                        fontinactive: (familyName) => {
+                            console.log(`%cFont inactive: ${familyName}`, 'background-color:red; color:yellow;');
+                        }
+                    });
+                }
+            }
+            catch (e) {
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppInitService, deps: [{ token: i1.HttpClient }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppInitService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppInitService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ActivatedRoute }, { type: i2.Router }] });
 
-/**
- * The safe style pipe is used when custom styles are defined for a gadget and must be applied to an Angular
- * component. This pipe will ensure the style can be appied safely by utilizing the DomSanitizer.
- *
- * ```html
- * <h2 [style]="style | safeStyle">Sample Pref: {{ prefs.getString('myStringPref') }}</h2>
- * ```
- */
-class SafeStylePipe {
-    constructor(sanitized) {
-        this.sanitized = sanitized;
-    }
-    transform(value) {
-        return this.sanitized.bypassSecurityTrustStyle(value);
-    }
-}
-SafeStylePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SafeStylePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeStylePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SafeStylePipe, name: "safeStyle" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SafeStylePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'safeStyle',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-class NgSafeStylePipeModule {
-}
-NgSafeStylePipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgSafeStylePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgSafeStylePipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgSafeStylePipeModule, declarations: [SafeStylePipe], exports: [SafeStylePipe] });
-NgSafeStylePipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgSafeStylePipeModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgSafeStylePipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SafeStylePipe],
-                    exports: [SafeStylePipe],
-                }]
+/**
+ * The safe style pipe is used when custom styles are defined for a gadget and must be applied to an Angular
+ * component. This pipe will ensure the style can be appied safely by utilizing the DomSanitizer.
+ *
+ * ```html
+ * <h2 [style]="style | safeStyle">Sample Pref: {{ prefs.getString('myStringPref') }}</h2>
+ * ```
+ */
+class SafeStylePipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustStyle(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SafeStylePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SafeStylePipe, isStandalone: true, name: "safeStyle" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SafeStylePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeStyle',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+class NgSafeStylePipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgSafeStylePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgSafeStylePipeModule, imports: [SafeStylePipe], exports: [SafeStylePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgSafeStylePipeModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgSafeStylePipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SafeStylePipe],
+                    exports: [SafeStylePipe],
+                }]
         }] });
 
-class PlayerClientModule {
-}
-PlayerClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlayerClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientModule, imports: [HttpClientModule, i2.RouterModule, NgSafeStylePipeModule], exports: [NgSafeStylePipeModule] });
-PlayerClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientModule, providers: [{
-            provide: APP_INITIALIZER,
-            useFactory: initializeApp,
-            deps: [AppInitService, PlayerClientService],
-            multi: true
-        },
-        {
-            provide: LOCALE_ID,
-            useFactory: () => {
-                try {
-                    return new gadgets.Prefs().getLang();
-                }
-                catch {
-                    return 'en';
-                }
-            }
-        },
-        { provide: APP_BASE_HREF, useValue: '/gadgets/ifr' }], imports: [[
-            HttpClientModule,
-            RouterModule.forRoot([]),
-            NgSafeStylePipeModule
-        ], NgSafeStylePipeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlayerClientModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        HttpClientModule,
-                        RouterModule.forRoot([]),
-                        NgSafeStylePipeModule
-                    ],
-                    exports: [
-                        NgSafeStylePipeModule
-                    ],
-                    providers: [{
-                            provide: APP_INITIALIZER,
-                            useFactory: initializeApp,
-                            deps: [AppInitService, PlayerClientService],
-                            multi: true
-                        },
-                        {
-                            provide: LOCALE_ID,
-                            useFactory: () => {
-                                try {
-                                    return new gadgets.Prefs().getLang();
-                                }
-                                catch {
-                                    return 'en';
-                                }
-                            }
-                        },
-                        { provide: APP_BASE_HREF, useValue: '/gadgets/ifr' }]
-                }]
-        }] });
-function initializeApp(appInitService) {
-    return async () => {
-        PlayerClientService.init({});
-        await appInitService.init();
-    };
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWVyLWNsaWVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yZXZlbGRpZ2l0YWwvcGxheWVyLWNsaWVudC9zcmMvbGliL3BsYXllci1jbGllbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBZ0MxRCxNQUFNLE9BQU8sa0JBQWtCOztnSEFBbEIsa0JBQWtCO2lIQUFsQixrQkFBa0IsWUF6QjNCLGdCQUFnQixtQkFFaEIscUJBQXFCLGFBR3JCLHFCQUFxQjtpSEFvQlosa0JBQWtCLGFBbEJsQixDQUFDO1lBQ1YsT0FBTyxFQUFFLGVBQWU7WUFDeEIsVUFBVSxFQUFFLGFBQWE7WUFDekIsSUFBSSxFQUFFLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDO1lBQzNDLEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFVBQVUsRUFBRSxHQUFHLEVBQUU7Z0JBQ2YsSUFBSTtvQkFDRixPQUFPLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO2lCQUN0QztnQkFBQyxNQUFNO29CQUNOLE9BQU8sSUFBSSxDQUFDO2lCQUNiO1lBQ0gsQ0FBQztTQUNGO1FBQ0QsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsQ0FBQyxZQXhCNUM7WUFDUCxnQkFBZ0I7WUFDaEIsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDeEIscUJBQXFCO1NBQ3RCLEVBRUMscUJBQXFCOzRGQW9CWixrQkFBa0I7a0JBM0I5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7d0JBQ2hCLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO3dCQUN4QixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO29CQUNELFNBQVMsRUFBRSxDQUFDOzRCQUNWLE9BQU8sRUFBRSxlQUFlOzRCQUN4QixVQUFVLEVBQUUsYUFBYTs0QkFDekIsSUFBSSxFQUFFLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDOzRCQUMzQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsU0FBUzs0QkFDbEIsVUFBVSxFQUFFLEdBQUcsRUFBRTtnQ0FDZixJQUFJO29DQUNGLE9BQU8sSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7aUNBQ3RDO2dDQUFDLE1BQU07b0NBQ04sT0FBTyxJQUFJLENBQUM7aUNBQ2I7NEJBQ0gsQ0FBQzt5QkFDRjt3QkFDRCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxDQUFDO2lCQUN0RDs7QUFHRCxTQUFTLGFBQWEsQ0FBQyxjQUE4QjtJQUNuRCxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ2hCLG1CQUFtQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM3QixNQUFNLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDLENBQUE7QUFDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBQX0lOSVRJQUxJWkVSLCBMT0NBTEVfSUQsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQbGF5ZXJDbGllbnRTZXJ2aWNlIH0gZnJvbSAnLi9wbGF5ZXItY2xpZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgQXBwSW5pdFNlcnZpY2UgfSBmcm9tICcuL2FwcC1pbml0LnNlcnZpY2UnO1xuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBBUFBfQkFTRV9IUkVGIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nU2FmZVN0eWxlUGlwZU1vZHVsZSB9IGZyb20gJy4vc2FmZS1zdHlsZS5waXBlJztcblxuZGVjbGFyZSB2YXIgZ2FkZ2V0czogYW55O1xuXG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZS5mb3JSb290KFtdKSxcbiAgICBOZ1NhZmVTdHlsZVBpcGVNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE5nU2FmZVN0eWxlUGlwZU1vZHVsZVxuICBdLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogQVBQX0lOSVRJQUxJWkVSLFxuICAgIHVzZUZhY3Rvcnk6IGluaXRpYWxpemVBcHAsXG4gICAgZGVwczogW0FwcEluaXRTZXJ2aWNlLCBQbGF5ZXJDbGllbnRTZXJ2aWNlXSxcbiAgICBtdWx0aTogdHJ1ZVxuICB9LFxuICB7XG4gICAgcHJvdmlkZTogTE9DQUxFX0lELFxuICAgIHVzZUZhY3Rvcnk6ICgpID0+IHtcbiAgICAgIHRyeSB7XG4gICAgICAgIHJldHVybiBuZXcgZ2FkZ2V0cy5QcmVmcygpLmdldExhbmcoKTtcbiAgICAgIH0gY2F0Y2gge1xuICAgICAgICByZXR1cm4gJ2VuJztcbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIHsgcHJvdmlkZTogQVBQX0JBU0VfSFJFRiwgdXNlVmFsdWU6ICcvZ2FkZ2V0cy9pZnInIH1dXG59KVxuZXhwb3J0IGNsYXNzIFBsYXllckNsaWVudE1vZHVsZSB7IH1cblxuZnVuY3Rpb24gaW5pdGlhbGl6ZUFwcChhcHBJbml0U2VydmljZTogQXBwSW5pdFNlcnZpY2UpIHtcbiAgcmV0dXJuIGFzeW5jICgpID0+IHtcbiAgICBQbGF5ZXJDbGllbnRTZXJ2aWNlLmluaXQoe30pO1xuICAgIGF3YWl0IGFwcEluaXRTZXJ2aWNlLmluaXQoKTtcbiAgfVxufVxuIl19
+class PlayerClientModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientModule, imports: [HttpClientModule, i2.RouterModule, NgSafeStylePipeModule], exports: [NgSafeStylePipeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientModule, providers: [{
+                provide: APP_INITIALIZER,
+                useFactory: initializeApp,
+                deps: [AppInitService, PlayerClientService],
+                multi: true
+            },
+            {
+                provide: LOCALE_ID,
+                useFactory: () => {
+                    try {
+                        return new gadgets.Prefs().getLang();
+                    }
+                    catch {
+                        return 'en';
+                    }
+                }
+            },
+            { provide: APP_BASE_HREF, useValue: '/gadgets/ifr' }], imports: [HttpClientModule,
+            RouterModule.forRoot([]),
+            NgSafeStylePipeModule, NgSafeStylePipeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlayerClientModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        HttpClientModule,
+                        RouterModule.forRoot([]),
+                        NgSafeStylePipeModule
+                    ],
+                    exports: [
+                        NgSafeStylePipeModule
+                    ],
+                    providers: [{
+                            provide: APP_INITIALIZER,
+                            useFactory: initializeApp,
+                            deps: [AppInitService, PlayerClientService],
+                            multi: true
+                        },
+                        {
+                            provide: LOCALE_ID,
+                            useFactory: () => {
+                                try {
+                                    return new gadgets.Prefs().getLang();
+                                }
+                                catch {
+                                    return 'en';
+                                }
+                            }
+                        },
+                        { provide: APP_BASE_HREF, useValue: '/gadgets/ifr' }]
+                }]
+        }] });
+function initializeApp(appInitService) {
+    return async () => {
+        PlayerClientService.init({});
+        await appInitService.init();
+    };
+}
 
-/*
- * Public API Surface of player-client
- */
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3JldmVsZGlnaXRhbC9wbGF5ZXItY2xpZW50L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHBsYXllci1jbGllbnRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wbGF5ZXItY2xpZW50LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGxheWVyLWNsaWVudC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2FmZS1zdHlsZS5waXBlJzsiXX0=
+/*
+ * Public API Surface of player-client
+ */
 
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmV2ZWxkaWdpdGFsLXBsYXllci1jbGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9yZXZlbGRpZ2l0YWwvcGxheWVyLWNsaWVudC9zcmMvcmV2ZWxkaWdpdGFsLXBsYXllci1jbGllbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
+/**
+ * Generated bundle index. Do not edit.
+ */
 
 export { NgSafeStylePipeModule, PlayerClientModule, PlayerClientService, SafeStylePipe };
 //# sourceMappingURL=reveldigital-player-client.mjs.map