@arcgis/core 6.0.0-next.27 → 6.0.0-next.29

package/widgets/VideoPlayer/VideoPlayerViewModel.d.ts

@@ -1,232 +0,0 @@
-import type Color from "../../Color.js";
-import type Accessor from "../../core/Accessor.js";
-import type VideoLayer from "../../layers/VideoLayer.js";
-import type MapView from "../../views/MapView.js";
-import type { PreviewsInfo, VideoState } from "../../layers/video/types.js";
-
-/** @deprecated since 5.2. Use the [Video Player](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-video-player/) component instead. */
-export interface VideoPlayerViewModelProperties extends Partial<Pick<VideoPlayerViewModel, "followingMode" | "layer" | "seekLength" | "view">> {}
-
-/**
- * The VideoPlayerViewModel class provides the logic for the [VideoPlayer](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/) widget.
- *
- * @deprecated since 5.2. Use the [Video Player](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-video-player/) component instead.
- * @since 4.30
- * @see [VideoPlayer](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/)
- * @example
- * const videoPlayerViewModel = new VideoPlayerViewModel({
- *   layer: videoLayer,
- *   view
- * });,
- */
-export default class VideoPlayerViewModel extends Accessor {
-  constructor(properties?: VideoPlayerViewModelProperties);
-  /** The amount of the video layer that has been buffered, in seconds. */
-  get buffered(): number;
-  /** The current time of the video layer, in seconds. */
-  get currentTime(): number;
-  /** The duration of the video layer, in seconds. */
-  get duration(): number;
-  /** Indicates whether the video layer has ended. */
-  get ended(): boolean;
-  /**
-   * Determines which telemetry elements to follow when the video layer is playing.
-   * The following telemetry elements are available:
-   * * `follow-sensor`: Follows the sensor location.
-   * * `follow-frame`: Follows the frame center.
-   * * `follow-both`: Follows both the sensor location and the frame center.
-   *
-   * @default "follow-both"
-   * @example
-   * // Follow the sensor location.
-   * videoPlayerViewModel.followingMode = "follow-sensor";
-   */
-  accessor followingMode: "follow-sensor" | "follow-frame" | "follow-both" | "none";
-  /**
-   * The [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/) to play.
-   *
-   * @example
-   * // Set the video player view model's layer to a video layer.
-   * videoPlayerViewModel.layer = videoLayer;
-   */
-  accessor layer: VideoLayer | null | undefined;
-  /** The metadata associated with the video layer. */
-  get metadata(): {
-      missionInfo: Record<string, string>;
-      platformInfo: Record<string, string>;
-      frameInfo: Record<string, string>;
-  } | null;
-  /** Indicates whether the video layer is playing. */
-  get playing(): boolean;
-  /**
-   * The number of seconds to seek forward or backward when the user clicks the seek forward or seek backward buttons.
-   *
-   * @default 10
-   * @example
-   * // Seek the video layer forward by 5 seconds.
-   * videoPlayerViewModel.seekLength = 5;
-   */
-  accessor seekLength: number;
-  /** The state of the video layer. */
-  get state(): VideoState | "error";
-  /**
-   * The [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/) in which the video layer is displayed.
-   *
-   * @example
-   * // Set the video player view model's view to a map view.
-   * videoPlayerViewModel.view = mapView;
-   */
-  accessor view: MapView | null | undefined;
-  /**
-   * Changes the color of the graphics drawn on the map to represent telemetry elements such as sensor location and frame.
-   *
-   * @param color - The color of the graphics
-   * @example
-   * // Change the video layer telemetry graphics color to red.
-   * videoPlayerViewModel.changeGraphicsColor(new Color("red"));
-   */
-  changeGraphicsColor(color: Color): void;
-  /**
-   * Changes the playback speed of the video layer.
-   *
-   * @param speed - The playback speed of the video. A value of 1.0 is normal speed, 0.5 is half speed, and 2.0 is double speed.
-   * @example
-   * // Change the video layer playback speed to 2x.
-   * videoPlayerViewModel.changePlaybackSpeed(2);
-   */
-  changePlaybackSpeed(speed: number): void;
-  /**
-   * Pauses the video layer.
-   *
-   * @example
-   * // Pause the video layer.
-   * videoPlayerViewModel.pause();
-   */
-  pause(): void;
-  /**
-   * Plays the video layer.
-   *
-   * @example
-   * // Play the video layer.
-   * videoPlayerViewModel.play();
-   */
-  play(): void;
-  /**
-   * Provides metadata about available preview thumbnails for the layer.
-   *
-   * @since 5.1
-   */
-  previewsInfo(): PreviewsInfo | null;
-  /**
-   * Seeks the video layer backward by the number of seconds specified by the [seekLength](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/#seekLength) property.
-   *
-   * @see [seekLength](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/#seekLength)
-   * @example
-   * // Seek the video layer backward by 20 seconds.
-   * videoPlayerViewModel.seekLength = 20;
-   * videoPlayerViewModel.seekBackward();
-   */
-  seekBackward(): void;
-  /**
-   * Seeks the video layer forward by the number of seconds specified by the [seekLength](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/#seekLength) property.
-   *
-   * @see [seekLength](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/#seekLength)
-   * @example
-   * // Seek the video layer forward by 20 seconds.
-   * videoPlayerViewModel.seekLength = 20;
-   * videoPlayerViewModel.seekForward();
-   */
-  seekForward(): void;
-  /**
-   * Seeks the video layer to the specified time.
-   *
-   * @param seekToTime - The time to seek to, in seconds.
-   * @example
-   * // Seek the video layer to 30 seconds.
-   * videoPlayerViewModel.seekTo(30);
-   */
-  seekTo(seekToTime: number): void;
-  /**
-   * Seeks the video layer to the beginning.
-   *
-   * @example
-   * // Seek the video layer to the beginning.
-   * videoPlayerViewModel.seekToBeginning();
-   */
-  seekToBeginning(): void;
-  /**
-   * Seeks the video layer to the ending.
-   *
-   * @example
-   * // Seek the video layer to the ending.
-   * videoPlayerViewModel.seekToEnding();
-   */
-  seekToEnding(): void;
-  /**
-   * Toggles the frame center display.
-   *
-   * @example
-   * // Toggle the frame center display.
-   * videoPlayerViewModel.toggleFrameCenterDisplay();
-   */
-  toggleFrameCenterDisplay(): void;
-  /**
-   * Toggles the video frame image draped on the map.
-   *
-   * @example
-   * // Toggle the frame display.
-   * videoPlayerViewModel.toggleFrameDisplay();
-   */
-  toggleFrameDisplay(): void;
-  /**
-   * Toggles the frame outline display.
-   *
-   * @example
-   * // Toggle the frame outline display.
-   * videoPlayerViewModel.toggleFrameOutlineDisplay();
-   */
-  toggleFrameOutlineDisplay(): void;
-  /**
-   * Toggles the loop playback setting.
-   *
-   * @since 5.1
-   * @example
-   * ```js
-   * videoPlayerViewModel.toggleLoopPlayback();
-   * ```
-   */
-  toggleLoopPlayback(): void;
-  /**
-   * Toggles the sensor display.
-   *
-   * @example
-   * // Toggle the sensor display.
-   * videoPlayerViewModel.toggleSensorDisplay();
-   */
-  toggleSensorDisplay(): void;
-  /**
-   * Toggles the sensor path display.
-   *
-   * @since 5.1
-   * @example
-   * // Toggle the sensor path display.
-   * videoPlayerViewModel.toggleSensorPathDisplay();
-   */
-  toggleSensorPathDisplay(): void;
-  /**
-   * Toggles the sensor sight line display.
-   *
-   * @example
-   * // Toggle the sensor sight line display.
-   * videoPlayerViewModel.toggleSensorSightLineDisplay();
-   */
-  toggleSensorSightLineDisplay(): void;
-  /**
-   * Toggles the sensor trail display.
-   *
-   * @example
-   * // Toggle the sensor trail display.
-   * videoPlayerViewModel.toggleSensorTrailDisplay();
-   */
-  toggleSensorTrailDisplay(): void;
-}

package/widgets/VideoPlayer/VideoPlayerViewModel.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../../core/Accessor.js";import{deprecateUnnecessaryViewModel as n}from"../../core/deprecate.js";import r from"../../core/Logger.js";import{watch as i,initial as a}from"../../core/reactiveUtils.js";import{property as o,subclass as s}from"../../core/accessorSupport/decorators.js";import{videoMetadataEntryId as c}from"../../layers/video/videoUtils.js";function l(e,t){let n={};for(let r of t){let t=e.get(r);t&&(n[t.name]=t.value)}return n}let u=class extends t{constructor(e){super(e),this.followingMode=`follow-both`,this.layer=null,this.seekLength=10,this.view=null,e?.suppressDeprecationWarning||n(r.getLogger(this),`Video Player`,`arcgis-video-player`,{version:`5.2`})}normalizeCtorArgs(e){let{suppressDeprecationWarning:t,...n}=e??{};return n}initialize(){this.addHandles([i(()=>this.layer,(e,t)=>{t&&t.pause(),e&&e.load().then(()=>this._followTelemetry()).catch(()=>{})},a),i(()=>[this.followingMode],()=>this._followTelemetry(),a)])}get buffered(){return this.layer?.buffered||0}get currentTime(){return this.layer?.currentTime||0}get duration(){return this.layer?.duration||0}get ended(){return this.layer?.ended??!0}get metadata(){let e=this.layer?.metadata;return e?{missionInfo:l(e,[c.MissionId,c.PrecisionTimeStamp]),platformInfo:l(e,[c.PlatformTailNumber,c.PlatformTrueAirspeed,c.PlatformCallSign,c.PlatformDesignation,c.PlatformGroundRange]),frameInfo:l(e,[c.FrameCenterElevation,c.FrameCenterLatitude,c.FrameCenterLongitude])}:null}get playing(){return this.layer?.playing??!1}previewsInfo(){return this.layer?.previewsInfo||null}get state(){return this.layer?.loadError?`error`:this.layer?.state??`not-ready`}play(){this.layer?.play()}pause(){this.layer?.pause()}seekBackward(){if(this.layer){let e=this.layer.currentTime-this.seekLength;e<=0?this.layer.reset():this.layer.setCurrentTime(e)}}seekForward(){if(this.layer){let e=this.layer.currentTime+this.seekLength;e>=this.layer.duration?this.layer.reset():this.layer.setCurrentTime(e)}}seekToBeginning(){this.layer?.setCurrentTime(0)}seekToEnding(){this.layer?.setCurrentTime(this.layer.duration)}seekTo(e){this.layer?.setCurrentTime(e)}toggleSensorDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.sensorLocation=!this.layer.telemetryDisplay.sensorLocation)}toggleSensorPathDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.sensorPath=!this.layer.telemetryDisplay.sensorPath)}toggleSensorSightLineDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.lineOfSight=!this.layer.telemetryDisplay.lineOfSight)}toggleFrameDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.frame=!this.layer.telemetryDisplay.frame)}toggleSensorTrailDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.sensorTrail=!this.layer.telemetryDisplay.sensorTrail)}toggleFrameCenterDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.frameCenter=!this.layer.telemetryDisplay.frameCenter)}toggleFrameOutlineDisplay(){this.layer?.telemetryDisplay&&(this.layer.telemetryDisplay.frameOutline=!this.layer.telemetryDisplay.frameOutline)}toggleLoopPlayback(){this.layer&&(this.layer.loop=!this.layer.loop)}changePlaybackSpeed(e){this.layer&&(this.layer.playbackRate=e)}changeGraphicsColor(e){e&&this.layer.updateTelemetryColor(e)}_followTelemetry(){this.removeHandles(`follow`),this.view&&this.layer&&this.addHandles(i(()=>this.layer?.telemetry,()=>{let e=[],t=this.followingMode===`follow-sensor`||this.followingMode===`follow-both`,n=this.followingMode===`follow-frame`||this.followingMode===`follow-both`;t&&this.layer?.telemetry.sensorLocation&&e.push(this.layer.telemetry.sensorLocation),n&&this.layer?.telemetry.frameCenter&&e.push(this.layer.telemetry.frameCenter),e.length?this.view?.goTo(e).catch(()=>{}):this.layer?.initialExtent&&this.followingMode!==`none`&&this.view?.goTo(this.layer.initialExtent).catch(()=>{})},a),`follow`)}};e([o({readOnly:!0})],u.prototype,`buffered`,null),e([o({readOnly:!0})],u.prototype,`currentTime`,null),e([o({readOnly:!0})],u.prototype,`duration`,null),e([o({readOnly:!0})],u.prototype,`ended`,null),e([o()],u.prototype,`followingMode`,void 0),e([o()],u.prototype,`layer`,void 0),e([o({readOnly:!0})],u.prototype,`metadata`,null),e([o({readOnly:!0})],u.prototype,`playing`,null),e([o({readOnly:!0})],u.prototype,`previewsInfo`,null),e([o()],u.prototype,`seekLength`,void 0),e([o({readOnly:!0})],u.prototype,`state`,null),e([o()],u.prototype,`view`,void 0),u=e([s(`esri.widgets.VideoPlayer.VideoPlayerViewModel`)],u);const d=u;export{d as default};

package/widgets/VideoPlayer/components/MetadataSection.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as t}from"../../support/widget.js";const n=`esri-metadata-table`,r={table:n,data:`${n}__data`,emptyState:`${n}__empty-state`},i=()=>e({accordion:()=>import(`@esri/calcite-components/dist/components/calcite-accordion`),"accordion-item":()=>import(`@esri/calcite-components/dist/components/calcite-accordion-item`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),tile:()=>import(`@esri/calcite-components/dist/components/calcite-tile`)});function a({viewModel:e,messages:n}){let{metadata:i}=e;return i?t(`calcite-block`,{expanded:!0,heading:n.metadata},t(`calcite-accordion`,{appearance:`solid`,selectionMode:`single`},t(`calcite-accordion-item`,{heading:n.missionInfo},t(`div`,{class:r.table},Object.keys(i.missionInfo).map(e=>[t(`div`,{class:r.data},e),t(`div`,{class:r.data},i.missionInfo[e])]))),t(`calcite-accordion-item`,{heading:n.platformInfo},t(`div`,{class:r.table},Object.keys(i.platformInfo).map(e=>[t(`div`,{class:r.data},e),t(`div`,{class:r.data},i.platformInfo[e])]))),t(`calcite-accordion-item`,{heading:n.frameInfo},t(`div`,{class:r.table},Object.keys(i.frameInfo).map(e=>[t(`div`,{class:r.data},e),t(`div`,{class:r.data},i.frameInfo[e])]))))):t(`calcite-tile`,{class:r.emptyState,description:n.metadataDescription,heading:n.metadataNotLoaded})}export{a as MetadataSection,i as loadMetadataSectionComponents};

package/widgets/VideoPlayer/components/PlayerActionsGroup.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as t}from"../../support/widget.js";import{css as n}from"../css.js";const r=()=>e({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`)});function i({viewModel:e,messages:r}){let{state:i,playing:a,layer:o}=e,s=!!o?.isLive,c=i===`not-ready`||i===`waiting`,l=a?r.pause:r.play,u=t(`calcite-action`,{active:a,alignment:`center`,bind:e,disabled:c,icon:a?`pause-f`:`play-f`,key:`play`,scale:`s`,text:l,title:l,onclick:a?e.pause:e.play}),d=r.reverse,f=s?null:t(`calcite-action`,{alignment:`center`,bind:e,disabled:c,icon:`reverse-f`,key:`reverse`,scale:`s`,text:d,title:d,onclick:e.seekBackward}),p=r.forward,m=s?null:t(`calcite-action`,{alignment:`center`,bind:e,disabled:c,icon:`forward-f`,key:`forward`,scale:`s`,text:p,title:p,onclick:e.seekForward}),h=r.beginning,g=s?null:t(`calcite-action`,{alignment:`center`,bind:e,disabled:c,icon:`beginning-f`,key:`beginning`,scale:`s`,text:h,title:h,onclick:e.seekToBeginning}),_=r.end,v=s?null:t(`calcite-action`,{alignment:`center`,bind:e,disabled:c,icon:`end-f`,key:`end`,scale:`s`,text:_,title:_,onclick:e.seekToEnding});return t(`calcite-action-bar`,{class:n.playerActions,expandToggleDisabled:!0,layout:`horizontal`,scale:`s`},[g,f,u,m,v])}export{i as PlayerActionsGroup,r as loadPlayerActionsGroupComponents};

package/widgets/VideoPlayer/components/PlayerControlsGroup.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as t}from"../../support/widget.js";import{css as n}from"../css.js";import{loadSettingsButtonComponents as r,SettingsButton as i}from"./SettingsButton.js";const a=()=>Promise.all([e({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`),panel:()=>import(`@esri/calcite-components/dist/components/calcite-panel`),popover:()=>import(`@esri/calcite-components/dist/components/calcite-popover`),list:()=>import(`@esri/calcite-components/dist/components/calcite-list`),"list-item":()=>import(`@esri/calcite-components/dist/components/calcite-list-item`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`)}),r()]);function o(e){return e.followingMode===`none`?`circle-disallowed`:e.followingMode===`follow-sensor`?`zoom-to-object`:e.followingMode===`follow-frame`?`follow`:`video`}function s({viewModel:e,messages:r,settings:a,toggleMetadata:s,topLayerDisabled:c}){let{state:l}=e,u=l===`not-ready`||l===`waiting`,d=t(`div`,null,t(`calcite-popover`,{autoClose:!0,label:r.layers,overlayPositioning:`fixed`,placement:`top-end`,pointerDisabled:!0,referenceElement:`layers-action`,scale:`s`,topLayerDisabled:c},t(`calcite-panel`,{heading:r.layers},t(`calcite-list`,{label:r.layers,selectionMode:`multiple`},t(`calcite-list-item`,{label:r.sensor,selected:!!e.layer?.telemetryDisplay?.sensorLocation,onclick:()=>{e.toggleSensorDisplay()}}),t(`calcite-list-item`,{label:r.sensorPath,selected:!!e.layer?.telemetryDisplay?.sensorPath,onclick:()=>{e.toggleSensorPathDisplay()}}),t(`calcite-list-item`,{label:r.sensorTrail,selected:!!e.layer?.telemetryDisplay?.sensorTrail,onclick:()=>{e.toggleSensorTrailDisplay()}}),t(`calcite-list-item`,{label:r.sightLine,selected:!!e.layer?.telemetryDisplay?.lineOfSight,onclick:()=>{e.toggleSensorSightLineDisplay()}}),t(`calcite-list-item`,{label:r.frameCenter,selected:!!e.layer?.telemetryDisplay?.frameCenter,onclick:()=>{e.toggleFrameCenterDisplay()}}),t(`calcite-list-item`,{label:r.frameOutline,selected:!!e.layer?.telemetryDisplay?.frameOutline,onclick:()=>{e.toggleFrameOutlineDisplay()}}),t(`calcite-list-item`,{label:r.frame,selected:!!e.layer?.telemetryDisplay?.frame,onclick:()=>{e.toggleFrameDisplay()}})))),t(`calcite-action`,{alignment:`center`,bind:e,disabled:u,icon:`layers`,id:`layers-action`,key:`layers`,scale:`s`,slot:`trigger`,text:r.layers})),f=t(`div`,null,t(`calcite-popover`,{autoClose:!0,label:r.follow,overlayPositioning:`fixed`,placement:`top-end`,pointerDisabled:!0,referenceElement:`follow-action`,scale:`s`,topLayerDisabled:c},t(`calcite-panel`,{heading:r.follow},t(`calcite-list`,{label:r.follow,selectionMode:`single-persist`},t(`calcite-list-item`,{label:r.none,onclick:()=>{e.followingMode=`none`}},t(`calcite-icon`,{icon:`circle-disallowed`,scale:`s`,slot:`content-start`})),t(`calcite-list-item`,{label:r.sensor,onclick:()=>{e.followingMode=`follow-sensor`}},t(`calcite-icon`,{icon:`zoom-to-object`,scale:`s`,slot:`content-start`})),t(`calcite-list-item`,{label:r.frame,onclick:()=>{e.followingMode=`follow-frame`}},t(`calcite-icon`,{icon:`follow`,scale:`s`,slot:`content-start`})),t(`calcite-list-item`,{label:r.video,selected:!0,onclick:()=>{e.followingMode=`follow-both`}},t(`calcite-icon`,{icon:`video`,scale:`s`,slot:`content-start`}))))),t(`calcite-action`,{alignment:`center`,bind:e,disabled:u,icon:o(e),id:`follow-action`,key:`follow`,scale:`s`,slot:`trigger`,text:r.follow})),p=t(i,{messages:r,settings:a,topLayerDisabled:c,viewModel:e}),m=t(`calcite-action`,{alignment:`center`,bind:e,disabled:u,icon:`feature-details`,key:`metadata`,scale:`s`,text:r.metadata,onclick:s});return t(`calcite-action-bar`,{class:n.playerControls,expandToggleDisabled:!0,layout:`horizontal`,scale:`s`},[d,f,p,m])}export{s as PlayerControlsGroup,a as loadPlayerControlsGroupComponents};

package/widgets/VideoPlayer/components/SettingsButton.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import e from"../../../Color.js";import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import{tsx as n}from"../../support/widget.js";import{css as r}from"../css.js";const i=new e([255,127,0]),a={active:null,speed:`1x`,quality:`Auto`,color:i};let o=null;const s=()=>t({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),flow:()=>import(`@esri/calcite-components/dist/components/calcite-flow`),"flow-item":()=>import(`@esri/calcite-components/dist/components/calcite-flow-item`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`),list:()=>import(`@esri/calcite-components/dist/components/calcite-list`),"list-item":()=>import(`@esri/calcite-components/dist/components/calcite-list-item`),popover:()=>import(`@esri/calcite-components/dist/components/calcite-popover`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),"color-picker":()=>import(`@esri/calcite-components/dist/components/calcite-color-picker`),chip:()=>import(`@esri/calcite-components/dist/components/calcite-chip`),"color-picker-swatch":()=>import(`@esri/calcite-components/dist/components/calcite-color-picker-swatch`)});function c({viewModel:t,settings:a,messages:s,topLayerDisabled:c}){let{state:l}=t,u=l===`not-ready`||l===`waiting`,d=[`Auto`],f=n(`calcite-flow-item`,{heading:s.playbackSpeed,key:`playback-speed`,selected:a.active===`speed`,onCalciteFlowItemBack:()=>{a.active=null}},n(`calcite-list`,{label:s.playbackSpeed,selectionMode:`single-persist`},[{label:`0.25x`,value:.25},{label:`0.5x`,value:.5},{label:`1x`,value:1},{label:`1.5x`,value:1.5},{label:`2x`,value:2}].map(({label:e,value:r})=>n(`calcite-list-item`,{key:e,label:e,selected:e===a.speed,onclick:()=>{a.speed=e,t.changePlaybackSpeed(r)}})))),p=n(`calcite-flow-item`,{heading:s.quality,key:`Quality (${a.quality})`,selected:a.active===`quality`,onCalciteFlowItemBack:()=>{a.active=null}},n(`calcite-list`,{label:s.quality,selectionMode:`single-persist`},d.map(e=>n(`calcite-list-item`,{key:e,label:e,selected:e===a.quality,onclick:()=>{a.quality=e}})))),m=n(`calcite-flow-item`,{heading:s.graphics,key:`Graphics (${a.color})`,selected:a.active===`color`,onCalciteFlowItemBack:()=>{a.active=null}},n(`calcite-block`,{expanded:!0,heading:s.color},n(`calcite-color-picker`,{channelsDisabled:!0,format:`hex`,savedDisabled:!0,scale:`s`,value:a.color?.toHex()??i.toHex(),onCalciteColorPickerChange:n=>{o=n.currentTarget.value?.toString(),a.color=o?new e(o):null,a.color&&t.changeGraphicsColor(a.color)}})));return n(`div`,{class:r.settings},n(`calcite-popover`,{autoClose:!0,label:s.settings,overlayPositioning:`fixed`,placement:`top-end`,pointerDisabled:!0,referenceElement:`settings-action`,scale:`s`,topLayerDisabled:c},n(`calcite-flow`,{class:r.settingsFlow,key:`root-flow`},n(`calcite-flow-item`,{closable:!1,heading:`Settings`,key:`root-flow-item`,selected:!a.active},n(`calcite-list`,{label:s.settings},n(`calcite-list-item`,{key:`Speed (${a.speed})`,label:s.speed,onclick:()=>{a.active=`speed`}},n(`div`,{slot:`content-end`},n(`calcite-chip`,{label:a.speed,scale:`s`},a.speed)),n(`calcite-icon`,{icon:`chevron-right`,scale:`s`,slot:`content-end`})),n(`calcite-list-item`,{key:`Quality (${a.quality})`,label:s.quality,onclick:()=>{a.active=`quality`}},n(`div`,{slot:`content-end`},n(`calcite-chip`,{label:a.quality,scale:`s`},a.quality)),n(`calcite-icon`,{icon:`chevron-right`,scale:`s`,slot:`content-end`})),n(`calcite-list-item`,{key:`Graphics (${a.color})`,label:s.graphics,onclick:()=>{a.active=`color`}},n(`calcite-color-picker-swatch`,{color:a.color?.toString()??i.toString(),scale:`s`,slot:`content-end`}),n(`calcite-icon`,{icon:`chevron-right`,scale:`s`,slot:`content-end`})))),a.active===`speed`?f:null,a.active===`quality`?p:null,a.active===`color`?m:null)),n(`calcite-action`,{alignment:`center`,bind:t,disabled:u,icon:`sliders`,id:`settings-action`,key:`settings`,scale:`s`,slot:`trigger`,text:s.settings}))}export{c as SettingsButton,a as defaultSettings,s as loadSettingsButtonComponents};

package/widgets/VideoPlayer/css.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-const e=`esri-video-player`,t={base:e,color:`${e}__color-block`,colorActive:`${e}__color-block__active`,colorPicker:`${e}__color-picker`,playerActionsGroup:`${e}__actions-group`,playerActions:`${e}__actions`,playerControls:`${e}__controls`,playerTimecode:`${e}__timecode`,playerToolbar:`${e}__toolbar`,playerToolbarTopPadding:`${e}__toolbar--top-padding`,playerLiveIcon:`${e}__live-icon`,progress:`${e}__progress`,rangeSlider:`${e}__range-slider`,settings:`${e}__settings`,settingsFlow:`${e}__settings-flow`,slider:`${e}__slider`,sliderProgressContainer:`${e}__slider-progress-container`,videoView:`${e}__video-view`};export{t as css};

package/widgets/VideoPlayer.d.ts

@@ -1,119 +0,0 @@
-import type VideoLayer from "../layers/VideoLayer.js";
-import type MapView from "../views/MapView.js";
-import type Widget from "./Widget.js";
-import type VideoPlayerViewModel from "./VideoPlayer/VideoPlayerViewModel.js";
-import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { VideoPlayerViewModelProperties } from "./VideoPlayer/VideoPlayerViewModel.js";
-import type { WidgetProperties } from "./Widget.js";
-
-export interface VideoPlayerProperties extends WidgetProperties, Partial<Pick<VideoPlayer, "layer" | "view">> {
-  /**
-   * Icon which represents the widget. It is typically used when the widget is controlled by another
-   * one (e.g. in the Expand widget).
-   *
-   * @default "video-web"
-   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-   * @example
-   * // Use a different icon for the VideoPlayer
-   * videoPlayer.icon = "livestream-video-layer";
-   * @since 4.27
-   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-   */
-  icon?: Icon["icon"] | null;
-  /**
-   * The view model for the VideoPlayer widget. This class contains all the logic
-   * (properties and methods) that controls this widget's behavior. See the
-   * [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/) class to access
-   * all properties and methods on the VideoPlayer widget.
-   *
-   * @example
-   * // Use the view model to set the seekLength to 20 seconds
-   * videoPlayer.viewModel.seekLength = 20;
-   */
-  viewModel?: VideoPlayerViewModelProperties;
-}
-
-/**
- * The VideoPlayer widget provides a user interface for interacting with a [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/).
- * It displays the original video content and provides controls for playing, pausing, seeking, and changing the video speed and quality.
- *
- * The VideoPlayer widget provides the following capabilities:
- *  - Control operations (play, pause, seek)
- *  - Time and duration display
- *  - Customizable graphics colors
- *  - Following options (sensor, frame, video)
- *  - Adjustable speed and quality
- *  - Access to frame metadata
- *
- * > [!WARNING]
- * >
- * > **Known Limitations**
- * >
- * > Not supported in 3D [SceneViews](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/).
- * > Not supported on macOS and iOS devices.
- *
- * ![VideoLayer and VideoPlayer](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/video-player.avif)
- *
- * @deprecated since version 4.33. Use the [Video Player component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-video-player/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
- * @since 4.30
- * @see [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/)
- * @see [VideoPlayer](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/)
- * @example
- * const videoPlayer = new VideoPlayer({
- *  layer: videoLayer,
- *  view
- * });
- */
-export default class VideoPlayer extends Widget {
-  /**
-   * @example
-   * // Create a new VideoPlayer with a VideoLayer
-   * const videoPlayer = new VideoPlayer({
-   *  layer: videoLayer,
-   *  view
-   * });
-   */
-  constructor(properties?: VideoPlayerProperties);
-  /**
-   * Icon which represents the widget. It is typically used when the widget is controlled by another
-   * one (e.g. in the Expand widget).
-   *
-   * @default "video-web"
-   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-   * @example
-   * // Use a different icon for the VideoPlayer
-   * videoPlayer.icon = "livestream-video-layer";
-   * @since 4.27
-   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-   */
-  get icon(): Icon["icon"];
-  set icon(value: Icon["icon"] | null | undefined);
-  /**
-   * The [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/) to use as the data source for the video player.
-   *
-   * @example
-   * // Create a new VideoPlayer with a VideoLayer
-   * videoPlayer.layer = videoLayer;
-   */
-  accessor layer: VideoLayer | null | undefined;
-  /**
-   * A reference to the [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/). This widget is only supported in a MapView.
-   *
-   * @example
-   * // Set the map view for the VideoPlayer
-   * videoPlayer.view = mapView;
-   */
-  accessor view: MapView | null | undefined;
-  /**
-   * The view model for the VideoPlayer widget. This class contains all the logic
-   * (properties and methods) that controls this widget's behavior. See the
-   * [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/) class to access
-   * all properties and methods on the VideoPlayer widget.
-   *
-   * @example
-   * // Use the view model to set the seekLength to 20 seconds
-   * videoPlayer.viewModel.seekLength = 20;
-   */
-  get viewModel(): VideoPlayerViewModel;
-  set viewModel(value: VideoPlayerViewModelProperties);
-}

package/widgets/VideoPlayer.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import{deprecateWidget as t}from"../core/deprecate.js";import{clone as n}from"../core/lang.js";import r from"../core/Logger.js";import{watch as i,initial as a}from"../core/reactiveUtils.js";import{property as o,subclass as s}from"../core/accessorSupport/decorators.js";import{formatDate as c}from"../intl/date.js";import l from"../views/VideoView.js";import u from"./Slider.js";import d from"./Widget.js";import{loadCalciteComponents as f}from"./support/componentsUtils.js";import{globalCss as p}from"./support/globalCss.js";import{messageBundle as m,tsx as h}from"./support/widget.js";import{css as g}from"./VideoPlayer/css.js";import _ from"./VideoPlayer/VideoPlayerViewModel.js";import{loadMetadataSectionComponents as v,MetadataSection as y}from"./VideoPlayer/components/MetadataSection.js";import{loadPlayerActionsGroupComponents as b,PlayerActionsGroup as x}from"./VideoPlayer/components/PlayerActionsGroup.js";import{loadPlayerControlsGroupComponents as S,PlayerControlsGroup as C}from"./VideoPlayer/components/PlayerControlsGroup.js";import{defaultSettings as w}from"./VideoPlayer/components/SettingsButton.js";let T=class extends d{constructor(e,i){super(e,i),this._settings=n(w),this._metadataVisible=!1,this._slider=new u({suppressDeprecationWarning:!0,visibleElements:{labels:!1,rangeLabels:!1},min:0,max:100,values:[0],thumbsConstrained:!1}),this.videoView=new l({container:document.createElement(`div`),constraints:{rotationEnabled:!1}}),this.viewModel=new _({suppressDeprecationWarning:!0}),t(r.getLogger(this),`Video Player`,`arcgis-video-player`,{version:`4.33`})}initialize(){this.addHandles([i(()=>this.viewModel.layer,()=>{this.videoView.layer=this.viewModel.layer},a),i(()=>this.view?.map,()=>{this.videoView.map=this.view?.map},a),this._slider.on([`thumb-change`,`thumb-drag`],({value:e})=>{let t=e*this.viewModel.duration/100;this.viewModel.seekTo(t)})])}loadDependencies(){return Promise.all([b(),S(),v(),f({progress:()=>import(`@esri/calcite-components/dist/components/calcite-progress`),panel:()=>import(`@esri/calcite-components/dist/components/calcite-panel`),scrim:()=>import(`@esri/calcite-components/dist/components/calcite-scrim`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`)})])}get icon(){return`video-web`}set icon(e){this._overrideIfSome(`icon`,e)}get layer(){return this.viewModel.layer}set layer(e){this.viewModel.layer=e}get rotationEnabled(){return this.videoView.constraints.rotationEnabled}set rotationEnabled(e){this.videoView.constraints.rotationEnabled=e,this.videoView.ui.components=e?[...this.videoView.ui.components,`compass`]:this.videoView.ui.components.filter(e=>e!==`compass`)}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get zoomEnabled(){return this.videoView.navigation.actionMap.mouseWheel===`zoom`}set zoomEnabled(e){this.videoView.navigation.actionMap.mouseWheel=e?`zoom`:`none`,this.videoView.ui.components=e?[...this.videoView.ui.components,`zoom`]:this.videoView.ui.components.filter(e=>e!==`zoom`)}render(){return h(`div`,{class:this.classes(g.base,p.widget)},h(`calcite-panel`,{heading:this.layer?.title||`Video Player`},this._renderLoadingScrim(),this._renderBuffering(),this._renderVideoSection(),this._renderActionBar(),this._renderMetadataSection()))}_renderLoadingScrim(){let{state:e}=this.viewModel;return this.videoView.ready?null:h(`calcite-scrim`,{loading:e!==`error`},e===`error`?this.messages.errorLoadingLayer:null)}_renderBuffering(){let{currentTime:e,buffered:t,duration:n}=this.viewModel,r=t/(n||1),i=e/(n||1);return this.viewModel.ended||r>i?null:h(`calcite-progress`,{type:`indeterminate`})}_renderVideoSection(){let{buffered:e,currentTime:t,duration:n,layer:r}=this.viewModel,i=this.videoView.container,a=!!r?.isLive;if(!i)return null;i.className=g.videoView;let o=e/(n||1),s=t/(n||1);return this._slider.values=[s*100],h(`section`,{afterCreate:D,bind:i},a?null:h(`div`,{class:g.sliderProgressContainer},h(`progress`,{class:g.progress,max:`1`,value:`${o}`}),h(`div`,{class:g.slider},this._slider.render())))}_renderActionBar(){let e=!!this.viewModel.layer?.isLive,t=e?g.playerToolbarTopPadding:void 0;return h(`div`,{class:this.classes(g.playerToolbar,t)},h(`div`,{class:g.playerActionsGroup},h(x,{messages:this.messages,viewModel:this.viewModel}),e?h(`calcite-icon`,{class:g.playerLiveIcon,icon:`beacon`}):null,h(`div`,{class:g.playerTimecode},E(this.viewModel.currentTime),` / `,E(this.viewModel.duration))),h(C,{messages:this.messages,settings:this._settings,toggleMetadata:()=>this._metadataVisible=!this._metadataVisible,topLayerDisabled:this.topLayerDisabled,viewModel:this.viewModel}))}_renderMetadataSection(){return this._metadataVisible?h(y,{messages:this.messages,viewModel:this.viewModel}):null}};e([o()],T.prototype,`_settings`,void 0),e([o()],T.prototype,`icon`,null),e([o()],T.prototype,`layer`,null),e([o(),m(`esri/widgets/VideoPlayer/t9n/VideoPlayer`)],T.prototype,`messages`,void 0),e([o()],T.prototype,`rotationEnabled`,null),e([o()],T.prototype,`videoView`,void 0),e([o({type:_})],T.prototype,`viewModel`,void 0),e([o()],T.prototype,`view`,null),e([o()],T.prototype,`zoomEnabled`,null),T=e([s(`esri.widgets.VideoPlayer`)],T);function E(e){return isFinite(e)?c(Math.round(e)*1e3,{minute:`2-digit`,second:`2-digit`}):``}function D(e){let t=this;e.prepend(t)}const O=T;export{O as default};