@arcgis/core 5.0.0-next.14 → 5.0.0-next.15

package/widgets/UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as t}from"tslib";import"../../intl.js";import i from"../../core/Accessor.js";import e from"../../core/Collection.js";import r from"../../core/Error.js";import s from"../../core/Logger.js";import{watch as o,on as a,initial as n}from"../../core/reactiveUtils.js";import{property as l}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";import{UpdatingHandles as c}from"../../core/support/UpdatingHandles.js";import{isFeatureLayer as h,getOwningPortalUrl as p}from"../../layers/support/layerUtils.js";import y from"../../portal/Portal.js";import{hasUserTypeExtension as u}from"../../portal/support/utils.js";import{onLocaleChange as w}from"../../intl/locale.js";import{fetchMessageBundle as g}from"../../intl/messages.js";const v={noDirtyAreasInExtent:-2147208940,cannotAcquireVersionLock_v10:-2147217146,cannotAcquireVersionLock_v11:-2147220947};let m=class extends i{constructor(t){super(t),this._activeOperationDidSucceed=!1,this._initialValidationsFinished=!1,this._dirtyAreasLayer=null,this._serverVersion=null,this._updatingHandles=new c,this._validConstructProperties=!1,this.executionError="",this.extentToValidate="current",this.loadErrors=new e}initialize(){const t=async()=>{this.messages||(this.messages=await g("esri/widgets/UtilityNetworkValidateTopology/t9n/UtilityNetworkValidateTopology"))};t().then(()=>{this.view||(this.view=null),this.utilityNetwork||(this.utilityNetwork=null),this.addHandles([o(()=>[this.view,this.utilityNetwork],async()=>{const{loadErrors:t,messages:{info:{noUtilityNetwork:i,noView:e}}}=this;this._initialValidationsFinished=!1,t.removeAll(),this._validConstructProperties=!0,this._dirtyAreasLayer=null,this._serverVersion=null,"utility"!==this.utilityNetwork?.type&&(this.loadErrors.push(i),s.getLogger(this).error(new r("utilityNetworkValidateTopology:missing-property",i)),this._validConstructProperties=!1),"2d"!==this.view?.type&&(this.loadErrors.push(e),s.getLogger(this).error(new r("utilityNetworkValidateTopology:missing-property",e)),this._validConstructProperties=!1),this._validConstructProperties&&(this.utilityNetwork.loaded||await this.utilityNetwork.load().catch(t=>{s.getLogger(this).error(t),this._validConstructProperties=!1}),await this._setDirtyAreasLayer()),this._validConstructProperties&&await this._validateNetworkExtension()},n),a(()=>this.view?.map?.layers,"change",async()=>{const{loadErrors:t,messages:{info:{noUtilityNetwork:i}}}=this,e=t.find(t=>t===i);this._initialValidationsFinished=!1,e||(t.removeAll(),await this._validateNetworkExtension(),await this._setDirtyAreasLayer()),this._initialValidationsFinished=!0}),w(t)])})}destroy(){this._updatingHandles.destroy()}get state(){return this.loadErrors.length||!this._validConstructProperties?"disabled":this.executionError?"failed":this._updatingHandles.updating?"executing":this._activeOperationDidSucceed?"success":this._initialValidationsFinished?"ready":"loading"}set utilityNetwork(t){this._get("utilityNetwork")!==t&&this._set("utilityNetwork",t)}set view(t){this._get("view")!==t&&this._set("view",t)}async validateTopology(){const{messages:{info:{cannotAcquireVersionLock:t,noDirtyAreasInExtent:i}},utilityNetwork:e,view:s}=this;if(!this.loadErrors.length){this._activeOperationDidSucceed=!1,this._set("executionError","");const o={gdbVersion:e?.gdbVersion,outSpatialReference:s.spatialReference?.clone()||null,validateArea:"current"===this.extentToValidate?s.extent.clone():e.fullExtent.clone()};this._updatingHandles.addPromise(e?.validateTopology(o).then(()=>{this._activeOperationDidSucceed=!0},e=>{let s="Error: "+e;if(e instanceof r&&e.details?.raw)switch(e.details.raw.extendedCode){case v.noDirtyAreasInExtent:s=i;break;case v.cannotAcquireVersionLock_v10:case v.cannotAcquireVersionLock_v11:s=t;break;default:s=e.details.message}this._set("executionError",s)}))}}async _setDirtyAreasLayer(){const{messages:{info:{noDirtyAreasLayer:t}}}=this,i=this.view?.map.allLayers.items.filter(t=>h(t)).find(t=>t.parsedUrl?.path===this.utilityNetwork?.networkSystemLayers.dirtyAreasLayerUrl);i?(this._dirtyAreasLayer=i,await this._dirtyAreasLayer.load(),this._serverVersion=this._dirtyAreasLayer.version??0,this._validConstructProperties=!0):(this.loadErrors.includes(t)||(this.loadErrors.push(t),s.getLogger(this).error(new r("utilityNetworkValidateTopology:missing-layer",t))),this._validConstructProperties=!1)}async _validateNetworkExtension(){const{messages:{info:{noAdvancedEditingUserTypeExtension:t,noUtilityNetworkServiceUserTypeExtension:i}}}=this,e=await p(this.utilityNetwork.layerUrl),o=new y({url:e});await o.load();const a=o.user?.username??"",n=Number(this._serverVersion)<=11.1?"utilityNetwork":"advediting";if(!await u(o,a,n)){const e=Number(this._serverVersion)<=11.1?i:t;this.loadErrors.push(e),s.getLogger(this).error(new r("utilityNetworkValidateTopology:no-user-type-extension",e)),this._validConstructProperties=!1}this._initialValidationsFinished=!0}};t([l()],m.prototype,"_initialValidationsFinished",void 0),t([l()],m.prototype,"_dirtyAreasLayer",void 0),t([l()],m.prototype,"_validConstructProperties",void 0),t([l({readOnly:!0})],m.prototype,"executionError",void 0),t([l()],m.prototype,"extentToValidate",void 0),t([l()],m.prototype,"loadErrors",void 0),t([l()],m.prototype,"messages",void 0),t([l({readOnly:!0})],m.prototype,"state",null),t([l()],m.prototype,"utilityNetwork",null),t([l()],m.prototype,"view",null),m=t([d("esri.widgets.UtilityNetworkValidateTopology.UtilityNetworkValidateTopologyViewModel")],m);const _=m;export{_ as default};
+import{__decorate as t}from"tslib";import{onLocaleChange as i,fetchMessageBundle as e}from"../../intl.js";import r from"../../core/Accessor.js";import s from"../../core/Collection.js";import o from"../../core/Error.js";import a from"../../core/Logger.js";import{watch as n,on as l,initial as d}from"../../core/reactiveUtils.js";import{property as c}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as h}from"../../core/accessorSupport/decorators/subclass.js";import{UpdatingHandles as p}from"../../core/support/UpdatingHandles.js";import{isFeatureLayer as y,getOwningPortalUrl as u}from"../../layers/support/layerUtils.js";import w from"../../portal/Portal.js";import{hasUserTypeExtension as g}from"../../portal/support/utils.js";const v={noDirtyAreasInExtent:-2147208940,cannotAcquireVersionLock_v10:-2147217146,cannotAcquireVersionLock_v11:-2147220947};let _=class extends r{constructor(t){super(t),this._activeOperationDidSucceed=!1,this._initialValidationsFinished=!1,this._dirtyAreasLayer=null,this._serverVersion=null,this._updatingHandles=new p,this._validConstructProperties=!1,this.executionError="",this.extentToValidate="current",this.loadErrors=new s}initialize(){const t=async()=>{this.messages||(this.messages=await e("esri/widgets/UtilityNetworkValidateTopology/t9n/UtilityNetworkValidateTopology"))};t().then(()=>{this.view||(this.view=null),this.utilityNetwork||(this.utilityNetwork=null),this.addHandles([n(()=>[this.view,this.utilityNetwork],async()=>{const{loadErrors:t,messages:{info:{noUtilityNetwork:i,noView:e}}}=this;this._initialValidationsFinished=!1,t.removeAll(),this._validConstructProperties=!0,this._dirtyAreasLayer=null,this._serverVersion=null,"utility"!==this.utilityNetwork?.type&&(this.loadErrors.push(i),a.getLogger(this).error(new o("utilityNetworkValidateTopology:missing-property",i)),this._validConstructProperties=!1),"2d"!==this.view?.type&&(this.loadErrors.push(e),a.getLogger(this).error(new o("utilityNetworkValidateTopology:missing-property",e)),this._validConstructProperties=!1),this._validConstructProperties&&(this.utilityNetwork.loaded||await this.utilityNetwork.load().catch(t=>{a.getLogger(this).error(t),this._validConstructProperties=!1}),await this._setDirtyAreasLayer()),this._validConstructProperties&&await this._validateNetworkExtension()},d),l(()=>this.view?.map?.layers,"change",async()=>{const{loadErrors:t,messages:{info:{noUtilityNetwork:i}}}=this,e=t.find(t=>t===i);this._initialValidationsFinished=!1,e||(t.removeAll(),await this._validateNetworkExtension(),await this._setDirtyAreasLayer()),this._initialValidationsFinished=!0}),i(t)])})}destroy(){this._updatingHandles.destroy()}get state(){return this.loadErrors.length||!this._validConstructProperties?"disabled":this.executionError?"failed":this._updatingHandles.updating?"executing":this._activeOperationDidSucceed?"success":this._initialValidationsFinished?"ready":"loading"}set utilityNetwork(t){this._get("utilityNetwork")!==t&&this._set("utilityNetwork",t)}set view(t){this._get("view")!==t&&this._set("view",t)}async validateTopology(){const{messages:{info:{cannotAcquireVersionLock:t,noDirtyAreasInExtent:i}},utilityNetwork:e,view:r}=this;if(!this.loadErrors.length){this._activeOperationDidSucceed=!1,this._set("executionError","");const s={gdbVersion:e?.gdbVersion,outSpatialReference:r.spatialReference?.clone()||null,validateArea:"current"===this.extentToValidate?r.extent.clone():e.fullExtent.clone()};this._updatingHandles.addPromise(e?.validateTopology(s).then(()=>{this._activeOperationDidSucceed=!0},e=>{let r="Error: "+e;if(e instanceof o&&e.details?.raw)switch(e.details.raw.extendedCode){case v.noDirtyAreasInExtent:r=i;break;case v.cannotAcquireVersionLock_v10:case v.cannotAcquireVersionLock_v11:r=t;break;default:r=e.details.message}this._set("executionError",r)}))}}async _setDirtyAreasLayer(){const{messages:{info:{noDirtyAreasLayer:t}}}=this,i=this.view?.map.allLayers.items.filter(t=>y(t)).find(t=>t.parsedUrl?.path===this.utilityNetwork?.networkSystemLayers.dirtyAreasLayerUrl);i?(this._dirtyAreasLayer=i,await this._dirtyAreasLayer.load(),this._serverVersion=this._dirtyAreasLayer.version??0,this._validConstructProperties=!0):(this.loadErrors.includes(t)||(this.loadErrors.push(t),a.getLogger(this).error(new o("utilityNetworkValidateTopology:missing-layer",t))),this._validConstructProperties=!1)}async _validateNetworkExtension(){const{messages:{info:{noAdvancedEditingUserTypeExtension:t,noUtilityNetworkServiceUserTypeExtension:i}}}=this,e=await u(this.utilityNetwork.layerUrl),r=new w({url:e});await r.load();const s=r.user?.username??"",n=Number(this._serverVersion)<=11.1?"utilityNetwork":"advediting";if(!await g(r,s,n)){const e=Number(this._serverVersion)<=11.1?i:t;this.loadErrors.push(e),a.getLogger(this).error(new o("utilityNetworkValidateTopology:no-user-type-extension",e)),this._validConstructProperties=!1}this._initialValidationsFinished=!0}};t([c()],_.prototype,"_initialValidationsFinished",void 0),t([c()],_.prototype,"_dirtyAreasLayer",void 0),t([c()],_.prototype,"_validConstructProperties",void 0),t([c({readOnly:!0})],_.prototype,"executionError",void 0),t([c()],_.prototype,"extentToValidate",void 0),t([c()],_.prototype,"loadErrors",void 0),t([c()],_.prototype,"messages",void 0),t([c({readOnly:!0})],_.prototype,"state",null),t([c()],_.prototype,"utilityNetwork",null),t([c()],_.prototype,"view",null),_=t([h("esri.widgets.UtilityNetworkValidateTopology.UtilityNetworkValidateTopologyViewModel")],_);const m=_;export{m as default};

package/widgets/UtilityNetworkValidateTopology.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as t}from"tslib";import{property as e}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import i from"./Widget.js";import{loadCalciteComponents as s}from"./support/componentsUtils.js";import"./support/widgetUtils.js";import{messageBundle as n}from"./support/decorators/messageBundle.js";import{tsx as c}from"./support/jsxFactory.js";import"@arcgis/toolkit/dom";import r from"./UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel.js";const a="esri-un-validate-topology",l={container:`${a}__container`,content:`${a}__content`,controlsContainer:`${a}__controls-container`,statusIconError:`${a}__status-icon-error`,statusIconSuccess:`${a}__status-icon-success`,statusIconContainer:`${a}__status-icon-container`};let d=class extends i{constructor(t,e){super(t,e),this.messages=null,this.viewModel=new r}loadDependencies(){return s({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),block:()=>import("@esri/calcite-components/dist/components/calcite-block"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),option:()=>import("@esri/calcite-components/dist/components/calcite-option"),select:()=>import("@esri/calcite-components/dist/components/calcite-select"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}get extentToValidate(){return this.viewModel.extentToValidate}set extentToValidate(t){this.viewModel.extentToValidate=t}get icon(){return"check-circle"}set icon(t){this._overrideIfSome("icon",t)}get label(){return this.messages?.label??""}set label(t){this._overrideIfSome("label",t)}get utilityNetwork(){return this.viewModel.utilityNetwork}set utilityNetwork(t){this.viewModel.utilityNetwork=t}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}render(){const{viewModel:t}=this;return"disabled"===t.state?c("div",{class:l.container},c("calcite-block",{class:l.content,collapsible:!1,expanded:!0,heading:this.label},this._renderLoadErrorStatusIcon(),this._renderLoadErrorsNotices())):c("div",{class:l.container},c("calcite-block",{class:l.content,collapsible:!0,expanded:!1,heading:this.label},this._renderStatusIcon(),this._renderValidateTopologyAction(),this._renderControls()))}_extentOptionSelectChange(t){this.extentToValidate=t.currentTarget.value}_getLoadErrorMessagesAsNotices(t,e){return c("calcite-notice",{closable:!1,key:"error-notice-"+e,kind:"warning",open:!0,scale:"s"},c("div",{slot:"message"},t))}_handleValidateTopologyAction(){this.viewModel.validateTopology().catch(()=>{})}_renderControls(){const{viewModel:t}=this;return"failed"===t.state?c("div",{class:l.controlsContainer},this._renderExtentOptionSelect(),this._renderStatusNotice()):this._renderExtentOptionSelect()}_renderExtentOptionSelect(){const{messages:t,viewModel:e}=this;return c("div",{key:"selectExtentDiv"},c("calcite-select",{bind:this,disabled:"loading"===e.state||"executing"===e.state,label:t.input.extentToValidate,onCalciteSelectChange:this._extentOptionSelectChange},c("calcite-option",{value:"current"},t.input.currentExtent),c("calcite-option",{value:"entire"},t.input.entireExtent)))}_renderLoadErrorsNotices(){const{viewModel:t}=this;return c("div",{class:l.controlsContainer,key:"loadErrorsDiv"},t.loadErrors.items.map(this._getLoadErrorMessagesAsNotices))}_renderLoadErrorStatusIcon(){return c("div",{class:l.statusIconContainer,key:"statusDiv",slot:"control"},c("calcite-icon",{class:l.statusIconError,icon:"exclamation-mark-triangle",scale:"s"}))}_renderStatusIcon(){const{messages:t,viewModel:e}=this,o=`${this.id}-validation-status-action`,i=`${this.id}-error-status-icon`,s=`${this.id}-success-status-icon`,n=t=>{setTimeout(()=>{t.textContent=""},3500)};return"executing"===e.state?c("div",{key:"statusDivExecuting",slot:"control"},c("calcite-action",{id:o,loading:!0,text:t.status.executing}),c("calcite-tooltip",{overlayPositioning:"fixed",referenceElement:o},c("span",null,t.status.executing))):"success"===e.state?c("div",{afterCreate:n,class:l.statusIconContainer,key:"statusDivSuccess",slot:"control"},c("calcite-icon",{class:l.statusIconSuccess,icon:"check-circle",id:s,scale:"s"}),c("calcite-tooltip",{referenceElement:s},c("span",null,t.status.success))):"failed"===e.state?c("div",{class:l.statusIconContainer,key:"statusDivFailed",slot:"control"},c("calcite-icon",{class:l.statusIconError,icon:"exclamation-mark-triangle",id:i,scale:"s"}),c("calcite-tooltip",{referenceElement:i},c("span",null,e.executionError))):c("div",{class:l.statusIconContainer,key:"statusDiv",slot:"control"})}_renderStatusNotice(){const{viewModel:t}=this;return c("div",{key:"executionErrorDiv"},c("calcite-notice",{closable:!0,kind:"warning",open:!0,scale:"s"},c("div",{slot:"message"},t.executionError)))}_renderValidateTopologyAction(){const{messages:t,viewModel:e}=this,o=`${this.id}-validation-action`;return c("div",{key:"actionDiv",slot:"control"},c("calcite-action",{bind:this,disabled:"executing"===e.state,icon:"play-f",id:o,loading:"loading"===e.state,onclick:this._handleValidateTopologyAction,text:t.input.validateTopology}),c("calcite-tooltip",{referenceElement:o},c("span",null,"loading"===e.state?t.status.loading:t.input.validateTopology)))}};t([e()],d.prototype,"extentToValidate",null),t([e()],d.prototype,"icon",null),t([e()],d.prototype,"label",null),t([e(),n("esri/widgets/UtilityNetworkValidateTopology/t9n/UtilityNetworkValidateTopology")],d.prototype,"messages",void 0),t([e()],d.prototype,"utilityNetwork",null),t([e()],d.prototype,"view",null),t([e({type:r})],d.prototype,"viewModel",void 0),d=t([o("esri.widgets.UtilityNetworkValidateTopology")],d);const p=d;export{p as default};
+import{__decorate as t}from"tslib";import{property as e}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import i from"./Widget.js";import{loadCalciteComponents as s}from"./support/componentsUtils.js";import{messageBundle as n,tsx as c}from"./support/widget.js";import r from"./UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel.js";const a="esri-un-validate-topology",l={container:`${a}__container`,content:`${a}__content`,controlsContainer:`${a}__controls-container`,statusIconError:`${a}__status-icon-error`,statusIconSuccess:`${a}__status-icon-success`,statusIconContainer:`${a}__status-icon-container`};let d=class extends i{constructor(t,e){super(t,e),this.messages=null,this.viewModel=new r}loadDependencies(){return s({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),block:()=>import("@esri/calcite-components/dist/components/calcite-block"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),option:()=>import("@esri/calcite-components/dist/components/calcite-option"),select:()=>import("@esri/calcite-components/dist/components/calcite-select"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}get extentToValidate(){return this.viewModel.extentToValidate}set extentToValidate(t){this.viewModel.extentToValidate=t}get icon(){return"check-circle"}set icon(t){this._overrideIfSome("icon",t)}get label(){return this.messages?.label??""}set label(t){this._overrideIfSome("label",t)}get utilityNetwork(){return this.viewModel.utilityNetwork}set utilityNetwork(t){this.viewModel.utilityNetwork=t}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}render(){const{viewModel:t}=this;return"disabled"===t.state?c("div",{class:l.container},c("calcite-block",{class:l.content,collapsible:!1,expanded:!0,heading:this.label},this._renderLoadErrorStatusIcon(),this._renderLoadErrorsNotices())):c("div",{class:l.container},c("calcite-block",{class:l.content,collapsible:!0,expanded:!1,heading:this.label},this._renderStatusIcon(),this._renderValidateTopologyAction(),this._renderControls()))}_extentOptionSelectChange(t){this.extentToValidate=t.currentTarget.value}_getLoadErrorMessagesAsNotices(t,e){return c("calcite-notice",{closable:!1,key:"error-notice-"+e,kind:"warning",open:!0,scale:"s"},c("div",{slot:"message"},t))}_handleValidateTopologyAction(){this.viewModel.validateTopology().catch(()=>{})}_renderControls(){const{viewModel:t}=this;return"failed"===t.state?c("div",{class:l.controlsContainer},this._renderExtentOptionSelect(),this._renderStatusNotice()):this._renderExtentOptionSelect()}_renderExtentOptionSelect(){const{messages:t,viewModel:e}=this;return c("div",{key:"selectExtentDiv"},c("calcite-select",{bind:this,disabled:"loading"===e.state||"executing"===e.state,label:t.input.extentToValidate,onCalciteSelectChange:this._extentOptionSelectChange},c("calcite-option",{value:"current"},t.input.currentExtent),c("calcite-option",{value:"entire"},t.input.entireExtent)))}_renderLoadErrorsNotices(){const{viewModel:t}=this;return c("div",{class:l.controlsContainer,key:"loadErrorsDiv"},t.loadErrors.items.map(this._getLoadErrorMessagesAsNotices))}_renderLoadErrorStatusIcon(){return c("div",{class:l.statusIconContainer,key:"statusDiv",slot:"control"},c("calcite-icon",{class:l.statusIconError,icon:"exclamation-mark-triangle",scale:"s"}))}_renderStatusIcon(){const{messages:t,viewModel:e}=this,o=`${this.id}-validation-status-action`,i=`${this.id}-error-status-icon`,s=`${this.id}-success-status-icon`,n=t=>{setTimeout(()=>{t.textContent=""},3500)};return"executing"===e.state?c("div",{key:"statusDivExecuting",slot:"control"},c("calcite-action",{id:o,loading:!0,text:t.status.executing}),c("calcite-tooltip",{overlayPositioning:"fixed",referenceElement:o},c("span",null,t.status.executing))):"success"===e.state?c("div",{afterCreate:n,class:l.statusIconContainer,key:"statusDivSuccess",slot:"control"},c("calcite-icon",{class:l.statusIconSuccess,icon:"check-circle",id:s,scale:"s"}),c("calcite-tooltip",{referenceElement:s},c("span",null,t.status.success))):"failed"===e.state?c("div",{class:l.statusIconContainer,key:"statusDivFailed",slot:"control"},c("calcite-icon",{class:l.statusIconError,icon:"exclamation-mark-triangle",id:i,scale:"s"}),c("calcite-tooltip",{referenceElement:i},c("span",null,e.executionError))):c("div",{class:l.statusIconContainer,key:"statusDiv",slot:"control"})}_renderStatusNotice(){const{viewModel:t}=this;return c("div",{key:"executionErrorDiv"},c("calcite-notice",{closable:!0,kind:"warning",open:!0,scale:"s"},c("div",{slot:"message"},t.executionError)))}_renderValidateTopologyAction(){const{messages:t,viewModel:e}=this,o=`${this.id}-validation-action`;return c("div",{key:"actionDiv",slot:"control"},c("calcite-action",{bind:this,disabled:"executing"===e.state,icon:"play-f",id:o,loading:"loading"===e.state,onclick:this._handleValidateTopologyAction,text:t.input.validateTopology}),c("calcite-tooltip",{referenceElement:o},c("span",null,"loading"===e.state?t.status.loading:t.input.validateTopology)))}};t([e()],d.prototype,"extentToValidate",null),t([e()],d.prototype,"icon",null),t([e()],d.prototype,"label",null),t([e(),n("esri/widgets/UtilityNetworkValidateTopology/t9n/UtilityNetworkValidateTopology")],d.prototype,"messages",void 0),t([e()],d.prototype,"utilityNetwork",null),t([e()],d.prototype,"view",null),t([e({type:r})],d.prototype,"viewModel",void 0),d=t([o("esri.widgets.UtilityNetworkValidateTopology")],d);const p=d;export{p as default};

package/widgets/ValuePicker/ValuePickerCollection.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as t}from"tslib";import e from"../../core/Collection.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import"../support/widgetUtils.js";import{tsx as l}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";import s from"./ValuePickerBaseComponent.js";let r=class extends s{constructor(t,e){super(t,e),this.collection=null,this.type="collection"}get canNext(){return!(!this.collection?.length||!this.viewModel)&&this.collection.at(-1)!==this.viewModel.values?.[0]}get canPlay(){return null!=this.viewModel&&!!this.collection?.length}get canPrevious(){return!(!this.collection?.length||!this.viewModel)&&this.collection.at(0)!==this.viewModel.values?.[0]}render(){return l("div",null)}animate(t){this._step(1,t)}next(){this._step(1)}previous(){this._step(-1)}_step(t,e=!1){if(!this.viewModel||!this.collection?.length)return;if(!this.viewModel.values)return void(this.viewModel.values=[this.collection.at(0)]);if(!this.collection.includes(this.viewModel.values[0]))return void(this.viewModel.values=[this.collection.at(0)]);const o=this.collection.indexOf(this.viewModel.values[0])+t;o<0||o>=this.collection.length?this.viewModel.loop||e?this.viewModel.values=[this.collection.at(1===t?0:-1)]:"playing"===this.viewModel.state&&this.viewModel.pause():this.viewModel.values=[this.collection.at(o)]}};t([o()],r.prototype,"canNext",null),t([o()],r.prototype,"canPlay",null),t([o()],r.prototype,"canPrevious",null),t([o({type:e})],r.prototype,"collection",void 0),t([o()],r.prototype,"type",void 0),r=t([i("esri.widgets.ValuePicker.ValuePickerCollection")],r);const c=r;export{c as default};
+import{__decorate as e}from"tslib";import t from"../../core/Collection.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import{tsx as l}from"../support/widget.js";import s from"./ValuePickerBaseComponent.js";let r=class extends s{constructor(e,t){super(e,t),this.collection=null,this.type="collection"}get canNext(){return!(!this.collection?.length||!this.viewModel)&&this.collection.at(-1)!==this.viewModel.values?.[0]}get canPlay(){return null!=this.viewModel&&!!this.collection?.length}get canPrevious(){return!(!this.collection?.length||!this.viewModel)&&this.collection.at(0)!==this.viewModel.values?.[0]}render(){return l("div",null)}animate(e){this._step(1,e)}next(){this._step(1)}previous(){this._step(-1)}_step(e,t=!1){if(!this.viewModel||!this.collection?.length)return;if(!this.viewModel.values)return void(this.viewModel.values=[this.collection.at(0)]);if(!this.collection.includes(this.viewModel.values[0]))return void(this.viewModel.values=[this.collection.at(0)]);const o=this.collection.indexOf(this.viewModel.values[0])+e;o<0||o>=this.collection.length?this.viewModel.loop||t?this.viewModel.values=[this.collection.at(1===e?0:-1)]:"playing"===this.viewModel.state&&this.viewModel.pause():this.viewModel.values=[this.collection.at(o)]}};e([o()],r.prototype,"canNext",null),e([o()],r.prototype,"canPlay",null),e([o()],r.prototype,"canPrevious",null),e([o({type:t})],r.prototype,"collection",void 0),e([o()],r.prototype,"type",void 0),r=e([i("esri.widgets.ValuePicker.ValuePickerCollection")],r);const c=r;export{c as default};

package/widgets/ValuePicker/ValuePickerCombobox.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{property as t}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import{loadCalciteComponents as s}from"../support/componentsUtils.js";import"../support/widgetUtils.js";import{tsx as l}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";import r from"./ValuePickerBaseComponent.js";const i="esri-value-picker__combobox";let a=class extends r{constructor(e,t){super(e,t),this.items=null,this.placeholder=null,this.type="combobox"}loadDependencies(){return s({combobox:()=>import("@esri/calcite-components/dist/components/calcite-combobox"),"combobox-item":()=>import("@esri/calcite-components/dist/components/calcite-combobox-item")})}get canNext(){return!(!this.items||!this.viewModel)&&this.items.findIndex(({value:e})=>e===this.viewModel.values?.[0])!==this.items.length-1}get canPlay(){return null!=this.viewModel&&!!this.items?.length}get canPrevious(){const{items:e,viewModel:t}=this;return!(!e||!t)&&0!==e.findIndex(({value:e})=>e===t.values?.[0])}get label(){return super.label}set label(e){super.label=e}render(){const{viewModel:e}=this;if(null==e)return l("div",null);const t=e.values?.[0];return l("div",{class:i},l("calcite-combobox",{disabled:e.disabled,label:this.label,maxItems:10,overlayPositioning:"fixed",placeholder:this.placeholder??void 0,selectionMode:"single",onCalciteComboboxChange:t=>{Array.isArray(t.currentTarget.value)||(null!=e.values?e.values[0]!==t.currentTarget.value&&(e.values=[t.currentTarget.value]):e.values=[t.currentTarget.value])}},this.items?.map(({value:e,label:o},s)=>l("calcite-combobox-item",{key:s,selected:e===t,textLabel:o,value:e}))))}animate(e){this._step(1,e)}next(){this._step(1)}previous(){this._step(-1)}_step(e,t=!1){const{viewModel:o,items:s}=this;if(!s?.length||!o)return;if(!o.values)return void(o.values=[s[0].value]);const l=s.findIndex(({value:e})=>e===o.values[0]);if(-1===l)return void(o.values=[s[0].value]);const r=l+e;r<0||r>=s.length?o.loop||t?o.values=[s[1===e?0:s.length-1].value]:"playing"===o.state&&o.pause():o.values=[s[r].value]}};e([t()],a.prototype,"canNext",null),e([t()],a.prototype,"canPlay",null),e([t()],a.prototype,"canPrevious",null),e([t()],a.prototype,"items",void 0),e([t()],a.prototype,"placeholder",void 0),e([t()],a.prototype,"type",void 0),a=e([o("esri.widgets.ValuePicker.ValuePickerCombobox")],a);const n=a;export{n as default};
+import{__decorate as e}from"tslib";import{property as t}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import{loadCalciteComponents as s}from"../support/componentsUtils.js";import{tsx as l}from"../support/widget.js";import r from"./ValuePickerBaseComponent.js";const i="esri-value-picker__combobox";let a=class extends r{constructor(e,t){super(e,t),this.items=null,this.placeholder=null,this.type="combobox"}loadDependencies(){return s({combobox:()=>import("@esri/calcite-components/dist/components/calcite-combobox"),"combobox-item":()=>import("@esri/calcite-components/dist/components/calcite-combobox-item")})}get canNext(){return!(!this.items||!this.viewModel)&&this.items.findIndex(({value:e})=>e===this.viewModel.values?.[0])!==this.items.length-1}get canPlay(){return null!=this.viewModel&&!!this.items?.length}get canPrevious(){const{items:e,viewModel:t}=this;return!(!e||!t)&&0!==e.findIndex(({value:e})=>e===t.values?.[0])}get label(){return super.label}set label(e){super.label=e}render(){const{viewModel:e}=this;if(null==e)return l("div",null);const t=e.values?.[0];return l("div",{class:i},l("calcite-combobox",{disabled:e.disabled,label:this.label,maxItems:10,overlayPositioning:"fixed",placeholder:this.placeholder??void 0,selectionMode:"single",onCalciteComboboxChange:t=>{Array.isArray(t.currentTarget.value)||(null!=e.values?e.values[0]!==t.currentTarget.value&&(e.values=[t.currentTarget.value]):e.values=[t.currentTarget.value])}},this.items?.map(({value:e,label:o},s)=>l("calcite-combobox-item",{key:s,selected:e===t,textLabel:o,value:e}))))}animate(e){this._step(1,e)}next(){this._step(1)}previous(){this._step(-1)}_step(e,t=!1){const{viewModel:o,items:s}=this;if(!s?.length||!o)return;if(!o.values)return void(o.values=[s[0].value]);const l=s.findIndex(({value:e})=>e===o.values[0]);if(-1===l)return void(o.values=[s[0].value]);const r=l+e;r<0||r>=s.length?o.loop||t?o.values=[s[1===e?0:s.length-1].value]:"playing"===o.state&&o.pause():o.values=[s[r].value]}};e([t()],a.prototype,"canNext",null),e([t()],a.prototype,"canPlay",null),e([t()],a.prototype,"canPrevious",null),e([t()],a.prototype,"items",void 0),e([t()],a.prototype,"placeholder",void 0),e([t()],a.prototype,"type",void 0),a=e([o("esri.widgets.ValuePicker.ValuePickerCombobox")],a);const n=a;export{n as default};

package/widgets/ValuePicker/ValuePickerLabel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{property as t}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as s}from"../../core/accessorSupport/decorators/subclass.js";import"../support/widgetUtils.js";import{tsx as o}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";import r from"./ValuePickerBaseComponent.js";const i="esri-value-picker__label",l={border:`${i}-border`,text:`${i}-text`};let a=class extends r{constructor(e,t){super(e,t),this.items=null,this.type="label"}get canNext(){return!(!this.items||!this.viewModel)&&this.items.findIndex(({value:e})=>e===this.viewModel.values?.[0])!==this.items.length-1}get canPlay(){return null!=this.viewModel&&!!this.items?.length}get canPrevious(){const{items:e,viewModel:t}=this;return!(!e||!t)&&0!==e.findIndex(({value:e})=>e===t.values?.[0])}render(){const{viewModel:e}=this;if(null==e)return o("div",null);const t=this.items?.find(({value:t})=>t===e.values?.[0]);return o("div",{class:i},o("div",{class:l.border},o("div",{class:l.text},t?.label)))}animate(e){this._step(1,e)}next(){this._step(1)}previous(){this._step(-1)}_step(e,t=!1){const{viewModel:s,items:o}=this;if(!o?.length||!s)return;if(!s.values)return void(s.values=[o[0].value]);const r=o.findIndex(({value:e})=>e===s.values[0]);if(-1===r)return void(s.values=[o[0].value]);const i=r+e;i<0||i>=o.length?s.loop||t?s.values=[o[1===e?0:o.length-1].value]:"playing"===s.state&&s.pause():s.values=[o[i].value]}};e([t()],a.prototype,"canNext",null),e([t()],a.prototype,"canPlay",null),e([t()],a.prototype,"canPrevious",null),e([t()],a.prototype,"items",void 0),e([t()],a.prototype,"type",void 0),a=e([s("esri.widgets.ValuePicker.ValuePickerLabel")],a);const n=a;export{n as default};
+import{__decorate as e}from"tslib";import{property as t}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as s}from"../../core/accessorSupport/decorators/subclass.js";import{tsx as r}from"../support/widget.js";import o from"./ValuePickerBaseComponent.js";const i="esri-value-picker__label",l={border:`${i}-border`,text:`${i}-text`};let a=class extends o{constructor(e,t){super(e,t),this.items=null,this.type="label"}get canNext(){return!(!this.items||!this.viewModel)&&this.items.findIndex(({value:e})=>e===this.viewModel.values?.[0])!==this.items.length-1}get canPlay(){return null!=this.viewModel&&!!this.items?.length}get canPrevious(){const{items:e,viewModel:t}=this;return!(!e||!t)&&0!==e.findIndex(({value:e})=>e===t.values?.[0])}render(){const{viewModel:e}=this;if(null==e)return r("div",null);const t=this.items?.find(({value:t})=>t===e.values?.[0]);return r("div",{class:i},r("div",{class:l.border},r("div",{class:l.text},t?.label)))}animate(e){this._step(1,e)}next(){this._step(1)}previous(){this._step(-1)}_step(e,t=!1){const{viewModel:s,items:r}=this;if(!r?.length||!s)return;if(!s.values)return void(s.values=[r[0].value]);const o=r.findIndex(({value:e})=>e===s.values[0]);if(-1===o)return void(s.values=[r[0].value]);const i=o+e;i<0||i>=r.length?s.loop||t?s.values=[r[1===e?0:r.length-1].value]:"playing"===s.state&&s.pause():s.values=[r[i].value]}};e([t()],a.prototype,"canNext",null),e([t()],a.prototype,"canPlay",null),e([t()],a.prototype,"canPrevious",null),e([t()],a.prototype,"items",void 0),e([t()],a.prototype,"type",void 0),a=e([s("esri.widgets.ValuePicker.ValuePickerLabel")],a);const n=a;export{n as default};

package/widgets/ValuePicker/ValuePickerSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{debounce as t}from"../../core/promiseUtils.js";import{watch as i,initial as s}from"../../core/reactiveUtils.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import r from"../Slider.js";import{loadCalciteComponents as n}from"../support/componentsUtils.js";import"../support/widgetUtils.js";import{tsx as a}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";import u from"./ValuePickerBaseComponent.js";import p from"./ValuePickerSliderVisibleElements.js";const c="esri-value-picker__slider",d={minorTick:`${c}__tick-minor`,majorTick:`${c}__tick-major`,stepsTick:`${c}__tick-steps`,tooltip:`${c}__tooltip`};function h(e){return(t,i)=>{i?.classList.add(e)}}let m=class extends u{constructor(e,i){super(e,i),this._majorTickCreatedFunction=h(d.majorTick),this._minorTickCreatedFunction=h(d.minorTick),this._stepsTickCreatedFunction=h(d.stepsTick),this._thumbNode=null,this._tooltip=null,this._slider=new r({thumbCreatedFunction:(e,t,i)=>{this._thumbNode=i}}),this.labelFormatFunction=null,this.labels=null,this.min=null,this.minorTicks=null,this.majorTicks=null,this.max=null,this.reversed=!1,this.steps=null,this.type="slider",this.visibleElements=new p,this._thumbDragDebounced=t(async e=>{await(this._tooltip?.reposition(!1))})}initialize(){this.addHandles([i(()=>this.viewModel?.values,e=>{this._slider.values=e},s),i(()=>this._slider.values,e=>{this.viewModel&&this.viewModel.values!==e&&(this.viewModel.values=e)}),this._slider.on("thumb-drag",this._thumbDragDebounced)])}destroy(){this._slider.destroy()}loadDependencies(){return n({tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}get _ascending(){const{reversed:e,viewModel:t}=this;if(!t)return null;const{layout:i}=t;return"horizontal"===i&&!e||"vertical"===i&&e}get canNext(){const{_ascending:e,min:t,max:i,steps:s,viewModel:o}=this;if(null==e||null==t||null==i||!s?.length||!o)return!1;const{values:l}=o,r=l?.[0];return null==r||(e?r!==s[s.length-1]:r!==s[0])}get canPlay(){return null!=this.viewModel&&!!this.steps?.length&&null!=this.min&&null!=this.max}get canPrevious(){const{_ascending:e,min:t,max:i,steps:s,viewModel:o}=this;if(null==e||null==t||null==i||!s?.length||!o)return!1;const{values:l}=o,r=l?.[0];return null==r||(e?r!==s[0]:r!==s[s.length-1])}render(){const{labels:e,labelFormatFunction:t,min:i,max:s,steps:o,minorTicks:l,majorTicks:r,reversed:n,viewModel:u}=this;if(!u)return a("div",null);const{disabled:p,layout:d}=u,h=`${d}${n?"-reversed":""}`,m="position",v=[];return null!=i&&null!=s&&(l&&v.push({mode:m,values:l,tickCreatedFunction:this._minorTickCreatedFunction}),r&&v.push({mode:m,values:r,tickCreatedFunction:this._majorTickCreatedFunction}),e&&v.push({mode:m,values:e,labelsVisible:!0}),this.visibleElements.steps&&this.steps&&v.push({mode:m,values:this.steps,tickCreatedFunction:this._stepsTickCreatedFunction})),this._slider.set({disabled:p,labelFormatFunction:t,layout:h,min:i,max:s,steps:o,tickConfigs:v}),a("div",{class:c},this._slider.render(),this._renderToolTip())}animate(e){this._step(1,e)}next(){this._step(this._ascending?1:-1)}previous(){this._step(this._ascending?-1:1)}_onTooltipAfterCreate(e){this._tooltip=e}_renderToolTip(){if(!this.visibleElements.thumbTooltip||!this._thumbNode||!this._slider.values)return null;const e=this._slider.viewModel.getLabelForValue(this._slider.values[0],"value");return e?a("calcite-tooltip",{afterCreate:this._onTooltipAfterCreate,class:d.tooltip,referenceElement:this._thumbNode},e):null}_step(e,t=!1){if(!this.viewModel||!this.steps?.length)return;if(!this.viewModel.values||!this.steps.includes(this.viewModel.values[0]))return void(this.viewModel.values=[this.steps[0]]);const i=this.steps.indexOf(this.viewModel.values[0])+e;i<0||i>=this.steps.length?this.viewModel.loop||t?this.viewModel.values=[this.steps[1===e?0:this.steps.length-1]]:"playing"===this.viewModel.state&&this.viewModel.pause():this.viewModel.values=[this.steps[i]]}};e([o()],m.prototype,"_ascending",null),e([o()],m.prototype,"canNext",null),e([o()],m.prototype,"canPlay",null),e([o()],m.prototype,"canPrevious",null),e([o()],m.prototype,"labelFormatFunction",void 0),e([o()],m.prototype,"labels",void 0),e([o()],m.prototype,"min",void 0),e([o()],m.prototype,"minorTicks",void 0),e([o()],m.prototype,"majorTicks",void 0),e([o()],m.prototype,"max",void 0),e([o({nonNullable:!0})],m.prototype,"reversed",void 0),e([o()],m.prototype,"steps",void 0),e([o()],m.prototype,"type",void 0),e([o({type:p,nonNullable:!0})],m.prototype,"visibleElements",void 0),m=e([l("esri.widgets.ValuePicker.ValuePickerSlider")],m);const v=m;export{v as default};
+import{__decorate as e}from"tslib";import{debounce as t}from"../../core/promiseUtils.js";import{watch as i,initial as s}from"../../core/reactiveUtils.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import r from"../Slider.js";import{loadCalciteComponents as n}from"../support/componentsUtils.js";import{tsx as a}from"../support/widget.js";import u from"./ValuePickerBaseComponent.js";import p from"./ValuePickerSliderVisibleElements.js";const d="esri-value-picker__slider",c={minorTick:`${d}__tick-minor`,majorTick:`${d}__tick-major`,stepsTick:`${d}__tick-steps`,tooltip:`${d}__tooltip`};function h(e){return(t,i)=>{i?.classList.add(e)}}let m=class extends u{constructor(e,i){super(e,i),this._majorTickCreatedFunction=h(c.majorTick),this._minorTickCreatedFunction=h(c.minorTick),this._stepsTickCreatedFunction=h(c.stepsTick),this._thumbNode=null,this._tooltip=null,this._slider=new r({thumbCreatedFunction:(e,t,i)=>{this._thumbNode=i}}),this.labelFormatFunction=null,this.labels=null,this.min=null,this.minorTicks=null,this.majorTicks=null,this.max=null,this.reversed=!1,this.steps=null,this.type="slider",this.visibleElements=new p,this._thumbDragDebounced=t(async e=>{await(this._tooltip?.reposition(!1))})}initialize(){this.addHandles([i(()=>this.viewModel?.values,e=>{this._slider.values=e},s),i(()=>this._slider.values,e=>{this.viewModel&&this.viewModel.values!==e&&(this.viewModel.values=e)}),this._slider.on("thumb-drag",this._thumbDragDebounced)])}destroy(){this._slider.destroy()}loadDependencies(){return n({tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}get _ascending(){const{reversed:e,viewModel:t}=this;if(!t)return null;const{layout:i}=t;return"horizontal"===i&&!e||"vertical"===i&&e}get canNext(){const{_ascending:e,min:t,max:i,steps:s,viewModel:o}=this;if(null==e||null==t||null==i||!s?.length||!o)return!1;const{values:l}=o,r=l?.[0];return null==r||(e?r!==s[s.length-1]:r!==s[0])}get canPlay(){return null!=this.viewModel&&!!this.steps?.length&&null!=this.min&&null!=this.max}get canPrevious(){const{_ascending:e,min:t,max:i,steps:s,viewModel:o}=this;if(null==e||null==t||null==i||!s?.length||!o)return!1;const{values:l}=o,r=l?.[0];return null==r||(e?r!==s[0]:r!==s[s.length-1])}render(){const{labels:e,labelFormatFunction:t,min:i,max:s,steps:o,minorTicks:l,majorTicks:r,reversed:n,viewModel:u}=this;if(!u)return a("div",null);const{disabled:p,layout:c}=u,h=`${c}${n?"-reversed":""}`,m="position",v=[];return null!=i&&null!=s&&(l&&v.push({mode:m,values:l,tickCreatedFunction:this._minorTickCreatedFunction}),r&&v.push({mode:m,values:r,tickCreatedFunction:this._majorTickCreatedFunction}),e&&v.push({mode:m,values:e,labelsVisible:!0}),this.visibleElements.steps&&this.steps&&v.push({mode:m,values:this.steps,tickCreatedFunction:this._stepsTickCreatedFunction})),this._slider.set({disabled:p,labelFormatFunction:t,layout:h,min:i,max:s,steps:o,tickConfigs:v}),a("div",{class:d},this._slider.render(),this._renderToolTip())}animate(e){this._step(1,e)}next(){this._step(this._ascending?1:-1)}previous(){this._step(this._ascending?-1:1)}_onTooltipAfterCreate(e){this._tooltip=e}_renderToolTip(){if(!this.visibleElements.thumbTooltip||!this._thumbNode||!this._slider.values)return null;const e=this._slider.viewModel.getLabelForValue(this._slider.values[0],"value");return e?a("calcite-tooltip",{afterCreate:this._onTooltipAfterCreate,class:c.tooltip,referenceElement:this._thumbNode},e):null}_step(e,t=!1){if(!this.viewModel||!this.steps?.length)return;if(!this.viewModel.values||!this.steps.includes(this.viewModel.values[0]))return void(this.viewModel.values=[this.steps[0]]);const i=this.steps.indexOf(this.viewModel.values[0])+e;i<0||i>=this.steps.length?this.viewModel.loop||t?this.viewModel.values=[this.steps[1===e?0:this.steps.length-1]]:"playing"===this.viewModel.state&&this.viewModel.pause():this.viewModel.values=[this.steps[i]]}};e([o()],m.prototype,"_ascending",null),e([o()],m.prototype,"canNext",null),e([o()],m.prototype,"canPlay",null),e([o()],m.prototype,"canPrevious",null),e([o()],m.prototype,"labelFormatFunction",void 0),e([o()],m.prototype,"labels",void 0),e([o()],m.prototype,"min",void 0),e([o()],m.prototype,"minorTicks",void 0),e([o()],m.prototype,"majorTicks",void 0),e([o()],m.prototype,"max",void 0),e([o({nonNullable:!0})],m.prototype,"reversed",void 0),e([o()],m.prototype,"steps",void 0),e([o()],m.prototype,"type",void 0),e([o({type:p,nonNullable:!0})],m.prototype,"visibleElements",void 0),m=e([l("esri.widgets.ValuePicker.ValuePickerSlider")],m);const v=m;export{v as default};

package/widgets/ValuePicker.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{destroyMaybe as t}from"../core/maybe.js";import{on as o}from"../core/reactiveUtils.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as s}from"../core/accessorSupport/decorators/subclass.js";import l from"./Widget.js";import{loadCalciteComponents as r}from"./support/componentsUtils.js";import{globalCss as a}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as n}from"./support/decorators/messageBundle.js";import{vmEvent as p}from"./support/decorators/vmEvent.js";import{tsx as c}from"./support/jsxFactory.js";import"@arcgis/toolkit/dom";import m from"./ValuePicker/ValuePickerCollection.js";import u from"./ValuePicker/ValuePickerCombobox.js";import d from"./ValuePicker/ValuePickerLabel.js";import h from"./ValuePicker/ValuePickerSlider.js";import v from"./ValuePicker/ValuePickerViewModel.js";import y from"./ValuePicker/ValuePickerVisibleElements.js";const b="esri-value-picker",g={actionBar:`${b}__action-bar`,caption:`${b}__caption`,captionBorder:`${b}__caption-border`,captionText:`${b}__caption-text`,separator:`${b}__separator`},w={base:null,key:"type",typeMap:{collection:m,combobox:u,label:d,slider:h}};let M=class extends l{constructor(e,t){super(e,t),this.caption=null,this.messages=null,this.messagesCommon=null,this.viewModel=new v,this.visibleElements=new y}initialize(){this.addHandles([o(()=>this.viewModel,"animate",({first:e})=>{this.component?.animate(e)}),o(()=>this.viewModel,"next",()=>{this.component?.next()}),o(()=>this.viewModel,"previous",()=>{this.component?.previous()})])}destroy(){this.component=t(this.component)}loadDependencies(){return r({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar")})}get canNext(){return this.component?.canNext??!0}get canPlay(){return this.component?.canPlay??!0}get canPrevious(){return this.component?.canPrevious??!0}set component(e){const t=this._get("component");e!==t&&(t?.viewModel===this.viewModel&&(t.viewModel=null),e&&t?.destroy()),e&&(e.viewModel??=this.viewModel),this._set("component",e)}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get icon(){return"list-rectangle"}set icon(e){this._overrideIfSome("icon",e)}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get layout(){return this.viewModel.layout}set layout(e){this.viewModel.layout=e}get loop(){return this.viewModel.loop}set loop(e){this.viewModel.loop=e}get playRate(){return this.viewModel.playRate}set playRate(e){this.viewModel.playRate=e}get values(){return this.viewModel.values}set values(e){this.viewModel.values=e}next(){this.viewModel.next()}pause(){this.viewModel.pause()}play(){this.viewModel.play()}previous(){this.viewModel.previous()}render(){const{disabled:e,state:t}=this.viewModel,o="playing"===t,i="horizontal"===this.layout,{control:s,pagination:l}=this.messagesCommon,{pause:r,play:n}=s,{previous:p,up:m,next:u,down:d}=l,h=o?r:n,v=this.visibleElements.playButton&&c("calcite-action",{active:o,alignment:"center",bind:this,disabled:e||!this.canPlay,icon:o?"pause":"play",key:"play",onclick:o?this.pause:this.play,text:h,title:h}),y=i?p:m,w=this.visibleElements.previousButton&&c("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canPrevious,icon:i?"chevron-left":"chevron-up",key:"previous",onclick:this.previous,text:y,title:y}),M=i?u:d,x=this.visibleElements.nextButton&&c("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canNext,icon:i?"chevron-right":"chevron-down",key:"next",onclick:this.next,text:M,title:M}),k=this.caption&&c("div",{class:g.caption},c("div",{class:g.captionBorder},c("div",{class:g.captionText},this.caption))),P="combobox"===this.component?.type||"label"===this.component?.type||"slider"===this.component?.type,f=(v||w||x)&&(k||P)&&c("div",{class:g.separator}),j=this.component?.render();return c("div",{"aria-label":this.label,class:this.classes(b,a.widget,`${b}__layout--${this.layout}`,`${b}__type--${this.component?.type}`)},c("calcite-action-bar",{class:g.actionBar,expandDisabled:!0,layout:this.layout},[v,w,x,f,k,j]))}};e([i()],M.prototype,"canNext",null),e([i()],M.prototype,"canPlay",null),e([i()],M.prototype,"canPrevious",null),e([i()],M.prototype,"caption",void 0),e([i({types:w,value:null})],M.prototype,"component",null),e([i()],M.prototype,"disabled",null),e([i()],M.prototype,"icon",null),e([i()],M.prototype,"label",null),e([i()],M.prototype,"layout",null),e([i()],M.prototype,"loop",null),e([i(),n("esri/widgets/ValuePicker/t9n/ValuePicker")],M.prototype,"messages",void 0),e([i(),n("esri/t9n/common")],M.prototype,"messagesCommon",void 0),e([i()],M.prototype,"playRate",null),e([i()],M.prototype,"values",null),e([i(),p(["animate","next","pause","play","previous"])],M.prototype,"viewModel",void 0),e([i({type:y,nonNullable:!0})],M.prototype,"visibleElements",void 0),M=e([s("esri.widgets.ValuePicker")],M);const x=M;export{x as default};
+import{__decorate as e}from"tslib";import{destroyMaybe as t}from"../core/maybe.js";import{on as o}from"../core/reactiveUtils.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as s}from"../core/accessorSupport/decorators/subclass.js";import l from"./Widget.js";import{loadCalciteComponents as n}from"./support/componentsUtils.js";import{globalCss as a}from"./support/globalCss.js";import{messageBundle as r,vmEvent as p,tsx as c}from"./support/widget.js";import u from"./ValuePicker/ValuePickerCollection.js";import d from"./ValuePicker/ValuePickerCombobox.js";import m from"./ValuePicker/ValuePickerLabel.js";import h from"./ValuePicker/ValuePickerSlider.js";import v from"./ValuePicker/ValuePickerViewModel.js";import y from"./ValuePicker/ValuePickerVisibleElements.js";const b="esri-value-picker",w={actionBar:`${b}__action-bar`,caption:`${b}__caption`,captionBorder:`${b}__caption-border`,captionText:`${b}__caption-text`,separator:`${b}__separator`},g={base:null,key:"type",typeMap:{collection:u,combobox:d,label:m,slider:h}};let M=class extends l{constructor(e,t){super(e,t),this.caption=null,this.messages=null,this.messagesCommon=null,this.viewModel=new v,this.visibleElements=new y}initialize(){this.addHandles([o(()=>this.viewModel,"animate",({first:e})=>{this.component?.animate(e)}),o(()=>this.viewModel,"next",()=>{this.component?.next()}),o(()=>this.viewModel,"previous",()=>{this.component?.previous()})])}destroy(){this.component=t(this.component)}loadDependencies(){return n({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar")})}get canNext(){return this.component?.canNext??!0}get canPlay(){return this.component?.canPlay??!0}get canPrevious(){return this.component?.canPrevious??!0}set component(e){const t=this._get("component");e!==t&&(t?.viewModel===this.viewModel&&(t.viewModel=null),e&&t?.destroy()),e&&(e.viewModel??=this.viewModel),this._set("component",e)}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get icon(){return"list-rectangle"}set icon(e){this._overrideIfSome("icon",e)}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get layout(){return this.viewModel.layout}set layout(e){this.viewModel.layout=e}get loop(){return this.viewModel.loop}set loop(e){this.viewModel.loop=e}get playRate(){return this.viewModel.playRate}set playRate(e){this.viewModel.playRate=e}get values(){return this.viewModel.values}set values(e){this.viewModel.values=e}next(){this.viewModel.next()}pause(){this.viewModel.pause()}play(){this.viewModel.play()}previous(){this.viewModel.previous()}render(){const{disabled:e,state:t}=this.viewModel,o="playing"===t,i="horizontal"===this.layout,{control:s,pagination:l}=this.messagesCommon,{pause:n,play:r}=s,{previous:p,up:u,next:d,down:m}=l,h=o?n:r,v=this.visibleElements.playButton&&c("calcite-action",{active:o,alignment:"center",bind:this,disabled:e||!this.canPlay,icon:o?"pause":"play",key:"play",onclick:o?this.pause:this.play,text:h,title:h}),y=i?p:u,g=this.visibleElements.previousButton&&c("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canPrevious,icon:i?"chevron-left":"chevron-up",key:"previous",onclick:this.previous,text:y,title:y}),M=i?d:m,x=this.visibleElements.nextButton&&c("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canNext,icon:i?"chevron-right":"chevron-down",key:"next",onclick:this.next,text:M,title:M}),k=this.caption&&c("div",{class:w.caption},c("div",{class:w.captionBorder},c("div",{class:w.captionText},this.caption))),P="combobox"===this.component?.type||"label"===this.component?.type||"slider"===this.component?.type,f=(v||g||x)&&(k||P)&&c("div",{class:w.separator}),_=this.component?.render();return c("div",{"aria-label":this.label,class:this.classes(b,a.widget,`${b}__layout--${this.layout}`,`${b}__type--${this.component?.type}`)},c("calcite-action-bar",{class:w.actionBar,expandDisabled:!0,layout:this.layout},[v,g,x,f,k,_]))}};e([i()],M.prototype,"canNext",null),e([i()],M.prototype,"canPlay",null),e([i()],M.prototype,"canPrevious",null),e([i()],M.prototype,"caption",void 0),e([i({types:g,value:null})],M.prototype,"component",null),e([i()],M.prototype,"disabled",null),e([i()],M.prototype,"icon",null),e([i()],M.prototype,"label",null),e([i()],M.prototype,"layout",null),e([i()],M.prototype,"loop",null),e([i(),r("esri/widgets/ValuePicker/t9n/ValuePicker")],M.prototype,"messages",void 0),e([i(),r("esri/t9n/common")],M.prototype,"messagesCommon",void 0),e([i()],M.prototype,"playRate",null),e([i()],M.prototype,"values",null),e([i(),p(["animate","next","pause","play","previous"])],M.prototype,"viewModel",void 0),e([i({type:y,nonNullable:!0})],M.prototype,"visibleElements",void 0),M=e([s("esri.widgets.ValuePicker")],M);const x=M;export{x as default};

package/widgets/VideoPlayer/components/MetadataSection.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import"../../support/widgetUtils.js";import{tsx as a}from"../../support/jsxFactory.js";import"@arcgis/toolkit/dom";const e="esri-metadata-table",i={table:e,data:`${e}__data`,emptyState:`${e}__empty-state`},o=()=>t({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 c({viewModel:t,messages:e}){const{metadata:o}=t;return o?a("calcite-block",{expanded:!0,heading:e.metadata},a("calcite-accordion",{appearance:"solid",selectionMode:"single"},a("calcite-accordion-item",{heading:e.missionInfo},a("div",{class:i.table},Object.keys(o.missionInfo).map(t=>[a("div",{class:i.data},t),a("div",{class:i.data},o.missionInfo[t])]))),a("calcite-accordion-item",{heading:e.platformInfo},a("div",{class:i.table},Object.keys(o.platformInfo).map(t=>[a("div",{class:i.data},t),a("div",{class:i.data},o.platformInfo[t])]))),a("calcite-accordion-item",{heading:e.frameInfo},a("div",{class:i.table},Object.keys(o.frameInfo).map(t=>[a("div",{class:i.data},t),a("div",{class:i.data},o.frameInfo[t])]))))):a("calcite-tile",{class:i.emptyState,description:e.metadataDescription,heading:e.metadataNotLoaded})}export{c as MetadataSection,o as loadMetadataSectionComponents};
+import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import{tsx as a}from"../../support/widget.js";const e="esri-metadata-table",c={table:e,data:`${e}__data`,emptyState:`${e}__empty-state`},i=()=>t({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 o({viewModel:t,messages:e}){const{metadata:i}=t;return i?a("calcite-block",{expanded:!0,heading:e.metadata},a("calcite-accordion",{appearance:"solid",selectionMode:"single"},a("calcite-accordion-item",{heading:e.missionInfo},a("div",{class:c.table},Object.keys(i.missionInfo).map(t=>[a("div",{class:c.data},t),a("div",{class:c.data},i.missionInfo[t])]))),a("calcite-accordion-item",{heading:e.platformInfo},a("div",{class:c.table},Object.keys(i.platformInfo).map(t=>[a("div",{class:c.data},t),a("div",{class:c.data},i.platformInfo[t])]))),a("calcite-accordion-item",{heading:e.frameInfo},a("div",{class:c.table},Object.keys(i.frameInfo).map(t=>[a("div",{class:c.data},t),a("div",{class:c.data},i.frameInfo[t])]))))):a("calcite-tile",{class:c.emptyState,description:e.metadataDescription,heading:e.metadataNotLoaded})}export{o as MetadataSection,i as loadMetadataSectionComponents};

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/5.0/esri/copyright.txt for details.
 */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import"../../support/widgetUtils.js";import{tsx as i}from"../../support/jsxFactory.js";import"@arcgis/toolkit/dom";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};
+import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as n}from"../../support/widget.js";import{css as i}from"../css.js";const t=()=>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:t}){const{state:c,playing:a,layer:l}=e,o=!!l?.isLive,s="not-ready"===c||"waiting"===c,r=a?t.pause:t.play,d=n("calcite-action",{active:a,alignment:"center",bind:e,disabled:s,icon:a?"pause-f":"play-f",key:"play",onclick:a?e.pause:e.play,scale:"s",text:r,title:r}),p=t.reverse,m=o?null:n("calcite-action",{alignment:"center",bind:e,disabled:s,icon:"reverse-f",key:"reverse",onclick:e.seekBackward,scale:"s",text:p,title:p}),g=t.forward,b=o?null:n("calcite-action",{alignment:"center",bind:e,disabled:s,icon:"forward-f",key:"forward",onclick:e.seekForward,scale:"s",text:g,title:g}),k=t.beginning,y=o?null:n("calcite-action",{alignment:"center",bind:e,disabled:s,icon:"beginning-f",key:"beginning",onclick:e.seekToBeginning,scale:"s",text:k,title:k}),f=t.end,u=o?null:n("calcite-action",{alignment:"center",bind:e,disabled:s,icon:"end-f",key:"end",onclick:e.seekToEnding,scale:"s",text:f,title:f});return n("calcite-action-bar",{class:i.playerActions,expandDisabled:!0,layout:"horizontal",scale:"s"},[y,m,d,b,u])}export{c as PlayerActionsGroup,t as loadPlayerActionsGroupComponents};

package/widgets/VideoPlayer/components/PlayerControlsGroup.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import"../../support/widgetUtils.js";import{tsx as l}from"../../support/jsxFactory.js";import"@arcgis/toolkit/dom";import{css as t}from"../css.js";import{loadSettingsButtonComponents as o,SettingsButton as i}from"./SettingsButton.js";const c=()=>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")}),o()]);function a(e){return"none"===e.followingMode?"circle-disallowed":"follow-sensor"===e.followingMode?"zoom-to-object":"follow-frame"===e.followingMode?"follow":"video"}function s({viewModel:e,messages:o,settings:c,toggleMetadata:s}){const{state:n}=e,r="not-ready"===n||"waiting"===n,m=l("div",null,l("calcite-popover",{autoClose:!0,label:o.layers,overlayPositioning:"fixed",placement:"top-end",pointerDisabled:!0,referenceElement:"layers-action",scale:"s"},l("calcite-panel",{heading:o.layers},l("calcite-list",{label:o.layers,selectionMode:"multiple"},l("calcite-list-item",{label:o.sensor,onclick:()=>{e.toggleSensorDisplay()},selected:!!e.layer?.telemetryDisplay?.sensorLocation}),l("calcite-list-item",{label:o.sightLine,onclick:()=>{e.toggleSensorSightLineDisplay()},selected:!!e.layer?.telemetryDisplay?.lineOfSight}),l("calcite-list-item",{label:o.sensorTrail,onclick:()=>{e.toggleSensorTrailDisplay()},selected:!!e.layer?.telemetryDisplay?.sensorTrail}),l("calcite-list-item",{label:o.frameCenter,onclick:()=>{e.toggleFrameCenterDisplay()},selected:!!e.layer?.telemetryDisplay?.frameCenter}),l("calcite-list-item",{label:o.frameOutline,onclick:()=>{e.toggleFrameOutlineDisplay()},selected:!!e.layer?.telemetryDisplay?.frameOutline}),l("calcite-list-item",{label:o.frame,onclick:()=>{e.toggleFrameDisplay()},selected:!!e.layer?.telemetryDisplay?.frame})))),l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:"layers",id:"layers-action",key:"layers",scale:"s",slot:"trigger",text:o.layers})),p=l("div",null,l("calcite-popover",{autoClose:!0,label:o.follow,overlayPositioning:"fixed",placement:"top-end",pointerDisabled:!0,referenceElement:"follow-action",scale:"s"},l("calcite-panel",{heading:o.follow},l("calcite-list",{label:o.follow,selectionMode:"single-persist"},l("calcite-list-item",{label:o.none,onclick:()=>{e.followingMode="none"}},l("calcite-icon",{icon:"circle-disallowed",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.sensor,onclick:()=>{e.followingMode="follow-sensor"}},l("calcite-icon",{icon:"zoom-to-object",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.frame,onclick:()=>{e.followingMode="follow-frame"}},l("calcite-icon",{icon:"follow",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.video,onclick:()=>{e.followingMode="follow-both"},selected:!0},l("calcite-icon",{icon:"video",scale:"s",slot:"content-start"}))))),l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:a(e),id:"follow-action",key:"follow",scale:"s",slot:"trigger",text:o.follow})),d=l(i,{messages:o,settings:c,viewModel:e}),g=l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:"feature-details",key:"metadata",onclick:s,scale:"s",text:o.metadata});return l("calcite-action-bar",{class:t.playerControls,expandDisabled:!0,layout:"horizontal",scale:"s"},[m,p,d,g])}export{s as PlayerControlsGroup,c as loadPlayerControlsGroupComponents};
+import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as l}from"../../support/widget.js";import{css as t}from"../css.js";import{loadSettingsButtonComponents as o,SettingsButton as i}from"./SettingsButton.js";const c=()=>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")}),o()]);function a(e){return"none"===e.followingMode?"circle-disallowed":"follow-sensor"===e.followingMode?"zoom-to-object":"follow-frame"===e.followingMode?"follow":"video"}function s({viewModel:e,messages:o,settings:c,toggleMetadata:s}){const{state:n}=e,r="not-ready"===n||"waiting"===n,m=l("div",null,l("calcite-popover",{autoClose:!0,label:o.layers,overlayPositioning:"fixed",placement:"top-end",pointerDisabled:!0,referenceElement:"layers-action",scale:"s"},l("calcite-panel",{heading:o.layers},l("calcite-list",{label:o.layers,selectionMode:"multiple"},l("calcite-list-item",{label:o.sensor,onclick:()=>{e.toggleSensorDisplay()},selected:!!e.layer?.telemetryDisplay?.sensorLocation}),l("calcite-list-item",{label:o.sightLine,onclick:()=>{e.toggleSensorSightLineDisplay()},selected:!!e.layer?.telemetryDisplay?.lineOfSight}),l("calcite-list-item",{label:o.sensorTrail,onclick:()=>{e.toggleSensorTrailDisplay()},selected:!!e.layer?.telemetryDisplay?.sensorTrail}),l("calcite-list-item",{label:o.frameCenter,onclick:()=>{e.toggleFrameCenterDisplay()},selected:!!e.layer?.telemetryDisplay?.frameCenter}),l("calcite-list-item",{label:o.frameOutline,onclick:()=>{e.toggleFrameOutlineDisplay()},selected:!!e.layer?.telemetryDisplay?.frameOutline}),l("calcite-list-item",{label:o.frame,onclick:()=>{e.toggleFrameDisplay()},selected:!!e.layer?.telemetryDisplay?.frame})))),l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:"layers",id:"layers-action",key:"layers",scale:"s",slot:"trigger",text:o.layers})),p=l("div",null,l("calcite-popover",{autoClose:!0,label:o.follow,overlayPositioning:"fixed",placement:"top-end",pointerDisabled:!0,referenceElement:"follow-action",scale:"s"},l("calcite-panel",{heading:o.follow},l("calcite-list",{label:o.follow,selectionMode:"single-persist"},l("calcite-list-item",{label:o.none,onclick:()=>{e.followingMode="none"}},l("calcite-icon",{icon:"circle-disallowed",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.sensor,onclick:()=>{e.followingMode="follow-sensor"}},l("calcite-icon",{icon:"zoom-to-object",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.frame,onclick:()=>{e.followingMode="follow-frame"}},l("calcite-icon",{icon:"follow",scale:"s",slot:"content-start"})),l("calcite-list-item",{label:o.video,onclick:()=>{e.followingMode="follow-both"},selected:!0},l("calcite-icon",{icon:"video",scale:"s",slot:"content-start"}))))),l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:a(e),id:"follow-action",key:"follow",scale:"s",slot:"trigger",text:o.follow})),d=l(i,{messages:o,settings:c,viewModel:e}),g=l("calcite-action",{alignment:"center",bind:e,disabled:r,icon:"feature-details",key:"metadata",onclick:s,scale:"s",text:o.metadata});return l("calcite-action-bar",{class:t.playerControls,expandDisabled:!0,layout:"horizontal",scale:"s"},[m,p,d,g])}export{s as PlayerControlsGroup,c as loadPlayerControlsGroupComponents};

package/widgets/VideoPlayer/components/SettingsButton.js

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

package/widgets/VideoPlayer.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";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"@arcgis/toolkit/dom";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};
+import{__decorate as e}from"tslib";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{messageBundle as h,tsx as u}from"./support/widget.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 _}from"./VideoPlayer/components/PlayerControlsGroup.js";import{defaultSettings as j}from"./VideoPlayer/components/SettingsButton.js";let P=class extends m{constructor(e,s){super(e,s),this._settings=o(j),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 u("div",{class:this.classes(w.base,v.widget)},u("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:u("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:u("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],u("section",{afterCreate:S,bind:s},r?null:u("div",{class:w.sliderProgressContainer},u("progress",{class:w.progress,max:"1",value:`${n}`}),u("div",{class:w.slider},this._slider.render())))}_renderActionBar(){const e=!!this.viewModel.layer?.isLive,i=e?w.playerToolbarTopPadding:void 0;return u("div",{class:this.classes(w.playerToolbar,i)},u("div",{class:w.playerActionsGroup},u(b,{messages:this.messages,viewModel:this.viewModel}),e?u("calcite-icon",{class:w.playerLiveIcon,icon:"beacon"}):null,u("div",{class:w.playerTimecode},E(this.viewModel.currentTime)," / ",E(this.viewModel.duration))),u(_,{messages:this.messages,settings:this._settings,toggleMetadata:()=>this._metadataVisible=!this._metadataVisible,viewModel:this.viewModel}))}_renderMetadataSection(){return this._metadataVisible?u(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(),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};

package/widgets/Weather/LabeledSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as t}from"../../core/accessorSupport/decorators/subclass.js";import r from"../Widget.js";import{loadCalciteComponents as s}from"../support/componentsUtils.js";import"../support/widgetUtils.js";import{tsx as i}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";import{labeledSliderCss as a}from"./css.js";let c=class extends r{constructor(e){super(e),this._onChange=e=>{this.onChange(e.currentTarget.value)}}render(){const{label:e}=this;return i("div",{class:a.base},i("calcite-label",{scale:"s"},e,i("calcite-slider",{"aria-label":e,disabled:this.disabled,max:1,min:0,step:.01,value:this.value,onCalciteSliderChange:this._onChange,onCalciteSliderInput:this._onChange})))}loadDependencies(){return s({label:()=>import("@esri/calcite-components/dist/components/calcite-label"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider")})}};e([o()],c.prototype,"value",void 0),e([o()],c.prototype,"onChange",void 0),e([o()],c.prototype,"disabled",void 0),c=e([t("esri.widgets.Weather.LabeledSlider")],c);export{c as LabeledSlider};
+import{__decorate as e}from"tslib";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as t}from"../../core/accessorSupport/decorators/subclass.js";import r from"../Widget.js";import{loadCalciteComponents as s}from"../support/componentsUtils.js";import{tsx as i}from"../support/widget.js";import{labeledSliderCss as a}from"./css.js";let c=class extends r{constructor(e){super(e),this._onChange=e=>{this.onChange(e.currentTarget.value)}}render(){const{label:e}=this;return i("div",{class:a.base},i("calcite-label",{scale:"s"},e,i("calcite-slider",{"aria-label":e,disabled:this.disabled,max:1,min:0,step:.01,value:this.value,onCalciteSliderChange:this._onChange,onCalciteSliderInput:this._onChange})))}loadDependencies(){return s({label:()=>import("@esri/calcite-components/dist/components/calcite-label"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider")})}};e([o()],c.prototype,"value",void 0),e([o()],c.prototype,"onChange",void 0),e([o()],c.prototype,"disabled",void 0),c=e([t("esri.widgets.Weather.LabeledSlider")],c);export{c as LabeledSlider};

package/widgets/Weather.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{deprecateWidget as o}from"../core/deprecate.js";import t from"../core/Logger.js";import{memoize as r}from"../core/memoize.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/RandomLCG.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import{weatherTypesArray as n}from"../views/3d/environment/weather.js";import a from"./Widget.js";import{loadCalciteComponents as l}from"./support/componentsUtils.js";import{globalCss as c}from"./support/globalCss.js";import{Heading as d}from"./support/Heading.js";import{classes as p}from"./support/widgetUtils.js";import{messageBundle as u}from"./support/decorators/messageBundle.js";import{tsx as h,tsxFragment as g}from"./support/jsxFactory.js";import"@arcgis/toolkit/dom";import{css as m}from"./Weather/css.js";import{LabeledSlider as v}from"./Weather/LabeledSlider.js";import y from"./Weather/VisibleElements.js";import b from"./Weather/WeatherViewModel.js";const w={sunny:"brightness",cloudy:"partly-cloudy",rainy:"rain",snowy:"snow",foggy:"fog"};let C=class extends a{constructor(e){super(e),this.viewModel=new b({isDefaultViewModel:!0}),this.headingLevel=4,this.visibleElements=new y,this._renderWeatherTypeButton=e=>{const o=this.viewModel,t=this.messages[e].label,r="disabled"===o.state,s=!r&&o.current.type===e;return h("calcite-button",{appearance:s?"solid":"outline","aria-checked":s?"true":"false",disabled:r,iconStart:w[e],key:`${e}-type-button`,kind:s?"brand":"neutral",label:t,onclick:()=>{s||o.setWeatherByType(e)},scale:"l",title:t})},this._memoizedCallbacks=r(e=>({onCloudCoverChange:o=>{"cloudCover"in e&&(e.cloudCover=o)},onPrecipitationChange:o=>{"precipitation"in e&&(e.precipitation=o)},onFogStrengthChange:o=>{"fogStrength"in e&&(e.fogStrength=o)},onSnowCoverChange:e=>{this.viewModel.setSnowCoverEnabled(e.currentTarget.checked)}})),o(t.getLogger(this),"Weather","arcgis-weather",{version:"4.33"})}render(){const e="disabled"===this.viewModel.state;return h("div",{"aria-label":this.messages.widgetLabelAccessible,class:this.classes(m.base,c.widget,e&&c.widgetDisabled),role:"region"},this._renderContent())}loadDependencies(){return l({button:()=>import("@esri/calcite-components/dist/components/calcite-button"),checkbox:()=>import("@esri/calcite-components/dist/components/calcite-checkbox"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),label:()=>import("@esri/calcite-components/dist/components/calcite-label")})}get view(){return this.viewModel?.view}set view(e){this.viewModel&&(this.viewModel.view=e)}get icon(){return"partly-cloudy"}set icon(e){this._overrideIfSome("icon",e)}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get _errorMessage(){const e=this.messages.error;switch(this.viewModel.error){case"local-scene":return e.localScene;case"no-atmosphere":return e.noAtmosphere;case"unsupported-view":return e.unsupported;default:return null}}get _warningMessage(){if("not-visible"===this.viewModel.error){return null!=this.view&&"3d"===this.view?.type&&this.view.environment.atmosphereEnabled?this.messages.error.notVisible:null}return null}_renderContent(){const{headingLevel:e,messages:o,viewModel:t,visibleElements:r}=this,s=this._warningMessage,i=t.current,a="error"===t.state;return h(g,null,r.header?h(d,{level:e},o.widgetLabel):null,a?h("div",{class:m.error,key:"error"},this._errorMessage):null,h("div",{class:p({[m.content]:!0,[m.hasError]:a}),key:"content"},h("div",{"aria-label":o.weatherType,class:m.selector,key:"type-selector",role:"radiogroup"},n.map(this._renderWeatherTypeButton)),Object.values(t.weatherByType).map(e=>h("div",{class:p({[m.options]:!0,[m.optionsHidden]:e.type!==i?.type}),key:"options-container"},this._renderOptions(e))),null!=s?this._renderWarning(s):null))}_renderOptions(e){const{viewModel:o,messages:t}=this,r="disabled"===o.state,s=this._memoizedCallbacks(e);switch(e.type){case"sunny":return h(v,{disabled:r,key:"sunny-cover",label:t.sunny.cloudCover,value:e.cloudCover,onChange:s.onCloudCoverChange});case"cloudy":return h(v,{disabled:r,key:"cloudy-cover",label:t.cloudy.cloudCover,value:e.cloudCover,onChange:s.onCloudCoverChange});case"rainy":return h(g,null,h(v,{disabled:r,key:"rainy-cover",label:t.rainy.cloudCover,value:e.cloudCover,onChange:s.onCloudCoverChange}),h(v,{disabled:r,key:"rainy-precipitation",label:t.rainy.precipitation,value:e.precipitation,onChange:s.onPrecipitationChange}));case"snowy":return h(g,null,h(v,{disabled:r,key:"snowy-cloud-cover",label:t.snowy.cloudCover,value:e.cloudCover,onChange:s.onCloudCoverChange}),h(v,{disabled:r,key:"snowy-precipitation",label:t.snowy.precipitation,value:e.precipitation,onChange:s.onPrecipitationChange}),h("calcite-label",{key:"snow-cover",layout:"inline",scale:"s",title:t.snowy.snowCoverTooltip},h("calcite-checkbox",{checked:"enabled"===e.snowCover,disabled:r,onCalciteCheckboxChange:s.onSnowCoverChange}),t.snowy.snowCover));case"foggy":return h(v,{disabled:r,key:"foggy-cover",label:t.foggy.fogStrength,value:e.fogStrength,onChange:s.onFogStrengthChange})}}_renderWarning(e){return h("div",{class:m.warning,key:"warning"},h("calcite-icon",{icon:"exclamation-mark-triangle",scale:"s"}),e)}};e([s()],C.prototype,"viewModel",void 0),e([s()],C.prototype,"view",null),e([s()],C.prototype,"headingLevel",void 0),e([s({type:y,nonNullable:!0})],C.prototype,"visibleElements",void 0),e([s()],C.prototype,"icon",null),e([s()],C.prototype,"label",null),e([s(),u("esri/widgets/Weather/t9n/Weather")],C.prototype,"messages",void 0),e([s()],C.prototype,"_errorMessage",null),e([s()],C.prototype,"_warningMessage",null),C=e([i("esri.widgets.Weather")],C);const f=C;export{f as default};
+import{__decorate as e}from"tslib";import{deprecateWidget as o}from"../core/deprecate.js";import t from"../core/Logger.js";import{memoize as r}from"../core/memoize.js";import{property as n}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/RandomLCG.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import{weatherTypesArray as s}from"../views/3d/environment/weather.js";import a from"./Widget.js";import{loadCalciteComponents as l}from"./support/componentsUtils.js";import{globalCss as c}from"./support/globalCss.js";import{Heading as d}from"./support/Heading.js";import{messageBundle as p,tsx as u,classes as h,tsxFragment as g}from"./support/widget.js";import{css as v}from"./Weather/css.js";import{LabeledSlider as m}from"./Weather/LabeledSlider.js";import y from"./Weather/VisibleElements.js";import b from"./Weather/WeatherViewModel.js";const w={sunny:"brightness",cloudy:"partly-cloudy",rainy:"rain",snowy:"snow",foggy:"fog"};let C=class extends a{constructor(e){super(e),this.viewModel=new b({isDefaultViewModel:!0}),this.headingLevel=4,this.visibleElements=new y,this._renderWeatherTypeButton=e=>{const o=this.viewModel,t=this.messages[e].label,r="disabled"===o.state,n=!r&&o.current.type===e;return u("calcite-button",{appearance:n?"solid":"outline","aria-checked":n?"true":"false",disabled:r,iconStart:w[e],key:`${e}-type-button`,kind:n?"brand":"neutral",label:t,onclick:()=>{n||o.setWeatherByType(e)},scale:"l",title:t})},this._memoizedCallbacks=r(e=>({onCloudCoverChange:o=>{"cloudCover"in e&&(e.cloudCover=o)},onPrecipitationChange:o=>{"precipitation"in e&&(e.precipitation=o)},onFogStrengthChange:o=>{"fogStrength"in e&&(e.fogStrength=o)},onSnowCoverChange:e=>{this.viewModel.setSnowCoverEnabled(e.currentTarget.checked)}})),o(t.getLogger(this),"Weather","arcgis-weather",{version:"4.33"})}render(){const e="disabled"===this.viewModel.state;return u("div",{"aria-label":this.messages.widgetLabelAccessible,class:this.classes(v.base,c.widget,e&&c.widgetDisabled),role:"region"},this._renderContent())}loadDependencies(){return l({button:()=>import("@esri/calcite-components/dist/components/calcite-button"),checkbox:()=>import("@esri/calcite-components/dist/components/calcite-checkbox"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),label:()=>import("@esri/calcite-components/dist/components/calcite-label")})}get view(){return this.viewModel?.view}set view(e){this.viewModel&&(this.viewModel.view=e)}get icon(){return"partly-cloudy"}set icon(e){this._overrideIfSome("icon",e)}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get _errorMessage(){const e=this.messages.error;switch(this.viewModel.error){case"local-scene":return e.localScene;case"no-atmosphere":return e.noAtmosphere;case"unsupported-view":return e.unsupported;default:return null}}get _warningMessage(){if("not-visible"===this.viewModel.error){return null!=this.view&&"3d"===this.view?.type&&this.view.environment.atmosphereEnabled?this.messages.error.notVisible:null}return null}_renderContent(){const{headingLevel:e,messages:o,viewModel:t,visibleElements:r}=this,n=this._warningMessage,i=t.current,a="error"===t.state;return u(g,null,r.header?u(d,{level:e},o.widgetLabel):null,a?u("div",{class:v.error,key:"error"},this._errorMessage):null,u("div",{class:h({[v.content]:!0,[v.hasError]:a}),key:"content"},u("div",{"aria-label":o.weatherType,class:v.selector,key:"type-selector",role:"radiogroup"},s.map(this._renderWeatherTypeButton)),Object.values(t.weatherByType).map(e=>u("div",{class:h({[v.options]:!0,[v.optionsHidden]:e.type!==i?.type}),key:"options-container"},this._renderOptions(e))),null!=n?this._renderWarning(n):null))}_renderOptions(e){const{viewModel:o,messages:t}=this,r="disabled"===o.state,n=this._memoizedCallbacks(e);switch(e.type){case"sunny":return u(m,{disabled:r,key:"sunny-cover",label:t.sunny.cloudCover,value:e.cloudCover,onChange:n.onCloudCoverChange});case"cloudy":return u(m,{disabled:r,key:"cloudy-cover",label:t.cloudy.cloudCover,value:e.cloudCover,onChange:n.onCloudCoverChange});case"rainy":return u(g,null,u(m,{disabled:r,key:"rainy-cover",label:t.rainy.cloudCover,value:e.cloudCover,onChange:n.onCloudCoverChange}),u(m,{disabled:r,key:"rainy-precipitation",label:t.rainy.precipitation,value:e.precipitation,onChange:n.onPrecipitationChange}));case"snowy":return u(g,null,u(m,{disabled:r,key:"snowy-cloud-cover",label:t.snowy.cloudCover,value:e.cloudCover,onChange:n.onCloudCoverChange}),u(m,{disabled:r,key:"snowy-precipitation",label:t.snowy.precipitation,value:e.precipitation,onChange:n.onPrecipitationChange}),u("calcite-label",{key:"snow-cover",layout:"inline",scale:"s",title:t.snowy.snowCoverTooltip},u("calcite-checkbox",{checked:"enabled"===e.snowCover,disabled:r,onCalciteCheckboxChange:n.onSnowCoverChange}),t.snowy.snowCover));case"foggy":return u(m,{disabled:r,key:"foggy-cover",label:t.foggy.fogStrength,value:e.fogStrength,onChange:n.onFogStrengthChange})}}_renderWarning(e){return u("div",{class:v.warning,key:"warning"},u("calcite-icon",{icon:"exclamation-mark-triangle",scale:"s"}),e)}};e([n()],C.prototype,"viewModel",void 0),e([n()],C.prototype,"view",null),e([n()],C.prototype,"headingLevel",void 0),e([n({type:y,nonNullable:!0})],C.prototype,"visibleElements",void 0),e([n()],C.prototype,"icon",null),e([n()],C.prototype,"label",null),e([n(),p("esri/widgets/Weather/t9n/Weather")],C.prototype,"messages",void 0),e([n()],C.prototype,"_errorMessage",null),e([n()],C.prototype,"_warningMessage",null),C=e([i("esri.widgets.Weather")],C);const f=C;export{f as default};

package/widgets/Widget.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import"../intl.js";import{byId as t}from"../core/domUtils.js";import{EventedAccessor as r}from"../core/Evented.js";import{isEventedOrEventTarget as s,on as o}from"../core/events.js";import"../core/has.js";import{clone as i}from"../core/lang.js";import n from"../core/Logger.js";import{destroyMaybe as d}from"../core/maybe.js";import{EsriPromiseMixin as a}from"../core/Promise.js";import{debounce as l,throwIfNotAbortError as c}from"../core/promiseUtils.js";import{watch as p,syncAndInitial as h,when as u}from"../core/reactiveUtils.js";import{generateUUID as m}from"../core/uuid.js";import{property as g}from"../core/accessorSupport/decorators/property.js";import{cast as y}from"../core/accessorSupport/decorators/cast.js";import{subclass as v}from"../core/accessorSupport/decorators/subclass.js";import{runTracked as f}from"../core/accessorSupport/tracking.js";import{SimpleTrackingTarget as _}from"../core/accessorSupport/tracking/SimpleTrackingTarget.js";import{createAdvancedProjector as j}from"../libs/maquette-advanced-projector/projector.js";import{commitAssetPath as b}from"./support/componentsUtils.js";import{isWidgetConstructor as w,processWidgets as S}from"./support/jsxWidgetSupport.js";import{widgetSymbol as R,widgetTestDataSymbol as P}from"./support/symbols.js";import{registerAlive as k,registerLoading as C}from"./support/tests.js";import{getVNodeCache as E,setVNodeCache as F,deleteVNodeCache as L,clearVNodeCache as T}from"./support/vnodeCache.js";import{classes as I}from"./support/widgetUtils.js";import"@arcgis/toolkit/dom";import{fetchMessageBundle as N}from"../intl/messages.js";import{onLocaleChange as H}from"../intl/locale.js";var $;let U=0;function z(e,t){const r=Object.prototype.hasOwnProperty;for(const s in t)r.call(t,s)&&r.call(e,s)&&(null!=e[s]&&null!=t[s]&&"object"==typeof e[s]&&"object"==typeof t[s]?z(e[s],t[s]):e[s]=t[s]);return e}const x=j({postProcessProjectionOptions(e){const t=e.eventHandlerInterceptor,r=/capture$/i;e.eventHandlerInterceptor=(e,s,o,i)=>{const n=t?.(e,s,o,i),d=r.test(e);if(!((e=e.replace(r,"")).toLowerCase()in o)||d){const t=e[2].toLowerCase()+e.slice(3),r=e=>n?.call(o,e);o.addEventListener(t,r,d);const s=()=>o.removeEventListener(t,r,d),a=i.afterRemoved;i.afterRemoved=e=>{a?.(e),s()}}return n}},handleInterceptedEvent(e,t,r,s){const{eventPhase:o,type:i}=s,n=o===Event.CAPTURING_PHASE;let d=`on${i}${n?"capture":""}`;const a=t.properties;(a&&d in a||(d=`on${i[0].toUpperCase()}${i.slice(1)}${n?"Capture":""}`,a&&d in a))&&(T(),e.scheduleRender(),a[d].call(a.bind||r,s))}});let O=!1,A=class extends(a(r)){static{this[$]=!0}constructor(e,t){super(e,t),this._attached=!1,this._projector=x,this._readyForTrueRender=!1,this.key=this,this.autoRenderingEnabled=!0,this._loadLocale=l(async()=>{if(this._messageBundleProps?.length){const e=await Promise.allSettled(this._messageBundleProps.map(async({bundlePath:e,propertyName:t})=>{if(this.destroyed)return;let r=await N(e);this.destroyed||(this.uiStrings&&Object.keys(this.uiStrings)&&(r=z(i(r),this.uiStrings)),this[t]=r)}));if(this.destroyed)return;for(const t of e)"rejected"===t.status&&n.getLogger(this).error("widget-intl:locale-error",this.declaredClass,t.reason)}await this.loadLocale()}),this.addHandles(k()),b();const r="esri-widget-uid-"+m(),s=this.render.bind(this);this._trackingTarget=new _(()=>{this.autoRenderingEnabled&&this.scheduleRender()});const o=()=>({vnodeSelector:"div",properties:{key:`${r}-hidden`,class:"",styles:{display:"none"}},domNode:null,children:void 0,text:void 0}),d=()=>{if(!this._readyForTrueRender||this.destroyed)return null;const e=s()??o(),t=e.properties??={};if(t.key??=r,w(e.vnodeSelector)){if(!this.visible)return o()}else this.visible?t.styles||(t.styles={}):(t.class="",t.styles={display:"none"}),t.styles.display??="";let i=0;return e.children?.forEach(e=>{w(e.vnodeSelector)||(e.properties??={},e.properties.key??=`${this.id}--${i++}`)}),S(this,e)};this.render=()=>{if(O)return d();let e=E(this)??null;if(e)return e;this._trackingTarget.clear(),O=!0;try{e=f(this._trackingTarget,d)}catch(t){throw n.getLogger(this).error(t),t}finally{O=!1}return e&&F(this,e),e};const a=this.beforeFirstRender();a?this._resourcesFetch=a.then(()=>{this.destroyed||(this._readyForTrueRender=!0,this._postInitialize())}):(this._resourcesFetch=Promise.resolve().then(()=>{this.destroyed||this._postInitialize()}),this._readyForTrueRender=!0),this.addResolvingPromise(this._resourcesFetch),C(this._resourcesFetch)}normalizeCtorArgs(e,t){const r={...e};return t&&(r.container=t),r}postInitialize(){}beforeFirstRender(){const e=this.loadDependencies();return this._messageBundleProps?.length||e?Promise.all([e,this._loadLocale()]).then(()=>{}).catch(c):null}loadDependencies(){return null}loadLocale(){return null}destroy(){this.destroyed||(d(this._trackingTarget),d(this.viewModel),this._detach(this.container),this._set("container",null),this.render=()=>null,this._projector=null,L(this))}set container(e){this._get("container")||this._set("container",e)}castContainer(e){return t(e)}get destroyed(){return super.destroyed}get domNode(){return this.container}set domNode(e){this.container=e}get icon(){return null}set icon(e){this._overrideIfSome("icon",e)}get id(){return this._get("id")||this.container?.id||Date.now().toString(16)+"-widget-"+U++}set id(e){e&&this._set("id",e)}get label(){return this.declaredClass.split(".").pop()}set label(e){this._overrideIfSome("label",e)}get renderable(){return this._resourcesFetch}get visible(){return this._get("visible")}set visible(e){this._set("visible",e)}get[($=R,P)](){return{projector:this._projector}}static{this.vnodeSelector="div"}render(){throw new Error("not implemented")}scheduleRender(){this.destroyed||(L(this),this._projector.scheduleRender())}classes(...e){return I.apply(this,e)}renderNow(){L(this),this._projector.renderNow()}_postInitialize(){if(this.destroyed)return;this.scheduleRender(),this._delegatedEventNames?.length&&this.addHandles(p(()=>this.viewModel,(e,t)=>{t&&this.removeHandles("delegated-events"),e&&s(e)&&this.addHandles(this._delegatedEventNames.map(t=>o(e,t,e=>{this.emit(t,e)})),"delegated-events")},h)),this.postInitialize();const e=async()=>{await this._loadLocale().catch(c),this.scheduleRender()};this.addHandles([H(e),p(()=>this.uiStrings,e)]),this.addHandles(u(()=>this.container,e=>{this.destroyed||this._attach(e)},{initial:!0,once:!0}))}_attach(e){e&&(this._projector.merge(e,this.render),this._attached=!0)}_detach(e){this._attached&&(this._projector.detach(this.render),this._attached=!1),e?.parentNode?.removeChild(e)}};e([g()],A.prototype,"_readyForTrueRender",void 0),e([g({value:null})],A.prototype,"container",null),e([y("container")],A.prototype,"castContainer",null),e([g()],A.prototype,"icon",null),e([g()],A.prototype,"id",null),e([g()],A.prototype,"label",null),e([g()],A.prototype,"renderable",null),e([g()],A.prototype,"uiStrings",void 0),e([g()],A.prototype,"viewModel",void 0),e([g({value:!0})],A.prototype,"visible",null),e([g()],A.prototype,"key",void 0),e([g()],A.prototype,"children",void 0),e([g()],A.prototype,"afterCreate",void 0),e([g()],A.prototype,"afterUpdate",void 0),e([g()],A.prototype,"afterRemoved",void 0),A=e([v("esri.widgets.Widget")],A);const B=A;export{B as default};
+import{__decorate as e}from"tslib";import{fetchMessageBundle as t,onLocaleChange as r}from"../intl.js";import{byId as s}from"../core/domUtils.js";import{EventedAccessor as o}from"../core/Evented.js";import{isEventedOrEventTarget as i,on as n}from"../core/events.js";import"../core/has.js";import{clone as d}from"../core/lang.js";import a from"../core/Logger.js";import{destroyMaybe as l}from"../core/maybe.js";import{EsriPromiseMixin as c}from"../core/Promise.js";import{debounce as h,throwIfNotAbortError as p}from"../core/promiseUtils.js";import{watch as u,syncAndInitial as m,when as y}from"../core/reactiveUtils.js";import{generateUUID as g}from"../core/uuid.js";import{property as v}from"../core/accessorSupport/decorators/property.js";import{cast as f}from"../core/accessorSupport/decorators/cast.js";import{subclass as _}from"../core/accessorSupport/decorators/subclass.js";import{runTracked as j}from"../core/accessorSupport/tracking.js";import{SimpleTrackingTarget as b}from"../core/accessorSupport/tracking/SimpleTrackingTarget.js";import{createAdvancedProjector as w}from"../libs/maquette-advanced-projector/projector.js";import{commitAssetPath as S}from"./support/componentsUtils.js";import{isWidgetConstructor as R,processWidgets as P}from"./support/jsxWidgetSupport.js";import{widgetSymbol as k,widgetTestDataSymbol as C}from"./support/symbols.js";import{registerAlive as E,registerLoading as F}from"./support/tests.js";import{getVNodeCache as L,setVNodeCache as T,deleteVNodeCache as I,clearVNodeCache as N}from"./support/vnodeCache.js";import{classes as H}from"./support/widget.js";var $;let U=0;function z(e,t){const r=Object.prototype.hasOwnProperty;for(const s in t)r.call(t,s)&&r.call(e,s)&&(null!=e[s]&&null!=t[s]&&"object"==typeof e[s]&&"object"==typeof t[s]?z(e[s],t[s]):e[s]=t[s]);return e}const x=w({postProcessProjectionOptions(e){const t=e.eventHandlerInterceptor,r=/capture$/i;e.eventHandlerInterceptor=(e,s,o,i)=>{const n=t?.(e,s,o,i),d=r.test(e);if(!((e=e.replace(r,"")).toLowerCase()in o)||d){const t=e[2].toLowerCase()+e.slice(3),r=e=>n?.call(o,e);o.addEventListener(t,r,d);const s=()=>o.removeEventListener(t,r,d),a=i.afterRemoved;i.afterRemoved=e=>{a?.(e),s()}}return n}},handleInterceptedEvent(e,t,r,s){const{eventPhase:o,type:i}=s,n=o===Event.CAPTURING_PHASE;let d=`on${i}${n?"capture":""}`;const a=t.properties;(a&&d in a||(d=`on${i[0].toUpperCase()}${i.slice(1)}${n?"Capture":""}`,a&&d in a))&&(N(),e.scheduleRender(),a[d].call(a.bind||r,s))}});let O=!1,A=class extends(c(o)){static{this[$]=!0}constructor(e,r){super(e,r),this._attached=!1,this._projector=x,this._readyForTrueRender=!1,this.key=this,this.autoRenderingEnabled=!0,this._loadLocale=h(async()=>{if(this._messageBundleProps?.length){const e=await Promise.allSettled(this._messageBundleProps.map(async({bundlePath:e,propertyName:r})=>{if(this.destroyed)return;let s=await t(e);this.destroyed||(this.uiStrings&&Object.keys(this.uiStrings)&&(s=z(d(s),this.uiStrings)),this[r]=s)}));if(this.destroyed)return;for(const t of e)"rejected"===t.status&&a.getLogger(this).error("widget-intl:locale-error",this.declaredClass,t.reason)}await this.loadLocale()}),this.addHandles(E()),S();const s="esri-widget-uid-"+g(),o=this.render.bind(this);this._trackingTarget=new b(()=>{this.autoRenderingEnabled&&this.scheduleRender()});const i=()=>({vnodeSelector:"div",properties:{key:`${s}-hidden`,class:"",styles:{display:"none"}},domNode:null,children:void 0,text:void 0}),n=()=>{if(!this._readyForTrueRender||this.destroyed)return null;const e=o()??i(),t=e.properties??={};if(t.key??=s,R(e.vnodeSelector)){if(!this.visible)return i()}else this.visible?t.styles||(t.styles={}):(t.class="",t.styles={display:"none"}),t.styles.display??="";let r=0;return e.children?.forEach(e=>{R(e.vnodeSelector)||(e.properties??={},e.properties.key??=`${this.id}--${r++}`)}),P(this,e)};this.render=()=>{if(O)return n();let e=L(this)??null;if(e)return e;this._trackingTarget.clear(),O=!0;try{e=j(this._trackingTarget,n)}catch(t){throw a.getLogger(this).error(t),t}finally{O=!1}return e&&T(this,e),e};const l=this.beforeFirstRender();l?this._resourcesFetch=l.then(()=>{this.destroyed||(this._readyForTrueRender=!0,this._postInitialize())}):(this._resourcesFetch=Promise.resolve().then(()=>{this.destroyed||this._postInitialize()}),this._readyForTrueRender=!0),this.addResolvingPromise(this._resourcesFetch),F(this._resourcesFetch)}normalizeCtorArgs(e,t){const r={...e};return t&&(r.container=t),r}postInitialize(){}beforeFirstRender(){const e=this.loadDependencies();return this._messageBundleProps?.length||e?Promise.all([e,this._loadLocale()]).then(()=>{}).catch(p):null}loadDependencies(){return null}loadLocale(){return null}destroy(){this.destroyed||(l(this._trackingTarget),l(this.viewModel),this._detach(this.container),this._set("container",null),this.render=()=>null,this._projector=null,I(this))}set container(e){this._get("container")||this._set("container",e)}castContainer(e){return s(e)}get destroyed(){return super.destroyed}get domNode(){return this.container}set domNode(e){this.container=e}get icon(){return null}set icon(e){this._overrideIfSome("icon",e)}get id(){return this._get("id")||this.container?.id||Date.now().toString(16)+"-widget-"+U++}set id(e){e&&this._set("id",e)}get label(){return this.declaredClass.split(".").pop()}set label(e){this._overrideIfSome("label",e)}get renderable(){return this._resourcesFetch}get visible(){return this._get("visible")}set visible(e){this._set("visible",e)}get[($=k,C)](){return{projector:this._projector}}static{this.vnodeSelector="div"}render(){throw new Error("not implemented")}scheduleRender(){this.destroyed||(I(this),this._projector.scheduleRender())}classes(...e){return H.apply(this,e)}renderNow(){I(this),this._projector.renderNow()}_postInitialize(){if(this.destroyed)return;this.scheduleRender(),this._delegatedEventNames?.length&&this.addHandles(u(()=>this.viewModel,(e,t)=>{t&&this.removeHandles("delegated-events"),e&&i(e)&&this.addHandles(this._delegatedEventNames.map(t=>n(e,t,e=>{this.emit(t,e)})),"delegated-events")},m)),this.postInitialize();const e=async()=>{await this._loadLocale().catch(p),this.scheduleRender()};this.addHandles([r(e),u(()=>this.uiStrings,e)]),this.addHandles(y(()=>this.container,e=>{this.destroyed||this._attach(e)},{initial:!0,once:!0}))}_attach(e){e&&(this._projector.merge(e,this.render),this._attached=!0)}_detach(e){this._attached&&(this._projector.detach(this.render),this._attached=!1),e?.parentNode?.removeChild(e)}};e([v()],A.prototype,"_readyForTrueRender",void 0),e([v({value:null})],A.prototype,"container",null),e([f("container")],A.prototype,"castContainer",null),e([v()],A.prototype,"icon",null),e([v()],A.prototype,"id",null),e([v()],A.prototype,"label",null),e([v()],A.prototype,"renderable",null),e([v()],A.prototype,"uiStrings",void 0),e([v()],A.prototype,"viewModel",void 0),e([v({value:!0})],A.prototype,"visible",null),e([v()],A.prototype,"key",void 0),e([v()],A.prototype,"children",void 0),e([v()],A.prototype,"afterCreate",void 0),e([v()],A.prototype,"afterUpdate",void 0),e([v()],A.prototype,"afterRemoved",void 0),A=e([_("esri.widgets.Widget")],A);const B=A;export{B as default};

package/widgets/Zoom.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as o}from"tslib";import{property as t}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as e}from"../core/accessorSupport/decorators/subclass.js";import s from"./Widget.js";import{loadCalciteComponents as i}from"./support/componentsUtils.js";import{globalCss as r}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as l}from"./support/decorators/messageBundle.js";import{tsx as a}from"./support/jsxFactory.js";import"@arcgis/toolkit/dom";import n from"./Zoom/ZoomViewModel.js";const m={base:"esri-zoom",horizontalLayout:"esri-zoom--horizontal"};let p=class extends s{constructor(o,t){super(o,t),this.messages=null,this.viewModel=new n,this.zoomIn=()=>this.viewModel.zoomIn(),this.zoomOut=()=>this.viewModel.zoomOut()}loadDependencies(){return i({button:()=>import("@esri/calcite-components/dist/components/calcite-button")})}get icon(){return"magnifying-glass-plus"}set icon(o){this._overrideIfSome("icon",o)}get label(){return this.messages?.widgetLabel??""}set label(o){this._overrideIfSome("label",o)}set layout(o){"horizontal"!==o&&(o="vertical"),this._set("layout",o)}set view(o){this.viewModel.view=o}get view(){return this.viewModel.view}render(){const o={[m.horizontalLayout]:"horizontal"===this.layout},{canZoomIn:t,canZoomOut:e}=this.viewModel,{zoomIn:s,zoomOut:i}=this.messages;return a("div",{class:this.classes(m.base,r.widget,o)},a("calcite-button",{class:r.widgetButton,disabled:!t,iconStart:"plus",kind:"neutral",label:s,onclick:this.zoomIn,title:s}),a("calcite-button",{class:r.widgetButton,disabled:!e,iconStart:"minus",kind:"neutral",label:i,onclick:this.zoomOut,title:i}))}};o([t()],p.prototype,"icon",null),o([t()],p.prototype,"label",null),o([t({value:"vertical"})],p.prototype,"layout",null),o([t(),l("esri/widgets/Zoom/t9n/Zoom")],p.prototype,"messages",void 0),o([t()],p.prototype,"view",null),o([t({type:n})],p.prototype,"viewModel",void 0),p=o([e("esri.widgets.Zoom")],p);const c=p;export{c as default};
+import{__decorate as o}from"tslib";import{property as t}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as e}from"../core/accessorSupport/decorators/subclass.js";import s from"./Widget.js";import{loadCalciteComponents as i}from"./support/componentsUtils.js";import{globalCss as r}from"./support/globalCss.js";import{messageBundle as l,tsx as n}from"./support/widget.js";import a from"./Zoom/ZoomViewModel.js";const m={base:"esri-zoom",horizontalLayout:"esri-zoom--horizontal"};let c=class extends s{constructor(o,t){super(o,t),this.messages=null,this.viewModel=new a,this.zoomIn=()=>this.viewModel.zoomIn(),this.zoomOut=()=>this.viewModel.zoomOut()}loadDependencies(){return i({button:()=>import("@esri/calcite-components/dist/components/calcite-button")})}get icon(){return"magnifying-glass-plus"}set icon(o){this._overrideIfSome("icon",o)}get label(){return this.messages?.widgetLabel??""}set label(o){this._overrideIfSome("label",o)}set layout(o){"horizontal"!==o&&(o="vertical"),this._set("layout",o)}set view(o){this.viewModel.view=o}get view(){return this.viewModel.view}render(){const o={[m.horizontalLayout]:"horizontal"===this.layout},{canZoomIn:t,canZoomOut:e}=this.viewModel,{zoomIn:s,zoomOut:i}=this.messages;return n("div",{class:this.classes(m.base,r.widget,o)},n("calcite-button",{class:r.widgetButton,disabled:!t,iconStart:"plus",kind:"neutral",label:s,onclick:this.zoomIn,title:s}),n("calcite-button",{class:r.widgetButton,disabled:!e,iconStart:"minus",kind:"neutral",label:i,onclick:this.zoomOut,title:i}))}};o([t()],c.prototype,"icon",null),o([t()],c.prototype,"label",null),o([t({value:"vertical"})],c.prototype,"layout",null),o([t(),l("esri/widgets/Zoom/t9n/Zoom")],c.prototype,"messages",void 0),o([t()],c.prototype,"view",null),o([t({type:a})],c.prototype,"viewModel",void 0),c=o([e("esri.widgets.Zoom")],c);const p=c;export{p as default};

package/widgets/smartMapping/BinaryColorSizeSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import r from"../../Color.js";import{property as s}from"../../core/accessorSupport/decorators/property.js";import{cast as t}from"../../core/accessorSupport/decorators/cast.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import{authoringInfoFirstVariableSliderMinMax as o}from"../../renderers/support/authoringInfoUtils.js";import a from"../../renderers/visualVariables/support/SizeStop.js";import{getCIMSymbolColor as l}from"../../symbols/support/cimSymbolUtils.js";import n from"./SmartMappingSliderBase.js";import d from"./BinaryColorSizeSlider/BinaryColorSizeSliderViewModel.js";import{getSizesFromVariable as p,getFillFromColor as m,getDynamicPathForSizeStops as u}from"./support/utils.js";import{globalCss as c}from"../support/globalCss.js";import{storeNode as h}from"../support/widgetUtils.js";import{messageBundle as v}from"../support/decorators/messageBundle.js";import{tsx as y}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";var g;const b="esri-binary-color-size-slider",f={base:b,rampElement:`${b}__ramp`,sliderContainer:`${b}__slider-container`,histogramContainer:`${b}__histogram-container`,primaryHandle:`${b}--primary-handle`,track:`${b}--interactive-track`},S={trackBackgroundColor:new r([224,224,224]),trackAboveFillColor:new r([149,149,149]),trackBelowFillColor:new r([149,149,149])};let w=g=class extends n{constructor(e,r){super(e,r),this._minRampFillWidth=.2,this._rampNode=null,this.messages=null,this.style={...S},this.viewModel=new d,this._rampFillId=`${this.id}-linear-gradient`}get handlesSyncedToPrimary(){return this.viewModel.handlesSyncedToPrimary}set handlesSyncedToPrimary(e){this.viewModel.handlesSyncedToPrimary=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get persistSizeRangeEnabled(){return this.viewModel.persistSizeRangeEnabled}set persistSizeRangeEnabled(e){this.viewModel.persistSizeRangeEnabled=e}get stops(){return this.viewModel.stops}set stops(e){this.viewModel.stops=e}castStyle(e){return{...S,...e}}static fromRendererResult(e,r){const{size:{visualVariables:s},statistics:t}=e,{avg:i,stddev:a}=t,l=s[0].stops,[n,d]=o(e.renderer.authoringInfo),p=z(e.renderer.classBreakInfos);return new g({max:d,min:n,stops:l??void 0,histogramConfig:{average:i??void 0,standardDeviation:a??void 0,bins:r?r.bins:[]},style:p,handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateFromRendererResult(e,r){const{size:{visualVariables:s},statistics:t}=e,{avg:i,stddev:a}=t,l=s[0].stops,[n,d]=o(e.renderer.authoringInfo),p=z(e.renderer.classBreakInfos);this.set({max:d,min:n,stops:l,histogramConfig:{average:i,standardDeviation:a,bins:r?r.bins:[]},style:p,handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateRenderer(e){if("univariate-color-size"!==e.authoringInfo?.type||"above-and-below"!==e.authoringInfo?.univariateTheme)return console.error("Input renderer must be a univariate renderer with an above-and-below theme."),null;const r=e.clone(),s=r.visualVariables?.find(e=>"size"===e.type&&"outline"!==e.target&&e.stops),{stops:t}=this;if(!r.visualVariables||!s||!t)return console.error("No size stops available."),null;const i=r.visualVariables.indexOf(s);r.visualVariables.splice(i,1),s.stops=t,r.visualVariables.push(s);const o=t[5===t.length?2:1].value;return r.classBreakInfos[0].maxValue=o,r.classBreakInfos[1].minValue=o,r}updateFromVisualVariable(e){if(!e)return;const{maxDataValue:r,minDataValue:s,stops:t}=e;if(t)this.stops=t;else{const[t,i]=p(e);this.stops=[new a({value:s??void 0,size:i}),new a({value:r??void 0,size:t})]}}render(){const{label:e,state:r,viewModel:{primaryHandleEnabled:s},visibleElements:t}=this,i="disabled"===r,o=this.classes(f.base,c.widget,c.panel,{[c.disabled]:i,[f.primaryHandle]:s,[f.track]:!!t.interactiveTrack});return y("div",{"aria-label":e,class:o},i?null:this.renderContent(this._renderRamp(),f.sliderContainer,f.histogramContainer))}_renderRamp(){const{style:{trackBackgroundColor:e},zoomOptions:r}=this;return y("div",{afterCreate:h,bind:this,class:f.rampElement,"data-node-ref":"_rampNode"},y("svg",{key:"ramp-svg",xmlns:"http://www.w3.org/2000/svg"},y("rect",{fill:m(e),height:"100%",width:"100%",x:"0",y:"0"}),this._renderPrimaryRamp(),this._renderPath()),r?this.renderZoomCaps():null)}_renderPrimaryRamp(){const{_rampFillId:e,style:{trackAboveFillColor:r,trackBelowFillColor:s},viewModel:t}=this;return[y("defs",null,this.renderRampFillDefinition(e,t.getGradientStopInfo(r,s)))]}_renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(null==e||null==r)return;const{stops:s,viewModel:{max:t,min:i},_rampFillId:o,_minRampFillWidth:a}=this,l=u({max:t,min:i,pathHeight:e,pathWidth:r,stops:s,padding:a});return y("path",{d:l,fill:`url(#${o})`})}};e([s()],w.prototype,"handlesSyncedToPrimary",null),e([s()],w.prototype,"label",null),e([s(),v("esri/widgets/smartMapping/SizeSlider/t9n/SizeSlider")],w.prototype,"messages",void 0),e([s()],w.prototype,"persistSizeRangeEnabled",null),e([s()],w.prototype,"stops",null),e([s()],w.prototype,"style",void 0),e([t("style")],w.prototype,"castStyle",null),e([s({type:d})],w.prototype,"viewModel",void 0),w=g=e([i("esri.widgets.smartMapping.BinaryColorSizeSlider")],w);const C=w;function z(e){if(e.length<=1)return{};const r=e=>{if("cim"===e.type)return l(e);if(e.symbolLayers){const r=e.symbolLayers?.at(0);return r.material?.color}return e.color};return{trackBelowFillColor:r(e[0].symbol)??void 0,trackAboveFillColor:r(e[1].symbol)??void 0}}export{C as default};
+import{__decorate as e}from"tslib";import r from"../../Color.js";import{property as t}from"../../core/accessorSupport/decorators/property.js";import{cast as s}from"../../core/accessorSupport/decorators/cast.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import{authoringInfoFirstVariableSliderMinMax as o}from"../../renderers/support/authoringInfoUtils.js";import a from"../../renderers/visualVariables/support/SizeStop.js";import{getCIMSymbolColor as l}from"../../symbols/support/cimSymbolUtils.js";import n from"./SmartMappingSliderBase.js";import d from"./BinaryColorSizeSlider/BinaryColorSizeSliderViewModel.js";import{getSizesFromVariable as p,getFillFromColor as m,getDynamicPathForSizeStops as u}from"./support/utils.js";import{globalCss as c}from"../support/globalCss.js";import{messageBundle as h,tsx as v}from"../support/widget.js";import{storeNode as y}from"../support/widgetUtils.js";var g;const b="esri-binary-color-size-slider",f={base:b,rampElement:`${b}__ramp`,sliderContainer:`${b}__slider-container`,histogramContainer:`${b}__histogram-container`,primaryHandle:`${b}--primary-handle`,track:`${b}--interactive-track`},w={trackBackgroundColor:new r([224,224,224]),trackAboveFillColor:new r([149,149,149]),trackBelowFillColor:new r([149,149,149])};let S=g=class extends n{constructor(e,r){super(e,r),this._minRampFillWidth=.2,this._rampNode=null,this.messages=null,this.style={...w},this.viewModel=new d,this._rampFillId=`${this.id}-linear-gradient`}get handlesSyncedToPrimary(){return this.viewModel.handlesSyncedToPrimary}set handlesSyncedToPrimary(e){this.viewModel.handlesSyncedToPrimary=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get persistSizeRangeEnabled(){return this.viewModel.persistSizeRangeEnabled}set persistSizeRangeEnabled(e){this.viewModel.persistSizeRangeEnabled=e}get stops(){return this.viewModel.stops}set stops(e){this.viewModel.stops=e}castStyle(e){return{...w,...e}}static fromRendererResult(e,r){const{size:{visualVariables:t},statistics:s}=e,{avg:i,stddev:a}=s,l=t[0].stops,[n,d]=o(e.renderer.authoringInfo),p=z(e.renderer.classBreakInfos);return new g({max:d,min:n,stops:l??void 0,histogramConfig:{average:i??void 0,standardDeviation:a??void 0,bins:r?r.bins:[]},style:p,handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateFromRendererResult(e,r){const{size:{visualVariables:t},statistics:s}=e,{avg:i,stddev:a}=s,l=t[0].stops,[n,d]=o(e.renderer.authoringInfo),p=z(e.renderer.classBreakInfos);this.set({max:d,min:n,stops:l,histogramConfig:{average:i,standardDeviation:a,bins:r?r.bins:[]},style:p,handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateRenderer(e){if("univariate-color-size"!==e.authoringInfo?.type||"above-and-below"!==e.authoringInfo?.univariateTheme)return console.error("Input renderer must be a univariate renderer with an above-and-below theme."),null;const r=e.clone(),t=r.visualVariables?.find(e=>"size"===e.type&&"outline"!==e.target&&e.stops),{stops:s}=this;if(!r.visualVariables||!t||!s)return console.error("No size stops available."),null;const i=r.visualVariables.indexOf(t);r.visualVariables.splice(i,1),t.stops=s,r.visualVariables.push(t);const o=s[5===s.length?2:1].value;return r.classBreakInfos[0].maxValue=o,r.classBreakInfos[1].minValue=o,r}updateFromVisualVariable(e){if(!e)return;const{maxDataValue:r,minDataValue:t,stops:s}=e;if(s)this.stops=s;else{const[s,i]=p(e);this.stops=[new a({value:t??void 0,size:i}),new a({value:r??void 0,size:s})]}}render(){const{label:e,state:r,viewModel:{primaryHandleEnabled:t},visibleElements:s}=this,i="disabled"===r,o=this.classes(f.base,c.widget,c.panel,{[c.disabled]:i,[f.primaryHandle]:t,[f.track]:!!s.interactiveTrack});return v("div",{"aria-label":e,class:o},i?null:this.renderContent(this._renderRamp(),f.sliderContainer,f.histogramContainer))}_renderRamp(){const{style:{trackBackgroundColor:e},zoomOptions:r}=this;return v("div",{afterCreate:y,bind:this,class:f.rampElement,"data-node-ref":"_rampNode"},v("svg",{key:"ramp-svg",xmlns:"http://www.w3.org/2000/svg"},v("rect",{fill:m(e),height:"100%",width:"100%",x:"0",y:"0"}),this._renderPrimaryRamp(),this._renderPath()),r?this.renderZoomCaps():null)}_renderPrimaryRamp(){const{_rampFillId:e,style:{trackAboveFillColor:r,trackBelowFillColor:t},viewModel:s}=this;return[v("defs",null,this.renderRampFillDefinition(e,s.getGradientStopInfo(r,t)))]}_renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(null==e||null==r)return;const{stops:t,viewModel:{max:s,min:i},_rampFillId:o,_minRampFillWidth:a}=this,l=u({max:s,min:i,pathHeight:e,pathWidth:r,stops:t,padding:a});return v("path",{d:l,fill:`url(#${o})`})}};e([t()],S.prototype,"handlesSyncedToPrimary",null),e([t()],S.prototype,"label",null),e([t(),h("esri/widgets/smartMapping/SizeSlider/t9n/SizeSlider")],S.prototype,"messages",void 0),e([t()],S.prototype,"persistSizeRangeEnabled",null),e([t()],S.prototype,"stops",null),e([t()],S.prototype,"style",void 0),e([s("style")],S.prototype,"castStyle",null),e([t({type:d})],S.prototype,"viewModel",void 0),S=g=e([i("esri.widgets.smartMapping.BinaryColorSizeSlider")],S);const C=S;function z(e){if(e.length<=1)return{};const r=e=>{if("cim"===e.type)return l(e);if(e.symbolLayers){const r=e.symbolLayers?.at(0);return r.material?.color}return e.color};return{trackBelowFillColor:r(e[0].symbol)??void 0,trackAboveFillColor:r(e[1].symbol)??void 0}}export{C as default};

package/widgets/smartMapping/ClassedColorSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import{property as r}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as s}from"../../core/accessorSupport/decorators/subclass.js";import t from"../../renderers/support/ClassBreakInfo.js";import o from"./SmartMappingSliderBase.js";import i from"./ClassedColorSlider/ClassedColorSliderViewModel.js";import{globalCss as l}from"../support/globalCss.js";import"../support/widgetUtils.js";import{messageBundle as a}from"../support/decorators/messageBundle.js";import{tsx as n}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";var m;const d="esri-classed-color-slider",p={base:d,rampElement:`${d}__ramp`,sliderContainer:`${d}__slider-container`,histogramContainer:`${d}__histogram-container`,track:`${d}--interactive-track`};let c=m=class extends o{constructor(e,r){super(e,r),this.messages=null,this.viewModel=new i,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}get breaks(){return this.viewModel.breaks}set breaks(e){this.viewModel.breaks=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}});return new m({breaks:t,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map((e,s)=>{const o=e.symbol;return o.color=r[s].color,new t({minValue:r[s].min,maxValue:r[s].max,symbol:o})});console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}});this.set({breaks:t}),r?.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,t="disabled"===e,o=this.classes(p.base,l.widget,l.panel,{[l.disabled]:t,[p.track]:!!s.interactiveTrack});return n("div",{"aria-label":r,class:o},t?null:this.renderContent(this._renderRamp(),p.sliderContainer,p.histogramContainer))}_renderRamp(){const{_bgFillId:e,_rampFillId:r,viewModel:s}=this,t=s.getStopInfo();return n("div",{class:p.rampElement},n("svg",{xmlns:"http://www.w3.org/2000/svg"},n("defs",null,this.renderRampFillDefinition(r,t),this.renderBackgroundFillDefinition(e)),n("rect",{fill:`url(#${e})`,height:"100%",width:"100%",x:"0",y:"0"}),n("rect",{fill:`url(#${r})`,height:"100%",width:"100%",x:"0",y:"0"})))}};e([r()],c.prototype,"breaks",null),e([r()],c.prototype,"label",null),e([r(),a("esri/widgets/smartMapping/ClassedColorSlider/t9n/ClassedColorSlider")],c.prototype,"messages",void 0),e([r({type:i})],c.prototype,"viewModel",void 0),c=m=e([s("esri.widgets.smartMapping.ClassedColorSlider")],c);const u=c;export{u as default};
+import{__decorate as e}from"tslib";import{property as r}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{subclass as s}from"../../core/accessorSupport/decorators/subclass.js";import t from"../../renderers/support/ClassBreakInfo.js";import o from"./SmartMappingSliderBase.js";import i from"./ClassedColorSlider/ClassedColorSliderViewModel.js";import{globalCss as l}from"../support/globalCss.js";import{messageBundle as a,tsx as n}from"../support/widget.js";var m;const d="esri-classed-color-slider",p={base:d,rampElement:`${d}__ramp`,sliderContainer:`${d}__slider-container`,histogramContainer:`${d}__histogram-container`,track:`${d}--interactive-track`};let c=m=class extends o{constructor(e,r){super(e,r),this.messages=null,this.viewModel=new i,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}get breaks(){return this.viewModel.breaks}set breaks(e){this.viewModel.breaks=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}});return new m({breaks:t,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map((e,s)=>{const o=e.symbol;return o.color=r[s].color,new t({minValue:r[s].min,maxValue:r[s].max,symbol:o})});console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}});this.set({breaks:t}),r?.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,t="disabled"===e,o=this.classes(p.base,l.widget,l.panel,{[l.disabled]:t,[p.track]:!!s.interactiveTrack});return n("div",{"aria-label":r,class:o},t?null:this.renderContent(this._renderRamp(),p.sliderContainer,p.histogramContainer))}_renderRamp(){const{_bgFillId:e,_rampFillId:r,viewModel:s}=this,t=s.getStopInfo();return n("div",{class:p.rampElement},n("svg",{xmlns:"http://www.w3.org/2000/svg"},n("defs",null,this.renderRampFillDefinition(r,t),this.renderBackgroundFillDefinition(e)),n("rect",{fill:`url(#${e})`,height:"100%",width:"100%",x:"0",y:"0"}),n("rect",{fill:`url(#${r})`,height:"100%",width:"100%",x:"0",y:"0"})))}};e([r()],c.prototype,"breaks",null),e([r()],c.prototype,"label",null),e([r(),a("esri/widgets/smartMapping/ClassedColorSlider/t9n/ClassedColorSlider")],c.prototype,"messages",void 0),e([r({type:i})],c.prototype,"viewModel",void 0),c=m=e([s("esri.widgets.smartMapping.ClassedColorSlider")],c);const u=c;export{u as default};

package/widgets/smartMapping/ClassedSizeSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import r from"../../Color.js";import{property as s}from"../../core/accessorSupport/decorators/property.js";import{cast as t}from"../../core/accessorSupport/decorators/cast.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import a from"../../renderers/support/ClassBreakInfo.js";import o from"./SmartMappingSliderBase.js";import l from"./ClassedSizeSlider/ClassedSizeSliderViewModel.js";import{getFillFromColor as n}from"./support/utils.js";import{globalCss as m}from"../support/globalCss.js";import{storeNode as p}from"../support/widgetUtils.js";import{messageBundle as c}from"../support/decorators/messageBundle.js";import{tsx as d}from"../support/jsxFactory.js";import"@arcgis/toolkit/dom";var h;const u="esri-classed-size-slider",b={base:u,rampElement:`${u}__ramp`,sliderContainer:`${u}__slider-container`,histogramContainer:`${u}__histogram-container`,track:`${u}--interactive-track`},g={trackFillColor:new r([149,149,149]),trackBackgroundColor:new r([224,224,224])};let k=h=class extends o{constructor(e,r){super(e,r),this._rampNode=null,this.messages=null,this.style={...g},this.viewModel=new l}get breaks(){return this.viewModel.breaks}set breaks(e){this.viewModel.breaks=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}castStyle(e){return{...g,...e}}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol;let s;switch(r.type){case"simple-line":s=r.width;break;case"simple-marker":s=r.size;break;case"picture-marker":s=r.height}return{min:e.minValue,max:e.maxValue,size:s}});return new h({breaks:t,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map((e,s)=>{const t=e.symbol;switch(t.type){case"simple-line":t.width=r[s].size;break;case"simple-marker":t.size=r[s].size;break;case"picture-marker":{const e=r[s].size,i=t.width,a=t.height;t.height=e,t.width=e/a*i;break}}return new a({minValue:r[s].min,maxValue:r[s].max,symbol:t})});console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol;let s;switch(r.type){case"simple-line":s=r.width;break;case"simple-marker":s=r.size;break;case"picture-marker":s=r.height}return{min:e.minValue,max:e.maxValue,size:s}});this.set({breaks:t}),r?.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,t="disabled"===e,i=this.classes(b.base,m.widget,m.panel,{[m.disabled]:t,[b.track]:!!s.interactiveTrack});return d("div",{"aria-label":r,class:i},t?null:this.renderContent(this._renderRamp(),b.sliderContainer,b.histogramContainer))}_renderRamp(){const{style:{trackBackgroundColor:e}}=this;return d("div",{afterCreate:p,bind:this,class:b.rampElement,"data-node-ref":"_rampNode"},d("svg",{xmlns:"http://www.w3.org/2000/svg"},d("rect",{fill:n(e),height:"100%",width:"100%",x:"0",y:"0"}),this._renderPath()))}_renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(null==e||null==r)return;const{breaks:s,viewModel:{max:t,min:i},style:{trackFillColor:a}}=this,o=t-i,l=r/s.length,m=s.map(r=>e-Math.round((r.min-i)/o*e)+1).reverse(),p=s[0].size>s[s.length-1].size||!1;let c=p?l:r,h=`M${c} 0 `;return m.forEach((e,s)=>{const t=l*(s+1);h+=`L${c} ${e} `,c=p?l+t:r-t,h+=`L${c} ${e} `}),h+=`L0 ${e} L0 ${e} L0 0 Z`,d("path",{d:h,fill:n(a)})}};e([s()],k.prototype,"breaks",null),e([s()],k.prototype,"label",null),e([s(),c("esri/widgets/smartMapping/ClassedSizeSlider/t9n/ClassedSizeSlider")],k.prototype,"messages",void 0),e([s()],k.prototype,"style",void 0),e([t("style")],k.prototype,"castStyle",null),e([s({type:l})],k.prototype,"viewModel",void 0),k=h=e([i("esri.widgets.smartMapping.ClassedSizeSlider")],k);const f=k;export{f as default};
+import{__decorate as e}from"tslib";import r from"../../Color.js";import{property as s}from"../../core/accessorSupport/decorators/property.js";import{cast as t}from"../../core/accessorSupport/decorators/cast.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import a from"../../renderers/support/ClassBreakInfo.js";import o from"./SmartMappingSliderBase.js";import l from"./ClassedSizeSlider/ClassedSizeSliderViewModel.js";import{getFillFromColor as n}from"./support/utils.js";import{globalCss as m}from"../support/globalCss.js";import{messageBundle as p,tsx as d}from"../support/widget.js";import{storeNode as c}from"../support/widgetUtils.js";var h;const u="esri-classed-size-slider",b={base:u,rampElement:`${u}__ramp`,sliderContainer:`${u}__slider-container`,histogramContainer:`${u}__histogram-container`,track:`${u}--interactive-track`},g={trackFillColor:new r([149,149,149]),trackBackgroundColor:new r([224,224,224])};let k=h=class extends o{constructor(e,r){super(e,r),this._rampNode=null,this.messages=null,this.style={...g},this.viewModel=new l}get breaks(){return this.viewModel.breaks}set breaks(e){this.viewModel.breaks=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}castStyle(e){return{...g,...e}}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol;let s;switch(r.type){case"simple-line":s=r.width;break;case"simple-marker":s=r.size;break;case"picture-marker":s=r.height}return{min:e.minValue,max:e.maxValue,size:s}});return new h({breaks:t,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map((e,s)=>{const t=e.symbol;switch(t.type){case"simple-line":t.width=r[s].size;break;case"simple-marker":t.size=r[s].size;break;case"picture-marker":{const e=r[s].size,i=t.width,a=t.height;t.height=e,t.width=e/a*i;break}}return new a({minValue:r[s].min,maxValue:r[s].max,symbol:t})});console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,t=s.map(e=>{const r=e.symbol;let s;switch(r.type){case"simple-line":s=r.width;break;case"simple-marker":s=r.size;break;case"picture-marker":s=r.height}return{min:e.minValue,max:e.maxValue,size:s}});this.set({breaks:t}),r?.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,t="disabled"===e,i=this.classes(b.base,m.widget,m.panel,{[m.disabled]:t,[b.track]:!!s.interactiveTrack});return d("div",{"aria-label":r,class:i},t?null:this.renderContent(this._renderRamp(),b.sliderContainer,b.histogramContainer))}_renderRamp(){const{style:{trackBackgroundColor:e}}=this;return d("div",{afterCreate:c,bind:this,class:b.rampElement,"data-node-ref":"_rampNode"},d("svg",{xmlns:"http://www.w3.org/2000/svg"},d("rect",{fill:n(e),height:"100%",width:"100%",x:"0",y:"0"}),this._renderPath()))}_renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(null==e||null==r)return;const{breaks:s,viewModel:{max:t,min:i},style:{trackFillColor:a}}=this,o=t-i,l=r/s.length,m=s.map(r=>e-Math.round((r.min-i)/o*e)+1).reverse(),p=s[0].size>s[s.length-1].size||!1;let c=p?l:r,h=`M${c} 0 `;return m.forEach((e,s)=>{const t=l*(s+1);h+=`L${c} ${e} `,c=p?l+t:r-t,h+=`L${c} ${e} `}),h+=`L0 ${e} L0 ${e} L0 0 Z`,d("path",{d:h,fill:n(a)})}};e([s()],k.prototype,"breaks",null),e([s()],k.prototype,"label",null),e([s(),p("esri/widgets/smartMapping/ClassedSizeSlider/t9n/ClassedSizeSlider")],k.prototype,"messages",void 0),e([s()],k.prototype,"style",void 0),e([t("style")],k.prototype,"castStyle",null),e([s({type:l})],k.prototype,"viewModel",void 0),k=h=e([i("esri.widgets.smartMapping.ClassedSizeSlider")],k);const f=k;export{f as default};