@arcgis/core 4.24.0-next.20220430 → 4.24.0-next.20220503

package/widgets/UtilityNetworkTrace/UtilityNetworkTraceViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Collection.js";import s from"../../core/Error.js";import r from"../../core/Evented.js";import{HandleOwnerMixin as i}from"../../core/HandleOwner.js";import a from"../../core/Logger.js";import{isSome as l}from"../../core/maybe.js";import{when as o}from"../../core/reactiveUtils.js";import{property as n}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as c}from"../../core/accessorSupport/decorators/subclass.js";import h from"../../geometry/Point.js";import{getObjectIdsFromElements as p,getFeaturesFromLayers as u}from"../../networks/support/utils.js";import{trace as g}from"../../rest/networks/trace.js";import d from"../../rest/networks/support/TraceLocation.js";import m from"../../rest/networks/support/TraceParameters.js";import{GeometryHandler as y}from"./support/GeometryHandler.js";import{GraphicHandler as f}from"./support/GraphicHandler.js";const w="esri.widgets.UtilityNetworkTrace.UtilityNetworkTraceViewModel",_=a.getLogger(w);let b=class extends(i(r.EventedAccessor)){constructor(e){super(e),this._activeProgress=!1,this._clickHandler=null,this._flags=[],this._geometryHandler=null,this._graphicHandler=null,this._highlightHandler=[],this._traces=[],this._traceResults=[],this._unObject=null,this.defaultGraphicColor={color:[255,255,0,.6],haloOpacity:.9,fillOpacity:.2,hex:"#FFFF00"},this.flags=[],this.gdbVersion="sde.DEFAULT",this.selectedTraces=[],this.selectOnComplete=!0,this.showGraphicsOnComplete=!0,this.showSelectionAttributes=!0}initialize(){this._geometryHandler=new y,this._graphicHandler=new f}destroy(){this.view=null}get state(){var e;return null!=(e=this.view)&&e.ready?"ready":"loading"}get view(){return this._get("view")}set view(e){e&&"2d"!==e.type&&_.error(new s("view:invalid-view","SceneView is not supported",{view:e})),this._set("view",e)}addFlagByHit(e,t){return new Promise(((s,r)=>{this.view.popup.autoOpenEnabled=!1,this._clickHandler&&this._clickHandler.remove(),this.emit("add-flag",{type:e}),this._clickHandler=this.view.on("click",(i=>{this.queryFlagByHitTest(i,e,t).then((r=>{this.view.popup.autoOpenEnabled=!0,this._clickHandler.remove(),this.emit("add-flag-complete",{type:e,symbol:t}),s(r)})).catch((s=>{this.view.popup.autoOpenEnabled=!0,this._clickHandler.remove(),this.emit("add-flag-error",{type:e,symbol:t}),r(s)}))}))}))}async addFlagsOnLoad(){const e=[];return await this.view.when(),new Promise((t=>{const s=o((()=>!this.view.updating),(async()=>{await Promise.all(this.flags.map((async t=>{if(t.mapPoint){const s=new h({x:t.mapPoint.x,y:t.mapPoint.y,spatialReference:t.mapPoint.spatialReference.wkid}),r={screenPoint:this.view.toScreen(s),mapPoint:s};await this.queryFlagByHitTest(r,t.type)||("barrier"===t.type?e.push("barrier"):e.push("starting-point"))}}))),s.remove(),t(e)}))}))}async addResultGraphicToView(e,t){for(const s in e.results.aggregatedGeometry)if("line,multipoint,polygon".includes(s)&&null!==e.results.aggregatedGeometry[s]){e.results.aggregatedGeometry[s].spatialReference=this._unObject.spatialReference,e.graphicEnabled=!0;const r=await this._geometryHandler.projectGeometry(e.results.aggregatedGeometry[s],this.view.spatialReference),i={globalid:e.trace.globalId};if(null!==r){const e=this._graphicHandler.makeGraphic(r,t.color,i,this.view.spatialReference);this.view.graphics.add(e)}}}addTerminal(e,t){const s=[...this._flags];s.forEach((s=>{s.globalId===t.globalId&&(t.selectedTerminals.includes(parseInt(e,10))||s.selectedTerminals.push(parseInt(e,10)))})),this._flags=s}async callTrace(){const e=this._traces.filter((e=>e.selected));return e.length>0&&(this._traceResults.length>0&&this._traceResults.forEach((e=>{this.removeResultGraphicFromView(e)})),this._traceResults=[],this.removeSelection(),await Promise.all(e.map((async(e,t)=>{const s=e,r=new m({gdbVersion:this.gdbVersion,moment:null,traceType:s.traceType,traceLocations:this._flags,namedTraceConfigurationGlobalId:s.globalId,traceConfiguration:null,outSpatialReference:null,resultTypes:null});await this.executeTrace(s,this._unObject.networkServiceUrl,r).then((e=>{if(e.hasOwnProperty("results")){const s={...e},r=[...s.results.elements];s.results.elements.length=0;const i=new Map;for(const e of r)i.has(e.globalId)||(i.set(e.globalId,!0),s.results.elements.push(e));const a=[...this._traceResults];a.splice(t,0,s),this._traceResults=a,null!==s.results&&(this.selectOnComplete&&this.mergeSelection(!0,s.trace),this.showGraphicsOnComplete&&this.addResultGraphicToView(s,s.graphicColor)),this._activeProgress=!1}else{this._activeProgress=!1;const s=[...this._traceResults];s.splice(t,0,e),this._traceResults=s}})).catch((e=>{throw this._activeProgress=!1,e}))}))),!0)}changeResultGraphicColor(e,t){const s=[...this._traceResults];s.length>0&&s.forEach((s=>{s.trace.globalId===t.trace.globalId&&(s.graphicColor=e,s.graphicEnabled=!0)})),this._traceResults=s,this.removeResultGraphicFromView(t),this.addResultGraphicToView(t,e)}changeFlagSymbol(e,t){this._flags.length>0&&this._flags.forEach((s=>{s.type===e&&t&&(s.mapGraphic.symbol=t)}))}checkCanTrace(){const e={status:!0,issues:[]};let t=[];return this._flags.some((e=>"starting-point"===e.type))?(t=this._traces.filter((e=>e.selected)),t.length<=0&&(e.status=!1,e.issues=["noTrace"])):(t=this._traces.filter((e=>!0===e.selected)),t.length>0?(e.status=!1,e.issues=["noStart"]):(e.status=!1,e.issues=["noStart","noTrace"])),e}checkSelectionExist(){let e=!1;return this._highlightHandler.some((t=>{t&&(e=!0)})),e}clearResult(e){let t=this._traceResults;if(t.length>0){const s=t.filter((t=>t.trace.globalId===e.globalId));s.length>0&&this.removeResultGraphicFromView(s[0]),t=t.filter((t=>t.trace.globalId!==e.globalId))}this._traceResults=t,0===t.length?(this.removeSelection(),this.emit("clear-selection",{resultSet:[]})):this.mergeSelection(!1,e)}executeTrace(e,t,s){const r=this._processFlags(s.traceLocations);return s.traceLocations=r,g(t,s).then((t=>({trace:e,results:t,selectionEnabled:!1,graphicEnabled:!1,graphicColor:this.defaultGraphicColor,status:"success"}))).catch((t=>({trace:e,results:null,selectionEnabled:!1,graphicEnabled:!1,graphicColor:this.defaultGraphicColor,status:t.message})))}getValidSources(){let e=[];const t=this._unObject.dataElement.domainNetworks;for(const s of t)e=e.concat(s.junctionSources),e=e.concat(s.edgeSources);return e}async loadUtilityNetwork(){var e;await this.view.when();const t=this.view.map;if(null!=(e=t.utilityNetworks)&&e.length){const e=t.utilityNetworks.getItemAt(0);await e.load(),this._unObject=e;try{await t.loadAll(),this._populateOutfields()}catch(s){this._populateOutfields()}return e}return null}manageFilterBarrier(e,t){const s=[...this._flags];s.forEach((s=>{s.globalId===t.globalId&&"barrier"===t.type&&s.id===t.id&&(s.isFilterBarrier=e)})),this._flags=s}mergeSelection(e,t){let s=[];const r=[...this._traceResults],i=t.globalId;r.forEach((t=>{i===t.trace.globalId&&(t.selectionEnabled=e),t.selectionEnabled&&null!==t.results.elements&&(s=s.concat(t.results.elements))})),this.selectResults([...new Set(s)])}async queryFeaturesById(e){const s=p(this._unObject,e),r=this._getUniqueMapLayerViews(this.view),i={layerUrl:s[0].layerUrl,objectIds:s[0].objectIds,outFields:["*"]},a=r.filter((e=>e.layer.parsedUrl.path===s[0].layerUrl));if(a.length>0){const e=(await Promise.all(a.map((async e=>{const s=new t,r=e.layer;s.add(r);const a={layers:s,layerInfos:[i],returnGeometry:!0,outSpatialReference:this.view.spatialReference};return(await u(a))[0]})))).filter((e=>e.featureSet.features.length>0));if(e.length>0){let t=[];return e.forEach((e=>{t=t.concat(e.featureSet.features)})),e[0].featureSet.features.length=0,e[0].featureSet.features=e[0].featureSet.features.concat(t),e[0]}return null}return null}queryFlagByHitTest(e,t,s){return this._lookupFlagByHit(e).then((e=>{if(e.length>0){const r=[...this._flags],i=s;return e.forEach((e=>{const s=e.graphic,a=s.attributes.hasOwnProperty("GLOBALID")?s.attributes.GLOBALID:s.attributes.globalid;if(r.filter((e=>e.globalId===a)).length<=0){const e=this._graphicHandler.getFlagGraphic(s.mapPoint,t,s,i);this.view.graphics.add(e),r.push({...s,type:t,globalId:s.attributes.globalid?s.attributes.globalid:s.attributes.GLOBALID,details:s,mapGraphic:e,id:r.length+1})}else if(null!==s.percentAlong){const e=this._graphicHandler.getFlagGraphic(s.mapPoint,t,s,i);this.view.graphics.add(e),r.push({...s,type:t,globalId:s.attributes.globalid?s.attributes.globalid:s.attributes.GLOBALID,details:s,mapGraphic:e,id:r.length+1})}})),this._flags=r,!0}return!1}))}removeResultGraphicFromView(e){const t=this.view.graphics;e.graphicEnabled=!1;t.filter((t=>t.attributes[t.attributes.hasOwnProperty("GLOBALID")?"GLOBALID":"globalid"]===e.trace.globalId)).forEach((e=>{this.view.graphics.remove(e)}))}removeFlag(e){const t=this._flags.filter((t=>{if(t.id!==e.id)return t}));this._removeGraphic(e),this._flags=t}removeSelection(){this._highlightHandler.forEach((e=>{e&&e.remove()})),this._highlightHandler=[]}removeTerminal(e,t){const s=[...this._flags];s.forEach((s=>{if(s.globalId===t.globalId&&t.selectedTerminals.includes(parseInt(e,10))){const r=t.selectedTerminals.indexOf(parseInt(e,10));s.selectedTerminals.splice(r,1)}})),this._flags=s}reset(){this._flags=[],this._traceResults=[];const e=[...this._traces];e.forEach((e=>{e.selected=!1})),this._traces=e,this.view.graphics.removeAll(),this.removeSelection(),this.emit("clear-selection",{resultSet:[]})}selectFeaturesById(e){const t=p(this._unObject,e);this._getUniqueMapLayerViews(this.view).forEach((e=>{e.layer.parsedUrl.path===t[0].layerUrl&&this._highlightHandler.push(e.highlight(t[0].objectIds))}))}selectResults(e){if(e.length>0){this.removeSelection();const t=this._groupResultsByNetworkSource(e),s=[];for(const e in t)this.selectFeaturesById(t[e]),s.push(this.queryFeaturesById(t[e]));Promise.all(s).then((e=>{this.emit("select-features",{resultSet:e})}))}else this.removeSelection(),this.emit("clear-selection",{resultSet:[]})}selectTraces(e,t){const s=[...this._traces];s.forEach((s=>{t===s.globalId&&(s.selected=e)})),this._traces=s}selectTracesOnLoad(){this._unObject.hasOwnProperty("sharedNamedTraceConfigurations")&&(this._traces=[...this._unObject.sharedNamedTraceConfigurations],this._traces.forEach((e=>{e.selected=!1,this.selectedTraces.includes(e.globalId)&&(e.selected=!0)})))}zoomToAsset(e){this.view.goTo(e).catch((e=>{console.error(e)}))}_getUniqueMapLayerViews(e){const t=[];return e.layerViews.filter((e=>"feature"===e.layer.type||"group"===e.layer.type)).forEach((e=>{"group"===e.type?e.layerViews.forEach((e=>{t.push(e)})):t.some((t=>t.layer.layerId===e.layer.layerId))||t.push(e)})),t}_processFlags(e){const t=[];return e.forEach((e=>{if(null!==e.selectedTerminals&&e.selectedTerminals.length>0)e.selectedTerminals.forEach((s=>{const r=new d({globalId:e.globalId,percentAlong:e.percentAlong,terminalId:s,type:e.type,isFilterBarrier:e.isFilterBarrier});t.push(r)}));else{const s=new d({globalId:e.globalId,percentAlong:e.percentAlong,terminalId:null,type:e.type,isFilterBarrier:e.isFilterBarrier});t.push(s)}})),t}_getDisplayField(e){const t=e.layer;let s=t.displayField,r="";for(const i in e.attributes){const a=i.toLowerCase();if(a===s.toLowerCase())if(r=e.attributes[i],"assetgroup"===a||"assettype"===a){let i=e.attributes[t.typeIdField.toUpperCase()];i||(i=e.attributes[t.typeIdField.toLowerCase()]),s=t.typeIdField,r=this._checkSubtype(t,i)}else r=this._checkDomain(t.fields,i,r)}return{field:s,value:r}}_checkSubtype(e,t){let s=t;if(null!==e.types&&e.types.length>0){const r=e.types.filter((e=>e.id===t));r.length>0&&(s=r[0].name)}return s}_checkDomain(e,t,s){let r=s;const i=e.filter((e=>e.name.toLowerCase()===t.toLowerCase()));if(i.length>0&&null!==i[0].domain){const e=i[0].domain.codedValues.filter((e=>e.code===s));e.length>0&&(r=e[0].name)}return r}_groupBy(e,t){return e.reduce(((e,s)=>((e[s[t]]=e[s[t]]||[]).push(s),e)),{})}_groupResultsByNetworkSource(e){if(e.length>0){if(e[0].hasOwnProperty("results")){const t=e[0].results.elements;return this._groupBy(t,"networkSourceId")}return this._groupBy(e,"networkSourceId")}if(e.hasOwnProperty("results")){const t=e.results.elements;return this._groupBy(t,"networkSourceId")}return[]}_lookupFlagByHit(e){return this.view.hitTest(e.screenPoint,{exclude:this.view.graphics}).then((t=>{const s=[];if(t.results.length>0){const r=t.results[0];if(r.graphic&&l(r.graphic.geometry))if("polyline"===r.graphic.geometry.type){const t=this._geometryHandler.getPercentageAlong(r.graphic.geometry,e.mapPoint,r.graphic.geometry.spatialReference),i=this._getDisplayField(r.graphic);r.graphic.terminalId=null,r.graphic.isFilterBarrier=!1,r.graphic.allTerminals=null,r.graphic.selectedTerminals=null,r.graphic.percentAlong=t,r.graphic.displayValue=i,r.graphic.mapPoint=r.mapPoint,s.push(r)}else if(("point"===r.graphic.geometry.type||"polygon"===r.graphic.geometry.type)&&null!==this._unObject){const e=this._unObject.getTerminalConfiguration(r.graphic),t=this._getDisplayField(r.graphic);r.graphic.terminalId=e?e.terminals[0].id?e.terminals[0].id:null:1,r.graphic.isFilterBarrier=!1,r.graphic.allTerminals=e||null,r.graphic.selectedTerminals=[e?e.terminals[0].id?e.terminals[0].id:null:1],r.graphic.percentAlong=null,r.graphic.displayValue=t,r.graphic.mapPoint=r.mapPoint,s.push(r)}}return s}))}async _populateOutfields(){const e=this.view.map,t=this.getValidSources();e.layers.forEach((e=>{"group"===e.type?e.layers.forEach((e=>{t.some((t=>t.layerId===e.layerId))&&e.fields.some((e=>"assetgroup"===e.name.toLowerCase()))&&(e.outFields=["assetgroup","assettype","globalid","objectid"])})):t.some((t=>t.layerId===e.layerId))&&e.fields.some((e=>"assetgroup"===e.name.toLowerCase()))&&(e.outFields=["assetgroup","assettype","globalid","objectid"])}))}_removeGraphic(e){this.view.graphics.remove(e.mapGraphic)}};e([n()],b.prototype,"defaultGraphicColor",void 0),e([n()],b.prototype,"flags",void 0),e([n()],b.prototype,"gdbVersion",void 0),e([n()],b.prototype,"selectedTraces",void 0),e([n()],b.prototype,"selectOnComplete",void 0),e([n()],b.prototype,"showGraphicsOnComplete",void 0),e([n()],b.prototype,"showSelectionAttributes",void 0),e([n({readOnly:!0})],b.prototype,"state",null),e([n({value:null})],b.prototype,"view",null),b=e([c(w)],b);const v=b;export{v as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Collection.js";import s from"../../core/Error.js";import r from"../../core/Evented.js";import{HandleOwnerMixin as i}from"../../core/HandleOwner.js";import a from"../../core/Logger.js";import{isSome as l}from"../../core/maybe.js";import{when as o}from"../../core/reactiveUtils.js";import{property as n}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as c}from"../../core/accessorSupport/decorators/subclass.js";import h from"../../geometry/Point.js";import{getObjectIdsFromElements as p,getFeaturesFromLayers as u}from"../../networks/support/utils.js";import{trace as g}from"../../rest/networks/trace.js";import d from"../../rest/networks/support/TraceLocation.js";import m from"../../rest/networks/support/TraceParameters.js";import{GeometryHandler as y}from"./support/GeometryHandler.js";import{GraphicHandler as f}from"./support/GraphicHandler.js";const w="esri.widgets.UtilityNetworkTrace.UtilityNetworkTraceViewModel",_=a.getLogger(w);let b=class extends(i(r.EventedAccessor)){constructor(e){super(e),this._activeProgress=!1,this._clickHandler=null,this._flags=[],this._geometryHandler=null,this._graphicHandler=null,this._highlightHandler=[],this._traces=[],this._traceResults=[],this._unObject=null,this.defaultGraphicColor={color:[255,255,0,.6],haloOpacity:.9,fillOpacity:.2,hex:"#FFFF00"},this.flags=[],this.gdbVersion="sde.DEFAULT",this.selectedTraces=[],this.selectOnComplete=!0,this.showGraphicsOnComplete=!0,this.showSelectionAttributes=!0}initialize(){this._geometryHandler=new y,this._graphicHandler=new f}destroy(){this.view=null}get state(){return this.view?.ready?"ready":"loading"}get view(){return this._get("view")}set view(e){e&&"2d"!==e.type&&_.error(new s("view:invalid-view","SceneView is not supported",{view:e})),this._set("view",e)}addFlagByHit(e,t){return new Promise(((s,r)=>{this.view.popup.autoOpenEnabled=!1,this._clickHandler&&this._clickHandler.remove(),this.emit("add-flag",{type:e}),this._clickHandler=this.view.on("click",(i=>{this.queryFlagByHitTest(i,e,t).then((r=>{this.view.popup.autoOpenEnabled=!0,this._clickHandler.remove(),this.emit("add-flag-complete",{type:e,symbol:t}),s(r)})).catch((s=>{this.view.popup.autoOpenEnabled=!0,this._clickHandler.remove(),this.emit("add-flag-error",{type:e,symbol:t}),r(s)}))}))}))}async addFlagsOnLoad(){const e=[];return await this.view.when(),new Promise((t=>{const s=o((()=>!this.view.updating),(async()=>{await Promise.all(this.flags.map((async t=>{if(t.mapPoint){const s=new h({x:t.mapPoint.x,y:t.mapPoint.y,spatialReference:t.mapPoint.spatialReference.wkid}),r={screenPoint:this.view.toScreen(s),mapPoint:s};await this.queryFlagByHitTest(r,t.type)||("barrier"===t.type?e.push("barrier"):e.push("starting-point"))}}))),s.remove(),t(e)}))}))}async addResultGraphicToView(e,t){for(const s in e.results.aggregatedGeometry)if("line,multipoint,polygon".includes(s)&&null!==e.results.aggregatedGeometry[s]){e.results.aggregatedGeometry[s].spatialReference=this._unObject.spatialReference,e.graphicEnabled=!0;const r=await this._geometryHandler.projectGeometry(e.results.aggregatedGeometry[s],this.view.spatialReference),i={globalid:e.trace.globalId};if(null!==r){const e=this._graphicHandler.makeGraphic(r,t.color,i,this.view.spatialReference);this.view.graphics.add(e)}}}addTerminal(e,t){const s=[...this._flags];s.forEach((s=>{s.globalId===t.globalId&&(t.selectedTerminals.includes(parseInt(e,10))||s.selectedTerminals.push(parseInt(e,10)))})),this._flags=s}async callTrace(){const e=this._traces.filter((e=>e.selected));return e.length>0&&(this._traceResults.length>0&&this._traceResults.forEach((e=>{this.removeResultGraphicFromView(e)})),this._traceResults=[],this.removeSelection(),await Promise.all(e.map((async(e,t)=>{const s=e,r=new m({gdbVersion:this.gdbVersion,moment:null,traceType:s.traceType,traceLocations:this._flags,namedTraceConfigurationGlobalId:s.globalId,traceConfiguration:null,outSpatialReference:null,resultTypes:null});await this.executeTrace(s,this._unObject.networkServiceUrl,r).then((e=>{if(e.hasOwnProperty("results")){const s={...e},r=[...s.results.elements];s.results.elements.length=0;const i=new Map;for(const e of r)i.has(e.globalId)||(i.set(e.globalId,!0),s.results.elements.push(e));const a=[...this._traceResults];a.splice(t,0,s),this._traceResults=a,null!==s.results&&(this.selectOnComplete&&this.mergeSelection(!0,s.trace),this.showGraphicsOnComplete&&this.addResultGraphicToView(s,s.graphicColor)),this._activeProgress=!1}else{this._activeProgress=!1;const s=[...this._traceResults];s.splice(t,0,e),this._traceResults=s}})).catch((e=>{throw this._activeProgress=!1,e}))}))),!0)}changeResultGraphicColor(e,t){const s=[...this._traceResults];s.length>0&&s.forEach((s=>{s.trace.globalId===t.trace.globalId&&(s.graphicColor=e,s.graphicEnabled=!0)})),this._traceResults=s,this.removeResultGraphicFromView(t),this.addResultGraphicToView(t,e)}changeFlagSymbol(e,t){this._flags.length>0&&this._flags.forEach((s=>{s.type===e&&t&&(s.mapGraphic.symbol=t)}))}checkCanTrace(){const e={status:!0,issues:[]};let t=[];return this._flags.some((e=>"starting-point"===e.type))?(t=this._traces.filter((e=>e.selected)),t.length<=0&&(e.status=!1,e.issues=["noTrace"])):(t=this._traces.filter((e=>!0===e.selected)),t.length>0?(e.status=!1,e.issues=["noStart"]):(e.status=!1,e.issues=["noStart","noTrace"])),e}checkSelectionExist(){let e=!1;return this._highlightHandler.some((t=>{t&&(e=!0)})),e}clearResult(e){let t=this._traceResults;if(t.length>0){const s=t.filter((t=>t.trace.globalId===e.globalId));s.length>0&&this.removeResultGraphicFromView(s[0]),t=t.filter((t=>t.trace.globalId!==e.globalId))}this._traceResults=t,0===t.length?(this.removeSelection(),this.emit("clear-selection",{resultSet:[]})):this.mergeSelection(!1,e)}executeTrace(e,t,s){const r=this._processFlags(s.traceLocations);return s.traceLocations=r,g(t,s).then((t=>({trace:e,results:t,selectionEnabled:!1,graphicEnabled:!1,graphicColor:this.defaultGraphicColor,status:"success"}))).catch((t=>({trace:e,results:null,selectionEnabled:!1,graphicEnabled:!1,graphicColor:this.defaultGraphicColor,status:t.message})))}getValidSources(){let e=[];const t=this._unObject.dataElement.domainNetworks;for(const s of t)e=e.concat(s.junctionSources),e=e.concat(s.edgeSources);return e}async loadUtilityNetwork(){await this.view.when();const e=this.view.map;if(e.utilityNetworks?.length){const s=e.utilityNetworks.getItemAt(0);await s.load(),this._unObject=s;try{await e.loadAll(),this._populateOutfields()}catch(t){this._populateOutfields()}return s}return null}manageFilterBarrier(e,t){const s=[...this._flags];s.forEach((s=>{s.globalId===t.globalId&&"barrier"===t.type&&s.id===t.id&&(s.isFilterBarrier=e)})),this._flags=s}mergeSelection(e,t){let s=[];const r=[...this._traceResults],i=t.globalId;r.forEach((t=>{i===t.trace.globalId&&(t.selectionEnabled=e),t.selectionEnabled&&null!==t.results.elements&&(s=s.concat(t.results.elements))})),this.selectResults([...new Set(s)])}async queryFeaturesById(e){const s=p(this._unObject,e),r=this._getUniqueMapLayerViews(this.view),i={layerUrl:s[0].layerUrl,objectIds:s[0].objectIds,outFields:["*"]},a=r.filter((e=>e.layer.parsedUrl.path===s[0].layerUrl));if(a.length>0){const e=(await Promise.all(a.map((async e=>{const s=new t,r=e.layer;s.add(r);const a={layers:s,layerInfos:[i],returnGeometry:!0,outSpatialReference:this.view.spatialReference};return(await u(a))[0]})))).filter((e=>e.featureSet.features.length>0));if(e.length>0){let t=[];return e.forEach((e=>{t=t.concat(e.featureSet.features)})),e[0].featureSet.features.length=0,e[0].featureSet.features=e[0].featureSet.features.concat(t),e[0]}return null}return null}queryFlagByHitTest(e,t,s){return this._lookupFlagByHit(e).then((e=>{if(e.length>0){const r=[...this._flags],i=s;return e.forEach((e=>{const s=e.graphic,a=s.attributes.hasOwnProperty("GLOBALID")?s.attributes.GLOBALID:s.attributes.globalid;if(r.filter((e=>e.globalId===a)).length<=0){const e=this._graphicHandler.getFlagGraphic(s.mapPoint,t,s,i);this.view.graphics.add(e),r.push({...s,type:t,globalId:s.attributes.globalid?s.attributes.globalid:s.attributes.GLOBALID,details:s,mapGraphic:e,id:r.length+1})}else if(null!==s.percentAlong){const e=this._graphicHandler.getFlagGraphic(s.mapPoint,t,s,i);this.view.graphics.add(e),r.push({...s,type:t,globalId:s.attributes.globalid?s.attributes.globalid:s.attributes.GLOBALID,details:s,mapGraphic:e,id:r.length+1})}})),this._flags=r,!0}return!1}))}removeResultGraphicFromView(e){const t=this.view.graphics;e.graphicEnabled=!1;t.filter((t=>t.attributes[t.attributes.hasOwnProperty("GLOBALID")?"GLOBALID":"globalid"]===e.trace.globalId)).forEach((e=>{this.view.graphics.remove(e)}))}removeFlag(e){const t=this._flags.filter((t=>{if(t.id!==e.id)return t}));this._removeGraphic(e),this._flags=t}removeSelection(){this._highlightHandler.forEach((e=>{e&&e.remove()})),this._highlightHandler=[]}removeTerminal(e,t){const s=[...this._flags];s.forEach((s=>{if(s.globalId===t.globalId&&t.selectedTerminals.includes(parseInt(e,10))){const r=t.selectedTerminals.indexOf(parseInt(e,10));s.selectedTerminals.splice(r,1)}})),this._flags=s}reset(){this._flags=[],this._traceResults=[];const e=[...this._traces];e.forEach((e=>{e.selected=!1})),this._traces=e,this.view.graphics.removeAll(),this.removeSelection(),this.emit("clear-selection",{resultSet:[]})}selectFeaturesById(e){const t=p(this._unObject,e);this._getUniqueMapLayerViews(this.view).forEach((e=>{e.layer.parsedUrl.path===t[0].layerUrl&&this._highlightHandler.push(e.highlight(t[0].objectIds))}))}selectResults(e){if(e.length>0){this.removeSelection();const t=this._groupResultsByNetworkSource(e),s=[];for(const e in t)this.selectFeaturesById(t[e]),s.push(this.queryFeaturesById(t[e]));Promise.all(s).then((e=>{this.emit("select-features",{resultSet:e})}))}else this.removeSelection(),this.emit("clear-selection",{resultSet:[]})}selectTraces(e,t){const s=[...this._traces];s.forEach((s=>{t===s.globalId&&(s.selected=e)})),this._traces=s}selectTracesOnLoad(){this._unObject.hasOwnProperty("sharedNamedTraceConfigurations")&&(this._traces=[...this._unObject.sharedNamedTraceConfigurations],this._traces.forEach((e=>{e.selected=!1,this.selectedTraces.includes(e.globalId)&&(e.selected=!0)})))}zoomToAsset(e){this.view.goTo(e).catch((e=>{console.error(e)}))}_getUniqueMapLayerViews(e){const t=[];return e.layerViews.filter((e=>"feature"===e.layer.type||"group"===e.layer.type)).forEach((e=>{"group"===e.type?e.layerViews.forEach((e=>{t.push(e)})):t.some((t=>t.layer.layerId===e.layer.layerId))||t.push(e)})),t}_processFlags(e){const t=[];return e.forEach((e=>{if(null!==e.selectedTerminals&&e.selectedTerminals.length>0)e.selectedTerminals.forEach((s=>{const r=new d({globalId:e.globalId,percentAlong:e.percentAlong,terminalId:s,type:e.type,isFilterBarrier:e.isFilterBarrier});t.push(r)}));else{const s=new d({globalId:e.globalId,percentAlong:e.percentAlong,terminalId:null,type:e.type,isFilterBarrier:e.isFilterBarrier});t.push(s)}})),t}_getDisplayField(e){const t=e.layer;let s=t.displayField,r="";for(const i in e.attributes){const a=i.toLowerCase();if(a===s.toLowerCase())if(r=e.attributes[i],"assetgroup"===a||"assettype"===a){let i=e.attributes[t.typeIdField.toUpperCase()];i||(i=e.attributes[t.typeIdField.toLowerCase()]),s=t.typeIdField,r=this._checkSubtype(t,i)}else r=this._checkDomain(t.fields,i,r)}return{field:s,value:r}}_checkSubtype(e,t){let s=t;if(null!==e.types&&e.types.length>0){const r=e.types.filter((e=>e.id===t));r.length>0&&(s=r[0].name)}return s}_checkDomain(e,t,s){let r=s;const i=e.filter((e=>e.name.toLowerCase()===t.toLowerCase()));if(i.length>0&&null!==i[0].domain){const e=i[0].domain.codedValues.filter((e=>e.code===s));e.length>0&&(r=e[0].name)}return r}_groupBy(e,t){return e.reduce(((e,s)=>((e[s[t]]=e[s[t]]||[]).push(s),e)),{})}_groupResultsByNetworkSource(e){if(e.length>0){if(e[0].hasOwnProperty("results")){const t=e[0].results.elements;return this._groupBy(t,"networkSourceId")}return this._groupBy(e,"networkSourceId")}if(e.hasOwnProperty("results")){const t=e.results.elements;return this._groupBy(t,"networkSourceId")}return[]}_lookupFlagByHit(e){return this.view.hitTest(e.screenPoint,{exclude:this.view.graphics}).then((t=>{const s=[];if(t.results.length>0){const r=t.results[0];if(r.graphic&&l(r.graphic.geometry))if("polyline"===r.graphic.geometry.type){const t=this._geometryHandler.getPercentageAlong(r.graphic.geometry,e.mapPoint,r.graphic.geometry.spatialReference),i=this._getDisplayField(r.graphic);r.graphic.terminalId=null,r.graphic.isFilterBarrier=!1,r.graphic.allTerminals=null,r.graphic.selectedTerminals=null,r.graphic.percentAlong=t,r.graphic.displayValue=i,r.graphic.mapPoint=r.mapPoint,s.push(r)}else if(("point"===r.graphic.geometry.type||"polygon"===r.graphic.geometry.type)&&null!==this._unObject){const e=this._unObject.getTerminalConfiguration(r.graphic),t=this._getDisplayField(r.graphic);r.graphic.terminalId=e?e.terminals[0].id?e.terminals[0].id:null:1,r.graphic.isFilterBarrier=!1,r.graphic.allTerminals=e||null,r.graphic.selectedTerminals=[e?e.terminals[0].id?e.terminals[0].id:null:1],r.graphic.percentAlong=null,r.graphic.displayValue=t,r.graphic.mapPoint=r.mapPoint,s.push(r)}}return s}))}async _populateOutfields(){const e=this.view.map,t=this.getValidSources();e.layers.forEach((e=>{"group"===e.type?e.layers.forEach((e=>{t.some((t=>t.layerId===e.layerId))&&e.fields.some((e=>"assetgroup"===e.name.toLowerCase()))&&(e.outFields=["assetgroup","assettype","globalid","objectid"])})):t.some((t=>t.layerId===e.layerId))&&e.fields.some((e=>"assetgroup"===e.name.toLowerCase()))&&(e.outFields=["assetgroup","assettype","globalid","objectid"])}))}_removeGraphic(e){this.view.graphics.remove(e.mapGraphic)}};e([n()],b.prototype,"defaultGraphicColor",void 0),e([n()],b.prototype,"flags",void 0),e([n()],b.prototype,"gdbVersion",void 0),e([n()],b.prototype,"selectedTraces",void 0),e([n()],b.prototype,"selectOnComplete",void 0),e([n()],b.prototype,"showGraphicsOnComplete",void 0),e([n()],b.prototype,"showSelectionAttributes",void 0),e([n({readOnly:!0})],b.prototype,"state",null),e([n({value:null})],b.prototype,"view",null),b=e([c(w)],b);const v=b;export{v as default};

package/widgets/Weather.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{isSome as o}from"../core/maybe.js";import{memoize as r}from"../core/memoize.js";import{aliasOf as t}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import{subclass as s}from"../core/accessorSupport/decorators/subclass.js";import{weatherTypesArray as n}from"../views/3d/environment/weather.js";import a from"./Widget.js";import{Heading as l}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as c}from"./support/decorators/messageBundle.js";import{tsx as d,tsxFragment as u}from"./support/jsxFactory.js";import{CSS as p}from"./Weather/css.js";import{WeatherState as v}from"./Weather/enums.js";import{LabeledSlider as g}from"./Weather/LabeledSlider.js";import h from"./Weather/WeatherViewModel.js";const m={sunny:"brightness",cloudy:"partly-cloudy",rainy:"rain",snowy:"snow",foggy:"fog"};let y=class extends a{constructor(e){super(e),this.viewModel=new h,this.headingLevel=4,this.iconClass=p.widgetIcon,this.label=void 0,this._renderWeatherTypeButton=e=>{var o,r;const t=this.viewModel,i=null==(o=this.messages)||null==(r=o[e])?void 0:r.label,s=t.state===v.Disabled,n=!s&&t.current.type===e;return d("calcite-button",{appearance:n?"solid":"outline","aria-checked":n?"true":"false",color:n?"blue":"neutral",disabled:s,"icon-start":m[e],key:`${e}-type-button`,label:i,role:"radio",scale:"l",title:i,onclick:()=>{n||t.setWeatherByType(e)}})},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)}})))}render(){var e;const o=this.viewModel.state===v.Disabled;return d("div",{class:this.classes(p.base,p.esriWidget,o&&p.esriWidgetDisabled),role:"region","aria-label":null==(e=this.messages)?void 0:e.widgetLabelAccessible},this._renderContent())}async loadDependencies(){await Promise.all([import("@esri/calcite-components/dist/components/calcite-button.js"),import("@esri/calcite-components/dist/components/calcite-icon.js"),import("@esri/calcite-components/dist/components/calcite-label.js")])}get view(){var e;return null==(e=this.viewModel)?void 0:e.view}set view(e){this.viewModel&&(this.viewModel.view=e)}get _errorMessage(){var e;const o=null==(e=this.messages)?void 0:e.error;switch(this.viewModel.error){case"unsupported-view":return o.unsupported;case"local-scene":return o.localScene;default:return null}}get _warningMessage(){if("not-visible"===this.viewModel.error){var e,r;return o(this.view)&&"3d"===(null==(e=this.view)?void 0:e.type)&&this.view.environment.atmosphereEnabled?null==(r=this.messages)?void 0:r.error.notVisible:null}return null}_renderContent(){if(this.viewModel.state===v.Error)return d("div",{key:"error",class:p.error},this._errorMessage);const e=this.messages,r=this._warningMessage;return d(u,null,d(l,{level:this.headingLevel},null==e?void 0:e.widgetLabel),d("div",{class:p.content},d("div",{class:p.selector,role:"radiogroup","aria-label":null==e?void 0:e.weatherType},n.map(this._renderWeatherTypeButton)),d("div",{class:p.options},this._renderOptions()),o(r)&&this._renderWarning(r)))}_renderOptions(){const{viewModel:e,messages:o}=this,r=e.state===v.Disabled,t=e.current,i=this._memoizedCallbacks(t);switch(t.type){case"sunny":return d(g,{key:"sunny-cover",disabled:r,label:null==o?void 0:o.sunny.cloudCover,value:t.cloudCover,onChange:i.onCloudCoverChange});case"cloudy":return d(g,{key:"cloudy-cover",disabled:r,label:null==o?void 0:o.cloudy.cloudCover,value:t.cloudCover,onChange:i.onCloudCoverChange});case"rainy":return d(u,null,d(g,{key:"rainy-cover",disabled:r,label:null==o?void 0:o.rainy.cloudCover,value:t.cloudCover,onChange:i.onCloudCoverChange}),d(g,{key:"rainy-precipitation",disabled:r,debounceDelay:0,label:null==o?void 0:o.rainy.precipitation,value:t.precipitation,onChange:i.onPrecipitationChange}));case"snowy":return d(u,null,d(g,{key:"snowy-cover",disabled:r,label:null==o?void 0:o.snowy.cloudCover,value:t.cloudCover,onChange:i.onCloudCoverChange}),d(g,{key:"snowy-precipitation",disabled:r,debounceDelay:0,label:null==o?void 0:o.snowy.precipitation,value:t.precipitation,onChange:i.onPrecipitationChange}));case"foggy":return d(g,{key:"foggy-cover",disabled:r,debounceDelay:0,label:null==o?void 0:o.foggy.fogStrength,value:t.fogStrength,onChange:i.onFogStrengthChange})}}_renderWarning(e){return d("div",{key:"warning",class:p.warning},d("calcite-icon",{icon:"exclamation-mark-triangle",scale:"s"}),e)}};e([i()],y.prototype,"viewModel",void 0),e([i()],y.prototype,"view",null),e([i()],y.prototype,"headingLevel",void 0),e([i()],y.prototype,"iconClass",void 0),e([t("messages.widgetLabel",{overridable:!0})],y.prototype,"label",void 0),e([i(),c("esri/widgets/Weather/t9n/Weather")],y.prototype,"messages",void 0),e([i()],y.prototype,"_errorMessage",null),e([i()],y.prototype,"_warningMessage",null),y=e([s("esri.widgets.Weather")],y);const b=y;export{b as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{isSome as o}from"../core/maybe.js";import{memoize as r}from"../core/memoize.js";import{aliasOf as t}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as s}from"../core/accessorSupport/decorators/property.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{Heading as l}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as c}from"./support/decorators/messageBundle.js";import{tsx as d,tsxFragment as p}from"./support/jsxFactory.js";import{CSS as u}from"./Weather/css.js";import{WeatherState as g}from"./Weather/enums.js";import{LabeledSlider as h}from"./Weather/LabeledSlider.js";import v from"./Weather/WeatherViewModel.js";const m={sunny:"brightness",cloudy:"partly-cloudy",rainy:"rain",snowy:"snow",foggy:"fog"};let y=class extends a{constructor(e){super(e),this.viewModel=new v,this.headingLevel=4,this.iconClass=u.widgetIcon,this.label=void 0,this._renderWeatherTypeButton=e=>{const o=this.viewModel,r=this.messages?.[e]?.label,t=o.state===g.Disabled,s=!t&&o.current.type===e;return d("calcite-button",{appearance:s?"solid":"outline","aria-checked":s?"true":"false",color:s?"blue":"neutral",disabled:t,"icon-start":m[e],key:`${e}-type-button`,label:r,role:"radio",scale:"l",title:r,onclick:()=>{s||o.setWeatherByType(e)}})},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)}})))}render(){const e=this.viewModel.state===g.Disabled;return d("div",{class:this.classes(u.base,u.esriWidget,e&&u.esriWidgetDisabled),role:"region","aria-label":this.messages?.widgetLabelAccessible},this._renderContent())}async loadDependencies(){await Promise.all([import("@esri/calcite-components/dist/components/calcite-button.js"),import("@esri/calcite-components/dist/components/calcite-icon.js"),import("@esri/calcite-components/dist/components/calcite-label.js")])}get view(){return this.viewModel?.view}set view(e){this.viewModel&&(this.viewModel.view=e)}get _errorMessage(){const e=this.messages?.error;switch(this.viewModel.error){case"unsupported-view":return e.unsupported;case"local-scene":return e.localScene;default:return null}}get _warningMessage(){if("not-visible"===this.viewModel.error){return o(this.view)&&"3d"===this.view?.type&&this.view.environment.atmosphereEnabled?this.messages?.error.notVisible:null}return null}_renderContent(){if(this.viewModel.state===g.Error)return d("div",{key:"error",class:u.error},this._errorMessage);const e=this.messages,r=this._warningMessage;return d(p,null,d(l,{level:this.headingLevel},e?.widgetLabel),d("div",{class:u.content},d("div",{class:u.selector,role:"radiogroup","aria-label":e?.weatherType},n.map(this._renderWeatherTypeButton)),d("div",{class:u.options},this._renderOptions()),o(r)&&this._renderWarning(r)))}_renderOptions(){const{viewModel:e,messages:o}=this,r=e.state===g.Disabled,t=e.current,s=this._memoizedCallbacks(t);switch(t.type){case"sunny":return d(h,{key:"sunny-cover",disabled:r,label:o?.sunny.cloudCover,value:t.cloudCover,onChange:s.onCloudCoverChange});case"cloudy":return d(h,{key:"cloudy-cover",disabled:r,label:o?.cloudy.cloudCover,value:t.cloudCover,onChange:s.onCloudCoverChange});case"rainy":return d(p,null,d(h,{key:"rainy-cover",disabled:r,label:o?.rainy.cloudCover,value:t.cloudCover,onChange:s.onCloudCoverChange}),d(h,{key:"rainy-precipitation",disabled:r,debounceDelay:0,label:o?.rainy.precipitation,value:t.precipitation,onChange:s.onPrecipitationChange}));case"snowy":return d(p,null,d(h,{key:"snowy-cover",disabled:r,label:o?.snowy.cloudCover,value:t.cloudCover,onChange:s.onCloudCoverChange}),d(h,{key:"snowy-precipitation",disabled:r,debounceDelay:0,label:o?.snowy.precipitation,value:t.precipitation,onChange:s.onPrecipitationChange}));case"foggy":return d(h,{key:"foggy-cover",disabled:r,debounceDelay:0,label:o?.foggy.fogStrength,value:t.fogStrength,onChange:s.onFogStrengthChange})}}_renderWarning(e){return d("div",{key:"warning",class:u.warning},d("calcite-icon",{icon:"exclamation-mark-triangle",scale:"s"}),e)}};e([s()],y.prototype,"viewModel",void 0),e([s()],y.prototype,"view",null),e([s()],y.prototype,"headingLevel",void 0),e([s()],y.prototype,"iconClass",void 0),e([t("messages.widgetLabel",{overridable:!0})],y.prototype,"label",void 0),e([s(),c("esri/widgets/Weather/t9n/Weather")],y.prototype,"messages",void 0),e([s()],y.prototype,"_errorMessage",null),e([s()],y.prototype,"_warningMessage",null),y=e([i("esri.widgets.Weather")],y);const b=y;export{b 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/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{byId as t}from"../core/domUtils.js";import r from"../core/Evented.js";import o from"../core/Handles.js";import"../core/has.js";import{clone as s}from"../core/lang.js";import i from"../core/Logger.js";import{destroyMaybe as n}from"../core/maybe.js";import{EsriPromiseMixin as a}from"../core/Promise.js";import{debounce as d,throwIfNotAbortError as c,eachAlways as l}from"../core/promiseUtils.js";import{watch as p,when as h,initial as m}from"../core/reactiveUtils.js";import{generateUUID as u}from"../core/uuid.js";import{property as y}from"../core/accessorSupport/decorators/property.js";import{cast as g}from"../core/accessorSupport/decorators/cast.js";import{subclass as v}from"../core/accessorSupport/decorators/subclass.js";import{runTracked as _}from"../core/accessorSupport/tracking.js";import{SimpleTrackingTarget as f}from"../core/accessorSupport/tracking/SimpleTrackingTarget.js";import{createAdvancedProjector as j}from"../libs/maquette-advanced-projector/projector.js";import{commitAssetPath as w}from"./support/componentsUtils.js";import{isWidgetConstructor as b,processWidgets as k,WIDGET_SYMBOL as R}from"./support/jsxWidgetSupport.js";import{getVNodeCache as S,setVNodeCache as C,deleteVNodeCache as P,clearVNodeCache as T}from"./support/vnodeCache.js";import{classes as E}from"./support/widgetUtils.js";import{onLocaleChange as L}from"../intl/locale.js";import{fetchMessageBundle as N}from"../intl/messages.js";const H="esri.widgets.Widget",I=i.getLogger(H);let F=0;const U={widgetIcon:"esri-icon-checkbox-unchecked"};function $(e,t){for(const r in t)null!=e[r]&&("object"==typeof e[r]&&"object"==typeof t[r]?$(e[r],t[r]):e[r]=t[r]);return e}const x=j({postProcessProjectionOptions(e){const t=e.eventHandlerInterceptor,r=/capture$/i;e.eventHandlerInterceptor=(e,o,s,i)=>{const n=t(e,o,s,i),a=r.test(e);if(!((e=e.replace(r,"")).toLowerCase()in s)||a){const t=e[2].toLowerCase()+e.slice(3),r=e=>n.call(s,e);s.addEventListener(t,r,a);const o=()=>s.removeEventListener(t,r,a),d=i.afterRemoved;i.afterRemoved=e=>{null==d||d(e),o()}}return n}},handleInterceptedEvent(e,t,r,o){const{eventPhase:s,type:i}=o,n=s===Event.CAPTURING_PHASE;let a=`on${i}${n?"capture":""}`;const d=t.properties;(a in d||(a=`on${i[0].toUpperCase()}${i.slice(1)}${n?"Capture":""}`,a in d))&&(T(),e.scheduleRender(),d[a].call(d.bind||r,o))}});let z=!1,A=class extends(a(r.EventedAccessor)){constructor(e,t){super(e,t),this._attached=!1,this._internalHandles=new o,this._projector=x,this._readyForTrueRender=!1,this.domNode=null,this.iconClass=U.widgetIcon,this.label=this.declaredClass.split(".").pop(),this.visible=!0,this.key=this,this._loadLocale=d((async()=>{if(this._messageBundleProps&&this._messageBundleProps.length){const e=await l(this._messageBundleProps.map((async({bundlePath:e,propertyName:t})=>{let r=await N(e);this.uiStrings&&Object.keys(this.uiStrings)&&(r=$(s(r),this.uiStrings)),this[t]=r})));for(const t of e)t.error&&I.error("widget-intl:locale-error",this.declaredClass,t.error)}await this.loadLocale()})),w();const r="esri-widget-uid-"+u(),i=this.render.bind(this);this._trackingTarget=new f((()=>this.scheduleRender()));const n=()=>{var e;if(!this._readyForTrueRender||this.destroyed)return null;if(!this.visible)return{vnodeSelector:"div",properties:{key:r,class:"",styles:{display:"none"}},domNode:void 0,children:void 0,text:void 0};const t=i();let{properties:o}=t;o||(t.properties=o={});let{key:s,styles:n}=o;s||(o.key=r),n||(o.styles=n={}),n.display||(n.display="");let a=0;return null==(e=t.children)||e.forEach((e=>{if(b(e.vnodeSelector))return;let{properties:t}=e;t||(e.properties=t={}),t.key||(t.key=`${this.id}--${a++}`)})),k(this,t)};this.render=()=>{if(z)return n();let e=S(this);if(e)return e;this._trackingTarget.clear(),z=!0;try{e=_(this._trackingTarget,n)}catch(t){throw console.error(t),t}finally{z=!1}return C(this,e),e},this.addResolvingPromise(this._resourcesFetch=this.beforeFirstRender().then((()=>{this._readyForTrueRender=!0,this._postInitialize()})))}normalizeCtorArgs(e,t){const r={...e};return t&&(r.container=t),r}postInitialize(){}beforeFirstRender(){return Promise.all([this.loadDependencies(),this._loadLocale()]).then((()=>{})).catch(c)}async loadDependencies(){}async loadLocale(){}destroy(){this.destroyed||(this._trackingTarget=n(this._trackingTarget),this.viewModel=n(this.viewModel),this._detach(this.container),this._set("container",null),this._internalHandles.destroy(),this._emitter.clear(),this.render=()=>null,this._projector=null,P(this))}set container(e){this._get("container")||this._set("container",e)}castContainer(e){return t(e)}get id(){return this._get("id")||this.get("container.id")||Date.now().toString(16)+"-widget-"+F++}set id(e){e&&this._set("id",e)}get renderable(){return this._resourcesFetch}get test(){return{projector:this._projector}}render(){throw new Error("not implemented")}scheduleRender(){this.destroyed||(P(this),this._projector.scheduleRender())}classes(...e){return E.apply(this,e)}renderNow(){P(this),this._projector.renderNow()}_postInitialize(){var e;if(this.destroyed)return;this.scheduleRender(),null!=(e=this._delegatedEventNames)&&e.length&&this._internalHandles.add(p((()=>this.viewModel),((e,t)=>{t&&this._internalHandles.remove("delegated-events"),e&&this._internalHandles.add(this._delegatedEventNames.map((t=>e.on(t,(e=>{this.emit(t,e)})))),"delegated-events")}),m)),this.postInitialize();const t=async()=>{await this._loadLocale().catch(c),this.scheduleRender()};this._internalHandles.add([L(t),p((()=>this.uiStrings),t),h((()=>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){e&&this._attached&&(this._projector.detach(this.render),e.parentNode&&e.parentNode.removeChild(e),this._attached=!1)}};A[R]=!0,e([y()],A.prototype,"_readyForTrueRender",void 0),e([y({value:null})],A.prototype,"container",null),e([g("container")],A.prototype,"castContainer",null),e([y({aliasOf:"container"})],A.prototype,"domNode",void 0),e([y()],A.prototype,"iconClass",void 0),e([y()],A.prototype,"id",null),e([y()],A.prototype,"label",void 0),e([y()],A.prototype,"renderable",null),e([y()],A.prototype,"uiStrings",void 0),e([y()],A.prototype,"viewModel",void 0),e([y()],A.prototype,"visible",void 0),e([y()],A.prototype,"key",void 0),e([y()],A.prototype,"children",void 0),e([y()],A.prototype,"afterCreate",void 0),e([y()],A.prototype,"afterUpdate",void 0),e([y()],A.prototype,"afterRemoved",void 0),A=e([v(H)],A);const M=A;export{M as default};
+import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{byId as t}from"../core/domUtils.js";import r from"../core/Evented.js";import o from"../core/Handles.js";import"../core/has.js";import{clone as s}from"../core/lang.js";import i from"../core/Logger.js";import{destroyMaybe as n}from"../core/maybe.js";import{EsriPromiseMixin as a}from"../core/Promise.js";import{debounce as d,throwIfNotAbortError as c,eachAlways as l}from"../core/promiseUtils.js";import{watch as p,when as h,initial as m}from"../core/reactiveUtils.js";import{generateUUID as u}from"../core/uuid.js";import{property as y}from"../core/accessorSupport/decorators/property.js";import{cast as g}from"../core/accessorSupport/decorators/cast.js";import{subclass as _}from"../core/accessorSupport/decorators/subclass.js";import{runTracked as v}from"../core/accessorSupport/tracking.js";import{SimpleTrackingTarget as f}from"../core/accessorSupport/tracking/SimpleTrackingTarget.js";import{createAdvancedProjector as j}from"../libs/maquette-advanced-projector/projector.js";import{commitAssetPath as w}from"./support/componentsUtils.js";import{isWidgetConstructor as b,processWidgets as k,WIDGET_SYMBOL as R}from"./support/jsxWidgetSupport.js";import{getVNodeCache as S,setVNodeCache as C,deleteVNodeCache as P,clearVNodeCache as T}from"./support/vnodeCache.js";import{classes as E}from"./support/widgetUtils.js";import{onLocaleChange as L}from"../intl/locale.js";import{fetchMessageBundle as N}from"../intl/messages.js";const H="esri.widgets.Widget",I=i.getLogger(H);let F=0;const U={widgetIcon:"esri-icon-checkbox-unchecked"};function $(e,t){for(const r in t)null!=e[r]&&("object"==typeof e[r]&&"object"==typeof t[r]?$(e[r],t[r]):e[r]=t[r]);return e}const x=j({postProcessProjectionOptions(e){const t=e.eventHandlerInterceptor,r=/capture$/i;e.eventHandlerInterceptor=(e,o,s,i)=>{const n=t(e,o,s,i),a=r.test(e);if(!((e=e.replace(r,"")).toLowerCase()in s)||a){const t=e[2].toLowerCase()+e.slice(3),r=e=>n.call(s,e);s.addEventListener(t,r,a);const o=()=>s.removeEventListener(t,r,a),d=i.afterRemoved;i.afterRemoved=e=>{d?.(e),o()}}return n}},handleInterceptedEvent(e,t,r,o){const{eventPhase:s,type:i}=o,n=s===Event.CAPTURING_PHASE;let a=`on${i}${n?"capture":""}`;const d=t.properties;(a in d||(a=`on${i[0].toUpperCase()}${i.slice(1)}${n?"Capture":""}`,a in d))&&(T(),e.scheduleRender(),d[a].call(d.bind||r,o))}});let z=!1,A=class extends(a(r.EventedAccessor)){constructor(e,t){super(e,t),this._attached=!1,this._internalHandles=new o,this._projector=x,this._readyForTrueRender=!1,this.domNode=null,this.iconClass=U.widgetIcon,this.label=this.declaredClass.split(".").pop(),this.visible=!0,this.key=this,this._loadLocale=d((async()=>{if(this._messageBundleProps&&this._messageBundleProps.length){const e=await l(this._messageBundleProps.map((async({bundlePath:e,propertyName:t})=>{let r=await N(e);this.uiStrings&&Object.keys(this.uiStrings)&&(r=$(s(r),this.uiStrings)),this[t]=r})));for(const t of e)t.error&&I.error("widget-intl:locale-error",this.declaredClass,t.error)}await this.loadLocale()})),w();const r="esri-widget-uid-"+u(),i=this.render.bind(this);this._trackingTarget=new f((()=>this.scheduleRender()));const n=()=>{if(!this._readyForTrueRender||this.destroyed)return null;if(!this.visible)return{vnodeSelector:"div",properties:{key:r,class:"",styles:{display:"none"}},domNode:void 0,children:void 0,text:void 0};const e=i();let{properties:t}=e;t||(e.properties=t={});let{key:o,styles:s}=t;o||(t.key=r),s||(t.styles=s={}),s.display||(s.display="");let n=0;return e.children?.forEach((e=>{if(b(e.vnodeSelector))return;let{properties:t}=e;t||(e.properties=t={}),t.key||(t.key=`${this.id}--${n++}`)})),k(this,e)};this.render=()=>{if(z)return n();let e=S(this);if(e)return e;this._trackingTarget.clear(),z=!0;try{e=v(this._trackingTarget,n)}catch(t){throw console.error(t),t}finally{z=!1}return C(this,e),e},this.addResolvingPromise(this._resourcesFetch=this.beforeFirstRender().then((()=>{this._readyForTrueRender=!0,this._postInitialize()})))}normalizeCtorArgs(e,t){const r={...e};return t&&(r.container=t),r}postInitialize(){}beforeFirstRender(){return Promise.all([this.loadDependencies(),this._loadLocale()]).then((()=>{})).catch(c)}async loadDependencies(){}async loadLocale(){}destroy(){this.destroyed||(this._trackingTarget=n(this._trackingTarget),this.viewModel=n(this.viewModel),this._detach(this.container),this._set("container",null),this._internalHandles.destroy(),this._emitter.clear(),this.render=()=>null,this._projector=null,P(this))}set container(e){this._get("container")||this._set("container",e)}castContainer(e){return t(e)}get id(){return this._get("id")||this.get("container.id")||Date.now().toString(16)+"-widget-"+F++}set id(e){e&&this._set("id",e)}get renderable(){return this._resourcesFetch}get test(){return{projector:this._projector}}render(){throw new Error("not implemented")}scheduleRender(){this.destroyed||(P(this),this._projector.scheduleRender())}classes(...e){return E.apply(this,e)}renderNow(){P(this),this._projector.renderNow()}_postInitialize(){if(this.destroyed)return;this.scheduleRender(),this._delegatedEventNames?.length&&this._internalHandles.add(p((()=>this.viewModel),((e,t)=>{t&&this._internalHandles.remove("delegated-events"),e&&this._internalHandles.add(this._delegatedEventNames.map((t=>e.on(t,(e=>{this.emit(t,e)})))),"delegated-events")}),m)),this.postInitialize();const e=async()=>{await this._loadLocale().catch(c),this.scheduleRender()};this._internalHandles.add([L(e),p((()=>this.uiStrings),e),h((()=>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){e&&this._attached&&(this._projector.detach(this.render),e.parentNode&&e.parentNode.removeChild(e),this._attached=!1)}};A[R]=!0,e([y()],A.prototype,"_readyForTrueRender",void 0),e([y({value:null})],A.prototype,"container",null),e([g("container")],A.prototype,"castContainer",null),e([y({aliasOf:"container"})],A.prototype,"domNode",void 0),e([y()],A.prototype,"iconClass",void 0),e([y()],A.prototype,"id",null),e([y()],A.prototype,"label",void 0),e([y()],A.prototype,"renderable",null),e([y()],A.prototype,"uiStrings",void 0),e([y()],A.prototype,"viewModel",void 0),e([y()],A.prototype,"visible",void 0),e([y()],A.prototype,"key",void 0),e([y()],A.prototype,"children",void 0),e([y()],A.prototype,"afterCreate",void 0),e([y()],A.prototype,"afterUpdate",void 0),e([y()],A.prototype,"afterRemoved",void 0),A=e([_(H)],A);const M=A;export{M as default};

package/widgets/smartMapping/BinaryColorSizeSlider/BinaryColorSizeSliderViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as r}from"../../../chunks/tslib.es6.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import"../../../core/accessorSupport/ensureType.js";import{subclass as e}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../SizeSlider/SizeSliderViewModel.js";let t=class extends s{constructor(r){super(r),this.primaryHandleEnabled=!0}getGradientStopInfo(r,o){var e;if(null==(e=this.stops)||!e.length)return[];const{min:s,max:t,stops:i}=this,a=[o,o,o,r,r],p=[],l=t-s;return i.forEach(((r,o)=>{const e=a[o],s=(t-r.value)/l,c=0===o?s:(t-i[o-1].value)/l;p.push({offset:c,color:e},{offset:s,color:e})})),p}};r([o({readOnly:!0})],t.prototype,"primaryHandleEnabled",void 0),t=r([e("esri.widgets.smartMapping.SizeSlider.BinaryColorSizeSliderViewModel")],t);const i=t;export{i as default};
+import{_ as r}from"../../../chunks/tslib.es6.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import"../../../core/accessorSupport/ensureType.js";import{subclass as e}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../SizeSlider/SizeSliderViewModel.js";let t=class extends s{constructor(r){super(r),this.primaryHandleEnabled=!0}getGradientStopInfo(r,o){if(!this.stops?.length)return[];const{min:e,max:s,stops:t}=this,i=[o,o,o,r,r],a=[],p=s-e;return t.forEach(((r,o)=>{const e=i[o],c=(s-r.value)/p,l=0===o?c:(s-t[o-1].value)/p;a.push({offset:l,color:e},{offset:c,color:e})})),a}};r([o({readOnly:!0})],t.prototype,"primaryHandleEnabled",void 0),t=r([e("esri.widgets.smartMapping.SizeSlider.BinaryColorSizeSliderViewModel")],t);const i=t;export{i 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/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import r from"../../Color.js";import{isNone as i}from"../../core/maybe.js";import{aliasOf as s}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as o}from"../../core/accessorSupport/decorators/cast.js";import{property as t}from"../../core/accessorSupport/decorators/property.js";import{subclass as a}from"../../core/accessorSupport/decorators/subclass.js";import l from"../../renderers/visualVariables/support/SizeStop.js";import{getCIMSymbolColor as n}from"../../symbols/support/cimSymbolUtils.js";import{SmartMappingSliderBase as d}from"./SmartMappingSliderBase.js";import p from"./BinaryColorSizeSlider/BinaryColorSizeSliderViewModel.js";import{getSizesFromVariable as m,getFillFromColor as c,getDynamicPathForSizeStops as u}from"./support/utils.js";import{storeNode as y}from"../support/widgetUtils.js";import{messageBundle as h}from"../support/decorators/messageBundle.js";import{tsx as b}from"../support/jsxFactory.js";var v;const g={base:"esri-binary-color-size-slider",rampElement:"esri-binary-color-size-slider__ramp",sliderContainer:"esri-binary-color-size-slider__slider-container",histogramContainer:"esri-binary-color-size-slider__histogram-container",zoomCapTop:"esri-binary-color-size-slider__zoom-cap-top",zoomCapBottom:"esri-binary-color-size-slider__zoom-cap-bottom",zoomCapLine:"esri-binary-color-size-slider__zoom-cap-line",zoomCapMask:"esri-binary-color-size-slider__zoom-cap-mask",zoomCapUnderline:"esri-binary-color-size-slider__zoom-cap-underline",primaryHandle:"esri-binary-color-size-slider--primary-handle",track:"esri-binary-color-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"},f={trackBackgroundColor:new r([224,224,224]),trackAboveFillColor:new r([149,149,149]),trackBelowFillColor:new r([149,149,149])};let z=v=class extends d{constructor(e,r){super(e,r),this._minRampFillWidth=.2,this._rampNode=null,this._rampFillId=null,this.handlesSyncedToPrimary=null,this.label=void 0,this.messages=null,this.persistSizeRangeEnabled=null,this.stops=null,this.style={...f},this.viewModel=new p,this.zoomOptions=null,this._rampFillId=`${this.id}-linear-gradient`}castStyle(e){return{...f,...e}}static fromRendererResult(e,r){const{size:{visualVariables:i},statistics:s}=e,{avg:o,stddev:t}=s,a=i[0].stops,l=e.renderer.authoringInfo.visualVariables[0],d=l.minSliderValue,p=l.maxSliderValue,m=e.renderer.classBreakInfos;let c,u,y=null;const h=e=>{if("cim"===e.type)return n(e);if(e.symbolLayers){var r,i;return null==(i=(null==(r=e.symbolLayers)?void 0:r.getItemAt(0)).material)?void 0:i.color}return e.color};if(m.length>1){const e=m[0].symbol,r=m[1].symbol;u=h(e),c=h(r)}return 1===m.length&&(y=h(m[0].symbol)),new v({max:p,min:d,stops:a,histogramConfig:{average:o,standardDeviation:t,bins:r?r.bins:[]},style:{trackAboveFillColor:c,trackBelowFillColor:u,trackFillColor:y},handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateFromRendererResult(e,r){const{size:{visualVariables:i},statistics:s}=e,{avg:o,stddev:t}=s,a=i[0].stops,l=e.renderer.authoringInfo.visualVariables[0],d=l.minSliderValue,p=l.maxSliderValue,m=e.renderer.classBreakInfos;let c,u,y=null;const h=e=>{if("cim"===e.type)return n(e);if(e.symbolLayers){var r,i;return null==(i=(null==(r=e.symbolLayers)?void 0:r.getItemAt(0)).material)?void 0:i.color}return e.color};if(m.length>1){const e=m[0].symbol,r=m[1].symbol;u=h(e),c=h(r)}1===m.length&&(y=h(m[0].symbol)),this.set({max:p,min:d,stops:a,histogramConfig:{average:o,standardDeviation:t,bins:r?r.bins:[]},style:{trackAboveFillColor:c,trackBelowFillColor:u,trackFillColor:y},handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateRenderer(e){var r,i;if("univariate-color-size"!==(null==(r=e.authoringInfo)?void 0:r.type)||"above-and-below"!==(null==(i=e.authoringInfo)?void 0:i.univariateTheme))return console.error("Input renderer must be a univariate renderer with an above-and-below theme."),null;const s=e.clone(),o=s.visualVariables.find((e=>"size"===e.type&&"outline"!==e.target&&e.stops)),{stops:t}=this;if(!o||!t)return console.error("No size stops available."),null;const a=s.visualVariables.indexOf(o);s.visualVariables.splice(a,1),o.stops=t,s.visualVariables.push(o);const l=t[5===t.length?2:1].value;return s.classBreakInfos[0].maxValue=l,s.classBreakInfos[1].minValue=l,s}updateFromVisualVariable(e){if(!e)return;const{maxDataValue:r,minDataValue:i,stops:s}=e;if(s)this.stops=s;else{const[s,o]=m(e);this.stops=[new l({value:i,size:o}),new l({value:r,size:s})]}}render(){const{label:e,state:r,viewModel:{primaryHandleEnabled:i},visibleElements:s}=this,o="disabled"===r,t=this.classes(g.base,g.esriWidget,g.esriWidgetPanel,{[g.disabled]:o,[g.primaryHandle]:i,[g.track]:s.interactiveTrack});return b("div",{"aria-label":e,class:t},o?null:this.renderContent(this.renderRamp(),g.sliderContainer,g.histogramContainer))}renderRamp(){const{style:{trackBackgroundColor:e},zoomOptions:r}=this;return b("div",{afterCreate:y,bind:this,class:g.rampElement,"data-node-ref":"_rampNode"},b("svg",{key:"ramp-svg",xmlns:"http://www.w3.org/2000/svg"},b("rect",{x:"0",y:"0",fill:c(e),height:"100%",width:"100%"}),this.renderPrimaryRamp(),this.renderPath()),r?this.renderZoomCaps():null)}renderPrimaryRamp(){const{_rampFillId:e,style:{trackAboveFillColor:r,trackBelowFillColor:i},viewModel:s}=this;return[b("defs",null,this.renderRampFillDefinition(e,s.getGradientStopInfo(r,i)))]}renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(i(e)||i(r))return;const{stops:s,viewModel:{max:o,min:t},_rampFillId:a,_minRampFillWidth:l}=this,n=u({max:o,min:t,pathHeight:e,pathWidth:r,stops:s,padding:l});return b("path",{d:n,fill:`url(#${a})`})}};e([s("viewModel.handlesSyncedToPrimary")],z.prototype,"handlesSyncedToPrimary",void 0),e([t({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],z.prototype,"label",void 0),e([t(),h("esri/widgets/smartMapping/SizeSlider/t9n/SizeSlider")],z.prototype,"messages",void 0),e([s("viewModel.persistSizeRangeEnabled")],z.prototype,"persistSizeRangeEnabled",void 0),e([s("viewModel.stops")],z.prototype,"stops",void 0),e([t()],z.prototype,"style",void 0),e([o("style")],z.prototype,"castStyle",null),e([t()],z.prototype,"viewModel",void 0),e([s("viewModel.zoomOptions")],z.prototype,"zoomOptions",void 0),z=v=e([a("esri.widgets.smartMapping.BinaryColorSizeSlider")],z);const w=z;export{w as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import r from"../../Color.js";import{isNone as s}from"../../core/maybe.js";import{aliasOf as i}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as o}from"../../core/accessorSupport/decorators/cast.js";import{property as t}from"../../core/accessorSupport/decorators/property.js";import{subclass as a}from"../../core/accessorSupport/decorators/subclass.js";import l from"../../renderers/visualVariables/support/SizeStop.js";import{getCIMSymbolColor as n}from"../../symbols/support/cimSymbolUtils.js";import{SmartMappingSliderBase as d}from"./SmartMappingSliderBase.js";import p from"./BinaryColorSizeSlider/BinaryColorSizeSliderViewModel.js";import{getSizesFromVariable as m,getFillFromColor as c,getDynamicPathForSizeStops as u}from"./support/utils.js";import{storeNode as y}from"../support/widgetUtils.js";import{messageBundle as h}from"../support/decorators/messageBundle.js";import{tsx as b}from"../support/jsxFactory.js";var g;const v={base:"esri-binary-color-size-slider",rampElement:"esri-binary-color-size-slider__ramp",sliderContainer:"esri-binary-color-size-slider__slider-container",histogramContainer:"esri-binary-color-size-slider__histogram-container",zoomCapTop:"esri-binary-color-size-slider__zoom-cap-top",zoomCapBottom:"esri-binary-color-size-slider__zoom-cap-bottom",zoomCapLine:"esri-binary-color-size-slider__zoom-cap-line",zoomCapMask:"esri-binary-color-size-slider__zoom-cap-mask",zoomCapUnderline:"esri-binary-color-size-slider__zoom-cap-underline",primaryHandle:"esri-binary-color-size-slider--primary-handle",track:"esri-binary-color-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"},f={trackBackgroundColor:new r([224,224,224]),trackAboveFillColor:new r([149,149,149]),trackBelowFillColor:new r([149,149,149])};let z=g=class extends d{constructor(e,r){super(e,r),this._minRampFillWidth=.2,this._rampNode=null,this._rampFillId=null,this.handlesSyncedToPrimary=null,this.label=void 0,this.messages=null,this.persistSizeRangeEnabled=null,this.stops=null,this.style={...f},this.viewModel=new p,this.zoomOptions=null,this._rampFillId=`${this.id}-linear-gradient`}castStyle(e){return{...f,...e}}static fromRendererResult(e,r){const{size:{visualVariables:s},statistics:i}=e,{avg:o,stddev:t}=i,a=s[0].stops,l=e.renderer.authoringInfo.visualVariables[0],d=l.minSliderValue,p=l.maxSliderValue,m=e.renderer.classBreakInfos;let c,u,y=null;const h=e=>{if("cim"===e.type)return n(e);if(e.symbolLayers){const r=e.symbolLayers?.getItemAt(0);return r.material?.color}return e.color};if(m.length>1){const e=m[0].symbol,r=m[1].symbol;u=h(e),c=h(r)}return 1===m.length&&(y=h(m[0].symbol)),new g({max:p,min:d,stops:a,histogramConfig:{average:o,standardDeviation:t,bins:r?r.bins:[]},style:{trackAboveFillColor:c,trackBelowFillColor:u,trackFillColor:y},handlesSyncedToPrimary:!0,persistSizeRangeEnabled:!0})}updateFromRendererResult(e,r){const{size:{visualVariables:s},statistics:i}=e,{avg:o,stddev:t}=i,a=s[0].stops,l=e.renderer.authoringInfo.visualVariables[0],d=l.minSliderValue,p=l.maxSliderValue,m=e.renderer.classBreakInfos;let c,u,y=null;const h=e=>{if("cim"===e.type)return n(e);if(e.symbolLayers){const r=e.symbolLayers?.getItemAt(0);return r.material?.color}return e.color};if(m.length>1){const e=m[0].symbol,r=m[1].symbol;u=h(e),c=h(r)}1===m.length&&(y=h(m[0].symbol)),this.set({max:p,min:d,stops:a,histogramConfig:{average:o,standardDeviation:t,bins:r?r.bins:[]},style:{trackAboveFillColor:c,trackBelowFillColor:u,trackFillColor:y},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:i}=this;if(!s||!i)return console.error("No size stops available."),null;const o=r.visualVariables.indexOf(s);r.visualVariables.splice(o,1),s.stops=i,r.visualVariables.push(s);const t=i[5===i.length?2:1].value;return r.classBreakInfos[0].maxValue=t,r.classBreakInfos[1].minValue=t,r}updateFromVisualVariable(e){if(!e)return;const{maxDataValue:r,minDataValue:s,stops:i}=e;if(i)this.stops=i;else{const[i,o]=m(e);this.stops=[new l({value:s,size:o}),new l({value:r,size:i})]}}render(){const{label:e,state:r,viewModel:{primaryHandleEnabled:s},visibleElements:i}=this,o="disabled"===r,t=this.classes(v.base,v.esriWidget,v.esriWidgetPanel,{[v.disabled]:o,[v.primaryHandle]:s,[v.track]:i.interactiveTrack});return b("div",{"aria-label":e,class:t},o?null:this.renderContent(this.renderRamp(),v.sliderContainer,v.histogramContainer))}renderRamp(){const{style:{trackBackgroundColor:e},zoomOptions:r}=this;return b("div",{afterCreate:y,bind:this,class:v.rampElement,"data-node-ref":"_rampNode"},b("svg",{key:"ramp-svg",xmlns:"http://www.w3.org/2000/svg"},b("rect",{x:"0",y:"0",fill:c(e),height:"100%",width:"100%"}),this.renderPrimaryRamp(),this.renderPath()),r?this.renderZoomCaps():null)}renderPrimaryRamp(){const{_rampFillId:e,style:{trackAboveFillColor:r,trackBelowFillColor:s},viewModel:i}=this;return[b("defs",null,this.renderRampFillDefinition(e,i.getGradientStopInfo(r,s)))]}renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:r=0}=this._rampNode;if(s(e)||s(r))return;const{stops:i,viewModel:{max:o,min:t},_rampFillId:a,_minRampFillWidth:l}=this,n=u({max:o,min:t,pathHeight:e,pathWidth:r,stops:i,padding:l});return b("path",{d:n,fill:`url(#${a})`})}};e([i("viewModel.handlesSyncedToPrimary")],z.prototype,"handlesSyncedToPrimary",void 0),e([t({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],z.prototype,"label",void 0),e([t(),h("esri/widgets/smartMapping/SizeSlider/t9n/SizeSlider")],z.prototype,"messages",void 0),e([i("viewModel.persistSizeRangeEnabled")],z.prototype,"persistSizeRangeEnabled",void 0),e([i("viewModel.stops")],z.prototype,"stops",void 0),e([t()],z.prototype,"style",void 0),e([o("style")],z.prototype,"castStyle",null),e([t()],z.prototype,"viewModel",void 0),e([i("viewModel.zoomOptions")],z.prototype,"zoomOptions",void 0),z=g=e([a("esri.widgets.smartMapping.BinaryColorSizeSlider")],z);const w=z;export{w 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/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import{aliasOf as r}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as s}from"../../core/accessorSupport/decorators/property.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import o from"../../renderers/support/ClassBreakInfo.js";import{SmartMappingSliderBase as t}from"./SmartMappingSliderBase.js";import l from"./ClassedColorSlider/ClassedColorSliderViewModel.js";import"../support/widgetUtils.js";import{messageBundle as a}from"../support/decorators/messageBundle.js";import{tsx as n}from"../support/jsxFactory.js";var d;const c={base:"esri-classed-color-slider",rampElement:"esri-classed-color-slider__ramp",sliderContainer:"esri-classed-color-slider__slider-container",histogramContainer:"esri-classed-color-slider__histogram-container",track:"esri-classed-color-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"};let m=d=class extends t{constructor(e,r){super(e,r),this._bgFillId=null,this._rampFillId=null,this.breaks=null,this.label=void 0,this.messages=null,this.viewModel=new l,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,i=s.map((e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}}));return new d({breaks:i,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map(((e,s)=>{const i=e.symbol;return i.color=r[s].color,new o({minValue:r[s].min,maxValue:r[s].max,symbol:i})}));console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,i=s.map((e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}}));this.set({breaks:i}),null!=r&&r.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,i="disabled"===e,o=this.classes(c.base,c.esriWidget,c.esriWidgetPanel,{[c.disabled]:i,[c.track]:s.interactiveTrack});return n("div",{"aria-label":r,class:o},i?null:this.renderContent(this.renderRamp(),c.sliderContainer,c.histogramContainer))}renderRamp(){const{_bgFillId:e,_rampFillId:r,viewModel:s}=this,i=s.getStopInfo();return n("div",{class:c.rampElement},n("svg",{xmlns:"http://www.w3.org/2000/svg"},n("defs",null,this.renderRampFillDefinition(r,i),this.renderBackgroundFillDefinition(e)),n("rect",{x:"0",y:"0",fill:`url(#${e})`,height:"100%",width:"100%"}),n("rect",{x:"0",y:"0",fill:`url(#${r})`,height:"100%",width:"100%"})))}};e([r("viewModel.breaks")],m.prototype,"breaks",void 0),e([s({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],m.prototype,"label",void 0),e([s(),a("esri/widgets/smartMapping/ClassedColorSlider/t9n/ClassedColorSlider")],m.prototype,"messages",void 0),e([s()],m.prototype,"viewModel",void 0),m=d=e([i("esri.widgets.smartMapping.ClassedColorSlider")],m);const p=m;export{p as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import{aliasOf as r}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as s}from"../../core/accessorSupport/decorators/property.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import o from"../../renderers/support/ClassBreakInfo.js";import{SmartMappingSliderBase as t}from"./SmartMappingSliderBase.js";import l from"./ClassedColorSlider/ClassedColorSliderViewModel.js";import"../support/widgetUtils.js";import{messageBundle as a}from"../support/decorators/messageBundle.js";import{tsx as n}from"../support/jsxFactory.js";var d;const c={base:"esri-classed-color-slider",rampElement:"esri-classed-color-slider__ramp",sliderContainer:"esri-classed-color-slider__slider-container",histogramContainer:"esri-classed-color-slider__histogram-container",track:"esri-classed-color-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"};let m=d=class extends t{constructor(e,r){super(e,r),this._bgFillId=null,this._rampFillId=null,this.breaks=null,this.label=void 0,this.messages=null,this.viewModel=new l,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}static fromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,i=s.map((e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}}));return new d({breaks:i,histogramConfig:{bins:r?r.bins:[]}})}updateClassBreakInfos(e){const r=this.breaks;if(r.length===e.length)return e.map(((e,s)=>{const i=e.symbol;return i.color=r[s].color,new o({minValue:r[s].min,maxValue:r[s].max,symbol:i})}));console.error(`Number of input breakInfos must match number of slider breaks: ${r.length}`)}updateFromRendererResult(e,r){const{renderer:{classBreakInfos:s}}=e,i=s.map((e=>{const r=e.symbol.color;return{min:e.minValue,max:e.maxValue,color:r}}));this.set({breaks:i}),r?.bins&&(this.histogramConfig.bins=r.bins)}render(){const{state:e,label:r,visibleElements:s}=this,i="disabled"===e,o=this.classes(c.base,c.esriWidget,c.esriWidgetPanel,{[c.disabled]:i,[c.track]:s.interactiveTrack});return n("div",{"aria-label":r,class:o},i?null:this.renderContent(this.renderRamp(),c.sliderContainer,c.histogramContainer))}renderRamp(){const{_bgFillId:e,_rampFillId:r,viewModel:s}=this,i=s.getStopInfo();return n("div",{class:c.rampElement},n("svg",{xmlns:"http://www.w3.org/2000/svg"},n("defs",null,this.renderRampFillDefinition(r,i),this.renderBackgroundFillDefinition(e)),n("rect",{x:"0",y:"0",fill:`url(#${e})`,height:"100%",width:"100%"}),n("rect",{x:"0",y:"0",fill:`url(#${r})`,height:"100%",width:"100%"})))}};e([r("viewModel.breaks")],m.prototype,"breaks",void 0),e([s({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],m.prototype,"label",void 0),e([s(),a("esri/widgets/smartMapping/ClassedColorSlider/t9n/ClassedColorSlider")],m.prototype,"messages",void 0),e([s()],m.prototype,"viewModel",void 0),m=d=e([i("esri.widgets.smartMapping.ClassedColorSlider")],m);const p=m;export{p 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/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../Color.js";import{isNone as r}from"../../core/maybe.js";import{aliasOf as t}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as i}from"../../core/accessorSupport/decorators/cast.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import l from"../../renderers/support/ClassBreakInfo.js";import{SmartMappingSliderBase as n}from"./SmartMappingSliderBase.js";import d from"./ClassedSizeSlider/ClassedSizeSliderViewModel.js";import{getFillFromColor as m}from"./support/utils.js";import{storeNode as c}from"../support/widgetUtils.js";import{messageBundle as p}from"../support/decorators/messageBundle.js";import{tsx as h}from"../support/jsxFactory.js";var u;const b={base:"esri-classed-size-slider",rampElement:"esri-classed-size-slider__ramp",sliderContainer:"esri-classed-size-slider__slider-container",histogramContainer:"esri-classed-size-slider__histogram-container",track:"esri-classed-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"},g={trackFillColor:new s([149,149,149]),trackBackgroundColor:new s([224,224,224])};let f=u=class extends n{constructor(e,s){super(e,s),this._rampNode=null,this.breaks=null,this.label=void 0,this.messages=null,this.style={...g},this.viewModel=new d}castStyle(e){return{...g,...e}}static fromRendererResult(e,s){const{renderer:{classBreakInfos:r}}=e,t=r.map((e=>{const s=e.symbol;let r;switch(s.type){case"simple-line":r=s.width;break;case"simple-marker":r=s.size;break;case"picture-marker":r=s.height}return{min:e.minValue,max:e.maxValue,size:r}}));return new u({breaks:t,histogramConfig:{bins:s?s.bins:[]}})}updateClassBreakInfos(e){const s=this.breaks;if(s.length===e.length)return e.map(((e,r)=>{const t=e.symbol;switch(t.type){case"simple-line":t.width=s[r].size;break;case"simple-marker":t.size=s[r].size;break;case"picture-marker":{const e=s[r].size,i=t.width,a=t.height;t.height=e,t.width=e/a*i;break}}return new l({minValue:s[r].min,maxValue:s[r].max,symbol:t})}));console.error(`Number of input breakInfos must match number of slider breaks: ${s.length}`)}updateFromRendererResult(e,s){const{renderer:{classBreakInfos:r}}=e,t=r.map((e=>{const s=e.symbol;let r;switch(s.type){case"simple-line":r=s.width;break;case"simple-marker":r=s.size;break;case"picture-marker":r=s.height}return{min:e.minValue,max:e.maxValue,size:r}}));this.set({breaks:t}),null!=s&&s.bins&&(this.histogramConfig.bins=s.bins)}render(){const{state:e,label:s,visibleElements:r}=this,t="disabled"===e,i=this.classes(b.base,b.esriWidget,b.esriWidgetPanel,{[b.disabled]:t,[b.track]:r.interactiveTrack});return h("div",{"aria-label":s,class:i},t?null:this.renderContent(this.renderRamp(),b.sliderContainer,b.histogramContainer))}renderRamp(){const{style:{trackBackgroundColor:e}}=this;return h("div",{afterCreate:c,bind:this,class:b.rampElement,"data-node-ref":"_rampNode"},h("svg",{xmlns:"http://www.w3.org/2000/svg"},h("rect",{x:"0",y:"0",fill:m(e),height:"100%",width:"100%"}),this.renderPath()))}renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:s=0}=this._rampNode;if(r(e)||r(s))return;const{breaks:t,viewModel:{max:i,min:a},style:{trackFillColor:o}}=this,l=i-a,n=s/t.length,d=t.map((s=>e-Math.round((s.min-a)/l*e)+1)).reverse(),c=t[0].size>t[t.length-1].size||!1;let p=c?n:s,u=`M${p} 0 `;return d.forEach(((e,r)=>{const t=n*(r+1);u+=`L${p} ${e} `,p=c?n+t:s-t,u+=`L${p} ${e} `})),u+=`L0 ${e} L0 ${e} L0 0 Z`,h("path",{d:u,fill:m(o)})}};e([t("viewModel.breaks")],f.prototype,"breaks",void 0),e([a({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],f.prototype,"label",void 0),e([a(),p("esri/widgets/smartMapping/ClassedSizeSlider/t9n/ClassedSizeSlider")],f.prototype,"messages",void 0),e([a()],f.prototype,"style",void 0),e([i("style")],f.prototype,"castStyle",null),e([a()],f.prototype,"viewModel",void 0),f=u=e([o("esri.widgets.smartMapping.ClassedSizeSlider")],f);const k=f;export{k as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../Color.js";import{isNone as r}from"../../core/maybe.js";import{aliasOf as t}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as i}from"../../core/accessorSupport/decorators/cast.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import l from"../../renderers/support/ClassBreakInfo.js";import{SmartMappingSliderBase as n}from"./SmartMappingSliderBase.js";import d from"./ClassedSizeSlider/ClassedSizeSliderViewModel.js";import{getFillFromColor as m}from"./support/utils.js";import{storeNode as c}from"../support/widgetUtils.js";import{messageBundle as p}from"../support/decorators/messageBundle.js";import{tsx as h}from"../support/jsxFactory.js";var u;const b={base:"esri-classed-size-slider",rampElement:"esri-classed-size-slider__ramp",sliderContainer:"esri-classed-size-slider__slider-container",histogramContainer:"esri-classed-size-slider__histogram-container",track:"esri-classed-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"},g={trackFillColor:new s([149,149,149]),trackBackgroundColor:new s([224,224,224])};let f=u=class extends n{constructor(e,s){super(e,s),this._rampNode=null,this.breaks=null,this.label=void 0,this.messages=null,this.style={...g},this.viewModel=new d}castStyle(e){return{...g,...e}}static fromRendererResult(e,s){const{renderer:{classBreakInfos:r}}=e,t=r.map((e=>{const s=e.symbol;let r;switch(s.type){case"simple-line":r=s.width;break;case"simple-marker":r=s.size;break;case"picture-marker":r=s.height}return{min:e.minValue,max:e.maxValue,size:r}}));return new u({breaks:t,histogramConfig:{bins:s?s.bins:[]}})}updateClassBreakInfos(e){const s=this.breaks;if(s.length===e.length)return e.map(((e,r)=>{const t=e.symbol;switch(t.type){case"simple-line":t.width=s[r].size;break;case"simple-marker":t.size=s[r].size;break;case"picture-marker":{const e=s[r].size,i=t.width,a=t.height;t.height=e,t.width=e/a*i;break}}return new l({minValue:s[r].min,maxValue:s[r].max,symbol:t})}));console.error(`Number of input breakInfos must match number of slider breaks: ${s.length}`)}updateFromRendererResult(e,s){const{renderer:{classBreakInfos:r}}=e,t=r.map((e=>{const s=e.symbol;let r;switch(s.type){case"simple-line":r=s.width;break;case"simple-marker":r=s.size;break;case"picture-marker":r=s.height}return{min:e.minValue,max:e.maxValue,size:r}}));this.set({breaks:t}),s?.bins&&(this.histogramConfig.bins=s.bins)}render(){const{state:e,label:s,visibleElements:r}=this,t="disabled"===e,i=this.classes(b.base,b.esriWidget,b.esriWidgetPanel,{[b.disabled]:t,[b.track]:r.interactiveTrack});return h("div",{"aria-label":s,class:i},t?null:this.renderContent(this.renderRamp(),b.sliderContainer,b.histogramContainer))}renderRamp(){const{style:{trackBackgroundColor:e}}=this;return h("div",{afterCreate:c,bind:this,class:b.rampElement,"data-node-ref":"_rampNode"},h("svg",{xmlns:"http://www.w3.org/2000/svg"},h("rect",{x:"0",y:"0",fill:m(e),height:"100%",width:"100%"}),this.renderPath()))}renderPath(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:s=0}=this._rampNode;if(r(e)||r(s))return;const{breaks:t,viewModel:{max:i,min:a},style:{trackFillColor:o}}=this,l=i-a,n=s/t.length,d=t.map((s=>e-Math.round((s.min-a)/l*e)+1)).reverse(),c=t[0].size>t[t.length-1].size||!1;let p=c?n:s,u=`M${p} 0 `;return d.forEach(((e,r)=>{const t=n*(r+1);u+=`L${p} ${e} `,p=c?n+t:s-t,u+=`L${p} ${e} `})),u+=`L0 ${e} L0 ${e} L0 0 Z`,h("path",{d:u,fill:m(o)})}};e([t("viewModel.breaks")],f.prototype,"breaks",void 0),e([a({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],f.prototype,"label",void 0),e([a(),p("esri/widgets/smartMapping/ClassedSizeSlider/t9n/ClassedSizeSlider")],f.prototype,"messages",void 0),e([a()],f.prototype,"style",void 0),e([i("style")],f.prototype,"castStyle",null),e([a()],f.prototype,"viewModel",void 0),f=u=e([o("esri.widgets.smartMapping.ClassedSizeSlider")],f);const k=f;export{k as default};

package/widgets/smartMapping/ColorSizeSlider.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import i from"../../core/Error.js";import{isSome as r,isNone as l}from"../../core/maybe.js";import{aliasOf as s}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as t}from"../../core/accessorSupport/decorators/property.js";import{subclass as a}from"../../core/accessorSupport/decorators/subclass.js";import o from"../../renderers/visualVariables/support/ColorSizeStop.js";import n from"../../renderers/visualVariables/support/ColorStop.js";import d from"../../renderers/visualVariables/support/SizeStop.js";import{SmartMappingSliderBase as p}from"./SmartMappingSliderBase.js";import u from"./ColorSizeSlider/ColorSizeSliderViewModel.js";import{getDynamicPathForSizeStops as m,getPathForSizeStops as c}from"./support/utils.js";import{storeNode as h}from"../support/widgetUtils.js";import{messageBundle as v}from"../support/decorators/messageBundle.js";import{tsx as b}from"../support/jsxFactory.js";var g;const f={base:"esri-color-size-slider",rampElement:"esri-color-size-slider__ramp",sliderContainer:"esri-color-size-slider__slider-container",histogramContainer:"esri-color-size-slider__histogram-container",primaryHandle:"esri-color-size-slider--primary-handle",track:"esri-color-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"};let z=g=class extends p{constructor(e,i){super(e,i),this._bgFillId=null,this._backgroundFillColor="#e0e0e0",this._minRampFillWidth=.2,this._rampFillId=null,this._rampNode=null,this._maxRampFillWidth=1,this.handlesSyncedToPrimary=null,this.label=void 0,this.messages=null,this.persistSizeRangeEnabled=null,this.primaryHandleEnabled=null,this.stops=null,this.viewModel=new u,this.zoomOptions=null,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}static fromRendererResult(e,r){const{renderer:{authoringInfo:{univariateTheme:l}},color:{visualVariable:{stops:s}},size:{visualVariables:t},statistics:a}=e,{avg:n,stddev:d}=a;if(!s)throw new i("ColorSizeSlider-fromRendererResult:invalid-renderer-result","'result' must include 'color' variable.");const p="above-and-below"===l,u=e.renderer.authoringInfo.visualVariables[0],m=u.minSliderValue,c=u.maxSliderValue,h=t.find((e=>"outline"!==(null==e?void 0:e.target)&&!(null!=e&&e.axis&&(null==e||!e.field)&&(null==e||!e.valueExpression))&&((null==e?void 0:e.field)||(null==e?void 0:e.valueExpression)))),v=h.stops,b=s.map(((e,i)=>{const{color:r,label:l,value:t}=e;let a;return a=v&&v.length>0?v[i].size:0===i?h.minSize:i===s.length-1?h.maxSize:null,new o({color:r,label:l,value:t,size:a})}));return new g({max:c,min:m,stops:b,primaryHandleEnabled:p,handlesSyncedToPrimary:p,persistSizeRangeEnabled:p,histogramConfig:{average:n,standardDeviation:d,bins:r?r.bins:[]}})}updateFromRendererResult(e,r){const{renderer:{authoringInfo:{univariateTheme:l}},color:{visualVariable:{stops:s}},size:{visualVariables:t},statistics:a}=e,{avg:n,stddev:d}=a;if(!s)throw new i("ColorSizeSlider-fromRendererResult:invalid-renderer-result","'result' must include 'color' variable.");const p="above-and-below"===l,u=e.renderer.authoringInfo.visualVariables[0],m=u.minSliderValue,c=u.maxSliderValue,h=t.find((e=>"outline"!==(null==e?void 0:e.target)&&!(null!=e&&e.axis&&(null==e||!e.field)&&(null==e||!e.valueExpression))&&((null==e?void 0:e.field)||(null==e?void 0:e.valueExpression)))),v=h.stops,b=s.map(((e,i)=>{const{color:r,label:l,value:t}=e;let a;return a=v&&v.length>0?v[i].size:0===i?h.minSize:i===s.length-1?h.maxSize:null,new o({color:r,label:l,value:t,size:a})}));this.set({max:c,min:m,stops:b,primaryHandleEnabled:p,handlesSyncedToPrimary:p,persistSizeRangeEnabled:p,histogramConfig:{average:n,standardDeviation:d,bins:r?r.bins:[]}})}updateRenderer(e){const{stops:i}=this,l=i[0],s=i[i.length-1],t=i[Math.floor(i.length/2)],a=e.clone(),o=a.visualVariables.map((e=>{if("size"===e.type){if("outline"===(null==e?void 0:e.target)||null!=e&&e.axis&&(null==e||!e.field)&&(null==e||!e.valueExpression))return e;r(e.minSize)&&r(e.maxSize)?e.set({maxDataValue:s.value,minDataValue:l.value,maxSize:s.size,minSize:l.size}):e.stops&&e.set({stops:i.map((e=>{const{label:i,size:r,value:l}=e;return new d({label:i,size:r,value:l})}))})}else"color"===e.type&&e.set({stops:this.stops.map((e=>{const{color:i,label:r,value:l}=e;return new n({color:i,label:r,value:l})}))});return e}));if(a.visualVariables=o,a.classBreakInfos.length>1){const e=t.value;a.classBreakInfos[0].maxValue=e,a.classBreakInfos[1].minValue=e}return a}updateVisualVariables(e){return e.map((e=>{const i=e.clone();if("size"===e.type){if("outline"===(null==e?void 0:e.target)||null!=e&&e.axis&&(null==e||!e.field)&&(null==e||!e.valueExpression))return i;if(r(e.minSize)&&r(e.maxSize)){const{stops:e}=this,r=e[0],l=e[e.length-1];i.set({maxDataValue:l.value,minDataValue:r.value,maxSize:l.size,minSize:r.size})}else e.stops&&i.set({stops:this.stops.map((e=>{const{label:i,size:r,value:l}=e;return new d({label:i,size:r,value:l})}))})}else"color"===e.type&&i.set({stops:this.stops.map((e=>{const{color:i,label:r,value:l}=e;return new n({color:i,label:r,value:l})}))});return i}))}render(){const{label:e,primaryHandleEnabled:i,state:r,visibleElements:l}=this,s="disabled"===r,t=this.classes(f.base,f.esriWidget,f.esriWidgetPanel,{[f.disabled]:s,[f.primaryHandle]:i,[f.track]:l.interactiveTrack});return b("div",{"aria-label":e,class:t},s?null:this.renderContent(this.renderRamp(),f.sliderContainer,f.histogramContainer))}renderRamp(){const{_bgFillId:e,_rampFillId:i,viewModel:r,zoomOptions:l}=this,s=r.getStopInfo();return b("div",{afterCreate:h,bind:this,class:f.rampElement,"data-node-ref":"_rampNode"},b("svg",{xmlns:"http://www.w3.org/2000/svg"},b("defs",null,this.renderRampFillDefinition(i,s),this.renderBackgroundFillDefinition(e)),b("rect",{x:"0",y:"0",fill:this._backgroundFillColor,height:"100%",width:"100%"}),this.renderPaths()),l?this.renderZoomCaps():null)}renderPaths(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:i=0}=this._rampNode;if(l(e)||l(i))return;const{primaryHandleEnabled:r,stops:s,values:t,viewModel:{max:a,min:o},_bgFillId:n,_maxRampFillWidth:d,_minRampFillWidth:p,_rampFillId:u}=this,h=[d,p];s[0].size<s[s.length-1].size&&h.reverse();const v=t.slice().sort(((e,i)=>e>i?1:-1)),[g,f]=h,[z,S]=v,y=r?m({max:a,min:o,pathHeight:e,pathWidth:i,stops:s,padding:p}):c({bottomValue:z,bottomWidth:g,max:a,min:o,pathHeight:e,pathWidth:i,topValue:S,topWidth:f});return[b("path",{key:"background",d:y,fill:`url(#${n})`}),b("path",{key:"fill",d:y,fill:`url(#${u})`})]}};e([s("viewModel.handlesSyncedToPrimary")],z.prototype,"handlesSyncedToPrimary",void 0),e([t({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],z.prototype,"label",void 0),e([t(),v("esri/widgets/smartMapping/ColorSizeSlider/t9n/ColorSizeSlider")],z.prototype,"messages",void 0),e([s("viewModel.persistSizeRangeEnabled")],z.prototype,"persistSizeRangeEnabled",void 0),e([s("viewModel.primaryHandleEnabled")],z.prototype,"primaryHandleEnabled",void 0),e([s("viewModel.stops")],z.prototype,"stops",void 0),e([t()],z.prototype,"viewModel",void 0),e([s("viewModel.zoomOptions")],z.prototype,"zoomOptions",void 0),z=g=e([a("esri.widgets.smartMapping.ColorSizeSlider")],z);const S=z;export{S as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import i from"../../core/Error.js";import{isSome as r,isNone as s}from"../../core/maybe.js";import{aliasOf as l}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as t}from"../../core/accessorSupport/decorators/property.js";import{subclass as a}from"../../core/accessorSupport/decorators/subclass.js";import o from"../../renderers/visualVariables/support/ColorSizeStop.js";import n from"../../renderers/visualVariables/support/ColorStop.js";import d from"../../renderers/visualVariables/support/SizeStop.js";import{SmartMappingSliderBase as p}from"./SmartMappingSliderBase.js";import m from"./ColorSizeSlider/ColorSizeSliderViewModel.js";import{getDynamicPathForSizeStops as u,getPathForSizeStops as c}from"./support/utils.js";import{storeNode as h}from"../support/widgetUtils.js";import{messageBundle as v}from"../support/decorators/messageBundle.js";import{tsx as b}from"../support/jsxFactory.js";var g;const f={base:"esri-color-size-slider",rampElement:"esri-color-size-slider__ramp",sliderContainer:"esri-color-size-slider__slider-container",histogramContainer:"esri-color-size-slider__histogram-container",primaryHandle:"esri-color-size-slider--primary-handle",track:"esri-color-size-slider--interactive-track",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",widgetIcon:"esri-icon-edit",disabled:"esri-disabled"};let z=g=class extends p{constructor(e,i){super(e,i),this._bgFillId=null,this._backgroundFillColor="#e0e0e0",this._minRampFillWidth=.2,this._rampFillId=null,this._rampNode=null,this._maxRampFillWidth=1,this.handlesSyncedToPrimary=null,this.label=void 0,this.messages=null,this.persistSizeRangeEnabled=null,this.primaryHandleEnabled=null,this.stops=null,this.viewModel=new m,this.zoomOptions=null,this._bgFillId=`${this.id}-bg-fill`,this._rampFillId=`${this.id}-linear-gradient`}static fromRendererResult(e,r){const{renderer:{authoringInfo:{univariateTheme:s}},color:{visualVariable:{stops:l}},size:{visualVariables:t},statistics:a}=e,{avg:n,stddev:d}=a;if(!l)throw new i("ColorSizeSlider-fromRendererResult:invalid-renderer-result","'result' must include 'color' variable.");const p="above-and-below"===s,m=e.renderer.authoringInfo.visualVariables[0],u=m.minSliderValue,c=m.maxSliderValue,h=t.find((e=>"outline"!==e?.target&&!(e?.axis&&!e?.field&&!e?.valueExpression)&&(e?.field||e?.valueExpression))),v=h.stops,b=l.map(((e,i)=>{const{color:r,label:s,value:t}=e;let a;return a=v&&v.length>0?v[i].size:0===i?h.minSize:i===l.length-1?h.maxSize:null,new o({color:r,label:s,value:t,size:a})}));return new g({max:c,min:u,stops:b,primaryHandleEnabled:p,handlesSyncedToPrimary:p,persistSizeRangeEnabled:p,histogramConfig:{average:n,standardDeviation:d,bins:r?r.bins:[]}})}updateFromRendererResult(e,r){const{renderer:{authoringInfo:{univariateTheme:s}},color:{visualVariable:{stops:l}},size:{visualVariables:t},statistics:a}=e,{avg:n,stddev:d}=a;if(!l)throw new i("ColorSizeSlider-fromRendererResult:invalid-renderer-result","'result' must include 'color' variable.");const p="above-and-below"===s,m=e.renderer.authoringInfo.visualVariables[0],u=m.minSliderValue,c=m.maxSliderValue,h=t.find((e=>"outline"!==e?.target&&!(e?.axis&&!e?.field&&!e?.valueExpression)&&(e?.field||e?.valueExpression))),v=h.stops,b=l.map(((e,i)=>{const{color:r,label:s,value:t}=e;let a;return a=v&&v.length>0?v[i].size:0===i?h.minSize:i===l.length-1?h.maxSize:null,new o({color:r,label:s,value:t,size:a})}));this.set({max:c,min:u,stops:b,primaryHandleEnabled:p,handlesSyncedToPrimary:p,persistSizeRangeEnabled:p,histogramConfig:{average:n,standardDeviation:d,bins:r?r.bins:[]}})}updateRenderer(e){const{stops:i}=this,s=i[0],l=i[i.length-1],t=i[Math.floor(i.length/2)],a=e.clone(),o=a.visualVariables.map((e=>{if("size"===e.type){if("outline"===e?.target||e?.axis&&!e?.field&&!e?.valueExpression)return e;r(e.minSize)&&r(e.maxSize)?e.set({maxDataValue:l.value,minDataValue:s.value,maxSize:l.size,minSize:s.size}):e.stops&&e.set({stops:i.map((e=>{const{label:i,size:r,value:s}=e;return new d({label:i,size:r,value:s})}))})}else"color"===e.type&&e.set({stops:this.stops.map((e=>{const{color:i,label:r,value:s}=e;return new n({color:i,label:r,value:s})}))});return e}));if(a.visualVariables=o,a.classBreakInfos.length>1){const e=t.value;a.classBreakInfos[0].maxValue=e,a.classBreakInfos[1].minValue=e}return a}updateVisualVariables(e){return e.map((e=>{const i=e.clone();if("size"===e.type){if("outline"===e?.target||e?.axis&&!e?.field&&!e?.valueExpression)return i;if(r(e.minSize)&&r(e.maxSize)){const{stops:e}=this,r=e[0],s=e[e.length-1];i.set({maxDataValue:s.value,minDataValue:r.value,maxSize:s.size,minSize:r.size})}else e.stops&&i.set({stops:this.stops.map((e=>{const{label:i,size:r,value:s}=e;return new d({label:i,size:r,value:s})}))})}else"color"===e.type&&i.set({stops:this.stops.map((e=>{const{color:i,label:r,value:s}=e;return new n({color:i,label:r,value:s})}))});return i}))}render(){const{label:e,primaryHandleEnabled:i,state:r,visibleElements:s}=this,l="disabled"===r,t=this.classes(f.base,f.esriWidget,f.esriWidgetPanel,{[f.disabled]:l,[f.primaryHandle]:i,[f.track]:s.interactiveTrack});return b("div",{"aria-label":e,class:t},l?null:this.renderContent(this.renderRamp(),f.sliderContainer,f.histogramContainer))}renderRamp(){const{_bgFillId:e,_rampFillId:i,viewModel:r,zoomOptions:s}=this,l=r.getStopInfo();return b("div",{afterCreate:h,bind:this,class:f.rampElement,"data-node-ref":"_rampNode"},b("svg",{xmlns:"http://www.w3.org/2000/svg"},b("defs",null,this.renderRampFillDefinition(i,l),this.renderBackgroundFillDefinition(e)),b("rect",{x:"0",y:"0",fill:this._backgroundFillColor,height:"100%",width:"100%"}),this.renderPaths()),s?this.renderZoomCaps():null)}renderPaths(){if(!this._rampNode)return;const{offsetHeight:e=0,offsetWidth:i=0}=this._rampNode;if(s(e)||s(i))return;const{primaryHandleEnabled:r,stops:l,values:t,viewModel:{max:a,min:o},_bgFillId:n,_maxRampFillWidth:d,_minRampFillWidth:p,_rampFillId:m}=this,h=[d,p];l[0].size<l[l.length-1].size&&h.reverse();const v=t.slice().sort(((e,i)=>e>i?1:-1)),[g,f]=h,[z,S]=v,y=r?u({max:a,min:o,pathHeight:e,pathWidth:i,stops:l,padding:p}):c({bottomValue:z,bottomWidth:g,max:a,min:o,pathHeight:e,pathWidth:i,topValue:S,topWidth:f});return[b("path",{key:"background",d:y,fill:`url(#${n})`}),b("path",{key:"fill",d:y,fill:`url(#${m})`})]}};e([l("viewModel.handlesSyncedToPrimary")],z.prototype,"handlesSyncedToPrimary",void 0),e([t({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],z.prototype,"label",void 0),e([t(),v("esri/widgets/smartMapping/ColorSizeSlider/t9n/ColorSizeSlider")],z.prototype,"messages",void 0),e([l("viewModel.persistSizeRangeEnabled")],z.prototype,"persistSizeRangeEnabled",void 0),e([l("viewModel.primaryHandleEnabled")],z.prototype,"primaryHandleEnabled",void 0),e([l("viewModel.stops")],z.prototype,"stops",void 0),e([t()],z.prototype,"viewModel",void 0),e([l("viewModel.zoomOptions")],z.prototype,"zoomOptions",void 0),z=g=e([a("esri.widgets.smartMapping.ColorSizeSlider")],z);const S=z;export{S as default};

package/widgets/smartMapping/SizeSlider/SizeSliderViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as s}from"../../../chunks/tslib.es6.js";import{property as e}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import"../../../core/accessorSupport/ensureType.js";import{subclass as t}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../SmartMappingPrimaryHandleSliderViewModel.js";let o=class extends r{constructor(s){super(s),this.persistSizeRangeEnabled=!1}get stops(){return this.stops}updateStops(s){const{primaryHandleEnabled:e,persistSizeRangeEnabled:t,stops:r}=this,o=this.getValuesFromStops();if(null==o||!o.length)return;if(s.sort(((s,e)=>s.value>e.value?1:-1)).forEach((s=>{o[s.index]=s.value})),r.forEach(((s,e)=>s.value=o[e])),e&&t){const{stops:s}=this,e=this.getValuesFromStops(),t=s.map((s=>s.size)),r=Math.max(...t),o=Math.min(...t),a=Math.max(...e),i=Math.min(...e),p=s[5===s.length?2:1].value,l=Math.abs(a-p),n=Math.abs(i-p),c=l>n?l:n,u=r-o;if(0===c)return;s.forEach((s=>{s.size=Math.abs(s.value-p)/c*u+o}))}}};s([e()],o.prototype,"persistSizeRangeEnabled",void 0),s([e()],o.prototype,"stops",null),o=s([t("esri.widgets.smartMapping.SizeSlider.SizeSliderViewModel")],o);const a=o;export{a as default};
+import{_ as s}from"../../../chunks/tslib.es6.js";import{property as e}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import"../../../core/accessorSupport/ensureType.js";import{subclass as t}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../SmartMappingPrimaryHandleSliderViewModel.js";let o=class extends r{constructor(s){super(s),this.persistSizeRangeEnabled=!1}get stops(){return this.stops}updateStops(s){const{primaryHandleEnabled:e,persistSizeRangeEnabled:t,stops:r}=this,o=this.getValuesFromStops();if(!o?.length)return;if(s.sort(((s,e)=>s.value>e.value?1:-1)).forEach((s=>{o[s.index]=s.value})),r.forEach(((s,e)=>s.value=o[e])),e&&t){const{stops:s}=this,e=this.getValuesFromStops(),t=s.map((s=>s.size)),r=Math.max(...t),o=Math.min(...t),a=Math.max(...e),i=Math.min(...e),p=s[5===s.length?2:1].value,l=Math.abs(a-p),n=Math.abs(i-p),c=l>n?l:n,m=r-o;if(0===c)return;s.forEach((s=>{s.size=Math.abs(s.value-p)/c*m+o}))}}};s([e()],o.prototype,"persistSizeRangeEnabled",void 0),s([e()],o.prototype,"stops",null),o=s([t("esri.widgets.smartMapping.SizeSlider.SizeSliderViewModel")],o);const a=o;export{a as default};

package/widgets/smartMapping/SmartMappingSliderBase.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import o from"../../Color.js";import{isNone as i,isSome as e}from"../../core/maybe.js";import{watch as n}from"../../core/watchUtils.js";import{aliasOf as s}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as a}from"../../core/accessorSupport/decorators/cast.js";import{property as r}from"../../core/accessorSupport/decorators/property.js";import{subclass as m}from"../../core/accessorSupport/decorators/subclass.js";import l from"../Histogram.js";import p from"../Slider.js";import c from"../Widget.js";import{getDeviationValues as d}from"./support/utils.js";import"../support/widgetUtils.js";import{tsx as h}from"../support/jsxFactory.js";const g={zoomCap:"zoom-cap",maxZoomCap:"zoom-cap--max",minZoomCap:"zoom-cap--min",zoomCapLine:"zoom-cap--line",zoomCapMask:"zoom-cap--mask",zoomCapUnderline:"zoom-cap--underline"},u={interactiveTrack:!1};let b=class extends c{constructor(t,o){var i;super(t,o),this.hasTimeData=null,this.histogram=new l({layout:"vertical"}),this.histogramConfig=null,this.inputFormatFunction=null,this.inputParseFunction=null,this.labelFormatFunction=null,this.precision=4,this.slider=new p({syncedSegmentsEnabled:!0,thumbsConstrained:!1,layout:"vertical",visibleElements:{labels:!0,rangeLabels:!0},labelInputsEnabled:!0,rangeLabelInputsEnabled:!0}),this.state=null,this.syncedSegmentsEnabled=!1,this.viewModel=null,this.visibleElements={...u},this.zoomOptions=null;const e=this.slider;null==t||!t.hasTimeData||null!=t&&t.inputParseFunction||null!=t&&t.inputFormatFunction||e.set({labelInputsEnabled:!1,rangeLabelInputsEnabled:!1}),e.draggableSegmentsEnabled=!(null==t||null==(i=t.visibleElements)||!i.interactiveTrack),this.own([e.on("max-change",(t=>this.emit("max-change",t))),e.on("max-click",(t=>this.emit("max-click",t))),e.on("min-change",(t=>this.emit("min-change",t))),e.on("min-click",(t=>this.emit("min-click",t))),e.on("segment-click",(t=>this.emit("segment-click",t))),e.on("segment-drag",(t=>this.emit("segment-drag",t))),e.on("thumb-change",(t=>this.emit("thumb-change",t))),e.on("thumb-click",(t=>this.emit("thumb-click",t))),e.on("thumb-drag",(t=>this.emit("thumb-drag",t))),e.on("track-click",(t=>this.emit("track-click",t))),n(this,["histogramConfig","max","min","zoomOptions"],(()=>{const{histogram:t,histogramConfig:o,viewModel:{max:i,min:e}}=this,n=this.getParamsFromHistogramConfig(o);t.set({...n,max:i,min:e})})),n(this,"labelFormatFunction",(()=>{const{histogram:t,labelFormatFunction:o}=this;t.set({labelFormatFunction:o})})),n(this,"hasTimeData",(t=>{const{labelInputsEnabled:o,rangeLabelInputsEnabled:i}=this.slider,n=!t||this.inputFormatFunction&&this.inputParseFunction;e.set({labelInputsEnabled:o&&n,rangeLabelInputsEnabled:i&&n})})),n(this,"visibleElements.interactiveTrack",(t=>{e.draggableSegmentsEnabled=!!t}))]),this._onMaxZoomCapPointerDown=this._onMaxZoomCapPointerDown.bind(this),this._onMinZoomCapPointerDown=this._onMinZoomCapPointerDown.bind(this)}initialize(){const{histogramConfig:t={},viewModel:o}=this,{labelFormatFunction:i,max:e,min:s}=o,a=this.getParamsFromHistogramConfig(t);this.own([n(o,"max",(()=>this.notifyChange("max"))),n(o,"min",(()=>this.notifyChange("min")))]),this.histogram.set({labelFormatFunction:i,...a,max:e,min:s}),this.slider.set({viewModel:o})}get max(){return this.viewModel?this.viewModel.getUnzoomedMax():null}set max(t){this.viewModel.max=t,this._set("max",t)}get min(){return this.viewModel?this.viewModel.getUnzoomedMin():null}set min(t){this.viewModel.min=t,this._set("min",t)}castVisibleElements(t){return{...u,...t}}renderContent(t,o,i){return this.slider.extraNodes=[t,this.renderHistogram(i)],h("div",{class:o},this.slider.render())}renderHistogram(t){return this.histogramConfig?h("div",{key:"histogram",class:t||null},this.histogram.render()):null}renderBackgroundFillDefinition(t){return h("pattern",{id:t,patternUnits:"userSpaceOnUse",x:"0",y:"0",width:"15",height:"15"},h("image",{x:"0",y:"0",width:"15",height:"15",href:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48cGF0aCBkPSJNMCAwIEw4IDAgTDggOCBMMCA4IFoiIGZpbGw9IiNjY2MiIC8+PHBhdGggZD0iTTAgMCBMOCAwIEw4IDggTDAgOCBaIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDgpIiAvPjxwYXRoIGQ9Ik0wIDAgTDggMCBMOCA4IEwwIDggWiIgZmlsbD0iI2NjYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCw4KSIgLz48cGF0aCBkPSJNMCAwIEw4IDAgTDggOCBMMCA4IFoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgsMCkiIC8+PC9zdmc+"}))}renderRampFillDefinition(t,o){return h("linearGradient",{id:t,x1:"0",x2:"0",y1:"0",y2:"1"},this.renderRampFillStops(o))}renderRampFillStops(t){return t.reverse().map(((t,o)=>this.renderStop(t,o)))}renderStop(t,o){const{color:i,offset:e,opacity:n}=this.getPropsForStop(t);return h("stop",{key:`${o}-stop`,offset:e,"stop-color":i,"stop-opacity":n})}renderZoomCaps(){return[this.renderMaxZoomCap(),this.renderMinZoomCap()]}renderMinZoomCap(){if(this.zoomOptions&&!i(this.zoomOptions.min))return h("svg",{key:"bottom",class:this.classes(g.zoomCap,g.minZoomCap),viewBox:"0 0 30 11",xmlns:"http://www.w3.org/2000/svg",onpointerdown:this._onMinZoomCapPointerDown},h("polygon",{class:g.zoomCapMask,key:"mask",fill:"#1B8617",points:"0 11.3846154 30 11.3846154 30 1 25 5.38461538 20 1 15 5.38461538 10 1 5 5.38461538 0 1"}),h("polygon",{class:g.zoomCapUnderline,key:"underline",fill:"#69DCFF",points:"0 0 5 4.38461538 10 0 15 4.38461538 20 0 25 4.38461538 30 0 30 4.61538462 25 9 20 4.61538462 15 9 10 4.61538462 5 9 0 4.61538462"}),h("polygon",{class:g.zoomCapLine,key:"line",fill:"#DA5656",points:"0 1 5 5.38461538 10 1 15 5.38461538 20 1 25 5.38461538 30 1 30 5.61538462 25 10 20 5.61538462 15 10 10 5.61538462 5 10 0 5.61538462"}))}renderMaxZoomCap(){if(this.zoomOptions&&!i(this.zoomOptions.max))return h("svg",{key:"top",class:this.classes(g.zoomCap,g.maxZoomCap),viewBox:"0 0 30 11",xmlns:"http://www.w3.org/2000/svg",onpointerdown:this._onMaxZoomCapPointerDown},h("polygon",{class:g.zoomCapMask,key:"mask",points:"0 -1.81994377e-12 30 -1.81994377e-12 30 8.23076923 25 3.61538462 20 8.23076923 15 3.61538462 10 8.23076923 5 3.61538462 0 8.23076923"}),h("polygon",{class:g.zoomCapUnderline,key:"underline",points:"0 5.61538462 5 1 10 5.61538462 15 1 20 5.61538462 25 1 30 5.61538462 30 10.2307692 25 5.61538462 20 10.2307692 15 5.61538462 10 10.2307692 5 5.61538462 0 10.2307692"}),h("polygon",{class:g.zoomCapLine,key:"line",points:"0 4.61538462 5 -1.87329639e-12 10 4.61538462 15 -1.87329639e-12 20 4.61538462 25 -1.87329639e-12 30 4.61538462 30 9.23076923 25 4.61538462 20 9.23076923 15 4.61538462 10 9.23076923 5 4.61538462 0 9.23076923"}))}getPropsForStop(t){const{color:i,offset:e}=t;return{color:i instanceof o?i.toCss(!0):o.fromString(i).toCss(!0),offset:(100*e).toFixed(2)+"%",opacity:i instanceof o?i.toRgba()[3]:null}}getParamsFromHistogramConfig(t){if(!t)return null;const{average:o,barCreatedFunction:i,bins:e,dataLineCreatedFunction:n,dataLineUpdatedFunction:s}=t;return{average:o,barCreatedFunction:i,bins:e,dataLineCreatedFunction:n,dataLineUpdatedFunction:s,dataLines:this._getDataLines(t)}}_onMaxZoomCapPointerDown(){const{zoomOptions:t}=this;if(t&&e(t.max)){const{min:o}=t;this.zoomOptions=e(o)?{min:o}:null}}_onMinZoomCapPointerDown(){const{zoomOptions:t}=this;if(t&&e(t.min)){const{max:o}=t;this.zoomOptions=e(o)?{max:o}:null}}_getDataLines(t){const{average:o,standardDeviation:i,standardDeviationCount:e}=t,{max:n,min:s}=this.viewModel.getBounds();return[...this._getStandardDeviationDataLines(i,o,e||1),...t.dataLines||[]].filter((({value:t})=>t<=n&&t>=s))}_getStandardDeviationDataLines(t,o,i){const{max:e,min:n}=this.viewModel,s=.06*(e-n);return d(t,o,i).filter((t=>Math.abs(o-t)>s)).map(((t,i,e)=>{const n=this.labelFormatFunction?this.labelFormatFunction(t):t,s=e.length/2,a=i>=s?i-s+1:s-i;return{value:t,label:`${t>o?"+":"-"}${1===a?"":a}σ ${n}`}}))}};t([s("viewModel.hasTimeData")],b.prototype,"hasTimeData",void 0),t([r()],b.prototype,"histogram",void 0),t([r()],b.prototype,"histogramConfig",void 0),t([s("viewModel.inputFormatFunction")],b.prototype,"inputFormatFunction",void 0),t([s("viewModel.inputParseFunction")],b.prototype,"inputParseFunction",void 0),t([s("viewModel.labelFormatFunction")],b.prototype,"labelFormatFunction",void 0),t([r()],b.prototype,"max",null),t([r()],b.prototype,"min",null),t([s("viewModel.precision")],b.prototype,"precision",void 0),t([r()],b.prototype,"slider",void 0),t([s("viewModel.state")],b.prototype,"state",void 0),t([s("slider.syncedSegmentsEnabled")],b.prototype,"syncedSegmentsEnabled",void 0),t([s("viewModel.values")],b.prototype,"values",void 0),t([r()],b.prototype,"viewModel",void 0),t([r()],b.prototype,"visibleElements",void 0),t([a("visibleElements")],b.prototype,"castVisibleElements",null),t([s("viewModel.zoomOptions")],b.prototype,"zoomOptions",void 0),b=t([m("esri.widgets.smartMapping.SmartMappingSliderBase")],b);export{b as SmartMappingSliderBase};
+import{_ as t}from"../../chunks/tslib.es6.js";import o from"../../Color.js";import{isNone as i,isSome as e}from"../../core/maybe.js";import{watch as n}from"../../core/watchUtils.js";import{aliasOf as s}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as a}from"../../core/accessorSupport/decorators/cast.js";import{property as r}from"../../core/accessorSupport/decorators/property.js";import{subclass as m}from"../../core/accessorSupport/decorators/subclass.js";import l from"../Histogram.js";import p from"../Slider.js";import c from"../Widget.js";import{getDeviationValues as d}from"./support/utils.js";import"../support/widgetUtils.js";import{tsx as h}from"../support/jsxFactory.js";const g={zoomCap:"zoom-cap",maxZoomCap:"zoom-cap--max",minZoomCap:"zoom-cap--min",zoomCapLine:"zoom-cap--line",zoomCapMask:"zoom-cap--mask",zoomCapUnderline:"zoom-cap--underline"},u={interactiveTrack:!1};let b=class extends c{constructor(t,o){super(t,o),this.hasTimeData=null,this.histogram=new l({layout:"vertical"}),this.histogramConfig=null,this.inputFormatFunction=null,this.inputParseFunction=null,this.labelFormatFunction=null,this.precision=4,this.slider=new p({syncedSegmentsEnabled:!0,thumbsConstrained:!1,layout:"vertical",visibleElements:{labels:!0,rangeLabels:!0},labelInputsEnabled:!0,rangeLabelInputsEnabled:!0}),this.state=null,this.syncedSegmentsEnabled=!1,this.viewModel=null,this.visibleElements={...u},this.zoomOptions=null;const i=this.slider;!t?.hasTimeData||t?.inputParseFunction||t?.inputFormatFunction||i.set({labelInputsEnabled:!1,rangeLabelInputsEnabled:!1}),i.draggableSegmentsEnabled=!!t?.visibleElements?.interactiveTrack,this.own([i.on("max-change",(t=>this.emit("max-change",t))),i.on("max-click",(t=>this.emit("max-click",t))),i.on("min-change",(t=>this.emit("min-change",t))),i.on("min-click",(t=>this.emit("min-click",t))),i.on("segment-click",(t=>this.emit("segment-click",t))),i.on("segment-drag",(t=>this.emit("segment-drag",t))),i.on("thumb-change",(t=>this.emit("thumb-change",t))),i.on("thumb-click",(t=>this.emit("thumb-click",t))),i.on("thumb-drag",(t=>this.emit("thumb-drag",t))),i.on("track-click",(t=>this.emit("track-click",t))),n(this,["histogramConfig","max","min","zoomOptions"],(()=>{const{histogram:t,histogramConfig:o,viewModel:{max:i,min:e}}=this,n=this.getParamsFromHistogramConfig(o);t.set({...n,max:i,min:e})})),n(this,"labelFormatFunction",(()=>{const{histogram:t,labelFormatFunction:o}=this;t.set({labelFormatFunction:o})})),n(this,"hasTimeData",(t=>{const{labelInputsEnabled:o,rangeLabelInputsEnabled:e}=this.slider,n=!t||this.inputFormatFunction&&this.inputParseFunction;i.set({labelInputsEnabled:o&&n,rangeLabelInputsEnabled:e&&n})})),n(this,"visibleElements.interactiveTrack",(t=>{i.draggableSegmentsEnabled=!!t}))]),this._onMaxZoomCapPointerDown=this._onMaxZoomCapPointerDown.bind(this),this._onMinZoomCapPointerDown=this._onMinZoomCapPointerDown.bind(this)}initialize(){const{histogramConfig:t={},viewModel:o}=this,{labelFormatFunction:i,max:e,min:s}=o,a=this.getParamsFromHistogramConfig(t);this.own([n(o,"max",(()=>this.notifyChange("max"))),n(o,"min",(()=>this.notifyChange("min")))]),this.histogram.set({labelFormatFunction:i,...a,max:e,min:s}),this.slider.set({viewModel:o})}get max(){return this.viewModel?this.viewModel.getUnzoomedMax():null}set max(t){this.viewModel.max=t,this._set("max",t)}get min(){return this.viewModel?this.viewModel.getUnzoomedMin():null}set min(t){this.viewModel.min=t,this._set("min",t)}castVisibleElements(t){return{...u,...t}}renderContent(t,o,i){return this.slider.extraNodes=[t,this.renderHistogram(i)],h("div",{class:o},this.slider.render())}renderHistogram(t){return this.histogramConfig?h("div",{key:"histogram",class:t||null},this.histogram.render()):null}renderBackgroundFillDefinition(t){return h("pattern",{id:t,patternUnits:"userSpaceOnUse",x:"0",y:"0",width:"15",height:"15"},h("image",{x:"0",y:"0",width:"15",height:"15",href:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48cGF0aCBkPSJNMCAwIEw4IDAgTDggOCBMMCA4IFoiIGZpbGw9IiNjY2MiIC8+PHBhdGggZD0iTTAgMCBMOCAwIEw4IDggTDAgOCBaIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDgpIiAvPjxwYXRoIGQ9Ik0wIDAgTDggMCBMOCA4IEwwIDggWiIgZmlsbD0iI2NjYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCw4KSIgLz48cGF0aCBkPSJNMCAwIEw4IDAgTDggOCBMMCA4IFoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgsMCkiIC8+PC9zdmc+"}))}renderRampFillDefinition(t,o){return h("linearGradient",{id:t,x1:"0",x2:"0",y1:"0",y2:"1"},this.renderRampFillStops(o))}renderRampFillStops(t){return t.reverse().map(((t,o)=>this.renderStop(t,o)))}renderStop(t,o){const{color:i,offset:e,opacity:n}=this.getPropsForStop(t);return h("stop",{key:`${o}-stop`,offset:e,"stop-color":i,"stop-opacity":n})}renderZoomCaps(){return[this.renderMaxZoomCap(),this.renderMinZoomCap()]}renderMinZoomCap(){if(this.zoomOptions&&!i(this.zoomOptions.min))return h("svg",{key:"bottom",class:this.classes(g.zoomCap,g.minZoomCap),viewBox:"0 0 30 11",xmlns:"http://www.w3.org/2000/svg",onpointerdown:this._onMinZoomCapPointerDown},h("polygon",{class:g.zoomCapMask,key:"mask",fill:"#1B8617",points:"0 11.3846154 30 11.3846154 30 1 25 5.38461538 20 1 15 5.38461538 10 1 5 5.38461538 0 1"}),h("polygon",{class:g.zoomCapUnderline,key:"underline",fill:"#69DCFF",points:"0 0 5 4.38461538 10 0 15 4.38461538 20 0 25 4.38461538 30 0 30 4.61538462 25 9 20 4.61538462 15 9 10 4.61538462 5 9 0 4.61538462"}),h("polygon",{class:g.zoomCapLine,key:"line",fill:"#DA5656",points:"0 1 5 5.38461538 10 1 15 5.38461538 20 1 25 5.38461538 30 1 30 5.61538462 25 10 20 5.61538462 15 10 10 5.61538462 5 10 0 5.61538462"}))}renderMaxZoomCap(){if(this.zoomOptions&&!i(this.zoomOptions.max))return h("svg",{key:"top",class:this.classes(g.zoomCap,g.maxZoomCap),viewBox:"0 0 30 11",xmlns:"http://www.w3.org/2000/svg",onpointerdown:this._onMaxZoomCapPointerDown},h("polygon",{class:g.zoomCapMask,key:"mask",points:"0 -1.81994377e-12 30 -1.81994377e-12 30 8.23076923 25 3.61538462 20 8.23076923 15 3.61538462 10 8.23076923 5 3.61538462 0 8.23076923"}),h("polygon",{class:g.zoomCapUnderline,key:"underline",points:"0 5.61538462 5 1 10 5.61538462 15 1 20 5.61538462 25 1 30 5.61538462 30 10.2307692 25 5.61538462 20 10.2307692 15 5.61538462 10 10.2307692 5 5.61538462 0 10.2307692"}),h("polygon",{class:g.zoomCapLine,key:"line",points:"0 4.61538462 5 -1.87329639e-12 10 4.61538462 15 -1.87329639e-12 20 4.61538462 25 -1.87329639e-12 30 4.61538462 30 9.23076923 25 4.61538462 20 9.23076923 15 4.61538462 10 9.23076923 5 4.61538462 0 9.23076923"}))}getPropsForStop(t){const{color:i,offset:e}=t;return{color:i instanceof o?i.toCss(!0):o.fromString(i).toCss(!0),offset:(100*e).toFixed(2)+"%",opacity:i instanceof o?i.toRgba()[3]:null}}getParamsFromHistogramConfig(t){if(!t)return null;const{average:o,barCreatedFunction:i,bins:e,dataLineCreatedFunction:n,dataLineUpdatedFunction:s}=t;return{average:o,barCreatedFunction:i,bins:e,dataLineCreatedFunction:n,dataLineUpdatedFunction:s,dataLines:this._getDataLines(t)}}_onMaxZoomCapPointerDown(){const{zoomOptions:t}=this;if(t&&e(t.max)){const{min:o}=t;this.zoomOptions=e(o)?{min:o}:null}}_onMinZoomCapPointerDown(){const{zoomOptions:t}=this;if(t&&e(t.min)){const{max:o}=t;this.zoomOptions=e(o)?{max:o}:null}}_getDataLines(t){const{average:o,standardDeviation:i,standardDeviationCount:e}=t,{max:n,min:s}=this.viewModel.getBounds();return[...this._getStandardDeviationDataLines(i,o,e||1),...t.dataLines||[]].filter((({value:t})=>t<=n&&t>=s))}_getStandardDeviationDataLines(t,o,i){const{max:e,min:n}=this.viewModel,s=.06*(e-n);return d(t,o,i).filter((t=>Math.abs(o-t)>s)).map(((t,i,e)=>{const n=this.labelFormatFunction?this.labelFormatFunction(t):t,s=e.length/2,a=i>=s?i-s+1:s-i;return{value:t,label:`${t>o?"+":"-"}${1===a?"":a}σ ${n}`}}))}};t([s("viewModel.hasTimeData")],b.prototype,"hasTimeData",void 0),t([r()],b.prototype,"histogram",void 0),t([r()],b.prototype,"histogramConfig",void 0),t([s("viewModel.inputFormatFunction")],b.prototype,"inputFormatFunction",void 0),t([s("viewModel.inputParseFunction")],b.prototype,"inputParseFunction",void 0),t([s("viewModel.labelFormatFunction")],b.prototype,"labelFormatFunction",void 0),t([r()],b.prototype,"max",null),t([r()],b.prototype,"min",null),t([s("viewModel.precision")],b.prototype,"precision",void 0),t([r()],b.prototype,"slider",void 0),t([s("viewModel.state")],b.prototype,"state",void 0),t([s("slider.syncedSegmentsEnabled")],b.prototype,"syncedSegmentsEnabled",void 0),t([s("viewModel.values")],b.prototype,"values",void 0),t([r()],b.prototype,"viewModel",void 0),t([r()],b.prototype,"visibleElements",void 0),t([a("visibleElements")],b.prototype,"castVisibleElements",null),t([s("viewModel.zoomOptions")],b.prototype,"zoomOptions",void 0),b=t([m("esri.widgets.smartMapping.SmartMappingSliderBase")],b);export{b as SmartMappingSliderBase};

package/widgets/smartMapping/SmartMappingSliderViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import{isSome as s}from"../../core/maybe.js";import{property as e}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import o from"../Slider/SliderViewModel.js";import{formatDateLabel as n,formatNumberLabel as a,getStopChanges as l}from"./support/utils.js";let r=class extends o{constructor(t){super(t),this._initialStopValues=[],this._max=null,this._min=null,this.hasTimeData=!1,this.inputFormatFunction=(t,s)=>"max"===s?this.getUnzoomedMax().toString():"min"===s?this.getUnzoomedMin().toString():t.toString(),this.inputParseFunction=null,this.labelFormatFunction=t=>{if(this.hasTimeData)return n(t);const{max:s,min:e,precision:i}=this,o=s-e>10?2:i;return a(parseFloat(t.toFixed(o)))},this.thumbsConstrained=!1,this.zoomingEnabled=!0}set breaks(t){this._set("breaks",t),this.notifyChange("max"),this.notifyChange("min")}set stops(t){if(null!=t&&t.length){const{max:e,min:i}=this,o=this.getValuesFromStops(t),n={};s(i)&&o.some((t=>t<i))&&(n.min=Math.min(...o)),s(e)&&o.some((t=>t>e))&&(n.max=Math.max(...o)),this.set({...n}),this._initialStopValues=o}else this._initialStopValues=null;this._set("stops",t||null),this.notifyChange("values")}get labels(){const{values:t}=this,s=t&&t.length?t.map(((t,s)=>this.getLabelForValue(t,"value",s))):[],e=this.getUnzoomedMax(),i=this.getUnzoomedMin();return{max:this.getLabelForValue(e,"max"),min:this.getLabelForValue(i,"min"),values:s}}get max(){const{breaks:t}=this;return null!=t&&t.length?t[t.length-1].max:this.max}set max(t){const{zoomOptions:e}=this;if(e&&s(e.max)){const s=this.values;let i=e.max;if(t<i&&(i=t,e.max=t),s&&s.length)for(let e=0;e<s.length;e++)t<s[e]&&this.setValue(e,t);this._storeZoomMax(i,t)}else this.updateBreakMax(t),this.setMax(t);this.notifyChange("labels")}get min(){const{breaks:t}=this;return null!=t&&t.length?t[0].min:this.min}set min(t){const{zoomOptions:e}=this;if(e&&s(e.min)){const s=this.values;let i=e.min;if(t>i&&(i=t,e.min=t),s&&s.length)for(let e=0;e<s.length;e++)t>s[e]&&this.setValue(e,t);this._storeZoomMin(i,t)}else this.updateBreakMin(t),this.setMin(t);this.notifyChange("labels")}get state(){const{max:t,min:e,values:i}=this;return s(t)&&s(e)&&i.length>0?"ready":"disabled"}get values(){const{breaks:t,stops:s}=this;if(!t&&!s)return[];if(null!=t&&t.length){const s=t.map((t=>t.max));return s.pop(),s}if((null==s?void 0:s.length)<2)return[];const e=this.getValuesFromStops();return[e[0],e[e.length-1]]}set zoomOptions(t){const{zoomingEnabled:e,zoomOptions:i}=this;if(e){if(i){const e=s(this._max)?this._max:this.max,i=s(this._min)?this._min:this.min;if(t){const{max:o,min:n}=t,a=s(o),l=s(n),r=l?t.min:i,h=l?i:null,m=a?t.max:e,u=a?e:null;this._storeZoomMin(r,h),this._storeZoomMax(m,u)}else this.setMax(e),this.setMin(i),this._min=null,this._max=null}else if(t){const{max:e,min:i}=t;s(i)&&this._storeZoomMin(t.min,this.min),s(e)&&this._storeZoomMax(t.max,this.max)}this._set("zoomOptions",t),this.notifyChange("max"),this.notifyChange("min")}}getStopIndexFromValueIndex(t){const{stops:s}=this,e=this.values[t];if(0===t){return e<=this.values[1]?0:s.length-1}if(1===t){return this.values[0]>=e?0:s.length-1}return null}getStopChanges(t,s){const e=this.stops,i=this.getStopIndexFromValueIndex(t),o=this.getValuesFromStops();o[i]=s;const[n,a]=[o[0],o[o.length-1]].sort(((t,s)=>t>s?1:-1)),l=a-n,r=e.length-1;return o.map(((t,s)=>({index:s,value:this.toPrecision(n+s*l/r)})))}setValue(t,s){const{max:e,min:i,values:o}=this,n=o[t];if(isNaN(s)||n===s||s>e||s<i)return;o[t]=this.toPrecision(s),this._set("values",[...o]);const a=o.slice().sort(((t,s)=>t>s?1:-1)),r=a[0],h=a[a.length-1],m=l(r,h,this._initialStopValues);this.updateStops(m),this.updateBreaks(),this.notifyChange("labels")}getValuesFromStops(t){const s=t||this.stops;return null==s?void 0:s.map((t=>t.hasOwnProperty("ratio")?t.ratio:t.value))}updateBreaks(){const{breaks:t,values:e}=this;null!=t&&t.length&&e.slice().sort(((t,s)=>t>s?1:-1)).forEach(((e,i)=>{t[i].max=e,s(t[i+1])&&(t[i+1].min=e)}))}updateBreakMax(t){const{breaks:e,max:i,min:o}=this;!isNaN(t)&&i!==t&&s(o)&&t>o&&null!=e&&e.length&&(e[e.length-1].max=t)}updateBreakMin(t){const{breaks:e,max:i,min:o}=this;!isNaN(t)&&o!==t&&s(i)&&t<i&&null!=e&&e.length&&(e[0].min=t)}updateStops(t){const{stops:s}=this,e=this.getValuesFromStops();if(null!=e&&e.length){for(const s of t)e[s.index]=s.value;s.forEach(((t,s)=>{t.hasOwnProperty("ratio")?t.ratio=e[s]:t.value=e[s]}))}}getUnzoomedMax(){return this.zoomOptions&&s(this._max)?this._max:this.max}getUnzoomedMin(){return this.zoomOptions&&s(this._min)?this._min:this.min}_storeZoomMax(t,s){this._max=s,this.setMax(t)}_storeZoomMin(t,s){this._min=s,this.setMin(t)}};t([e()],r.prototype,"breaks",null),t([e()],r.prototype,"stops",null),t([e()],r.prototype,"hasTimeData",void 0),t([e()],r.prototype,"inputFormatFunction",void 0),t([e()],r.prototype,"inputParseFunction",void 0),t([e()],r.prototype,"labelFormatFunction",void 0),t([e({readOnly:!0})],r.prototype,"labels",null),t([e()],r.prototype,"max",null),t([e()],r.prototype,"min",null),t([e({readOnly:!0})],r.prototype,"state",null),t([e()],r.prototype,"thumbsConstrained",void 0),t([e({readOnly:!0})],r.prototype,"values",null),t([e()],r.prototype,"zoomingEnabled",void 0),t([e()],r.prototype,"zoomOptions",null),r=t([i("esri.widgets.smartMapping.SmartMappingSliderViewModel")],r);const h=r;export{h as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import{isSome as s}from"../../core/maybe.js";import{property as e}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import o from"../Slider/SliderViewModel.js";import{formatDateLabel as n,formatNumberLabel as a,getStopChanges as r}from"./support/utils.js";let h=class extends o{constructor(t){super(t),this._initialStopValues=[],this._max=null,this._min=null,this.hasTimeData=!1,this.inputFormatFunction=(t,s)=>"max"===s?this.getUnzoomedMax().toString():"min"===s?this.getUnzoomedMin().toString():t.toString(),this.inputParseFunction=null,this.labelFormatFunction=t=>{if(this.hasTimeData)return n(t);const{max:s,min:e,precision:i}=this,o=s-e>10?2:i;return a(parseFloat(t.toFixed(o)))},this.thumbsConstrained=!1,this.zoomingEnabled=!0}set breaks(t){this._set("breaks",t),this.notifyChange("max"),this.notifyChange("min")}set stops(t){if(t?.length){const{max:e,min:i}=this,o=this.getValuesFromStops(t),n={};s(i)&&o.some((t=>t<i))&&(n.min=Math.min(...o)),s(e)&&o.some((t=>t>e))&&(n.max=Math.max(...o)),this.set({...n}),this._initialStopValues=o}else this._initialStopValues=null;this._set("stops",t||null),this.notifyChange("values")}get labels(){const{values:t}=this,s=t&&t.length?t.map(((t,s)=>this.getLabelForValue(t,"value",s))):[],e=this.getUnzoomedMax(),i=this.getUnzoomedMin();return{max:this.getLabelForValue(e,"max"),min:this.getLabelForValue(i,"min"),values:s}}get max(){const{breaks:t}=this;return t?.length?t[t.length-1].max:this.max}set max(t){const{zoomOptions:e}=this;if(e&&s(e.max)){const s=this.values;let i=e.max;if(t<i&&(i=t,e.max=t),s&&s.length)for(let e=0;e<s.length;e++)t<s[e]&&this.setValue(e,t);this._storeZoomMax(i,t)}else this.updateBreakMax(t),this.setMax(t);this.notifyChange("labels")}get min(){const{breaks:t}=this;return t?.length?t[0].min:this.min}set min(t){const{zoomOptions:e}=this;if(e&&s(e.min)){const s=this.values;let i=e.min;if(t>i&&(i=t,e.min=t),s&&s.length)for(let e=0;e<s.length;e++)t>s[e]&&this.setValue(e,t);this._storeZoomMin(i,t)}else this.updateBreakMin(t),this.setMin(t);this.notifyChange("labels")}get state(){const{max:t,min:e,values:i}=this;return s(t)&&s(e)&&i.length>0?"ready":"disabled"}get values(){const{breaks:t,stops:s}=this;if(!t&&!s)return[];if(t?.length){const s=t.map((t=>t.max));return s.pop(),s}if(s?.length<2)return[];const e=this.getValuesFromStops();return[e[0],e[e.length-1]]}set zoomOptions(t){const{zoomingEnabled:e,zoomOptions:i}=this;if(e){if(i){const e=s(this._max)?this._max:this.max,i=s(this._min)?this._min:this.min;if(t){const{max:o,min:n}=t,a=s(o),r=s(n),h=r?t.min:i,l=r?i:null,m=a?t.max:e,p=a?e:null;this._storeZoomMin(h,l),this._storeZoomMax(m,p)}else this.setMax(e),this.setMin(i),this._min=null,this._max=null}else if(t){const{max:e,min:i}=t;s(i)&&this._storeZoomMin(t.min,this.min),s(e)&&this._storeZoomMax(t.max,this.max)}this._set("zoomOptions",t),this.notifyChange("max"),this.notifyChange("min")}}getStopIndexFromValueIndex(t){const{stops:s}=this,e=this.values[t];if(0===t){return e<=this.values[1]?0:s.length-1}if(1===t){return this.values[0]>=e?0:s.length-1}return null}getStopChanges(t,s){const e=this.stops,i=this.getStopIndexFromValueIndex(t),o=this.getValuesFromStops();o[i]=s;const[n,a]=[o[0],o[o.length-1]].sort(((t,s)=>t>s?1:-1)),r=a-n,h=e.length-1;return o.map(((t,s)=>({index:s,value:this.toPrecision(n+s*r/h)})))}setValue(t,s){const{max:e,min:i,values:o}=this,n=o[t];if(isNaN(s)||n===s||s>e||s<i)return;o[t]=this.toPrecision(s),this._set("values",[...o]);const a=o.slice().sort(((t,s)=>t>s?1:-1)),h=a[0],l=a[a.length-1],m=r(h,l,this._initialStopValues);this.updateStops(m),this.updateBreaks(),this.notifyChange("labels")}getValuesFromStops(t){return(t||this.stops)?.map((t=>t.hasOwnProperty("ratio")?t.ratio:t.value))}updateBreaks(){const{breaks:t,values:e}=this;t?.length&&e.slice().sort(((t,s)=>t>s?1:-1)).forEach(((e,i)=>{t[i].max=e,s(t[i+1])&&(t[i+1].min=e)}))}updateBreakMax(t){const{breaks:e,max:i,min:o}=this;!isNaN(t)&&i!==t&&s(o)&&t>o&&e?.length&&(e[e.length-1].max=t)}updateBreakMin(t){const{breaks:e,max:i,min:o}=this;!isNaN(t)&&o!==t&&s(i)&&t<i&&e?.length&&(e[0].min=t)}updateStops(t){const{stops:s}=this,e=this.getValuesFromStops();if(e?.length){for(const s of t)e[s.index]=s.value;s.forEach(((t,s)=>{t.hasOwnProperty("ratio")?t.ratio=e[s]:t.value=e[s]}))}}getUnzoomedMax(){return this.zoomOptions&&s(this._max)?this._max:this.max}getUnzoomedMin(){return this.zoomOptions&&s(this._min)?this._min:this.min}_storeZoomMax(t,s){this._max=s,this.setMax(t)}_storeZoomMin(t,s){this._min=s,this.setMin(t)}};t([e()],h.prototype,"breaks",null),t([e()],h.prototype,"stops",null),t([e()],h.prototype,"hasTimeData",void 0),t([e()],h.prototype,"inputFormatFunction",void 0),t([e()],h.prototype,"inputParseFunction",void 0),t([e()],h.prototype,"labelFormatFunction",void 0),t([e({readOnly:!0})],h.prototype,"labels",null),t([e()],h.prototype,"max",null),t([e()],h.prototype,"min",null),t([e({readOnly:!0})],h.prototype,"state",null),t([e()],h.prototype,"thumbsConstrained",void 0),t([e({readOnly:!0})],h.prototype,"values",null),t([e()],h.prototype,"zoomingEnabled",void 0),t([e()],h.prototype,"zoomOptions",null),h=t([i("esri.widgets.smartMapping.SmartMappingSliderViewModel")],h);const l=h;export{l as default};

package/widgets/support/AnalysisViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as s}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import{equalsShallow as i}from"../../core/lang.js";import t from"../../core/Logger.js";import{isSome as n,abortMaybe as o,isNone as a,applySome as r}from"../../core/maybe.js";import{createTask as l,throwIfAborted as h,isAbortError as c,isAborted as y}from"../../core/promiseUtils.js";import{watch as w,whenOnce as p,when as v}from"../../core/reactiveUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";let m=class extends e{constructor(s={}){super(s),this.analysisView=null,this._reconnectViewTask=null,this._parentChangeFromReconnect=!1,this.logger=t.getLogger(this.declaredClass);const e=null==s?void 0:s.analysis;n(e)?this.analysis=e:(this._set("analysis",this.constructAnalysis()),this._set("isAnalysisOwner",!0)),s&&null!=s.visible&&(this.visible=s.visible)}normalizeCtorArgs(s){const{analysis:e,...i}=s;return i}initialize(){this.own([w((()=>({readyAndNotSupported:n(this.view)&&this.view.ready&&!this.supported})),(({readyAndNotSupported:s})=>{s&&this.logger.errorOnce(this.unsupportedErrorMessage)}),{sync:!0,initial:!0,equals:i}),w((()=>({analysis:this.analysis,parent:r(this.analysis,(({parent:s})=>s))})),(({parent:s})=>{this._parentChangeFromReconnect||s===this.view||this._set("isAnalysisOwner",!1);const e=!this._parentChangeFromReconnect;this._parentChangeFromReconnect=!1,e&&this._scheduleViewReconnect()})),w((()=>({view:this.view,ready:n(this.view)&&this.view.ready,supported:this.supported})),(({view:s},{view:e})=>{s!==e&&this._disconnectFromView(e),this._scheduleViewReconnect()}),{sync:!0,initial:!0,equals:i}),w((()=>this.analysis.isEditable),(s=>{a(this.analysisView)||(s&&a(this.tool)?this.createTool():s||!n(this.tool)||this.tool.active||this.removeTool())}))]),this.analysis.visible=this.visible}destroy(){this.removeTool(),this._reconnectViewTask=o(this._reconnectViewTask),this._disconnectFromView(this.view),this._set("view",null),n(this.analysis)&&(this.isAnalysisOwner?(this.analysis.destroy(),this._set("analysis",null)):this.analysis.visible=!0)}get supported(){return a(this.view)||this.view.type===this.supportedViewType}get view(){return this._get("view")}set view(s){s!==this._get("view")&&(this.removeTool(),this._set("view",s))}set visible(s){this._set("visible",s),n(this.tool)&&(this.tool.visible=s)}get active(){return n(this.tool)&&this.tool.active}get disabled(){return a(this.view)||!this.view.ready||!this.supported}set analysis(s){s!==this._get("analysis")&&(this._disconnectFromView(this.view),this._setExternalAnalysis(s),this._scheduleViewReconnect())}get ready(){return n(this.analysisView)&&!this.connectingToView}get connectingToView(){return n(this._reconnectViewTask)}get isAnalysisOwner(){return this._get("isAnalysisOwner")}get tool(){return n(this.analysisView)?this.analysisView.tool:null}clear(){this.removeTool(),this.clearAnalysis()}async start(){if(this.clear(),this.ready||await p((()=>this.ready)),a(this.analysisView)||a(this.view))return;this.createTool();const s=this.analysisView.tool;a(s)||(this.view.activeTool=s,v((()=>s.created),(()=>{s.active&&n(this.view)&&(this.view.activeTool=null)}),{initial:!0,once:!0}))}onConnectToAnalysisView(s){}onDisconnectFromAnalysisView(){}_scheduleViewReconnect(){this._reconnectViewTask=o(this._reconnectViewTask);const s=l((async e=>{try{await this._reconnectView(e)}catch(i){if(h(e),!c(i))return void this.logger.warn("Failed to use analysis in view model",i);throw i}finally{s===this._reconnectViewTask&&(this._reconnectViewTask=null)}}));this._reconnectViewTask=s}async _reconnectView(s){const{view:e}=this,i=n(e)&&e.ready&&this.supported,t=this.analysis;if(this._disconnectFromView(e),i&&!a(e)&&!a(t)){if(this.isAnalysisOwner){if(n(t.parent))return void this.logger.errorOnce("expected owned analysis to have null parent when connecting to view");this._parentChangeFromReconnect=!0,e.analyses.add(t)}this.analysisView=await e.whenAnalysisView(t),y(s)?this._disconnectFromView(e):(this.onConnectToAnalysisView(this.analysisView),!this.analysis.visible&&this.isAnalysisOwner||(this.createTool(),this._removeToolIfAnalysisIsIncomplete()))}}_disconnectFromView(s){n(s)&&this.isAnalysisOwner&&(this._parentChangeFromReconnect=!0,s.analyses.remove(this.analysis),this.clearAnalysis()),this.onDisconnectFromAnalysisView(),this.removeTool(),this.analysisView=null}_setExternalAnalysis(s){if(n(this.analysis)&&!this.isAnalysisOwner&&(this.analysis.visible=!0),this._set("analysis",s),this._set("isAnalysisOwner",!1),this._parentChangeFromReconnect=!1,!s.isEditable){const e=s.nonEditableMessage;this.logger.warn(`The assigned ${s.type} analysis object will not be editable in the view. ${e}`)}}createTool(){if(this.removeTool(),a(this.analysisView)||!this.supported)return;this.analysisView.interactive=!0;const s=this.analysisView.tool;n(s)&&(s.visible=this.visible)}removeTool(){a(this.analysisView)||(this.analysisView.interactive=!1)}_removeToolIfAnalysisIsIncomplete(){if(a(this.analysisView))return;const s=this.analysisView.tool;a(s)||s.created||this.removeTool()}};s([u()],m.prototype,"supported",null),s([u({value:null})],m.prototype,"view",null),s([u({type:Boolean,value:!0})],m.prototype,"visible",null),s([u()],m.prototype,"active",null),s([u()],m.prototype,"disabled",null),s([u({nonNullable:!0})],m.prototype,"analysis",null),s([u()],m.prototype,"analysisView",void 0),s([u()],m.prototype,"ready",null),s([u()],m.prototype,"connectingToView",null),s([u({readOnly:!0})],m.prototype,"isAnalysisOwner",null),s([u()],m.prototype,"_reconnectViewTask",void 0),s([u()],m.prototype,"tool",null),m=s([d("esri.widgets.support.AnalysisViewModel")],m);export{m as AnalysisViewModel};
+import{_ as s}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import{equalsShallow as i}from"../../core/lang.js";import t from"../../core/Logger.js";import{isSome as n,abortMaybe as o,isNone as a,applySome as r}from"../../core/maybe.js";import{createTask as l,throwIfAborted as h,isAbortError as c,isAborted as y}from"../../core/promiseUtils.js";import{watch as w,whenOnce as p,when as v}from"../../core/reactiveUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";let m=class extends e{constructor(s={}){super(s),this.analysisView=null,this._reconnectViewTask=null,this._parentChangeFromReconnect=!1,this.logger=t.getLogger(this.declaredClass);const e=s?.analysis;n(e)?this.analysis=e:(this._set("analysis",this.constructAnalysis()),this._set("isAnalysisOwner",!0)),s&&null!=s.visible&&(this.visible=s.visible)}normalizeCtorArgs(s){const{analysis:e,...i}=s;return i}initialize(){this.own([w((()=>({readyAndNotSupported:n(this.view)&&this.view.ready&&!this.supported})),(({readyAndNotSupported:s})=>{s&&this.logger.errorOnce(this.unsupportedErrorMessage)}),{sync:!0,initial:!0,equals:i}),w((()=>({analysis:this.analysis,parent:r(this.analysis,(({parent:s})=>s))})),(({parent:s})=>{this._parentChangeFromReconnect||s===this.view||this._set("isAnalysisOwner",!1);const e=!this._parentChangeFromReconnect;this._parentChangeFromReconnect=!1,e&&this._scheduleViewReconnect()})),w((()=>({view:this.view,ready:n(this.view)&&this.view.ready,supported:this.supported})),(({view:s},{view:e})=>{s!==e&&this._disconnectFromView(e),this._scheduleViewReconnect()}),{sync:!0,initial:!0,equals:i}),w((()=>this.analysis.isEditable),(s=>{a(this.analysisView)||(s&&a(this.tool)?this.createTool():s||!n(this.tool)||this.tool.active||this.removeTool())}))]),this.analysis.visible=this.visible}destroy(){this.removeTool(),this._reconnectViewTask=o(this._reconnectViewTask),this._disconnectFromView(this.view),this._set("view",null),n(this.analysis)&&(this.isAnalysisOwner?(this.analysis.destroy(),this._set("analysis",null)):this.analysis.visible=!0)}get supported(){return a(this.view)||this.view.type===this.supportedViewType}get view(){return this._get("view")}set view(s){s!==this._get("view")&&(this.removeTool(),this._set("view",s))}set visible(s){this._set("visible",s),n(this.tool)&&(this.tool.visible=s)}get active(){return n(this.tool)&&this.tool.active}get disabled(){return a(this.view)||!this.view.ready||!this.supported}set analysis(s){s!==this._get("analysis")&&(this._disconnectFromView(this.view),this._setExternalAnalysis(s),this._scheduleViewReconnect())}get ready(){return n(this.analysisView)&&!this.connectingToView}get connectingToView(){return n(this._reconnectViewTask)}get isAnalysisOwner(){return this._get("isAnalysisOwner")}get tool(){return n(this.analysisView)?this.analysisView.tool:null}clear(){this.removeTool(),this.clearAnalysis()}async start(){if(this.clear(),this.ready||await p((()=>this.ready)),a(this.analysisView)||a(this.view))return;this.createTool();const s=this.analysisView.tool;a(s)||(this.view.activeTool=s,v((()=>s.created),(()=>{s.active&&n(this.view)&&(this.view.activeTool=null)}),{initial:!0,once:!0}))}onConnectToAnalysisView(s){}onDisconnectFromAnalysisView(){}_scheduleViewReconnect(){this._reconnectViewTask=o(this._reconnectViewTask);const s=l((async e=>{try{await this._reconnectView(e)}catch(i){if(h(e),!c(i))return void this.logger.warn("Failed to use analysis in view model",i);throw i}finally{s===this._reconnectViewTask&&(this._reconnectViewTask=null)}}));this._reconnectViewTask=s}async _reconnectView(s){const{view:e}=this,i=n(e)&&e.ready&&this.supported,t=this.analysis;if(this._disconnectFromView(e),i&&!a(e)&&!a(t)){if(this.isAnalysisOwner){if(n(t.parent))return void this.logger.errorOnce("expected owned analysis to have null parent when connecting to view");this._parentChangeFromReconnect=!0,e.analyses.add(t)}this.analysisView=await e.whenAnalysisView(t),y(s)?this._disconnectFromView(e):(this.onConnectToAnalysisView(this.analysisView),!this.analysis.visible&&this.isAnalysisOwner||(this.createTool(),this._removeToolIfAnalysisIsIncomplete()))}}_disconnectFromView(s){n(s)&&this.isAnalysisOwner&&(this._parentChangeFromReconnect=!0,s.analyses.remove(this.analysis),this.clearAnalysis()),this.onDisconnectFromAnalysisView(),this.removeTool(),this.analysisView=null}_setExternalAnalysis(s){if(n(this.analysis)&&!this.isAnalysisOwner&&(this.analysis.visible=!0),this._set("analysis",s),this._set("isAnalysisOwner",!1),this._parentChangeFromReconnect=!1,!s.isEditable){const e=s.nonEditableMessage;this.logger.warn(`The assigned ${s.type} analysis object will not be editable in the view. ${e}`)}}createTool(){if(this.removeTool(),a(this.analysisView)||!this.supported)return;this.analysisView.interactive=!0;const s=this.analysisView.tool;n(s)&&(s.visible=this.visible)}removeTool(){a(this.analysisView)||(this.analysisView.interactive=!1)}_removeToolIfAnalysisIsIncomplete(){if(a(this.analysisView))return;const s=this.analysisView.tool;a(s)||s.created||this.removeTool()}};s([u()],m.prototype,"supported",null),s([u({value:null})],m.prototype,"view",null),s([u({type:Boolean,value:!0})],m.prototype,"visible",null),s([u()],m.prototype,"active",null),s([u()],m.prototype,"disabled",null),s([u({nonNullable:!0})],m.prototype,"analysis",null),s([u()],m.prototype,"analysisView",void 0),s([u()],m.prototype,"ready",null),s([u()],m.prototype,"connectingToView",null),s([u({readOnly:!0})],m.prototype,"isAnalysisOwner",null),s([u()],m.prototype,"_reconnectViewTask",void 0),s([u()],m.prototype,"tool",null),m=s([d("esri.widgets.support.AnalysisViewModel")],m);export{m as AnalysisViewModel};

package/widgets/support/ColorPicker.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import o from"../../Color.js";import t from"../../core/Handles.js";import{makeHandle as r}from"../../core/handleUtils.js";import{applySome as s,destroyMaybe as i,isSome as n,isNone as a}from"../../core/maybe.js";import{createTask as l,throwIfAborted as c}from"../../core/promiseUtils.js";import{watch as p,syncAndInitial as h}from"../../core/reactiveUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";import m from"../Widget.js";import _ from"./Popover.js";import"./widgetUtils.js";import{messageBundle as v}from"./decorators/messageBundle.js";import{tsx as C}from"./jsxFactory.js";const P="esri-color-picker",y={base:P,backgroundPattern:`${P}__bg-pattern`,toggleButton:`${P}__toggle-button`,popover:`${P}__popover`,opacitySliderContainer:`${P}__opacity-slider-container`,opacitySlider:`${P}__opacity-slider`};var b;!function(e){e.ColorPickerFocus="hex-input-poll-timeout",e.ButtonFocusTimeout="button-focus-timeout"}(b||(b={}));let f=class extends m{constructor(e,r){super(e,r),this.value=new o,this.alphaEnabled=!0,this._handles=new t,this._containerElement=null,this._popover=null,this._popoverElement=null,this._buttonElement=null,this._colorPickerCreated=!1}initialize(){this.own(p((()=>({container:this._containerElement,value:this.value})),(({container:e,value:o})=>{s(e,(e=>{e.style.setProperty("--esri-color-picker-value",o.toCss(!0))}))}),h))}loadDependencies(){return Promise.all([import("@esri/calcite-components/dist/components/calcite-button.js"),import("@esri/calcite-components/dist/components/calcite-color-picker.js"),import("@esri/calcite-components/dist/components/calcite-label.js"),import("@esri/calcite-components/dist/components/calcite-slider.js")])}destroy(){this._destroyPopover(),this._handles=i(this._handles),this._buttonElement=null}render(){const e=this._messages,o=n(this._popover)&&this._popover.open?e.close:e.open;return C("div",{class:this.classes(y.base,this.class),bind:this,afterCreate:this._onContainerAfterCreate},C("div",{class:y.backgroundPattern}),C("calcite-button",{appearance:"transparent",label:o,class:y.toggleButton,color:"neutral",id:this.id,scale:"s",tabIndex:-1,title:o,bind:this,onclick:this._togglePopover,afterCreate:this._onButtonAfterCreate}))}_onContainerAfterCreate(e){this._containerElement=e}_onButtonAfterCreate(e){this._destroyPopover(),this._buttonElement=e,this._popover=new _({owner:this,anchorElement:e,placement:"bottom-start",renderContentFunction:this._renderPopoverContent})}_destroyPopover(){this._handles.remove(b.ColorPickerFocus),this._popover=i(this._popover),this._popoverElement=null}_renderPopoverContent(){const e=this.value,o=this._messages;return C("div",{class:y.popover,tabIndex:-1,bind:this,afterCreate:this._onPopoverAfterCreate,onfocusout:this._onPopoverFocusOut,onkeydown:this._onPopoverKeyDown},C("calcite-color-picker",{appearance:"minimal",hideSaved:!0,hideChannels:!0,scale:"m",value:this._colorPickerCreated?e.toCss():null,bind:this,onCalciteColorPickerInput:this._onColorInput,afterCreate:this._onColorPickerAfterCreate,afterRemoved:()=>this._colorPickerCreated=!1}),this.alphaEnabled&&C("section",{class:y.opacitySliderContainer},C("calcite-label",{scale:"s"},o.opacity,C("calcite-slider",{class:y.opacitySlider,labelHandles:!0,min:0,max:1,step:.01,value:e.a,bind:this,onCalciteSliderInput:this._onOpacityChange}))))}_onColorInput(e){const t=e.target.value,r="string"==typeof t?new o(t):new o;r.a=this.value.a,this._onChange(r)}_onOpacityChange(e){const o=e.target,t=this.value.clone();t.a=o.value,this._onChange(t)}_onChange(e){this.value=e,n(this.onChange)&&this.onChange(e)}_onColorPickerAfterCreate(e){this._handles.remove(b.ColorPickerFocus);const o=l((async o=>{await(null==e.componentOnReady?void 0:e.componentOnReady()),c(o),this._colorPickerCreated=!0,await new Promise((e=>requestAnimationFrame(e))),c(o),e.setFocus()}));this._handles.add(r((()=>{o.abort(),this._colorPickerCreated=!1})),b.ColorPickerFocus)}_togglePopover(e){n(this._popover)&&this._popover.open?this._closePopover():this._openPopover()}_openPopover(){s(this._popover,(e=>e.open=!0))}_closePopover(){this._handles.remove(b.ColorPickerFocus),s(this._popover,(e=>e.open=!1)),this._setFocusOnButton()}_setFocusOnButton(){this._handles.remove(b.ButtonFocusTimeout),this._handles.add(g((()=>{s(this._buttonElement,(e=>e.setFocus()))})),b.ButtonFocusTimeout)}_onPopoverAfterCreate(e){this._popoverElement=e}_onPopoverFocusOut(e){const o=this._popoverElement;if(a(o))return;const t=e.relatedTarget;if(t&&t instanceof Node){if(o.contains(t))return;if(t===this._buttonElement||this._isAssociatedLabel(t))return}this._closePopover()}_isAssociatedLabel(e){var o;const t=this.id,r=null==(o=e.tagName)?void 0:o.toLowerCase();return"calcite-label"===r&&e.for===t||"label"===r&&e.htmlFor===t}_onPopoverKeyDown(e){"Escape"!==e.key&&"Enter"!==e.key||(e.stopPropagation(),this._closePopover())}};function g(e,o){const t=setTimeout(e,o);return r((()=>clearTimeout(t)))}e([u()],f.prototype,"class",void 0),e([u()],f.prototype,"value",void 0),e([u()],f.prototype,"alphaEnabled",void 0),e([u()],f.prototype,"onChange",void 0),e([u()],f.prototype,"_containerElement",void 0),e([u()],f.prototype,"_popover",void 0),e([u()],f.prototype,"_popoverElement",void 0),e([u()],f.prototype,"_buttonElement",void 0),e([u(),v("esri/widgets/support/t9n/ColorPicker")],f.prototype,"_messages",void 0),e([u()],f.prototype,"_colorPickerCreated",void 0),f=e([d("esri.widgets.support.ColorPicker")],f);export{f as ColorPicker};
+import{_ as e}from"../../chunks/tslib.es6.js";import o from"../../Color.js";import t from"../../core/Handles.js";import{makeHandle as r}from"../../core/handleUtils.js";import{applySome as s,destroyMaybe as i,isSome as n,isNone as a}from"../../core/maybe.js";import{createTask as c,throwIfAborted as l}from"../../core/promiseUtils.js";import{watch as p,syncAndInitial as h}from"../../core/reactiveUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";import _ from"../Widget.js";import m from"./Popover.js";import"./widgetUtils.js";import{messageBundle as v}from"./decorators/messageBundle.js";import{tsx as C}from"./jsxFactory.js";const P="esri-color-picker",b={base:P,backgroundPattern:`${P}__bg-pattern`,toggleButton:`${P}__toggle-button`,popover:`${P}__popover`,opacitySliderContainer:`${P}__opacity-slider-container`,opacitySlider:`${P}__opacity-slider`};var y;!function(e){e.ColorPickerFocus="hex-input-poll-timeout",e.ButtonFocusTimeout="button-focus-timeout"}(y||(y={}));let f=class extends _{constructor(e,r){super(e,r),this.value=new o,this.alphaEnabled=!0,this._handles=new t,this._containerElement=null,this._popover=null,this._popoverElement=null,this._buttonElement=null,this._colorPickerCreated=!1}initialize(){this.own(p((()=>({container:this._containerElement,value:this.value})),(({container:e,value:o})=>{s(e,(e=>{e.style.setProperty("--esri-color-picker-value",o.toCss(!0))}))}),h))}loadDependencies(){return Promise.all([import("@esri/calcite-components/dist/components/calcite-button.js"),import("@esri/calcite-components/dist/components/calcite-color-picker.js"),import("@esri/calcite-components/dist/components/calcite-label.js"),import("@esri/calcite-components/dist/components/calcite-slider.js")])}destroy(){this._destroyPopover(),this._handles=i(this._handles),this._buttonElement=null}render(){const e=this._messages,o=n(this._popover)&&this._popover.open?e.close:e.open;return C("div",{class:this.classes(b.base,this.class),bind:this,afterCreate:this._onContainerAfterCreate},C("div",{class:b.backgroundPattern}),C("calcite-button",{appearance:"transparent",label:o,class:b.toggleButton,color:"neutral",id:this.id,scale:"s",tabIndex:-1,title:o,bind:this,onclick:this._togglePopover,afterCreate:this._onButtonAfterCreate}))}_onContainerAfterCreate(e){this._containerElement=e}_onButtonAfterCreate(e){this._destroyPopover(),this._buttonElement=e,this._popover=new m({owner:this,anchorElement:e,placement:"bottom-start",renderContentFunction:this._renderPopoverContent})}_destroyPopover(){this._handles.remove(y.ColorPickerFocus),this._popover=i(this._popover),this._popoverElement=null}_renderPopoverContent(){const e=this.value,o=this._messages;return C("div",{class:b.popover,tabIndex:-1,bind:this,afterCreate:this._onPopoverAfterCreate,onfocusout:this._onPopoverFocusOut,onkeydown:this._onPopoverKeyDown},C("calcite-color-picker",{appearance:"minimal",hideSaved:!0,hideChannels:!0,scale:"m",value:this._colorPickerCreated?e.toCss():null,bind:this,onCalciteColorPickerInput:this._onColorInput,afterCreate:this._onColorPickerAfterCreate,afterRemoved:()=>this._colorPickerCreated=!1}),this.alphaEnabled&&C("section",{class:b.opacitySliderContainer},C("calcite-label",{scale:"s"},o.opacity,C("calcite-slider",{class:b.opacitySlider,labelHandles:!0,min:0,max:1,step:.01,value:e.a,bind:this,onCalciteSliderInput:this._onOpacityChange}))))}_onColorInput(e){const t=e.target.value,r="string"==typeof t?new o(t):new o;r.a=this.value.a,this._onChange(r)}_onOpacityChange(e){const o=e.target,t=this.value.clone();t.a=o.value,this._onChange(t)}_onChange(e){this.value=e,n(this.onChange)&&this.onChange(e)}_onColorPickerAfterCreate(e){this._handles.remove(y.ColorPickerFocus);const o=c((async o=>{await(e.componentOnReady?.()),l(o),this._colorPickerCreated=!0,await new Promise((e=>requestAnimationFrame(e))),l(o),e.setFocus()}));this._handles.add(r((()=>{o.abort(),this._colorPickerCreated=!1})),y.ColorPickerFocus)}_togglePopover(e){n(this._popover)&&this._popover.open?this._closePopover():this._openPopover()}_openPopover(){s(this._popover,(e=>e.open=!0))}_closePopover(){this._handles.remove(y.ColorPickerFocus),s(this._popover,(e=>e.open=!1)),this._setFocusOnButton()}_setFocusOnButton(){this._handles.remove(y.ButtonFocusTimeout),this._handles.add(g((()=>{s(this._buttonElement,(e=>e.setFocus()))})),y.ButtonFocusTimeout)}_onPopoverAfterCreate(e){this._popoverElement=e}_onPopoverFocusOut(e){const o=this._popoverElement;if(a(o))return;const t=e.relatedTarget;if(t&&t instanceof Node){if(o.contains(t))return;if(t===this._buttonElement||this._isAssociatedLabel(t))return}this._closePopover()}_isAssociatedLabel(e){const o=this.id,t=e.tagName?.toLowerCase();return"calcite-label"===t&&e.for===o||"label"===t&&e.htmlFor===o}_onPopoverKeyDown(e){"Escape"!==e.key&&"Enter"!==e.key||(e.stopPropagation(),this._closePopover())}};function g(e,o){const t=setTimeout(e,o);return r((()=>clearTimeout(t)))}e([u()],f.prototype,"class",void 0),e([u()],f.prototype,"value",void 0),e([u()],f.prototype,"alphaEnabled",void 0),e([u()],f.prototype,"onChange",void 0),e([u()],f.prototype,"_containerElement",void 0),e([u()],f.prototype,"_popover",void 0),e([u()],f.prototype,"_popoverElement",void 0),e([u()],f.prototype,"_buttonElement",void 0),e([u(),v("esri/widgets/support/t9n/ColorPicker")],f.prototype,"_messages",void 0),e([u()],f.prototype,"_colorPickerCreated",void 0),f=e([d("esri.widgets.support.ColorPicker")],f);export{f as ColorPicker};

package/widgets/support/DatePicker.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.24/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import"../../intl.js";import{eventKey as t,pausable as i}from"../../core/events.js";import a from"../../core/Logger.js";import{isNone as s}from"../../core/maybe.js";import{watch as r,sync as o}from"../../core/reactiveUtils.js";import{aliasOf as n}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as d}from"../../core/accessorSupport/decorators/property.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import c from"../Widget.js";import{parseDateIntoParts as h,getFirstDayOfWeek as u,getLocaleDayOfWeek as p}from"./datePickerUtils.js";import _ from"./DatePickerViewModel.js";import v from"./Popover.js";import{accessibleHandler as y}from"./decorators/accessibleHandler.js";import{messageBundle as m}from"./decorators/messageBundle.js";import{tsx as k}from"./jsxFactory.js";import{storeNode as g,isActivationKey as w,isRTL as D}from"./widgetUtils.js";import{DateTime as f,Info as b,Interval as M}from"luxon";import{formatDate as P}from"../../intl/date.js";import{getLocale as I}from"../../intl/locale.js";const O={base:"esri-date-picker",datePicker:"esri-date-picker__calendar",monthPicker:"esri-date-picker__month-picker",dayPicker:"esri-date-picker__day-picker",week:"esri-date-picker__week-item",nearbyMonth:"esri-date-picker__day-item--nearby-month",activeDay:"esri-date-picker__day-item--active",today:"esri-date-picker__day-item--today",selectedDay:"esri-date-picker__day-item--selected",day:"esri-date-picker__day-item",dayHeader:"esri-date-picker__day-item--header",yearPicker:"esri-date-picker__year-picker",selectedYear:"esri-date-picker__year-picker-item--selected",year:"esri-date-picker__year-picker-item",monthDropdown:"esri-date-picker__month-dropdown",date:"esri-date-picker__date",datePickerToggle:"esri-date-picker__calendar-toggle",dateInput:"esri-date-picker__input",dateTextInput:"esri-date-picker__text-input",leadingIcon:"esri-date-picker__icon--leading",previousIcon:"esri-icon-left",nextIcon:"esri-icon-right",calendarIcon:"esri-icon-calendar",widget:"esri-widget",button:"esri-widget--button",input:"esri-input",select:"esri-select"},x={year:"numeric",month:"2-digit",day:"2-digit"},C=[" ","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Enter","Home","PageDown","PageUp"],S="esri.widgets.support.DatePicker",N=a.getLogger(S);let j=class extends c{constructor(e,t){super(e,t),this._activeDate=null,this._calendarNode=null,this._calendarPopover=new v({owner:this,placement:"bottom-start",anchorElement:()=>this._rootNode,renderContentFunction:this._renderCalendar}),this._inputOrButtonNode=null,this._isOpen=!1,this._requestDayPickerFocusOnCreate=!1,this._rootNode=null,this.dateInputEnabled=!1,this.label=void 0,this.messages=null,this.value=null,this.commitOnMonthChange=!1,this.viewModel=new _,this._toggle=this._toggle.bind(this)}initialize(){this.own(r((()=>{var e;return{viewModel:this.viewModel,value:null==(e=this.viewModel)?void 0:e.value}}),(({viewModel:e,value:t})=>{this.destroyed||!e||s(this.onChange)||this.onChange(t)}),o))}destroy(){this._calendarPopover.destroy()}render(){return k("div",{afterCreate:g,bind:this,class:this.classes(O.base,O.widget),"data-node-ref":"_rootNode"},this.dateInputEnabled?this.renderInputAndButtonMode():this.renderButtonOnlyMode())}renderButtonOnlyMode(){const e=P(this.viewModel.value,x),{_isOpen:t,messages:i}=this;return k("div",{afterCreate:g,"aria-controls":t?this._getCalendarId():null,"aria-expanded":t.toString(),"aria-haspopup":"true","aria-label":i.setDate,"aria-pressed":t.toString(),bind:this,class:this.classes(O.button,O.select,O.datePickerToggle),"data-node-ref":"_inputOrButtonNode",onclick:this._toggle,onkeydown:this._handleDateButtonKeyDown,role:"button",tabIndex:0},k("span",{class:O.date},e))}renderInputAndButtonMode(){const e=P(this.viewModel.value,x),{_isOpen:t,messages:i}=this;return k("div",{class:this.classes(O.dateInput)},k("input",{afterCreate:g,"data-node-ref":"_inputOrButtonNode","aria-controls":t?this._getCalendarId():null,"aria-haspopup":"true","aria-label":i.setDate,bind:this,class:this.classes(O.dateTextInput,O.input),key:"date-input",onblur:this._handleDateInputBlur,onclick:this._handleDateInputClick,onkeydown:this._handleDateInputKeyDown,type:"text",value:e}),k("span",{"aria-hidden":"true",class:this.classes(O.leadingIcon,O.calendarIcon)}))}_handleDateInputClick(){this._open(this.viewModel.value,!1)}_handleDateInputKeyDown(e){const{key:t}=e;this._isOpen?"Enter"===t?this._handleDateText(e):"Escape"===t&&this._close():"ArrowDown"===t&&(this._open(this.viewModel.value),e.preventDefault())}_handleDateButtonKeyDown(e){const{key:t,shiftKey:i}=e;this._isOpen&&"Tab"===t&&i?this._close():w(t)&&this._toggle()}_handleDateInputBlur(e){this._isOpen||this._handleDateText(e)}_handleDateText(e){const t=e.currentTarget;let i;try{i=h(t.value,x)}catch(s){return N.warn(s),void(t.value=P(this.viewModel.value,x))}const a=f.fromObject(i);a.isValid?(this.viewModel.value=a.toJSDate(),this._activeDate=a):t.value=P(this.viewModel.value,x)}_handleDatePickerKeydown(e){"Escape"===t(e)&&(this._close(),e.preventDefault(),e.stopPropagation())}_renderCalendar(){const e=this._activeDate,t=f.fromJSDate(this.viewModel.value);return k("div",{afterCreate:g,bind:this,class:this.classes(O.datePicker,O.widget),"data-node-ref":"_calendarNode",id:this._getCalendarId(),key:"esri-date-picker__calendar",onkeydown:this._handleDatePickerKeydown},this._renderMonthPicker(e),this._renderDayPicker(e,t),this._renderYearPicker(e))}_getCalendarId(){return`date-picker__calendar--${this.id}`}_renderMonthPicker(e){const t=D(this.container),i=t?O.nextIcon:O.previousIcon,a=t?O.previousIcon:O.nextIcon,s=b.months("long",{locale:I()}).map(((t,i)=>{const a=e.month-1===i;return k("option",{selected:a,value:i.toString()},t)})),{messages:r}=this;return k("div",{class:O.monthPicker},k("div",{"aria-label":r.goToPreviousMonth,bind:this,class:O.button,onclick:this._setPreviousMonth,onkeydown:this._handlePreviousMonthKeyDown,role:"button",tabIndex:0,title:r.goToPreviousMonth},k("span",{"aria-hidden":"true",class:i})),k("select",{"aria-live":"assertive","aria-label":r.selectMonth,bind:this,class:this.classes(O.monthDropdown,O.select),id:`${this.id}__month-picker`,onchange:this._setMonth,onkeydown:this._setMonth,title:r.selectMonth},s),k("div",{"aria-label":r.goToNextMonth,bind:this,class:O.button,onclick:this._setNextMonth,onkeydown:this._setNextMonth,role:"button",tabIndex:0,title:r.goToNextMonth},k("span",{"aria-hidden":"true",class:a})))}_renderDayPicker(e,t){const i=this._getWeekLabels(),a=this._getDayId(e),s=this._renderMonth(e,t);return k("div",{afterCreate:this._handleDayPickerCreate,"aria-activedescendant":a,"aria-labelledby":`${this.id}__month-picker ${this.id}__selected-year`,bind:this,class:O.dayPicker,id:`${this.id}__day-picker`,onkeydown:this._handleDayPickerKeydown,role:"grid",tabIndex:0},k("div",{class:O.week,role:"row"},i.map((e=>k("div",{"aria-label":e.name,class:this.classes(O.day,O.dayHeader),role:"columnheader",title:e.name},e.abbr)))),s)}_getDayId(e){return`${this.id}__${P(e.valueOf(),x)}`}_handleDayPickerCreate(e){this._requestDayPickerFocusOnCreate&&(this._requestDayPickerFocusOnCreate=!1,e.focus())}_getWeekLabels(){const e=[],t={weekday:"long"},i={weekday:"narrow"};let a=f.now().set({weekday:u(I())});for(let s=0;s<7;s++)e.push({name:P(a.valueOf(),t),abbr:P(a.valueOf(),i)}),a=a.plus({day:1});return e}_handleDayPickerKeydown(e){const{ctrlKey:i,shiftKey:a}=e,s=t(e);if(!C.includes(s))return;let r=this._activeDate;if("ArrowLeft"===s)r=r.minus({day:1});else if("ArrowRight"===s)r=r.plus({day:1});else if("ArrowUp"===s)r=r.minus({week:1});else if("ArrowDown"===s)r=r.plus({week:1});else if("PageUp"===s){const e=a?"year":"month";r=r.minus({[e]:1})}else if("PageDown"===s){const e=a?"year":"month";r=r.plus({[e]:1})}else if("Home"===s){const e=i?"year":"month";r=r.startOf(e)}else if("End"===s){const e=i?"year":"month";r=r.endOf(e)}else w(s)&&(this.viewModel.value=r.toJSDate(),this._close());this._activeDate=r,e.preventDefault(),e.stopPropagation()}_renderMonth(e,t){const i=f.now(),a=e.startOf("month"),s=e.endOf("month"),r=6,o=7;let n=a.minus({day:p(I(),a.weekday)});const d=[];for(let l=0;l<r;l++){const r=[];for(let d=0;d<o;d++){const o=n.day,d=n.hasSame(e,"day"),l=n.hasSame(t,"day"),c=this._getDayId(n),h=M.fromDateTimes(a,s),u={[O.nearbyMonth]:!h.contains(n),[O.today]:n.hasSame(i,"day"),[O.activeDay]:d,[O.selectedDay]:l};r.push(k("div",{"aria-label":o.toString(),"aria-selected":d.toString(),bind:this,class:this.classes(O.day,u),"data-iso-date":n.toISO(),id:c,onclick:this._handleSelectedDate,onkeydown:this._handleSelectedDate,role:"gridcell"},o)),n=n.plus({day:1})}d.push(k("div",{class:O.week,role:"row"},r))}return d}_renderYearPicker(e){const t={year:"numeric"},i=e,a=P(i.valueOf(),t),s=P(i.plus({year:1}).valueOf(),t),r=P(i.minus({year:1}).valueOf(),t),{messages:o}=this;return k("div",{class:O.yearPicker},k("div",{"aria-label":o.goToPreviousYear,bind:this,class:O.year,onclick:this._setPreviousYear,onkeydown:this._setPreviousYear,tabIndex:0,title:o.goToPreviousYear},r),k("div",{class:this.classes(O.year,O.selectedYear),id:`${this.id}__selected-year`},a),k("div",{"aria-label":o.goToNextYear,bind:this,class:O.year,onclick:this._setNextYear,onkeydown:this._handleNextYearKeyDown,tabIndex:0,title:o.goToNextYear},s))}_toggle(){this._isOpen?this._close():this._open(this.viewModel.value)}_setMonth(e){const t=e.target,i=Number(t.value)+1;this._activeDate=this._activeDate.set({month:i}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_close(e=!0){this._activeDate=null,this._isOpen=!1,this._calendarPopover.open=!1,this.pageClickHandler.pause(),e&&this._inputOrButtonNode.focus()}_open(e,t=!0){this._activeDate=f.fromJSDate(e),this._isOpen=!0,this._calendarPopover.open=!0,this._requestDayPickerFocusOnCreate=t,this.pageClickHandler||(this.pageClickHandler=i(document,"click",(({target:e})=>{var t,i;(null==(t=this._calendarNode)?void 0:t.contains(e))||(null==(i=this._rootNode)?void 0:i.contains(e))||this._close()})),this.own(this.pageClickHandler)),this.pageClickHandler.resume()}_setPreviousMonth(){this._activeDate=this._activeDate.minus({month:1}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_handlePreviousMonthKeyDown(e){if("Tab"===e.key&&e.shiftKey)return e.preventDefault(),void this._close();w(e.key)&&this._setPreviousMonth()}_setNextMonth(){this._activeDate=this._activeDate.plus({month:1}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_setPreviousYear(){this._activeDate=this._activeDate.minus({year:1})}_setNextYear(){this._activeDate=this._activeDate.plus({year:1})}_handleNextYearKeyDown(e){if("Tab"===e.key&&!e.shiftKey)return e.preventDefault(),void this._close();w(e.key)&&this._setNextYear()}_handleSelectedDate(e){const t=e.target;this.viewModel.value=f.fromISO(t.getAttribute("data-iso-date")).toJSDate(),this._close()}};e([d()],j.prototype,"dateInputEnabled",void 0),e([d({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],j.prototype,"label",void 0),e([d(),m("esri/widgets/support/t9n/DatePicker")],j.prototype,"messages",void 0),e([n("viewModel.value")],j.prototype,"value",void 0),e([d()],j.prototype,"commitOnMonthChange",void 0),e([d({type:_})],j.prototype,"viewModel",void 0),e([d()],j.prototype,"onChange",void 0),e([y()],j.prototype,"_setNextMonth",null),e([y()],j.prototype,"_setPreviousYear",null),e([y()],j.prototype,"_handleSelectedDate",null),j=e([l(S)],j);const T=j;export{T as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import"../../intl.js";import{eventKey as t,pausable as i}from"../../core/events.js";import a from"../../core/Logger.js";import{isNone as s}from"../../core/maybe.js";import{watch as r,sync as o}from"../../core/reactiveUtils.js";import{aliasOf as n}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as d}from"../../core/accessorSupport/decorators/property.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import c from"../Widget.js";import{parseDateIntoParts as h,getFirstDayOfWeek as p,getLocaleDayOfWeek as u}from"./datePickerUtils.js";import _ from"./DatePickerViewModel.js";import v from"./Popover.js";import{accessibleHandler as y}from"./decorators/accessibleHandler.js";import{messageBundle as m}from"./decorators/messageBundle.js";import{tsx as k}from"./jsxFactory.js";import{storeNode as g,isActivationKey as w,isRTL as D}from"./widgetUtils.js";import{DateTime as f,Info as b,Interval as M}from"luxon";import{formatDate as P}from"../../intl/date.js";import{getLocale as I}from"../../intl/locale.js";const O={base:"esri-date-picker",datePicker:"esri-date-picker__calendar",monthPicker:"esri-date-picker__month-picker",dayPicker:"esri-date-picker__day-picker",week:"esri-date-picker__week-item",nearbyMonth:"esri-date-picker__day-item--nearby-month",activeDay:"esri-date-picker__day-item--active",today:"esri-date-picker__day-item--today",selectedDay:"esri-date-picker__day-item--selected",day:"esri-date-picker__day-item",dayHeader:"esri-date-picker__day-item--header",yearPicker:"esri-date-picker__year-picker",selectedYear:"esri-date-picker__year-picker-item--selected",year:"esri-date-picker__year-picker-item",monthDropdown:"esri-date-picker__month-dropdown",date:"esri-date-picker__date",datePickerToggle:"esri-date-picker__calendar-toggle",dateInput:"esri-date-picker__input",dateTextInput:"esri-date-picker__text-input",leadingIcon:"esri-date-picker__icon--leading",previousIcon:"esri-icon-left",nextIcon:"esri-icon-right",calendarIcon:"esri-icon-calendar",widget:"esri-widget",button:"esri-widget--button",input:"esri-input",select:"esri-select"},x={year:"numeric",month:"2-digit",day:"2-digit"},C=[" ","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Enter","Home","PageDown","PageUp"],S="esri.widgets.support.DatePicker",N=a.getLogger(S);let j=class extends c{constructor(e,t){super(e,t),this._activeDate=null,this._calendarNode=null,this._calendarPopover=new v({owner:this,placement:"bottom-start",anchorElement:()=>this._rootNode,renderContentFunction:this._renderCalendar}),this._inputOrButtonNode=null,this._isOpen=!1,this._requestDayPickerFocusOnCreate=!1,this._rootNode=null,this.dateInputEnabled=!1,this.label=void 0,this.messages=null,this.value=null,this.commitOnMonthChange=!1,this.viewModel=new _,this._toggle=this._toggle.bind(this)}initialize(){this.own(r((()=>({viewModel:this.viewModel,value:this.viewModel?.value})),(({viewModel:e,value:t})=>{this.destroyed||!e||s(this.onChange)||this.onChange(t)}),o))}destroy(){this._calendarPopover.destroy()}render(){return k("div",{afterCreate:g,bind:this,class:this.classes(O.base,O.widget),"data-node-ref":"_rootNode"},this.dateInputEnabled?this.renderInputAndButtonMode():this.renderButtonOnlyMode())}renderButtonOnlyMode(){const e=P(this.viewModel.value,x),{_isOpen:t,messages:i}=this;return k("div",{afterCreate:g,"aria-controls":t?this._getCalendarId():null,"aria-expanded":t.toString(),"aria-haspopup":"true","aria-label":i.setDate,"aria-pressed":t.toString(),bind:this,class:this.classes(O.button,O.select,O.datePickerToggle),"data-node-ref":"_inputOrButtonNode",onclick:this._toggle,onkeydown:this._handleDateButtonKeyDown,role:"button",tabIndex:0},k("span",{class:O.date},e))}renderInputAndButtonMode(){const e=P(this.viewModel.value,x),{_isOpen:t,messages:i}=this;return k("div",{class:this.classes(O.dateInput)},k("input",{afterCreate:g,"data-node-ref":"_inputOrButtonNode","aria-controls":t?this._getCalendarId():null,"aria-haspopup":"true","aria-label":i.setDate,bind:this,class:this.classes(O.dateTextInput,O.input),key:"date-input",onblur:this._handleDateInputBlur,onclick:this._handleDateInputClick,onkeydown:this._handleDateInputKeyDown,type:"text",value:e}),k("span",{"aria-hidden":"true",class:this.classes(O.leadingIcon,O.calendarIcon)}))}_handleDateInputClick(){this._open(this.viewModel.value,!1)}_handleDateInputKeyDown(e){const{key:t}=e;this._isOpen?"Enter"===t?this._handleDateText(e):"Escape"===t&&this._close():"ArrowDown"===t&&(this._open(this.viewModel.value),e.preventDefault())}_handleDateButtonKeyDown(e){const{key:t,shiftKey:i}=e;this._isOpen&&"Tab"===t&&i?this._close():w(t)&&this._toggle()}_handleDateInputBlur(e){this._isOpen||this._handleDateText(e)}_handleDateText(e){const t=e.currentTarget;let i;try{i=h(t.value,x)}catch(s){return N.warn(s),void(t.value=P(this.viewModel.value,x))}const a=f.fromObject(i);a.isValid?(this.viewModel.value=a.toJSDate(),this._activeDate=a):t.value=P(this.viewModel.value,x)}_handleDatePickerKeydown(e){"Escape"===t(e)&&(this._close(),e.preventDefault(),e.stopPropagation())}_renderCalendar(){const e=this._activeDate,t=f.fromJSDate(this.viewModel.value);return k("div",{afterCreate:g,bind:this,class:this.classes(O.datePicker,O.widget),"data-node-ref":"_calendarNode",id:this._getCalendarId(),key:"esri-date-picker__calendar",onkeydown:this._handleDatePickerKeydown},this._renderMonthPicker(e),this._renderDayPicker(e,t),this._renderYearPicker(e))}_getCalendarId(){return`date-picker__calendar--${this.id}`}_renderMonthPicker(e){const t=D(this.container),i=t?O.nextIcon:O.previousIcon,a=t?O.previousIcon:O.nextIcon,s=b.months("long",{locale:I()}).map(((t,i)=>{const a=e.month-1===i;return k("option",{selected:a,value:i.toString()},t)})),{messages:r}=this;return k("div",{class:O.monthPicker},k("div",{"aria-label":r.goToPreviousMonth,bind:this,class:O.button,onclick:this._setPreviousMonth,onkeydown:this._handlePreviousMonthKeyDown,role:"button",tabIndex:0,title:r.goToPreviousMonth},k("span",{"aria-hidden":"true",class:i})),k("select",{"aria-live":"assertive","aria-label":r.selectMonth,bind:this,class:this.classes(O.monthDropdown,O.select),id:`${this.id}__month-picker`,onchange:this._setMonth,onkeydown:this._setMonth,title:r.selectMonth},s),k("div",{"aria-label":r.goToNextMonth,bind:this,class:O.button,onclick:this._setNextMonth,onkeydown:this._setNextMonth,role:"button",tabIndex:0,title:r.goToNextMonth},k("span",{"aria-hidden":"true",class:a})))}_renderDayPicker(e,t){const i=this._getWeekLabels(),a=this._getDayId(e),s=this._renderMonth(e,t);return k("div",{afterCreate:this._handleDayPickerCreate,"aria-activedescendant":a,"aria-labelledby":`${this.id}__month-picker ${this.id}__selected-year`,bind:this,class:O.dayPicker,id:`${this.id}__day-picker`,onkeydown:this._handleDayPickerKeydown,role:"grid",tabIndex:0},k("div",{class:O.week,role:"row"},i.map((e=>k("div",{"aria-label":e.name,class:this.classes(O.day,O.dayHeader),role:"columnheader",title:e.name},e.abbr)))),s)}_getDayId(e){return`${this.id}__${P(e.valueOf(),x)}`}_handleDayPickerCreate(e){this._requestDayPickerFocusOnCreate&&(this._requestDayPickerFocusOnCreate=!1,e.focus())}_getWeekLabels(){const e=[],t={weekday:"long"},i={weekday:"narrow"};let a=f.now().set({weekday:p(I())});for(let s=0;s<7;s++)e.push({name:P(a.valueOf(),t),abbr:P(a.valueOf(),i)}),a=a.plus({day:1});return e}_handleDayPickerKeydown(e){const{ctrlKey:i,shiftKey:a}=e,s=t(e);if(!C.includes(s))return;let r=this._activeDate;if("ArrowLeft"===s)r=r.minus({day:1});else if("ArrowRight"===s)r=r.plus({day:1});else if("ArrowUp"===s)r=r.minus({week:1});else if("ArrowDown"===s)r=r.plus({week:1});else if("PageUp"===s){const e=a?"year":"month";r=r.minus({[e]:1})}else if("PageDown"===s){const e=a?"year":"month";r=r.plus({[e]:1})}else if("Home"===s){const e=i?"year":"month";r=r.startOf(e)}else if("End"===s){const e=i?"year":"month";r=r.endOf(e)}else w(s)&&(this.viewModel.value=r.toJSDate(),this._close());this._activeDate=r,e.preventDefault(),e.stopPropagation()}_renderMonth(e,t){const i=f.now(),a=e.startOf("month"),s=e.endOf("month"),r=6,o=7;let n=a.minus({day:u(I(),a.weekday)});const d=[];for(let l=0;l<r;l++){const r=[];for(let d=0;d<o;d++){const o=n.day,d=n.hasSame(e,"day"),l=n.hasSame(t,"day"),c=this._getDayId(n),h=M.fromDateTimes(a,s),p={[O.nearbyMonth]:!h.contains(n),[O.today]:n.hasSame(i,"day"),[O.activeDay]:d,[O.selectedDay]:l};r.push(k("div",{"aria-label":o.toString(),"aria-selected":d.toString(),bind:this,class:this.classes(O.day,p),"data-iso-date":n.toISO(),id:c,onclick:this._handleSelectedDate,onkeydown:this._handleSelectedDate,role:"gridcell"},o)),n=n.plus({day:1})}d.push(k("div",{class:O.week,role:"row"},r))}return d}_renderYearPicker(e){const t={year:"numeric"},i=e,a=P(i.valueOf(),t),s=P(i.plus({year:1}).valueOf(),t),r=P(i.minus({year:1}).valueOf(),t),{messages:o}=this;return k("div",{class:O.yearPicker},k("div",{"aria-label":o.goToPreviousYear,bind:this,class:O.year,onclick:this._setPreviousYear,onkeydown:this._setPreviousYear,tabIndex:0,title:o.goToPreviousYear},r),k("div",{class:this.classes(O.year,O.selectedYear),id:`${this.id}__selected-year`},a),k("div",{"aria-label":o.goToNextYear,bind:this,class:O.year,onclick:this._setNextYear,onkeydown:this._handleNextYearKeyDown,tabIndex:0,title:o.goToNextYear},s))}_toggle(){this._isOpen?this._close():this._open(this.viewModel.value)}_setMonth(e){const t=e.target,i=Number(t.value)+1;this._activeDate=this._activeDate.set({month:i}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_close(e=!0){this._activeDate=null,this._isOpen=!1,this._calendarPopover.open=!1,this.pageClickHandler.pause(),e&&this._inputOrButtonNode.focus()}_open(e,t=!0){this._activeDate=f.fromJSDate(e),this._isOpen=!0,this._calendarPopover.open=!0,this._requestDayPickerFocusOnCreate=t,this.pageClickHandler||(this.pageClickHandler=i(document,"click",(({target:e})=>{this._calendarNode?.contains(e)||this._rootNode?.contains(e)||this._close()})),this.own(this.pageClickHandler)),this.pageClickHandler.resume()}_setPreviousMonth(){this._activeDate=this._activeDate.minus({month:1}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_handlePreviousMonthKeyDown(e){if("Tab"===e.key&&e.shiftKey)return e.preventDefault(),void this._close();w(e.key)&&this._setPreviousMonth()}_setNextMonth(){this._activeDate=this._activeDate.plus({month:1}),this.commitOnMonthChange&&(this.viewModel.value=this._activeDate.toJSDate())}_setPreviousYear(){this._activeDate=this._activeDate.minus({year:1})}_setNextYear(){this._activeDate=this._activeDate.plus({year:1})}_handleNextYearKeyDown(e){if("Tab"===e.key&&!e.shiftKey)return e.preventDefault(),void this._close();w(e.key)&&this._setNextYear()}_handleSelectedDate(e){const t=e.target;this.viewModel.value=f.fromISO(t.getAttribute("data-iso-date")).toJSDate(),this._close()}};e([d()],j.prototype,"dateInputEnabled",void 0),e([d({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],j.prototype,"label",void 0),e([d(),m("esri/widgets/support/t9n/DatePicker")],j.prototype,"messages",void 0),e([n("viewModel.value")],j.prototype,"value",void 0),e([d()],j.prototype,"commitOnMonthChange",void 0),e([d({type:_})],j.prototype,"viewModel",void 0),e([d()],j.prototype,"onChange",void 0),e([y()],j.prototype,"_setNextMonth",null),e([y()],j.prototype,"_setPreviousYear",null),e([y()],j.prototype,"_handleSelectedDate",null),j=e([l(S)],j);const T=j;export{T as default};