\\n \\n \\n
\",{ moduleName: \"customer-site/components/modals/video/download-clip/camera-selector/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { computed } from '@ember/object';\nimport DropdownSelectItem from '@adc/ui-components/utils/dropdown-select-item';\n\nimport type BaseCamera from 'customer-site/models/video/devices/base-camera';\n\ninterface ModalsVideoDownloadClipCameraSelectorArgs {\n cameras?: BaseCamera[];\n disableCameraSelection?: boolean;\n selectedCameraId: string;\n 'value-change': (v: string) => void;\n}\n\ninterface ModalsVideoDownloadClipCameraSelectorSignature {\n Element: HTMLDivElement;\n Args: ModalsVideoDownloadClipCameraSelectorArgs;\n}\n\nexport default class ModalsVideoDownloadClipCameraSelector extends Component\\n \\n \\n
\\n\",{ moduleName: \"customer-site/components/modals/video/download-clip/duration/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { computed } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { NUM_SECONDS_IN_DAY, NUM_SECONDS_IN_HOUR } from 'customer-site/utils/datetime';\nimport DropdownSelectItem from '@adc/ui-components/utils/dropdown-select-item';\n\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\n\ninterface ModalsVideoDownloadClipDurationArgs {\n durations: number[];\n duration: number;\n disableControls?: boolean;\n 'value-change': (v: string) => void;\n}\n\ninterface ModalsVideoDownloadClipDurationSignature {\n Element: HTMLDivElement;\n Args: ModalsVideoDownloadClipDurationArgs;\n}\n\nexport default class ModalsVideoDownloadClipDuration extends Component\\n \\n \\n
\\n\",{ moduleName: \"customer-site/components/modals/video/download-clip/export-options/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { computed, action } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport {\n ExportOptionDirectDownload,\n ExportOptionAddToSavedClips,\n ExportOptionDirectDownloadAddToSavedClips\n} from 'customer-site/components/video/video-player/playback-features/index';\nimport { sentryWithScopeAndError } from '@adc/app-infrastructure/utils/sentry';\nimport { intlPath } from '@adc/i18n/path';\nimport DropdownSelectItem from '@adc/ui-components/utils/dropdown-select-item';\n\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\n\ninterface ExportOptionsComponentArgs {\n exportOptions?: number[];\n currentValue?: number;\n updateValue?: (v: number) => void;\n disableControls?: boolean;\n}\n\ninterface ExportOptionsComponentSignature {\n Element: HTMLDivElement;\n Args: ExportOptionsComponentArgs;\n}\n\n@intlPath({ path: 'modals/video/download-clip/export-options' })\nexport default class ExportOptionsComponent extends Component{{@title}}
\\n{{@message}}
\\n\\n
\\n\\n\",{ moduleName: \"customer-site/components/ui/simple-pagination/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { timeout, task } from 'ember-concurrency';\n\nimport './_style.scss';\n\ninterface UiSimplePaginationSignature {\n Element: HTMLDivElement;\n Args: {\n page: number;\n totalPages: number;\n changePage: (newPage: number) => void;\n autoHide: boolean;\n };\n}\n\n/**\n * @classdesc\n * A simple pagination control with previous and next page buttons, current page summary, and the ability to auto hide when not interactive.\n */\nexport default class UiSimplePagination extends Component\\n {{#if this.showTimeoutMessage}}\\n \\n \\n \\n \\n {{else}}\\n {{#if this.useStreamingToolbar}}\\n \\n
\\n \\n \\n \\n{{/let}}\",{ moduleName: \"customer-site/components/video/live-video/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport { computed, action, set } from '@ember/object';\nimport { equal } from '@ember/object/computed';\nimport { inject as service } from '@ember/service';\nimport { task, timeout } from 'ember-concurrency';\nimport { PageChange } from 'customer-site/enums/TrackedEvent';\nimport { getDeviceIdFromGlobalId } from 'customer-site/utils/general';\nimport { POST } from '@adc/ajax/services/adc-ajax';\nimport { intlPath } from '@adc/i18n/path';\nimport DropdownSelectItem, { SELECTED, UNSELECTED } from '@adc/ui-components/utils/dropdown-select-item';\nimport { VideoAddNewDevice } from '../../../enums/CustomerPageUrl';\nimport { StreamUsage } from '../../../enums/StreamUsage';\nimport {\n setCameraIsPlayingProperty,\n setCameraProperties\n} from '../video-streaming/video-streaming-features/camera-items';\nimport VideoStreamingFeatures, {\n addLocationGroupsToCameraGroups,\n setInitialSetupDone,\n updateCameraGroupAndCamera,\n setActiveCameras,\n VideoStreamingFeaturesType\n} from '../video-streaming/video-streaming-features/index';\n\nimport './_style.scss';\nimport type ArrayProxy from '@ember/array/proxy';\nimport type { Registry as ServiceRegistry } from '@ember/service';\nimport type LocationModel from 'customer-site/models/enterprise/locations/location';\nimport type CameraGroup from 'customer-site/models/video/camera-group';\nimport type Camera from 'customer-site/models/video/devices/camera';\nimport type DewarpConfig from 'customer-site/models/video/dewarp-config';\nimport type OnvifPtzPreset from 'customer-site/models/video/onvif-ptz-preset';\nimport type VideoStreamingPermissionsCollection from 'customer-site/models/video/permissions/video-streaming-permissions-collection';\nimport type { ResolvedBaseLiveViewModel } from 'customer-site/video/live-view/base-live-view-route';\n\n// The default max number of videos per page to display. We want to have a higher default for commercial users\nconst defaultMaxVideosPerPageAutoViewCommercial = 9,\n defaultMaxVideosPerPageAutoViewResidential = 4;\n\n/**\n * Time to wait between updating viewing session data in the DB during an operator session.\n */\nconst UpdateOperatorViewingSessionFrequencyMs = 5000;\n\n/**\n * Uses the camera model's isPlaying property to obtain a set of (deviceId, playerUsage) pairs\n * representing the collection of cameras that are actively viewable and streaming on our live\n * view page. isPlaying gets updated when individual players begin/stop playing as well as when a\n * user action would result in a video player being destroyed due to moving offscreen (e.g. grid page\n * change or layout change).\n *\n */\nfunction getCurrentlyStreamingPlayers(this: VideoStreamingFeatures): Record{{tc this \\'timeoutMessage\\' minutes=this.centralStationLiveViewDuration}}
\\n\\n \\n
\\n {{/if}}\\n \\n
\\n\",{ moduleName: \"customer-site/components/video/video-player/overlay/warning-sound-popover/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { computed } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { intlPath } from '@adc/i18n/path';\n\nimport './_style.scss';\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\nimport type { SafeString } from 'handlebars';\n\nexport interface WarningSoundPopoverArgs {\n activateWarningSound: () => Promise\\n {{#if @isError}}\\n \\n {{/if}}\\n
\\n {{this.popoverContent.message}}
\\n\\n
\",{ moduleName: \"customer-site/components/video/video-player/overlay/associated-devices-action-popover/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action, computed } from '@ember/object';\nimport { alias } from '@ember/object/computed';\nimport { inject as service } from '@ember/service';\nimport { task } from 'ember-concurrency';\nimport { POST } from '@adc/ajax/services/adc-ajax';\nimport { intlPath } from '@adc/i18n/path';\nimport { Unknown, Open, Closed, Buzz } from '../../../../../enums/CardReaderState';\nimport { Locked, Unlocked } from '../../../../../enums/LockStatus';\nimport { AccessControlDoor, Lock } from '../../../../../enums/ManagedDeviceType';\n\nimport './_style.scss';\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\nimport type BaseManagedDevice from 'customer-site/models/devices/base-managed-device';\nimport type Camera from 'customer-site/models/video/devices/camera';\nimport type AjaxService from 'customer-site/services/ajax';\n\nexport interface ActionButtonArgs {\n camera: Camera;\n}\n\ninterface DeviceStatusAttributes {\n icon: string;\n text: string;\n iconState: string;\n color?: string;\n desiredState?: number;\n}\n\nconst buzzingResource = 'components.video.video-player.overlay.associated-devices-action-popover.buzzingEllipsis';\nconst lockingResource = 'components.video.video-player.overlay.associated-devices-action-popover.lockingEllipsis';\nconst unlockingResource = 'components.video.video-player.overlay.associated-devices-action-popover.unlockingEllipsis';\n\n/**\n * @classdesc\n *\n * Component that represents the popover for the Associated Devices Action Popover.\n */\n@intlPath({ path: 'video/video-player/overlay/associated-devices-action-popover' })\nexport default class AssociatedDevicesActionPopover extends Component\\n
\\n\\n {{#if this.displayDeviceList}}\\n
\\n \\n {{#each this.devicesWithStatus as |deviceWithStatus index|}}\\n \\n \\n \\n {{/each}}\\n
\\n {{else if this.displayActionList}}\\n {{deviceWithStatus.device.description}}
\\n \\n \\n
\\n {{else}}\\n \\n {{this.selectedDevice.device.description}}\\n
\\n {{#each this.selectedDevice.actionList as |action index|}}\\n \\n
\\n {{action.text}}
\\n \\n {{/each}}\\n\\n \\n \\n \\n \\n {{/if}}\\n
\\n {{/if}}\\n \\n {{this.selectedDevice.device.description}}\\n
\\n {{#let (get this.selectedDevice.actionList 0) as |primaryAction|}}\\n \\n
\\n {{primaryAction.text}}
\\n \\n {{/let}}\\n {{#if this.displayMoreDevicesButton}}\\n{{tc this \\\"systemDevices\\\"}}
\\n\\n {{#if (or @camera.osdOverlayEnabled this.hasDetailedOsdEnabled)}}\\n \\n \\n \\n \\n \\n
\\n\",{ moduleName: \"customer-site/components/video/video-player/live-view-player/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport { tracked } from '@glimmer/tracking';\nimport { next } from '@adc/ember-utils/utils/runloop';\nimport { computed, action, setProperties, set } from '@ember/object';\nimport { alias, or, and, not } from '@ember/object/computed';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { task, timeout } from 'ember-concurrency';\nimport BaseLivePlayer from 'customer-site/components/video/video-player/base-live-player/index';\nimport { MICROPHONE_ACCESS_COOKIE_NAME } from 'customer-site/components/video/video-player/base-video-player';\nimport {\n CENTER_PRESET_ZOOM_AMOUNT,\n CENTER_PTZ_PRESET\n} from 'customer-site/components/video/video-player/overlay/base-overlay';\nimport { DefaultHalfDuplexReenableAudioTimeoutMs } from 'customer-site/components/video/video-player/overlay/two-way-audio-buttons/index';\nimport { Invalid } from 'customer-site/enums/CameraSirenStatus';\nimport {\n None,\n HasSpeaker,\n HasMicrophone,\n HasSpeakerAndMic\n} from 'customer-site/enums/OnvifCameraAudioCapabilitiesEnum';\nimport { OperatorAudioNotAvailableButtonRefreshedStream } from 'customer-site/enums/TrackedEvent';\nimport {\n NUM_MILLISECONDS_IN_DAY,\n NUM_MILLISECONDS_IN_HOUR,\n NUM_MILLISECONDS_IN_MINUTE\n} from 'customer-site/utils/datetime';\nimport { intlPath } from '@adc/i18n/path';\nimport { getModalFooterButton } from '@adc/ui-components/components/modals/base/footer/modal-footer';\nimport { getPlayerId } from '@adc/video-player/components/base-player';\nimport { BaseVideoIdPrefix } from '@adc/video-player/components/live-video-player';\nimport { AudioRecordingState } from '@oecommon/oscar-js';\nimport addDays from 'date-fns/addDays';\nimport differenceInMilliseconds from 'date-fns/differenceInMilliseconds';\nimport { VideoCameraSettingsOverview, VideoMainSettings } from '../../../../enums/CustomerPageUrl';\nimport { StreamUsage } from '../../../../enums/StreamUsage';\nimport { goToPreset, transitionToSettings } from '../../../../utils/video/general';\n\nimport './_style.scss';\n\nconst MoreOptionsButtonClass = '.more-options-button',\n WarningSoundButtonClass = '.warning-sound-button',\n AssociatedDevicesActionButtonClass = '.associated-devices-actions-button',\n OperatorLastViewedButtonClass = '.operator-last-viewed-button',\n OperatorAudioNotAvailableButtonClass = '.operator-audio-not-available-button',\n OperatorAudioRetryNotificationDisplayTimeMs = 10000,\n OespTwoWayAudioTimeoutMs = DefaultHalfDuplexReenableAudioTimeoutMs;\n\n/**\n * Gets a popover Id with a specific button class, using the unique ID for this player.\n */\nfunction getPopoverId(buttonClass) {\n return `#${this.playerIdHtml} ${buttonClass}`;\n}\n\n/**\n * Handle a camera Warning Sound start request and manage the dialog modal upon completion.\n *\n * @returns {Promise{{this.operatorLastViewedPopoverText}}
\\n \\n{{this.operatorAudioNotAvailableButtonContents.buttonText}}
\\n {{#if this.operatorAudioNotAvailableButtonContents.streamRetryable}}\\n\\n
\",{ moduleName: \"customer-site/components/video/video-player/oesp-osd/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action, computed } from '@ember/object';\nimport { once } from '@ember/runloop';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { getPlayerSize } from 'customer-site/components/video/video-player/base-video-player';\nimport { formatResolution, formatVideoCodec, formatFrameRate, formatBitRate } from '@adc/video-player/utils/osd-utils';\nimport { utcToZonedTime } from 'date-fns-tz';\nimport format from 'date-fns/format';\nimport { getSizeStyleClassFromPlayerSize } from '../overlay/index';\n\nimport './_style.scss';\n\nconst DATE_FORMAT = 'yyyy-MM-dd';\nconst TIME_FORMAT = 'HH:mm:ss';\nconst DATETIME_FORMAT = `${DATE_FORMAT} ${TIME_FORMAT}`;\n\n/**\n * Sets the size style class of the OSD based off of the player dimensions.\n *\n * @returns\n */\nfunction setOsdSize() {\n const playerSize = getPlayerSize(this.args.playerDimensions, 0);\n\n if (playerSize == null) {\n return;\n }\n\n this.sizeStyleClass = `${getSizeStyleClassFromPlayerSize(playerSize)}-osd`;\n}\n\n/**\n * Formats an Instant (from @oecommon/plasma-js) to a string in the current timezone.\n *\n * @param {Instant} renderTime\n * @returns\n */\nfunction formatTime(renderTime) {\n const timeZone = this.intl.timeZone,\n date = renderTime.toDate();\n\n return format(utcToZonedTime(date, timeZone), DATETIME_FORMAT);\n}\n\n/**\n * @classdesc\n *\n * The on-screen display used for OESP streams.\n *\n * @class OespOsd\n */\nexport default class OespOsd extends Component {\n @service intl;\n\n /**\n * A class based off the player size.\n *\n * @type {string}\n */\n @tracked sizeStyleClass = '';\n\n /**\n * Getter for a htmlSafe wrapped size style class\n *\n * @type {SafeString}\n */\n get htmlSafeSizeStyleClass() {\n return htmlSafe(this.sizeStyleClass);\n }\n\n /**\n * Getter for the formatted video codec, which we try to cache since this shouldn't change mid-stream.\n *\n * @type {string}\n */\n get formattedVideoCodec() {\n const { streamStats } = this.args.osdProperties ?? {};\n\n // When we aren't given a video codec, assume the stream has ended and reset this value.\n if (!streamStats?.videoCodec) {\n // Do not copy this deprecated usage. If you see this, please fix it\n // eslint-disable-next-line ember/no-side-effects\n this.cachedFormattedVideoCodec = null;\n return null;\n }\n\n if (!this.cachedFormattedVideoCodec) {\n // Do not copy this deprecated usage. If you see this, please fix it\n // eslint-disable-next-line ember/no-side-effects\n this.cachedFormattedVideoCodec = formatVideoCodec(streamStats);\n }\n\n return this.cachedFormattedVideoCodec;\n }\n\n /**\n * An object holding all of the formatted OSD properties.\n *\n * @type {Object}\n */\n @computed('args.osdProperties', 'formattedVideoCodec')\n get formattedOsdProperties() {\n const { osdProperties } = this.args,\n { renderTime, streamStats } = osdProperties ?? {};\n\n return {\n timeDisplay: renderTime ? formatTime.call(this, renderTime) : null,\n resolutionDisplay: formatResolution(streamStats),\n codecDisplay: this.formattedVideoCodec,\n bitRateDisplay: formatBitRate(streamStats),\n frameRateDisplay: formatFrameRate(streamStats)\n };\n }\n\n /**\n * This schedules a single call to set the new OSD size.\n */\n @action updateOsdSize() {\n // Do not copy this deprecated usage. If you see this, please fix\n // eslint-disable-next-line ember/no-runloop\n once(this, setOsdSize);\n }\n}\n","import { action } from '@ember/object';\nimport { equal, or } from '@ember/object/computed';\nimport { inject as service } from '@ember/service';\nimport { task, timeout } from 'ember-concurrency';\nimport { DISCONNECTED_STATE } from 'customer-site/enums/VideoPlayerStateEnum';\nimport { NoError, NoPermissions, StreamNotAvailable } from 'customer-site/enums/VideoSourceError';\nimport { intlPath } from '@adc/i18n/path';\nimport BaseOverlay from '../base-overlay';\n\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\nimport type NotificationManager from '@adc/ui-components/services/notification-manager';\nimport type AjaxService from 'customer-site/services/ajax';\nimport type { BaseVideoOverlayArgs } from '../base-overlay';\n\n// The number of milliseconds to show the failure svg icon on the button before hiding the overlay.\nconst FailureLogTimeoutMilliseconds = 1000;\n\nexport interface BaseVideoLiveOverlayArgs extends BaseVideoOverlayArgs {\n playerState: number;\n isModifyingSettings: boolean;\n}\n\n/**\n * @classdesc\n * The overlay for field of view that fits on top of the player and displays information about the current streaming status.\n */\n@intlPath({ path: 'video/video-player/overlay/base-live-overlay' })\nexport default class BaseVideoLiveOverlay<\n T extends BaseVideoLiveOverlayArgs = BaseVideoLiveOverlayArgs\n> extends BaseOverlay\\n {{@camera.description}}\\n
\\n\\n {{#if @hasDetailedOsdEnabled}}\\n \\n {{#if @showLocation}}\\n {{@camera.system.description}}\\n {{/if}}\\n {{#if this.formattedOsdProperties.timeDisplay}}\\n
\\n \\n \\n
\\n {{/if}}\\n {{this.formattedOsdProperties.timeDisplay}}
\\n \\n {{this.formattedOsdProperties.resolutionDisplay}}\\n {{this.formattedOsdProperties.codecDisplay}}\\n {{this.formattedOsdProperties.bitRateDisplay}}\\n {{this.formattedOsdProperties.frameRateDisplay}}\\n
\\n {{/if}}\\n\\n {{tc this \\'viewMode\\'}}\\n {{t \\\"generic.video.panTiltZoomSlashDelimited\\\"}}\\n
\",{ moduleName: \"customer-site/components/video/video-player/overlay/dewarping-selector-panel/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport IcnViewThreesixtyFull from 'customer-site/components/svg-paths/icn-view-threesixty-full';\nimport IcnViewThreesixtyHalfPano from 'customer-site/components/svg-paths/icn-view-threesixty-half-pano';\nimport IcnViewThreesixtyInteractive from 'customer-site/components/svg-paths/icn-view-threesixty-interactive';\nimport IcnViewThreesixtyTwoPano from 'customer-site/components/svg-paths/icn-view-threesixty-two-pano';\nimport { PLAYING_STATE, READY_STATE } from 'customer-site/enums/VideoPlayerStateEnum';\nimport { syncDewarpConfig } from 'customer-site/models/video/dewarp-config';\nimport { intlPath } from '@adc/i18n/path';\nimport { FisheyeMode } from '@oecommon/oscar-js';\n\nimport './_style.scss';\nimport type { PtzButtonsArgs } from '@adc/ui-components/components/ptz-buttons';\nimport type OespPlaybackStateController from '@adc/video-player/classes/state-controllers/oesp-playback-state-controller';\nimport type { Registry as ServiceRegistry } from '@ember/service';\nimport type DewarpConfig from 'customer-site/models/video/dewarp-config';\n\n/**\n * The default amount to pan.\n */\nconst PanDelta = 10;\n\n/**\n * The default amount to zoom.\n */\nconst ZoomDelta = 0.1;\n\nexport type DewarpingSelectorPanelArgs = {\n apexId?: string;\n dewarpConfig: DewarpConfig;\n playbackStateController?: OespPlaybackStateController;\n playerState: number;\n togglePanTiltOptions?: VoidFunction;\n} & PtzButtonsArgs;\n\ninterface DewarpingSelectorPanelSignature {\n Element: HTMLElement;\n Args: DewarpingSelectorPanelArgs;\n Blocks: {\n default: [];\n };\n}\n\n@intlPath({ path: 'video/video-player/overlay/dewarping-selector-panel' })\nexport default class DewarpingSelectorPanel extends Component\\n {{#each this.fisheyeModeBtns as |btn|}}\\n \\n
\\n {{tc this btn.label}}
\\n \\n {{/each}}\\n\\n {{t \\'generic.video.ptzPresets.cameraPresets\\'}}\\n {{t \\'generic.video.panTiltZoomSlashDelimited\\'}}\\n
\",{ moduleName: \"customer-site/components/video/video-player/overlay/onvif-ptz-panel/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { task } from 'ember-concurrency';\nimport EditOnvifPtzPresets from 'customer-site/components/modals/video/edit-onvif-ptz-presets';\nimport NewOnvifPtzPreset from 'customer-site/components/modals/video/new-onvif-ptz-preset';\nimport { intlPath } from '@adc/i18n/path';\n\nimport './_style.scss';\nimport type { PtzButtonsArgs } from '@adc/ui-components/components/ptz-buttons';\nimport type OespPlaybackStateController from '@adc/video-player/classes/state-controllers/oesp-playback-state-controller';\nimport type { Registry as ServiceRegistry } from '@ember/service';\nimport type Camera from 'customer-site/models/video/devices/camera';\nimport type OnvifPtzPreset from 'customer-site/models/video/onvif-ptz-preset';\nimport type { Task } from 'ember-concurrency';\n\ninterface OnvifPtzPanelSignature {\n Element: HTMLElement;\n Args: PtzButtonsArgs & {\n camera: Camera;\n apexId?: string;\n playbackStateController?: OespPlaybackStateController;\n };\n Blocks: {\n default: [];\n };\n}\n\n/**\n * The ONVIF PTZ UI shown in the PTZ Popover Menu.\n *\n * Based off of the DewarpingSelectorPanel but not identically-styled or identically-implemented.\n */\n@intlPath({ path: 'video/video-player/overlay/onvif-ptz-panel' })\nexport default class OnvifPtzPanel extends Component\\n {{#each this.sortedPresets as |preset idx|}}\\n \\n \\n
\\n {{preset.presetName}}
\\n \\n {{/each}}\\n \\n\\n
\\n\\n {{#each @camera.panTiltPresets as |preset|}}\\n \\n
\\n {{/if}}\\n {{/if}}\\n\\n {{#if @supportsThumbnailsDownload}}\\n
\\n \\n
\\n {{/if}}\\n\",{ moduleName: \"customer-site/components/video/video-player/overlay/general-overlay-features/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { isDestroyed } from '@adc/ember-utils/utils/ember-helpers';\nimport { action, computed } from '@ember/object';\nimport { equal, or, and } from '@ember/object/computed';\nimport { inject as service } from '@ember/service';\nimport { isPresent } from '@ember/utils';\nimport { getRelativeDirections } from 'customer-site/components/video/video-player/base-video-player';\nimport {\n CENTER_PTZ_PRESET,\n FULL_PTZ_PRESET,\n CENTER_PRESET_ZOOM_AMOUNT\n} from 'customer-site/components/video/video-player/overlay/base-overlay';\nimport { getSizeStyleClassFromPlayerSize } from 'customer-site/components/video/video-player/overlay/index';\nimport {\n ButtonPixelsWide,\n transitionToSettingsRoute\n} from 'customer-site/components/video/video-player/overlay/player-buttons/index';\nimport { VideoPanTiltSettings } from 'customer-site/enums/CustomerPageUrl';\nimport { PLAYING_STATE } from 'customer-site/enums/VideoPlayerStateEnum';\nimport { isElementViewable } from 'customer-site/utils/dom';\nimport { getContextAwareThumbnailSearchPage } from 'customer-site/video/thumbnail-search/route';\nimport { sentryWithScopeAndWarn } from '@adc/app-infrastructure/utils/sentry';\nimport { AudioRecordingState } from '@oecommon/oscar-js';\nimport { panTilt, zoom } from '../../../../../utils/video/general';\n\nimport type { PlayerSize } from 'customer-site/components/video/video-player/overlay/player-buttons/index';\nimport './_style.scss';\nimport type ADCIntlService from '@adc/i18n/services/adc-intl';\nimport type { PtzButtonsArgs } from '@adc/ui-components/components/ptz-buttons';\nimport type { RelativeDirections } from '@adc/ui-components/components/zoom-pan-overlay';\nimport type OespPlaybackStateController from '@adc/video-player/classes/state-controllers/oesp-playback-state-controller';\nimport type Store from '@ember-data/store';\nimport type { Registry as ServiceRegistry } from '@ember/service';\nimport type { PlayerInfo } from 'customer-site/components/video/video-streaming/video-streaming-features/types';\nimport type { AvsSwitchAbility } from 'customer-site/components/video/video-streaming/video-streaming-players/index';\nimport type { RelativeDirection } from 'customer-site/enums/RelativeDirection';\nimport type Camera from 'customer-site/models/video/devices/camera';\nimport type DewarpConfig from 'customer-site/models/video/dewarp-config';\nimport type AjaxService from 'customer-site/services/ajax';\nimport type ContextManager from 'customer-site/services/context-manager';\nimport type NavigationService from 'customer-site/services/navigation';\nimport type { OEShouldMuteAudioInfo } from '../two-way-audio-buttons/index';\n\nexport type OperatorAudioNotAvailableButtonContents = {\n buttonAction: (areButtonsInPopover: boolean) => void;\n buttonText: string;\n displayButton: boolean;\n streamRetryable: boolean;\n icon: string;\n};\n\ninterface GeneralOverlayFeaturesSignature {\n Args: {\n /** The apex ID of the device if relevant. */\n apexId?: string;\n associatedDevicesAction?: () => void;\n avsResultSwitchAbility?: AvsSwitchAbility;\n /** The camera object that this overlay is for. */\n camera: Camera;\n cameraSpeakerAlreadyInUse: boolean;\n cannotDoBrowserUploadsForOperatorSite: boolean;\n changeCameraAudio(\n shouldMute: boolean,\n volume: number,\n isEnabledAutomaticallyAfterDelay?: boolean,\n cameraWasAutoMuted?: boolean,\n oeSVRShouldMuteAudio?: boolean\n ): void;\n connectUsersMicrophoneAudio?: () => Promise\\n {{#if @headerText}}\\n
\\n\",{ moduleName: \"customer-site/components/video/video-player/overlay/overlay-border/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nimport './_style.scss';\n\nexport interface OverlayBorderSignature {\n Element: HTMLDivElement;\n Args: {\n headerClickAction?: () => Promise\\n
\\n {{else}}\\n \\n
\\n {{#if this.showFilter}}\\n \\n {{#if this.showFilter}}\\n
\\n \\n
\\n \\n {{else}}\\n {{!-- This value is null while events are loading, so show the loading spinner on the activity sidebar. --}}\\n {{!-- Empty arrays are treated as false in the template (unlike JS), so an explicit null check is needed. --}}\\n {{#unless (eq @events null)}}\\n {{#if this.eventsToShow}}\\n \\n
\\n - \\n {{#if this.historyEventFiltersDropdownItems}}\\n
- \\n
{{t \\'generic.eventType\\'}}
\\n \\n {{/if}}\\n {{#if this.deviceTypesFiltersDropdownItems}}\\n - \\n
{{t \\'generic.deviceType\\'}}
\\n \\n {{/if}}\\n - \\n
{{t \\'generic.deviceName\\'}}
\\n \\n
\\n
\\n \\n
\\n {{/each-in}}\\n \\n - \\n {{#each-in this.eventsDisplay as |day singleDayEvents|}}\\n
\\n \\n
\\n {{/each}}\\n {{day}}
\\n {{#each singleDayEvents as |event|}}\\n\\n
\\n {{/if}}\\n {{else}}\\n \\n
\\n {{t \\'generic.events.noEvents\\'}}
\\n\\n {{#if @showThumbnails}}\\n
\\n\\n\",{ moduleName: \"customer-site/components/video/advanced-video-search/found-search-results/index.hbs\" })","/* import __COLOCATED_TEMPLATE__ from './index.hbs'; */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { isEnterCode } from '@adc/ember-utils/utils/a11y';\nimport { constrainRange } from '@adc/ember-utils/utils/math';\nimport { action, computed } from '@ember/object';\nimport { alias } from '@ember/object/computed';\nimport { next } from '@ember/runloop';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { getFullUrlForScrubberThumbnail } from 'customer-site/components/video/video-timeline/index';\nimport { TimelineClick } from 'customer-site/enums/TrackedEvent';\nimport { NUM_MILLISECONDS_IN_SECOND } from 'customer-site/utils/datetime';\nimport { intlPath } from '@adc/i18n/path';\nimport { isAfter, isBefore } from 'date-fns';\n\nimport type { Registry as ServiceRegistry } from '@ember/service';\nimport type Interval from 'customer-site/models/video/interval';\nimport type { SafeString } from 'handlebars';\nimport type { ScrubbedThumbnailUrls } from '../../video-player/playback-features/types';\nimport './_style.scss';\n\ntype DisplayedSearchResult = {\n idx: number;\n startTime: Date;\n timeString: string;\n rangeString: string;\n imageSource: string;\n};\n\ntype ScrollAbility = {\n canScrollLeft: boolean;\n canScrollRight: boolean;\n};\n\ninterface FoundSearchResultsSignature {\n Args: {\n changeSelectedResult: (index: number | undefined) => void;\n currentTime?: Date;\n isHidden: boolean;\n searchFailed: boolean;\n searchResults?: Interval[];\n searchWasInterrupted: boolean;\n selectedResultIndex: number | undefined;\n restartAvsSearch: () => void;\n showThumbnails: boolean;\n svrTimelineIsHidden: boolean;\n timelineNewTimeSet: (time: Date, timelineEnum: number) => void;\n thumbnailUrls: ScrubbedThumbnailUrls | null;\n pauseVideo: () => void;\n };\n Element: HTMLDivElement;\n}\n\n/*\n * Size of each individual results image (width plus margins) for calculating scroll amounts\n */\nconst ResultImageSize = 216;\n\n/*\n * Each time we scroll left or right, we want to scroll (number of players visible minus this amount of players)\n */\nconst ScrollFactor = 2;\n\n/**\n * Finds the next matching result index relative to the current time, either in the forward or backward direction\n * Returns null if the current time is after all of the results\n *\n * @returns\n */\nfunction findNextMatchingResultIndex(\n moveForwards: boolean,\n currentTime: Date,\n searchResults: Interval[],\n indexToStartFrom: number\n) {\n const resultsLength = searchResults.length;\n let indexToCheck = indexToStartFrom;\n\n while (indexToCheck < resultsLength && indexToCheck >= 0) {\n // If we are moving forward in time, lets keep moving forward until a result is either in the current time or after it\n // For backwards, lets keep moving backward until a result is either in the current time or before it.\n let goToThisResult = moveForwards\n ? isBefore(currentTime, searchResults[indexToCheck].endTime)\n : isAfter(currentTime, searchResults[indexToCheck].startTime);\n\n if (!moveForwards && indexToCheck == 0) {\n goToThisResult = true;\n }\n\n if (goToThisResult) {\n return indexToCheck;\n }\n\n indexToCheck += moveForwards ? 1 : -1;\n }\n\n // moving forward in time and getting past the end of the list is treated differently than moving backwards\n // and getting past the start of the list. We select the first result in the latter case, and stop playback in the former.\n return moveForwards ? null : 0;\n}\n\n/**\n * @classdesc\n * The avs status bar which indicates result information for the avs search\n */\n@intlPath({ path: 'video/advanced-video-search/found-search-results' })\nexport default class FoundSearchResults extends Component\\n {{#each this.displayedSearchResults key=\\\"idx\\\" as |searchResult idx|}}\\n
\\n\\n {{#if this.scrollAbility.canScrollLeft}}\\n \\n\\n 
\\n
\\n {{/each}}\\n {{#if this.searchFailedOrInterrupted}}\\n \\n {{searchResult.timeString}}\\n {{searchResult.rangeString}}\\n
\\n \\n \\n
\\n {{/if}}\\n \\n
\\n {{/if}}\\n\\n {{#if this.scrollAbility.canScrollRight}}\\n \\n
\\n {{/if}}\\n {{/if}}\\n\\n \\n
\\n \\n {{#if @startTime}}\\n
\\n {{#each this.orderedThumbnailUrlList as |thumbnailStream index|}}\\n \\n {{format-time-tz\\n @startTime\\n hour=\\\"numeric\\\"\\n minute=\\\"numeric\\\"\\n }}\\n
\\n {{/if}}\\n {{#if @endTime}}\\n \\n {{format-time-tz\\n @endTime\\n hour=\\\"numeric\\\"\\n minute=\\\"numeric\\\"\\n }}\\n
\\n {{/if}}\\n \\n {{#each thumbnailStream as |thumbnailItem|}}\\n
\\n {{/each}}\\n \\n
\\n {{/each}}\\n \\n {{!-- This value is null while events are loading, so show the loading bar on the timeline. --}}\\n {{#unless (eq @permanentEvents null)}}\\n \\n {{#each this.intervalsDisplay as |interval|}}\\n \\n {{/each}}\\n \\n \\n\\n {{#each (await this.permanentMarkersDisplay) as |marker index|}}\\n {{#unless marker.hideFromPrimaryStream}}\\n
\\n {{#if @expandedMode}}\\n \\n {{#if marker.isCollation}}\\n {{marker.eventIds.length}}\\n {{else}}\\n
\\n {{/unless}}\\n {{/each}}\\n {{else}}\\n \\n
\\n {{/unless}}\\n {{! the popover component for when hovering over event markers, with more details about the event/s}}\\n {{#let (await this.currentlyHoveredMarkerEvents) as |markerEventsObject|}}\\n {{#if markerEventsObject}}\\n \\n \\n
\\n {{/if}}\\n {{/let}}\\n \\n
\\n \\n \\n {{#each markerEventsObject.events as |event|}}\\n
\\n \\n
\\n {{/each}}\\n \\n
\\n {{#if event.thumbnail}}\\n \\n
\\n {{event.deviceDescription}}
\\n \\n {{format-time-tz\\n event.eventDate\\n hour=\\\"numeric\\\"\\n minute=\\\"numeric\\\"\\n }}\\n
\\n {{event.description}}
\\n \\n {{#if event.thumbnail.hasLoaded}}\\n {{event.thumbnail}}\\n {{else}}\\n
\\n {{/if}}\\n \\n {{#each this.individualStreams as |stream index|}}\\n \\n {{tc this \\'localRecordingRulePaused\\'}}\\n \\n {{/unless}}\\n
\\n \\n {{#if stream.isSchedulePaused}}\\n
\\n {{/each}}\\n {{#unless (eq this.pausedToolTipVisibleIndex null)}}\\n {{stream.cameraDescription}}
\\n \\n {{#each this.individualStreams as |stream index|}}\\n
\\n {{/if}}\\n \\n \\n {{#each stream.intervalsDisplay as |interval|}}\\n \\n {{/each}}\\n \\n\\n
\\n {{/each}}\\n \\n \\n {{#each (await stream.permanentMarkersDisplay) as |marker|}}\\n
\\n \\n
\\n {{/each}}\\n \\n {{#if @endTime}}\\n
\\n {{format-date-tz @endTime month=\\\"short\\\" day=\\\"numeric\\\" }}
\\n {{/if}}\\n \\n \\n {{format-time-tz\\n this.tooltipTime\\n hour=\\\"numeric\\\"\\n minute=\\\"numeric\\\"\\n second=\\\"numeric\\\"\\n }}\\n
\\n \\n