@arcgis/core 4.33.10 → 4.33.12

package/widgets/VideoPlayer/components/PlayerActionsGroup.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
 */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import"../../support/widgetUtils.js";import{tsx as t}from"../../support/jsxFactory.js";import{css as i}from"../css.js";const n=()=>e({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar")});function c({viewModel:e,messages:n}){const{state:c,playing:a}=e,o="not-ready"===c||"waiting"===c,s=a?n.pause:n.play,l=t("calcite-action",{active:a,alignment:"center",bind:e,disabled:o,icon:a?"pause-f":"play-f",key:"play",onclick:a?e.pause:e.play,scale:"s",text:s,title:s}),r=n.reverse,d=t("calcite-action",{alignment:"center",bind:e,disabled:o,icon:"reverse-f",key:"reverse",onclick:e.seekBackward,scale:"s",text:r,title:r}),p=n.forward,m=t("calcite-action",{alignment:"center",bind:e,disabled:o,icon:"forward-f",key:"forward",onclick:e.seekForward,scale:"s",text:p,title:p}),g=n.beginning,b=t("calcite-action",{alignment:"center",bind:e,disabled:o,icon:"beginning-f",key:"beginning",onclick:e.seekToBeginning,scale:"s",text:g,title:g}),k=n.end,y=t("calcite-action",{alignment:"center",bind:e,disabled:o,icon:"end-f",key:"end",onclick:e.seekToEnding,scale:"s",text:k,title:k});return t("calcite-action-bar",{class:i.playerActions,expandDisabled:!0,layout:"horizontal",scale:"s"},[b,d,l,m,y])}export{c as PlayerActionsGroup,n as loadPlayerActionsGroupComponents};
+import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import"../../support/widgetUtils.js";import{tsx as i}from"../../support/jsxFactory.js";import{css as t}from"../css.js";const n=()=>e({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar")});function c({viewModel:e,messages:n}){const{state:c,playing:a,layer:o}=e,s=!!o?.isLive,l="not-ready"===c||"waiting"===c,r=a?n.pause:n.play,d=i("calcite-action",{active:a,alignment:"center",bind:e,disabled:l,icon:a?"pause-f":"play-f",key:"play",onclick:a?e.pause:e.play,scale:"s",text:r,title:r}),p=n.reverse,m=s?null:i("calcite-action",{alignment:"center",bind:e,disabled:l,icon:"reverse-f",key:"reverse",onclick:e.seekBackward,scale:"s",text:p,title:p}),g=n.forward,b=s?null:i("calcite-action",{alignment:"center",bind:e,disabled:l,icon:"forward-f",key:"forward",onclick:e.seekForward,scale:"s",text:g,title:g}),k=n.beginning,y=s?null:i("calcite-action",{alignment:"center",bind:e,disabled:l,icon:"beginning-f",key:"beginning",onclick:e.seekToBeginning,scale:"s",text:k,title:k}),f=n.end,u=s?null:i("calcite-action",{alignment:"center",bind:e,disabled:l,icon:"end-f",key:"end",onclick:e.seekToEnding,scale:"s",text:f,title:f});return i("calcite-action-bar",{class:t.playerActions,expandDisabled:!0,layout:"horizontal",scale:"s"},[y,m,d,b,u])}export{c as PlayerActionsGroup,n as loadPlayerActionsGroupComponents};

package/widgets/VideoPlayer/css.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
 */
-const e="esri-video-player",o={base:e,color:`${e}__color-block`,colorActive:`${e}__color-block__active`,colorPicker:`${e}__color-picker`,playerActions:`${e}__actions`,playerControls:`${e}__controls`,playerTimecode:`${e}__timecode`,playerToolbar:`${e}__toolbar`,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{o as css};
+const o="esri-video-player",e={base:o,color:`${o}__color-block`,colorActive:`${o}__color-block__active`,colorPicker:`${o}__color-picker`,playerActionsGroup:`${o}__actions-group`,playerActions:`${o}__actions`,playerControls:`${o}__controls`,playerTimecode:`${o}__timecode`,playerToolbar:`${o}__toolbar`,playerToolbarTopPadding:`${o}__toolbar--top-padding`,playerLiveIcon:`${o}__live-icon`,progress:`${o}__progress`,rangeSlider:`${o}__range-slider`,settings:`${o}__settings`,settingsFlow:`${o}__settings-flow`,slider:`${o}__slider`,sliderProgressContainer:`${o}__slider-progress-container`,videoView:`${o}__video-view`};export{e as css};

package/widgets/VideoPlayer.js

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