@geoscene/core 4.23.8 → 4.23.9

package/widgets/Slider.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import t from"../core/Collection.js";import{deprecatedProperty as i}from"../core/deprecate.js";import{eventKey as n}from"../core/events.js";import s from"../core/Logger.js";import{isSome as o}from"../core/maybe.js";import{aliasOf as r}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 l}from"../core/accessorSupport/decorators/property.js";import{subclass as h}from"../core/accessorSupport/decorators/subclass.js";import d from"./Widget.js";import c from"./Slider/SliderViewModel.js";import{onResize as m}from"./support/widgetUtils.js";import{messageBundle as u}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";import{substitute as p}from"../intl/substitute.js";const v={base:"esri-slider",reversed:"esri-slider--reversed",horizontalLayout:"esri-slider--horizontal",verticalLayout:"esri-slider--vertical",contentElement:"esri-slider__content",extraContentElement:"esri-slider__extra-content",trackElement:"esri-slider__track",ticksContainerElement:"esri-slider__ticks",tickElement:"esri-slider__tick",tickLabelElement:"esri-slider__tick-label",maxElement:"esri-slider__max",minElement:"esri-slider__min",maxElementInteractive:"esri-slider__max--interactive",minElementInteractive:"esri-slider__min--interactive",rangeElementActive:"esri-slider__range--active",rangeInput:"esri-slider__range-input",anchorElement:"esri-slider__anchor",movingAnchorElement:"esri-slider__anchor--moving",lastMovedAnchorElement:"esri-slider__anchor--moved",anchorElementActive:"esri-slider__anchor--active",anchorElementIndexPrefix:"esri-slider__anchor-",segmentElement:"esri-slider__segment",segmentElementIndexPrefix:"esri-slider__segment-",segmentElementInteractive:"esri-slider__segment--interactive",segmentElementActive:"esri-slider__segment--active",effectiveSegmentElement:"esri-slider__effective-segment",effectiveMaxSegmentElement:"esri-slider__effective-max-segment",effectiveMinSegmentElement:"esri-slider__effective-min-segment",thumbElement:"esri-slider__thumb",labelElement:"esri-slider__label",labelElementInteractive:"esri-slider__label--interactive",labelInput:"esri-slider__label-input",esriWidget:"esri-widget",widgetIcon:"esri-icon-edit",disabled:"esri-disabled",hidden:"esri-hidden"},g={showInput:"Enter",hideInput1:"Enter",hideInput2:"Escape",hideInput3:"Tab",moveAnchorUp:"ArrowUp",moveAnchorDown:"ArrowDown",moveAnchorLeft:"ArrowLeft",moveAnchorRight:"ArrowRight",moveAnchorToMax:"End",moveAnchorToMin:"Home"},f="esri.widgets.Slider",b=s.getLogger("esri.widgets.Slider"),E={labels:!1,rangeLabels:!1};let x=class extends d{constructor(e,i){super(e,i),this._activeLabelInputIndex=null,this._anchorElements=[],this._dragged=!1,this._dragStartInfo=null,this._focusedAnchorIndex=null,this._isMinInputActive=!1,this._isMaxInputActive=!1,this._lastMovedHandleIndex=null,this._positionPrecision=5,this._segmentDragStartInfo=null,this._trackHeight=null,this._trackWidth=null,this._zIndices=null,this._zIndexOffset=3,this.disabled=!1,this.draggableSegmentsEnabled=!0,this.effectiveMax=null,this.effectiveMin=null,this.effectiveSegmentElements=new t,this.extraNodes=[],this.inputCreatedFunction=null,this.inputFormatFunction=null,this.inputParseFunction=null,this.label=void 0,this.labelElements=new t,this.labelInputsEnabled=!1,this.labelFormatFunction=null,this.labels=null,this.max=null,this.maxLabelElement=null,this.messages=null,this.min=null,this.minLabelElement=null,this.precision=4,this.rangeLabelInputsEnabled=!1,this.segmentElements=new t,this.snapOnClickEnabled=!0,this.steps=null,this.syncedSegmentsEnabled=!1,this.thumbsConstrained=!0,this.thumbCreatedFunction=null,this.thumbElements=new t,this.tickElements=new t,this.trackElement=null,this.values=null,this.viewModel=new c,this.visibleElements={...E},this._onAnchorPointerDown=this._onAnchorPointerDown.bind(this),this._onAnchorPointerMove=this._onAnchorPointerMove.bind(this),this._onAnchorPointerUp=this._onAnchorPointerUp.bind(this),this._onLabelPointerDown=this._onLabelPointerDown.bind(this),this._onLabelPointerUp=this._onLabelPointerUp.bind(this),this._onSegmentPointerDown=this._onSegmentPointerDown.bind(this),this._onSegmentPointerMove=this._onSegmentPointerMove.bind(this),this._onSegmentPointerUp=this._onSegmentPointerUp.bind(this),this._onTrackPointerDown=this._onTrackPointerDown.bind(this),this._onTrackPointerMove=this._onTrackPointerMove.bind(this),this._onTrackPointerUp=this._onTrackPointerUp.bind(this)}destroy(){document.removeEventListener("pointerup",this._onLabelPointerUp),document.removeEventListener("pointermove",this._onLabelPointerMove),document.removeEventListener("pointerup",this._onAnchorPointerUp),document.removeEventListener("pointermove",this._onAnchorPointerMove),this.labelElements.removeAll(),this.labelElements.destroy(),this.segmentElements.removeAll(),this.segmentElements.destroy(),this.effectiveSegmentElements.removeAll(),this.effectiveSegmentElements.destroy(),this.thumbElements.removeAll(),this.thumbElements.destroy(),this.tickElements.removeAll(),this.tickElements.destroy()}set labelsVisible(e){i(b,"labelsVisible",{replacement:"visibleElements.labels",version:"4.15"}),this.visibleElements={...this.visibleElements,labels:e}}set layout(e){-1===["vertical","vertical-reversed","horizontal","horizontal-reversed"].indexOf(e)&&(e="horizontal"),this._set("layout",e)}set rangeLabelsVisible(e){i(b,"rangeLabelsVisible",{replacement:"visibleElements.rangeLabels",version:"4.15"}),this.visibleElements={...this.visibleElements,rangeLabels:e}}get state(){const{_activeLabelInputIndex:e,_isMaxInputActive:t,_isMinInputActive:i,_dragStartInfo:n,_segmentDragStartInfo:s,disabled:r,viewModel:a}=this,l=o(n)||o(s);return r?"disabled":!(null===e&&!t&&!i)?"editing":l?"dragging":a.state}set tickConfigs(e){this._set("tickConfigs",e),this.scheduleRender()}castVisibleElements(e){return{...E,...e}}render(){const{label:e}=this,t=this.classes(v.base,v.esriWidget,this._isHorizontalLayout()?v.horizontalLayout:v.verticalLayout,this._isReversedLayout()?v.reversed:null,this._isDisabled()?v.disabled:null);return this._storeTrackDimensions(),_("div",{"aria-label":e,class:t,"touch-action":"none",bind:this,afterCreate:this._afterContainerCreate},this.renderContent())}toNextStep(e){this._toStep(e,1)}toPreviousStep(e){this._toStep(e,-1)}renderContent(){const{max:e,min:t}=this;if(o(t)&&o(e)&&!(t>=e))return[this.renderMin(),this.renderSliderContainer(),this.renderMax()]}renderSliderContainer(){return _("div",{key:"slider-container",bind:this,class:v.contentElement},this.renderTrackElement(),this.renderTicksContainer(),this.renderExtraContentElements())}renderTrackElement(){return _("div",{afterCreate:this._afterTrackCreate,afterRemoved:this._afterTrackRemoved,bind:this,class:v.trackElement,"data-node-ref":"trackElement","touch-action":"none"},this.renderEffectiveSegmentElements(),this.renderSegmentElements(),this.renderAnchorElements())}renderEffectiveSegmentElements(){if(!this.trackElement||!this.values||!this.values.length)return;const e=o(this.effectiveMax),t=o(this.effectiveMin);if(!e&&!t)return;const{max:i,min:n,viewModel:s}=this,r=s.getBounds(),a=[];return t&&a.push(this.renderEffectiveSegmentElement(n,r.min,v.effectiveMinSegmentElement)),e&&a.push(this.renderEffectiveSegmentElement(r.max,i,v.effectiveMaxSegmentElement)),a}renderSegmentElements(){if(!this.trackElement||!this.values||!this.values.length)return;const e=this.values.length,t=[];for(let i=0;i<=e;i++)t.push(this.renderSegmentElement(i));return t}renderSegmentElement(e){const{_trackHeight:t,_trackWidth:i,draggableSegmentsEnabled:n,id:s,state:r,values:a}=this,l=this._isHorizontalLayout(),h=l?i:t,d=this.viewModel.getBounds(),c=this._positionFromValue(d.max),m=this._positionFromValue(d.min),u=e===a.length?null:e,p=0===e?null:e-1,g=o(u),f=o(p);let b,E;const x=[...a].sort(((e,t)=>e-t));this._isReversedLayout()?(b=f?this._positionFromValue(x[p]):m,E=g?this._positionFromValue(x[u]):c):(b=g?this._positionFromValue(x[u]):c,E=f?this._positionFromValue(x[p]):m);const k=this._applyPrecisionToPosition(100*E/h),y=(b-E)/h,I=l?`transform: translate(${k}%, 0px) scale(${y}, 1);`:`transform: translate(0px, ${k}%) scale(1, ${y});`,P=this.classes(v.segmentElement,v.segmentElementIndexPrefix+e,n&&g&&f&&"disabled"!==r?v.segmentElementInteractive:null);return _("div",{afterCreate:this._afterSegmentCreate,afterRemoved:this._afterSegmentRemoved,bind:this,class:P,"data-max-thumb-index":u,"data-min-thumb-index":p,"data-segment-index":e,key:`${s}-segment-${e}`,style:I,"touch-action":"none"})}renderEffectiveSegmentElement(e,t,i){const{_trackHeight:n,_trackWidth:s}=this,o=this._positionFromValue(e),r=this._positionFromValue(t),a=this._isHorizontalLayout(),l=a?s:n,h=this._applyPrecisionToPosition(100*o/l),d=(r-o)/l,c=a?`transform: translate(${h}%, 0px) scale(${d}, 1);`:`transform: translate(0px, ${h}%) scale(1, ${d});`,m=this.classes(v.segmentElement,v.effectiveSegmentElement,i);return _("div",{afterCreate:this._afterEffectiveSegmentCreate,afterRemoved:this._afterEffectiveSegmentRemoved,bind:this,class:m,style:c,"touch-action":"none"})}renderAnchorElements(){const{trackElement:e,values:t}=this;if(t&&t.length)return this._zIndices=t.map(((e,i)=>{const n=this._positionFromValue(e),s=this._positionToPercent(n),o=(this._isHorizontalLayout()?s>50:s<50)?-1:1;return this._zIndexOffset+(t.length+o*i)})),e&&t&&t.length?t.map(((e,t)=>this.renderAnchorElement(e,t))):null}renderAnchorElement(e,t){const i=this._positionFromValue(e),n=this._valueFromPosition(i);if(!o(n)||isNaN(n))return;const{_dragStartInfo:s,_lastMovedHandleIndex:r,id:a,layout:l,values:h,visibleElements:{labels:d}}=this,c=s&&s.index===t,m=r===t,u=this.classes(v.anchorElement,v.anchorElementIndexPrefix+t,c?v.movingAnchorElement:null,m?v.lastMovedAnchorElement:null),g=this.labels.values[t],f=this._getStyleForAnchor(e,t,c||m),{min:b,max:E}=this.viewModel.getBoundsForValueAtIndex(t),{messages:x}=this,k=2===h.length?p(0===t?x.rangeMinimum:x.rangeMaximum,{value:e}):g,y=1===h.length?null:0===t?`${a}-handle-${t+1}`:t===h.length-1?`${a}-handle-${t-1}`:`${a}-handle-${t-1} ${a}-handle-${t+1}`;return _("div",{afterCreate:this._afterAnchorCreate,afterUpdate:this._afterAnchorUpdate,afterRemoved:this._afterAnchorRemoved,"aria-controls":y,"aria-label":x.sliderValue,"aria-labelledby":d?`${a}-label-${t}`:null,"aria-orientation":l,"aria-valuemax":E.toString(),"aria-valuemin":b.toString(),"aria-valuenow":e.toString(),"aria-valuetext":k,bind:this,class:u,"data-thumb-index":t,"data-value":e,id:`${a}-handle-${t}`,key:`${a}-handle-${t}`,onkeydown:this._onAnchorKeyDown,"touch-action":"none",role:"slider",style:f,tabIndex:0},_("span",{afterCreate:this._afterThumbCreate,afterRemoved:this._afterThumbRemoved,bind:this,class:v.thumbElement,"data-thumb-index":t,"touch-action":"none"}),this.renderThumbLabel(t))}renderThumbLabel(e){const{id:t,labels:i,labelInputsEnabled:n,state:s}=this,o=this.visibleElements.labels,r=i.values[e],a=this.classes(v.labelElement,o?null:v.hidden,n&&"disabled"!==s?v.labelElementInteractive:null);return _("span",{afterCreate:this._afterLabelCreate,afterRemoved:this._afterLabelRemoved,"aria-hidden":(!o).toString(),bind:this,class:a,"data-thumb-index":e,key:`${t}-label-${e}`,id:`${t}-label-${e}`,role:n?"button":null,"touch-action":"none"},this._activeLabelInputIndex===e?this.renderValueInput(e):r)}renderValueInput(e){const t=this.values[e];return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.sliderValue,bind:this,class:v.labelInput,"data-input-type":"thumb","data-input-index":e,required:!0,tabIndex:0,type:"text",value:this._formatInputValue(t,"value",e),onblur:this._onLabelInputBlur,onkeydown:this._onInputKeyDown})}renderMax(){const{_isMaxInputActive:e,labels:t,rangeLabelInputsEnabled:i,state:n}=this,s=this.visibleElements.rangeLabels,o=this.classes(v.maxElement,{[v.hidden]:!s,[v.maxElementInteractive]:i&&"disabled"!==n,[v.rangeElementActive]:e});return _("div",{"aria-hidden":(!s).toString(),afterCreate:this._afterMaxLabelCreate,bind:this,class:o,onclick:this._onMaxLabelClick,onkeydown:this._onMaxLabelKeyDown,role:i?"button":null,tabIndex:i?0:null},e?this.renderMaxInput():t.max)}renderMin(){const{_isMinInputActive:e,labels:t,rangeLabelInputsEnabled:i,state:n}=this,s=this.visibleElements.rangeLabels,o=this.classes(v.minElement,{[v.hidden]:!s,[v.minElementInteractive]:i&&"disabled"!==n,[v.rangeElementActive]:e});return _("div",{"aria-hidden":(!s).toString(),afterCreate:this._afterMinLabelCreate,bind:this,class:o,onclick:this._onMinLabelClick,onkeydown:this._onMinLabelKeyDown,role:i?"button":null,tabIndex:i?0:null},e?this.renderMinInput():t.min)}renderMaxInput(){return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.maximumValue,bind:this,class:v.rangeInput,"data-input-type":"max",required:!0,tabIndex:0,type:"text",value:this._formatInputValue(this.max,"max"),onblur:this._onMaxInputBlur,onkeydown:this._onInputKeyDown})}renderMinInput(){return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.minimumValue,bind:this,class:v.rangeInput,"data-input-type":"min",required:!0,tabIndex:0,type:"text",value:this._formatInputValue(this.min,"min"),onblur:this._onMinInputBlur,onkeydown:this._onInputKeyDown})}renderExtraContentElements(){return _("div",{bind:this,class:v.extraContentElement},this.extraNodes)}renderTicksContainer(){if(this.tickConfigs&&this.trackElement&&(0!==this._trackHeight||0!==this._trackWidth))return this.tickConfigs.map(((e,t)=>_("div",{key:"ticks-container",class:this.classes(v.ticksContainerElement)},this.renderTicks(e,t))))}renderTicks(e,i){const{mode:n,values:s}=e;if(this.tickElements.getItemAt(i)||this.tickElements.add(new t,i),"position"===n){const t=Array.isArray(s)?s:[s];return this._calculateTickPositions(t).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}if("percent"===n&&Array.isArray(s)){const{max:t,min:n}=this,o=t-n,r=s.map((e=>this._applyPrecisionToPosition(e/100*o+n)));return this._calculateTickPositions(r).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}const o=Array.isArray(s)&&s.length?s[0]:isNaN(s)?null:s,r=this._getTickCounts(o,e);return this._calculateEquidistantTickPositions(r).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}renderTickGroup(e,t,i,n){const s="position"===e.mode?Array.isArray(e.values)?e.values[t]:e.values:this._valueFromPosition(n);if(o(s)&&!isNaN(s))return _("div",{afterCreate:this._afterTickGroupCreate,afterRemoved:this._afterTickGroupRemoved,bind:this,"data-config":e,"data-position":n,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":s,onclick:this._onTickGroupClick,key:`tick-group-${t}`},this.renderTickLine(e,t,i,s),e.labelsVisible?this.renderTickLabel(e,t,i,s):null)}renderTickLine(e,t,i,n){return _("div",{afterCreate:this._afterTickLineCreate,"aria-valuenow":n.toString(),bind:this,class:v.tickElement,"data-config":e,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":n,key:`tick-label-${t}`,style:this._getPositionStyleForElement(n)})}renderTickLabel(e,t,i,n){const s=e.labelFormatFunction?e.labelFormatFunction(n,"tick",t):this.viewModel.getLabelForValue(n,"tick",t);return _("div",{afterCreate:this._afterTickLabelCreate,"aria-label":s,"aria-valuenow":n.toString(),"aria-valuetext":s,bind:this,class:v.tickLabelElement,"data-config":e,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":n,key:`tick-label-${t}`,style:`transform: translate(-50%); ${this._getPositionStyleForElement(n)}`},s)}_afterContainerCreate(e){this.own(m(e,(()=>this.scheduleRender())))}_afterTrackCreate(e){this._set("trackElement",e),e.addEventListener("pointerdown",this._onTrackPointerDown),this.scheduleRender()}_afterTrackRemoved(e){e.removeEventListener("pointerdown",this._onTrackPointerDown),document.removeEventListener("pointermove",this._onTrackPointerMove),document.removeEventListener("pointerup",this._onTrackPointerUp)}_afterSegmentCreate(e){this.segmentElements.add(e),e.addEventListener("pointerdown",this._onSegmentPointerDown)}_afterSegmentRemoved(e){this.segmentElements.remove(e),e.removeEventListener("pointerdown",this._onSegmentPointerDown)}_afterEffectiveSegmentCreate(e){this.effectiveSegmentElements.add(e)}_afterEffectiveSegmentRemoved(e){this.effectiveSegmentElements.remove(e)}_afterAnchorCreate(e){if(this._anchorElements.push(e),e.addEventListener("pointerdown",this._onAnchorPointerDown),this.thumbCreatedFunction){const t=e["data-thumb-index"],i=e["data-value"],n=this.thumbElements.getItemAt(t)||null,s=this.labelElements.getItemAt(t)||null;this.thumbCreatedFunction(t,i,n,s)}}_afterAnchorUpdate(e){if(o(this._focusedAnchorIndex)){e["data-thumb-index"]===this._focusedAnchorIndex&&(e.focus(),this._focusedAnchorIndex=null)}}_afterAnchorRemoved(e){const t=this._anchorElements.indexOf(e,0);t>-1&&this._anchorElements.splice(t,1),e.removeEventListener("pointerdown",this._onAnchorPointerDown)}_afterThumbCreate(e){this.thumbElements.add(e)}_afterThumbRemoved(e){this.thumbElements.remove(e)}_afterLabelCreate(e){this.labelElements.add(e),e.addEventListener("pointerdown",this._onLabelPointerDown),e.addEventListener("pointerup",this._onLabelPointerUp)}_afterLabelRemoved(e){this.labelElements.remove(e),e.removeEventListener("pointerdown",this._onLabelPointerDown),e.removeEventListener("pointerup",this._onLabelPointerUp)}_afterInputCreate(e){if(e.focus(),e.select(),this.inputCreatedFunction){const t=e.getAttribute("data-input-type"),i="thumb"===t?e["data-input-index"]:null;this.inputCreatedFunction(e,t,i)}}_afterTickLineCreate(e){const t=e["data-tick-config-index"],i=e["data-tick-group-index"],n=this.tickElements.getItemAt(t);n.getItemAt(i)?n.getItemAt(i).tickElement=e:n.add({groupElement:null,tickElement:e,labelElement:null},i)}_afterTickLabelCreate(e){const t=e["data-tick-config-index"],i=e["data-tick-group-index"],n=this.tickElements.getItemAt(t);n.getItemAt(i)?n.getItemAt(i).labelElement=e:n.add({groupElement:null,labelElement:e,tickElement:null},i)}_afterTickGroupRemoved(e){const t=e["data-tick-config-index"],i=this.tickElements.items[t],n=null==i?void 0:i.find((t=>t.groupElement===e));n&&i.remove(n)}_afterTickGroupCreate(e){const t=e["data-config"];if(t&&t.tickCreatedFunction){var i,n;const s=e["data-tick-config-index"],o=e["data-tick-group-index"],r=e["data-value"],a=null==(i=this.tickElements)||null==(n=i.getItemAt(s))?void 0:n.getItemAt(o);if(a){a.groupElement=e;const i=a.tickElement||null,n=a.labelElement||null;t.tickCreatedFunction(r,i,n)}}}_afterMaxLabelCreate(e){this._set("maxLabelElement",e)}_afterMinLabelCreate(e){this._set("minLabelElement",e)}_onAnchorKeyDown(e){if(this._isDisabled()||"editing"===this.state)return;const{target:t}=e,i=n(e),{_anchorElements:s,values:r}=this,a=t["data-thumb-index"],l=s[a],h=r[a],d=[g.moveAnchorUp,g.moveAnchorDown,g.moveAnchorLeft,g.moveAnchorRight];if(i===g.showInput&&this.labelInputsEnabled)this._activeLabelInputIndex=a,this.notifyChange("state");else if(d.indexOf(i)>-1){e.preventDefault();const{steps:t}=this,n=i===g.moveAnchorUp||i===g.moveAnchorRight?1:-1;if(o(t))this._toStep(a,this._isReversedLayout()?-1*n:n);else{const{precision:e}=this,t=this._getPositionOfElement(l),i=this._valueFromPosition(t),s=this._isHorizontalLayout()?n:-1*n;let o;o=0===e?this._positionFromValue(i+s):1===e?this._positionFromValue(i+.1*s):t+s,this._toPosition(a,o)}const s=this.values[a];h!==s&&this._emitThumbChangeEvent({index:a,oldValue:h,value:s})}else if(i===g.moveAnchorToMax||i===g.moveAnchorToMin){e.preventDefault();const{min:t,max:n}=this._getAnchorBoundsInPixels(a),s=this._isPositionInverted()?i===g.moveAnchorToMax?t:n:i===g.moveAnchorToMin?t:n;this._toPosition(a,s);const o=this.values[a];h!==o&&this._emitThumbChangeEvent({index:a,oldValue:h,value:o})}}_onAnchorPointerDown(e){if(this._isDisabled())return;const{target:t,clientX:i,clientY:n}=e,s=t["data-thumb-index"];void 0!==s&&(e.preventDefault(),this._anchorElements[s]&&this._anchorElements[s].focus(),this._storeTrackDimensions(),this._dragStartInfo={clientX:i,clientY:n,index:s,position:this._getPositionOfElement(this._anchorElements[s])},this.notifyChange("state"),document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove))}_onAnchorPointerMove(e){if("editing"===this.state||!this._dragStartInfo)return;e.preventDefault();const{values:t,_anchorElements:i,_dragged:n,_dragStartInfo:s,_dragStartInfo:{index:o,position:r}}=this,{clientX:a,clientY:l}=e,h=n?"drag":"start",d=i[o],c=this._getPositionOfElement(d),m=this._applyPrecisionToPosition(this._isHorizontalLayout()?r+a-s.clientX:r+l-s.clientY);if(c===m)return;const u=t[o];this._dragged=!0,this._toPosition(o,m);const _=this.values[o];n?u!==_&&this._emitThumbDragEvent({index:o,state:h,value:_}):this._emitThumbDragEvent({index:o,state:h,value:u})}_onAnchorPointerUp(e){if(document.removeEventListener("pointerup",this._onAnchorPointerUp),document.removeEventListener("pointermove",this._onAnchorPointerMove),!this._dragStartInfo)return;e.preventDefault();const{index:t}=this._dragStartInfo,i=this._dragged,n=this.values[t];this._dragged=!1,this._dragStartInfo=null,this._lastMovedHandleIndex=t,this.notifyChange("state"),i?this._emitThumbDragEvent({index:t,state:"stop",value:n}):(this.scheduleRender(),"editing"!==this.state&&this._emitThumbClickEvent({index:t,value:n}))}_onTrackPointerDown(e){const{_dragStartInfo:t,snapOnClickEnabled:i,state:n,values:s}=this;if(this._isDisabled()||"editing"===n||t)return;if(document.addEventListener("pointermove",this._onTrackPointerMove),document.addEventListener("pointerup",this._onTrackPointerUp),!i||!s.length)return;const{steps:r}=this,{clientX:a,clientY:l}=e,h=this._getCursorPositionFromEvent(e),d=this._valueFromPosition(h),c=this._getIndexOfNearestValue(d),m=s[c],u=s.some(((e,t)=>e===m&&t!==c))&&d>m?this.values.lastIndexOf(m):c;if(!o(u))return;const _=s[u],p=o(r)?this._calculateNearestStepPosition(h):h;this._toPosition(u,p),this._dragged=!0,this._dragStartInfo={clientX:a,clientY:l,index:u,position:p},this._focusedAnchorIndex=u,this.notifyChange("state"),this._emitThumbDragEvent({index:u,state:"start",value:_});const v=this.values[u];_!==v&&this._emitThumbDragEvent({index:u,state:"drag",value:v}),document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove)}_onTrackPointerMove(e){e.preventDefault(),this._dragged=!0}_onTrackPointerUp(e){if(e.preventDefault(),document.removeEventListener("pointermove",this._onTrackPointerMove),document.removeEventListener("pointerup",this._onTrackPointerUp),this.snapOnClickEnabled||(this._dragged=!1),!this._dragged){const t=this._getCursorPositionFromEvent(e),i=this._valueFromPosition(t);this._emitTrackClickEvent({value:i})}}_onSegmentPointerDown(e){e.preventDefault();const t=e.target,i=t["data-segment-index"],n=t["data-min-thumb-index"],s=t["data-max-thumb-index"];if(this._isDisabled()||!o(n)||!o(s))return;e.stopPropagation(),this._storeTrackDimensions(),document.addEventListener("pointerup",this._onSegmentPointerUp);const r=this._getAnchorDetails(n),a=this._getAnchorDetails(s);var l,h;this.syncedSegmentsEnabled?(this.segmentElements.forEach((e=>e.classList.add(v.segmentElementActive))),this._anchorElements.forEach((e=>e.classList.add(v.anchorElementActive)))):(this.segmentElements.getItemAt(i).classList.add(v.segmentElementActive),null==(l=this._anchorElements[r.index])||l.classList.add(v.anchorElementActive),null==(h=this._anchorElements[a.index])||h.classList.add(v.anchorElementActive));this._segmentDragStartInfo={cursorPosition:this._getCursorPositionFromEvent(e),index:i,details:this._normalizeSegmentDetails({min:r,max:a})},this.draggableSegmentsEnabled&&(document.addEventListener("pointermove",this._onSegmentPointerMove),this.notifyChange("state"),this._emitSegmentDragEvent({index:i,state:"start",thumbIndices:[n,s]}))}_onSegmentPointerMove(e){if(!this._segmentDragStartInfo)return;e.preventDefault();const{_trackHeight:t,_trackWidth:i,_segmentDragStartInfo:{index:n,cursorPosition:s,details:{min:o,max:r}}}=this,{index:a,position:l,value:h}=o,{index:d,position:c,value:m}=r;this._dragged=!0;const u=this._getCursorPositionFromEvent(e);if(u===s)return;const _=this._positionToPercent(s),p=this._positionToPercent(u)-_,v=this._positionToPercent(l)+p,g=this._positionToPercent(c)+p,{min:f}=this._getAnchorBoundsAsPercents(a),{max:b}=this._getAnchorBoundsAsPercents(d);let E=!1,x=!1;if(v<f?E=!0:g>b&&(x=!0),E){const{min:e,max:t}=this.viewModel.getBoundsForValueAtIndex(a),i=this._isPositionInverted()?t:e,n=i,s=m+(i-h),o=s-this.values[d];return void(this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(o):this._updateAnchorValues([a,d],[n,s]))}if(x){const{min:e,max:t}=this.viewModel.getBoundsForValueAtIndex(d),i=this._isPositionInverted()?e:t,n=i,s=h+(i-m),o=s-this.values[a];return void(this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(o):this._updateAnchorValues([a,d],[s,n]))}const k=this._isHorizontalLayout()?i:t,y=g/100*k,I=v/100*k,P=this.values,A=[P[a],P[d]],L=this._getValueForAnchorAtPosition(a,I),S=this._getValueForAnchorAtPosition(d,y);this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(L-A[0]):this._updateAnchorValues([a,d],[L,S]);[this.values[a],this.values[d]].every(((e,t)=>e===A[t]))||this._emitSegmentDragEvent({index:n,state:"drag",thumbIndices:[a,d]})}_onSegmentPointerUp(e){if(e.preventDefault(),document.removeEventListener("pointerup",this._onSegmentPointerUp),document.removeEventListener("pointermove",this._onSegmentPointerMove),!this._segmentDragStartInfo)return;const{_dragged:t,max:i,min:n,values:s}=this,{index:o,details:{min:{index:r},max:{index:a}}}=this._segmentDragStartInfo;if(this.segmentElements.forEach((e=>e.classList.remove(v.segmentElementActive))),this._anchorElements.forEach((e=>e.classList.remove(v.anchorElementActive))),this.draggableSegmentsEnabled){const e=i-n,t=s[r],l=s[a];this._lastMovedHandleIndex=t===l?t>e/2?r:a:null,this._dragged=!1,this._segmentDragStartInfo=null,this.notifyChange("state"),this._emitSegmentDragEvent({index:o,state:"stop",thumbIndices:[r,a]})}if(!t){const t=this._getCursorPositionFromEvent(e),i=this._valueFromPosition(t);this._emitSegmentClickEvent({index:o,value:i,thumbIndices:[r,a]})}}_onTickGroupClick(e){const t=e.target;if(t["data-config"]){const e=t["data-tick-config-index"],i=t["data-tick-group-index"],n=t["data-value"];this._emitTickClickEvent({configIndex:e,groupIndex:i,value:n})}}_storeTrackDimensions(){if(this.trackElement){const e=this._getDimensions(this.trackElement);this._trackHeight=e.height,this._trackWidth=e.width}}_onLabelPointerDown(){this._isDisabled()||(this._dragged=!1,document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove))}_onLabelPointerMove(){this._isDisabled()||(this._dragged=!0)}_onLabelPointerUp(e){if(this._isDisabled())return;const t=e.target["data-thumb-index"];this.labelInputsEnabled&&!this._dragged&&o(t)&&(this._activeLabelInputIndex=t),this._dragged=!1,this.notifyChange("state"),document.removeEventListener("pointerup",this._onLabelPointerUp),document.removeEventListener("pointermove",this._onLabelPointerMove)}_onLabelInputBlur(e){const{_activeLabelInputIndex:t,values:i,viewModel:n}=this,s=e.target.value;if(this._activeLabelInputIndex=null,this.notifyChange("state"),!s)return;const o=this._parseInputValue(s,"value",t),r=i[t],{min:a,max:l}=this.viewModel.getBoundsForValueAtIndex(t);if(o<a||o>l)return;n.setValue(t,o);const h=this.values[t];r!==h&&this._emitThumbChangeEvent({index:t,oldValue:r,value:h})}_onInputKeyDown(e){if(this._isDisabled())return;const{target:t}=e,i=n(e),{hideInput1:s,hideInput2:r,hideInput3:a}=g,{_activeLabelInputIndex:l,_anchorElements:h}=this,d=t;if(i===s||i===r||i===a){e.stopPropagation();const t=l;d.blur(),o(t)?h[t].focus():d.parentElement.focus()}}_onMaxLabelClick(){this._isDisabled()||(this._emitRangeLabelClickEvent({type:"max-click",value:this.max}),this.rangeLabelInputsEnabled&&(this._isMaxInputActive=!0,this.notifyChange("state")))}_onMaxLabelKeyDown(e){this._isDisabled()||n(e)!==g.showInput||(this._isMaxInputActive=!0,this.notifyChange("state"))}_onMaxInputBlur(e){const t=e.target.value;if(this._isMaxInputActive=!1,this.notifyChange("state"),!t)return;const i=this.max,n=this._parseInputValue(t,"max");n<=this.min||(this.viewModel.set("max",n),this.max!==i&&this._emitMaxChangeEvent({oldValue:i,value:this.max}))}_onMinLabelClick(){this._isDisabled()||(this._emitRangeLabelClickEvent({type:"min-click",value:this.min}),this.rangeLabelInputsEnabled&&(this._isMinInputActive=!0,this.notifyChange("state")))}_onMinLabelKeyDown(e){this._isDisabled()||n(e)!==g.showInput||(this._isMinInputActive=!0,this.notifyChange("state"))}_onMinInputBlur(e){const t=e.target.value;if(this._isMinInputActive=!1,this.notifyChange("state"),!t)return;const i=this.min,n=this._parseInputValue(t,"min");n>=this.max||(this.viewModel.set("min",n),this.min!==i&&this._emitMinChangeEvent({oldValue:i,value:this.min}))}_isDisabled(){return this.disabled||"disabled"===this.state}_positionFromValue(e){const{max:t,min:i}=this,n=t-i;if(0===n)return 0;const{_trackHeight:s,_trackWidth:o}=this,r=this._isHorizontalLayout();let a=r?parseFloat((o*(e-i)/n).toFixed(2)):parseFloat((s*(t-e)/n).toFixed(2));return this._isReversedLayout()&&(a=r?o-a:s-a),a}_valueFromPosition(e){const{_trackHeight:t,_trackWidth:i,max:n,min:s,precision:o}=this,r=n-s;let a=this._isHorizontalLayout()?e*r/i+s:r*(1e3-e/t*1e3)/1e3+s;return this._isReversedLayout()&&(a=n+s-a),parseFloat(a.toFixed(o))}_positionToPercent(e){const{_trackHeight:t,_trackWidth:i}=this,n=100*e/(this._isHorizontalLayout()?i:t);return this._applyPrecisionToPosition(n)}_applyPrecisionToPosition(e){return parseFloat(e.toFixed(this._positionPrecision))}_isPositionInverted(){const{layout:e}=this;return"horizontal-reversed"===e||"vertical"===e}_isHorizontalLayout(){return this.layout.indexOf("horizontal")>-1}_isReversedLayout(){return this.layout.indexOf("reversed")>-1}_normalizeSegmentDetails(e){if(this._isPositionInverted()){const{min:t,max:i}=e;return{min:i,max:t}}return e}_parseInputValue(e,t,i){return this.inputParseFunction?this.inputParseFunction(e,t,i):this.viewModel.defaultInputParseFunction(e)}_formatInputValue(e,t,i){return this.inputFormatFunction?this.inputFormatFunction(e,t,i):this.viewModel.defaultInputFormatFunction(e)}_getAnchorDetails(e){const t=[...this.values].sort(((e,t)=>e-t))[e],i=this.values.indexOf(t);return{index:i,position:this._getPositionOfElement(this._anchorElements[i]),value:t}}_updateAnchorStyle(e,t){const i=this._anchorElements[e];i&&(this._isHorizontalLayout()?i.style.left=`${t}`:i.style.top=`${t}`)}_getStyleForAnchor(e,t,i){const n=this._getPositionStyleForElement(e);if(1===this.values.length)return`${n}`;const s=this._zIndices[t];return`${n}; z-index: ${i?this._zIndexOffset+s:s}`}_getPositionStyleForElement(e){const t=this._positionFromValue(e),i=this._positionToPercent(t);return`${this._isHorizontalLayout()?"left":"top"}: ${i+"%"}`}_getPositionOfElement(e){const t=this._getDimensions(e.offsetParent),i=this._getDimensions(e);return this._isHorizontalLayout()?this._applyPrecisionToPosition(i.left-t.left):this._applyPrecisionToPosition(i.top-t.top)}_updateAnchorValues(e,t){e.forEach(((e,i)=>this._toValue(e,t[i])))}_updateAnchorValuesByDifference(e){const{min:t,max:i,values:n}=this;n.forEach(((n,s)=>this._toValue(s,Math.max(Math.min(n+e,i),t))))}_toValue(e,t){if(o(this.steps)){t=this._getStepValues()[this._getIndexOfNearestStepValue(t)]}this._updateAnchorStyle(e,this._getPositionStyleForElement(t)),this.viewModel.setValue(e,t)}_toPosition(e,t){const i=o(this.steps)?this._getStepValueForAnchorAtPosition(e,t):this._getValueForAnchorAtPosition(e,t);this._updateAnchorStyle(e,this._getPositionStyleForElement(i)),this.viewModel.setValue(e,i)}_getValueForAnchorAtPosition(e,t){const{min:i,max:n}=this._getAnchorBoundsInPixels(e),{min:s,max:o}=this.viewModel.getBoundsForValueAtIndex(e);let r,a,l=null;return this._isPositionInverted()?(r=s,a=o):(r=o,a=s),l=t>n?r:t<i?a:this._valueFromPosition(t),l>o?l=o:l<s&&(l=s),l}_getStepValueForAnchorAtPosition(e,t){const i=this._getStepValues(),n=this._calculateNearestStepPosition(t),s=this._getValueForAnchorAtPosition(e,n);return i[this._getIndexOfNearestStepValue(s)]}_getAnchorBoundsAsPercents(e){const{min:t,max:i}=this._getAnchorBoundsInPixels(e);return{min:this._positionToPercent(t),max:this._positionToPercent(i)}}_getAnchorBoundsInPixels(e){const{_anchorElements:t,_trackHeight:i,_trackWidth:n,effectiveMax:s,effectiveMin:r,thumbsConstrained:a}=this,l=t[e-1],h=t[e+1],d=this._isHorizontalLayout()?n:i,c=o(s)?this._isPositionInverted()?d-this._positionFromValue(s):this._positionFromValue(s):d,m=o(r)?this._isPositionInverted()?d-this._positionFromValue(r):this._positionFromValue(r):0;return a?this._isPositionInverted()?{max:l?this._getPositionOfElement(l):c,min:h?this._getPositionOfElement(h):m}:{max:h?this._getPositionOfElement(h):c,min:l?this._getPositionOfElement(l):m}:{max:c,min:m}}_getIndexOfNearestValue(e){return this.values.indexOf(this.values.reduce(((t,i)=>Math.abs(i-e)<Math.abs(t-e)?i:t)))}_getCursorPositionFromEvent(e){const t=this._getDimensions(this.trackElement);return this._isHorizontalLayout()?e.clientX-t.left:e.clientY-t.top}_getStepValues(){const{steps:e}=this;if(Array.isArray(e))return e;const{max:t,min:i}=this,n=Math.ceil((t-i)/e),s=[];for(let o=0;o<=n;o++){const n=i+e*o;s.push(n>t?t:n)}return s}_toStep(e,t){const{values:i,viewModel:n}=this,s=i[e],o=this._getStepValues(),r=o.indexOf(s);let a=null;if(r>-1){let i=o[r+t];isNaN(i)&&(i=o[r]);const n=this._positionFromValue(i);a=this._getStepValueForAnchorAtPosition(e,n)}else{a=o[this._getIndexOfNearestStepValue(s)+t]}n.setValue(e,a)}_getIndexOfNearestStepValue(e){const{steps:t}=this;if(!o(t))return null;const i=this._getStepValues(),n=i.reduce(((t,i)=>Math.abs(i-e)<Math.abs(t-e)?i:t));return i.indexOf(n)}_calculateNearestStepPosition(e){const t=this._valueFromPosition(e),i=this._getIndexOfNearestStepValue(t),n=this._getStepValues();return this._positionFromValue(n[i])}_getTickCounts(e,t){const{mode:i}=t;return"count"===i||"position"===i?e||0:"percent"===i&&100/e||0}_calculateTickPositions(e){return e.map((e=>this._positionFromValue(e)))}_calculateEquidistantTickPositions(e){const{_trackWidth:t,_trackHeight:i}=this,n=this._isHorizontalLayout()?t:i,s=n/(e-1),o=[];if(1===e)return[n/2];for(let r=0;r<e;r++){const e=r*s;e<=n&&o.push(e)}return o}_getDimensions(e){try{return e.getBoundingClientRect()}catch(t){if("object"==typeof t&&null!==t)return new DOMRect(0,0,0,0);throw t}}_emitTrackClickEvent(e){this.emit("track-click",{...e,type:"track-click"})}_emitTickClickEvent(e){this.emit("tick-click",{...e,type:"tick-click"})}_emitMaxChangeEvent(e){this.emit("max-change",{...e,type:"max-change"})}_emitMinChangeEvent(e){this.emit("min-change",{...e,type:"min-change"})}_emitThumbChangeEvent(e){this.emit("thumb-change",{...e,type:"thumb-change"})}_emitThumbClickEvent(e){this.emit("thumb-click",{...e,type:"thumb-click"})}_emitThumbDragEvent(e){this.emit("thumb-drag",{...e,type:"thumb-drag"})}_emitSegmentClickEvent(e){this.emit("segment-click",{...e,type:"segment-click"})}_emitSegmentDragEvent(e){this.emit("segment-drag",{...e,type:"segment-drag"})}_emitRangeLabelClickEvent(e){this.emit(e.type,{...e})}};e([l()],x.prototype,"disabled",void 0),e([l()],x.prototype,"draggableSegmentsEnabled",void 0),e([r("viewModel.effectiveMax")],x.prototype,"effectiveMax",void 0),e([r("viewModel.effectiveMin")],x.prototype,"effectiveMin",void 0),e([l({readOnly:!0})],x.prototype,"effectiveSegmentElements",void 0),e([l()],x.prototype,"extraNodes",void 0),e([l()],x.prototype,"inputCreatedFunction",void 0),e([r("viewModel.inputFormatFunction")],x.prototype,"inputFormatFunction",void 0),e([r("viewModel.inputParseFunction")],x.prototype,"inputParseFunction",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],x.prototype,"label",void 0),e([l({readOnly:!0})],x.prototype,"labelElements",void 0),e([l()],x.prototype,"labelInputsEnabled",void 0),e([r("viewModel.labelFormatFunction")],x.prototype,"labelFormatFunction",void 0),e([r("viewModel.labels")],x.prototype,"labels",void 0),e([l()],x.prototype,"labelsVisible",null),e([l({value:"horizontal"})],x.prototype,"layout",null),e([r("viewModel.max")],x.prototype,"max",void 0),e([l({readOnly:!0})],x.prototype,"maxLabelElement",void 0),e([l(),u("esri/widgets/Slider/t9n/Slider")],x.prototype,"messages",void 0),e([r("viewModel.min")],x.prototype,"min",void 0),e([l({readOnly:!0})],x.prototype,"minLabelElement",void 0),e([r("viewModel.precision")],x.prototype,"precision",void 0),e([l()],x.prototype,"rangeLabelInputsEnabled",void 0),e([l()],x.prototype,"rangeLabelsVisible",null),e([l({readOnly:!0})],x.prototype,"segmentElements",void 0),e([l()],x.prototype,"snapOnClickEnabled",void 0),e([l({readOnly:!0})],x.prototype,"state",null),e([l()],x.prototype,"steps",void 0),e([l()],x.prototype,"syncedSegmentsEnabled",void 0),e([r("viewModel.thumbsConstrained")],x.prototype,"thumbsConstrained",void 0),e([l()],x.prototype,"thumbCreatedFunction",void 0),e([l({readOnly:!0})],x.prototype,"thumbElements",void 0),e([l()],x.prototype,"tickConfigs",null),e([l({readOnly:!0})],x.prototype,"tickElements",void 0),e([l({readOnly:!0})],x.prototype,"trackElement",void 0),e([r("viewModel.values")],x.prototype,"values",void 0),e([l()],x.prototype,"viewModel",void 0),e([l()],x.prototype,"visibleElements",void 0),e([a("visibleElements")],x.prototype,"castVisibleElements",null),x=e([h(f)],x);const k=x;export{k as default};
+import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import t from"../core/Collection.js";import{deprecatedProperty as i}from"../core/deprecate.js";import{eventKey as n}from"../core/events.js";import s from"../core/Logger.js";import{isSome as o}from"../core/maybe.js";import{aliasOf as r}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 l}from"../core/accessorSupport/decorators/property.js";import{subclass as h}from"../core/accessorSupport/decorators/subclass.js";import d from"./Widget.js";import c from"./Slider/SliderViewModel.js";import{onResize as m}from"./support/widgetUtils.js";import{messageBundle as u}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";import{substitute as p}from"../intl/substitute.js";const v={base:"esri-slider",reversed:"esri-slider--reversed",horizontalLayout:"esri-slider--horizontal",verticalLayout:"esri-slider--vertical",contentElement:"esri-slider__content",extraContentElement:"esri-slider__extra-content",trackElement:"esri-slider__track",ticksContainerElement:"esri-slider__ticks",tickElement:"esri-slider__tick",tickLabelElement:"esri-slider__tick-label",maxElement:"esri-slider__max",minElement:"esri-slider__min",maxElementInteractive:"esri-slider__max--interactive",minElementInteractive:"esri-slider__min--interactive",rangeElementActive:"esri-slider__range--active",rangeInput:"esri-slider__range-input",anchorElement:"esri-slider__anchor",movingAnchorElement:"esri-slider__anchor--moving",lastMovedAnchorElement:"esri-slider__anchor--moved",anchorElementActive:"esri-slider__anchor--active",anchorElementIndexPrefix:"esri-slider__anchor-",segmentElement:"esri-slider__segment",segmentElementIndexPrefix:"esri-slider__segment-",segmentElementInteractive:"esri-slider__segment--interactive",segmentElementActive:"esri-slider__segment--active",effectiveSegmentElement:"esri-slider__effective-segment",effectiveMaxSegmentElement:"esri-slider__effective-max-segment",effectiveMinSegmentElement:"esri-slider__effective-min-segment",thumbElement:"esri-slider__thumb",labelElement:"esri-slider__label",labelElementInteractive:"esri-slider__label--interactive",labelInput:"esri-slider__label-input",geosceneWidget:"esri-widget",widgetIcon:"geoscene-icon-edit",disabled:"esri-disabled",hidden:"esri-hidden"},g={showInput:"Enter",hideInput1:"Enter",hideInput2:"Escape",hideInput3:"Tab",moveAnchorUp:"ArrowUp",moveAnchorDown:"ArrowDown",moveAnchorLeft:"ArrowLeft",moveAnchorRight:"ArrowRight",moveAnchorToMax:"End",moveAnchorToMin:"Home"},f="geoscene.widgets.Slider",b=s.getLogger("geoscene.widgets.Slider"),E={labels:!1,rangeLabels:!1};let x=class extends d{constructor(e,i){super(e,i),this._activeLabelInputIndex=null,this._anchorElements=[],this._dragged=!1,this._dragStartInfo=null,this._focusedAnchorIndex=null,this._isMinInputActive=!1,this._isMaxInputActive=!1,this._lastMovedHandleIndex=null,this._positionPrecision=5,this._segmentDragStartInfo=null,this._trackHeight=null,this._trackWidth=null,this._zIndices=null,this._zIndexOffset=3,this.disabled=!1,this.draggableSegmentsEnabled=!0,this.effectiveMax=null,this.effectiveMin=null,this.effectiveSegmentElements=new t,this.extraNodes=[],this.inputCreatedFunction=null,this.inputFormatFunction=null,this.inputParseFunction=null,this.label=void 0,this.labelElements=new t,this.labelInputsEnabled=!1,this.labelFormatFunction=null,this.labels=null,this.max=null,this.maxLabelElement=null,this.messages=null,this.min=null,this.minLabelElement=null,this.precision=4,this.rangeLabelInputsEnabled=!1,this.segmentElements=new t,this.snapOnClickEnabled=!0,this.steps=null,this.syncedSegmentsEnabled=!1,this.thumbsConstrained=!0,this.thumbCreatedFunction=null,this.thumbElements=new t,this.tickElements=new t,this.trackElement=null,this.values=null,this.viewModel=new c,this.visibleElements={...E},this._onAnchorPointerDown=this._onAnchorPointerDown.bind(this),this._onAnchorPointerMove=this._onAnchorPointerMove.bind(this),this._onAnchorPointerUp=this._onAnchorPointerUp.bind(this),this._onLabelPointerDown=this._onLabelPointerDown.bind(this),this._onLabelPointerUp=this._onLabelPointerUp.bind(this),this._onSegmentPointerDown=this._onSegmentPointerDown.bind(this),this._onSegmentPointerMove=this._onSegmentPointerMove.bind(this),this._onSegmentPointerUp=this._onSegmentPointerUp.bind(this),this._onTrackPointerDown=this._onTrackPointerDown.bind(this),this._onTrackPointerMove=this._onTrackPointerMove.bind(this),this._onTrackPointerUp=this._onTrackPointerUp.bind(this)}destroy(){document.removeEventListener("pointerup",this._onLabelPointerUp),document.removeEventListener("pointermove",this._onLabelPointerMove),document.removeEventListener("pointerup",this._onAnchorPointerUp),document.removeEventListener("pointermove",this._onAnchorPointerMove),this.labelElements.removeAll(),this.labelElements.destroy(),this.segmentElements.removeAll(),this.segmentElements.destroy(),this.effectiveSegmentElements.removeAll(),this.effectiveSegmentElements.destroy(),this.thumbElements.removeAll(),this.thumbElements.destroy(),this.tickElements.removeAll(),this.tickElements.destroy()}set labelsVisible(e){i(b,"labelsVisible",{replacement:"visibleElements.labels",version:"4.15"}),this.visibleElements={...this.visibleElements,labels:e}}set layout(e){-1===["vertical","vertical-reversed","horizontal","horizontal-reversed"].indexOf(e)&&(e="horizontal"),this._set("layout",e)}set rangeLabelsVisible(e){i(b,"rangeLabelsVisible",{replacement:"visibleElements.rangeLabels",version:"4.15"}),this.visibleElements={...this.visibleElements,rangeLabels:e}}get state(){const{_activeLabelInputIndex:e,_isMaxInputActive:t,_isMinInputActive:i,_dragStartInfo:n,_segmentDragStartInfo:s,disabled:r,viewModel:a}=this,l=o(n)||o(s);return r?"disabled":!(null===e&&!t&&!i)?"editing":l?"dragging":a.state}set tickConfigs(e){this._set("tickConfigs",e),this.scheduleRender()}castVisibleElements(e){return{...E,...e}}render(){const{label:e}=this,t=this.classes(v.base,v.geosceneWidget,this._isHorizontalLayout()?v.horizontalLayout:v.verticalLayout,this._isReversedLayout()?v.reversed:null,this._isDisabled()?v.disabled:null);return this._storeTrackDimensions(),_("div",{"aria-label":e,class:t,"touch-action":"none",bind:this,afterCreate:this._afterContainerCreate},this.renderContent())}toNextStep(e){this._toStep(e,1)}toPreviousStep(e){this._toStep(e,-1)}renderContent(){const{max:e,min:t}=this;if(o(t)&&o(e)&&!(t>=e))return[this.renderMin(),this.renderSliderContainer(),this.renderMax()]}renderSliderContainer(){return _("div",{key:"slider-container",bind:this,class:v.contentElement},this.renderTrackElement(),this.renderTicksContainer(),this.renderExtraContentElements())}renderTrackElement(){return _("div",{afterCreate:this._afterTrackCreate,afterRemoved:this._afterTrackRemoved,bind:this,class:v.trackElement,"data-node-ref":"trackElement","touch-action":"none"},this.renderEffectiveSegmentElements(),this.renderSegmentElements(),this.renderAnchorElements())}renderEffectiveSegmentElements(){if(!this.trackElement||!this.values||!this.values.length)return;const e=o(this.effectiveMax),t=o(this.effectiveMin);if(!e&&!t)return;const{max:i,min:n,viewModel:s}=this,r=s.getBounds(),a=[];return t&&a.push(this.renderEffectiveSegmentElement(n,r.min,v.effectiveMinSegmentElement)),e&&a.push(this.renderEffectiveSegmentElement(r.max,i,v.effectiveMaxSegmentElement)),a}renderSegmentElements(){if(!this.trackElement||!this.values||!this.values.length)return;const e=this.values.length,t=[];for(let i=0;i<=e;i++)t.push(this.renderSegmentElement(i));return t}renderSegmentElement(e){const{_trackHeight:t,_trackWidth:i,draggableSegmentsEnabled:n,id:s,state:r,values:a}=this,l=this._isHorizontalLayout(),h=l?i:t,d=this.viewModel.getBounds(),c=this._positionFromValue(d.max),m=this._positionFromValue(d.min),u=e===a.length?null:e,p=0===e?null:e-1,g=o(u),f=o(p);let b,E;const x=[...a].sort(((e,t)=>e-t));this._isReversedLayout()?(b=f?this._positionFromValue(x[p]):m,E=g?this._positionFromValue(x[u]):c):(b=g?this._positionFromValue(x[u]):c,E=f?this._positionFromValue(x[p]):m);const k=this._applyPrecisionToPosition(100*E/h),y=(b-E)/h,I=l?`transform: translate(${k}%, 0px) scale(${y}, 1);`:`transform: translate(0px, ${k}%) scale(1, ${y});`,P=this.classes(v.segmentElement,v.segmentElementIndexPrefix+e,n&&g&&f&&"disabled"!==r?v.segmentElementInteractive:null);return _("div",{afterCreate:this._afterSegmentCreate,afterRemoved:this._afterSegmentRemoved,bind:this,class:P,"data-max-thumb-index":u,"data-min-thumb-index":p,"data-segment-index":e,key:`${s}-segment-${e}`,style:I,"touch-action":"none"})}renderEffectiveSegmentElement(e,t,i){const{_trackHeight:n,_trackWidth:s}=this,o=this._positionFromValue(e),r=this._positionFromValue(t),a=this._isHorizontalLayout(),l=a?s:n,h=this._applyPrecisionToPosition(100*o/l),d=(r-o)/l,c=a?`transform: translate(${h}%, 0px) scale(${d}, 1);`:`transform: translate(0px, ${h}%) scale(1, ${d});`,m=this.classes(v.segmentElement,v.effectiveSegmentElement,i);return _("div",{afterCreate:this._afterEffectiveSegmentCreate,afterRemoved:this._afterEffectiveSegmentRemoved,bind:this,class:m,style:c,"touch-action":"none"})}renderAnchorElements(){const{trackElement:e,values:t}=this;if(t&&t.length)return this._zIndices=t.map(((e,i)=>{const n=this._positionFromValue(e),s=this._positionToPercent(n),o=(this._isHorizontalLayout()?s>50:s<50)?-1:1;return this._zIndexOffset+(t.length+o*i)})),e&&t&&t.length?t.map(((e,t)=>this.renderAnchorElement(e,t))):null}renderAnchorElement(e,t){const i=this._positionFromValue(e),n=this._valueFromPosition(i);if(!o(n)||isNaN(n))return;const{_dragStartInfo:s,_lastMovedHandleIndex:r,id:a,layout:l,values:h,visibleElements:{labels:d}}=this,c=s&&s.index===t,m=r===t,u=this.classes(v.anchorElement,v.anchorElementIndexPrefix+t,c?v.movingAnchorElement:null,m?v.lastMovedAnchorElement:null),g=this.labels.values[t],f=this._getStyleForAnchor(e,t,c||m),{min:b,max:E}=this.viewModel.getBoundsForValueAtIndex(t),{messages:x}=this,k=2===h.length?p(0===t?x.rangeMinimum:x.rangeMaximum,{value:e}):g,y=1===h.length?null:0===t?`${a}-handle-${t+1}`:t===h.length-1?`${a}-handle-${t-1}`:`${a}-handle-${t-1} ${a}-handle-${t+1}`;return _("div",{afterCreate:this._afterAnchorCreate,afterUpdate:this._afterAnchorUpdate,afterRemoved:this._afterAnchorRemoved,"aria-controls":y,"aria-label":x.sliderValue,"aria-labelledby":d?`${a}-label-${t}`:null,"aria-orientation":l,"aria-valuemax":E.toString(),"aria-valuemin":b.toString(),"aria-valuenow":e.toString(),"aria-valuetext":k,bind:this,class:u,"data-thumb-index":t,"data-value":e,id:`${a}-handle-${t}`,key:`${a}-handle-${t}`,onkeydown:this._onAnchorKeyDown,"touch-action":"none",role:"slider",style:f,tabIndex:0},_("span",{afterCreate:this._afterThumbCreate,afterRemoved:this._afterThumbRemoved,bind:this,class:v.thumbElement,"data-thumb-index":t,"touch-action":"none"}),this.renderThumbLabel(t))}renderThumbLabel(e){const{id:t,labels:i,labelInputsEnabled:n,state:s}=this,o=this.visibleElements.labels,r=i.values[e],a=this.classes(v.labelElement,o?null:v.hidden,n&&"disabled"!==s?v.labelElementInteractive:null);return _("span",{afterCreate:this._afterLabelCreate,afterRemoved:this._afterLabelRemoved,"aria-hidden":(!o).toString(),bind:this,class:a,"data-thumb-index":e,key:`${t}-label-${e}`,id:`${t}-label-${e}`,role:n?"button":null,"touch-action":"none"},this._activeLabelInputIndex===e?this.renderValueInput(e):r)}renderValueInput(e){const t=this.values[e];return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.sliderValue,bind:this,class:v.labelInput,"data-input-type":"thumb","data-input-index":e,required:!0,tabIndex:0,type:"text",value:this._formatInputValue(t,"value",e),onblur:this._onLabelInputBlur,onkeydown:this._onInputKeyDown})}renderMax(){const{_isMaxInputActive:e,labels:t,rangeLabelInputsEnabled:i,state:n}=this,s=this.visibleElements.rangeLabels,o=this.classes(v.maxElement,{[v.hidden]:!s,[v.maxElementInteractive]:i&&"disabled"!==n,[v.rangeElementActive]:e});return _("div",{"aria-hidden":(!s).toString(),afterCreate:this._afterMaxLabelCreate,bind:this,class:o,onclick:this._onMaxLabelClick,onkeydown:this._onMaxLabelKeyDown,role:i?"button":null,tabIndex:i?0:null},e?this.renderMaxInput():t.max)}renderMin(){const{_isMinInputActive:e,labels:t,rangeLabelInputsEnabled:i,state:n}=this,s=this.visibleElements.rangeLabels,o=this.classes(v.minElement,{[v.hidden]:!s,[v.minElementInteractive]:i&&"disabled"!==n,[v.rangeElementActive]:e});return _("div",{"aria-hidden":(!s).toString(),afterCreate:this._afterMinLabelCreate,bind:this,class:o,onclick:this._onMinLabelClick,onkeydown:this._onMinLabelKeyDown,role:i?"button":null,tabIndex:i?0:null},e?this.renderMinInput():t.min)}renderMaxInput(){return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.maximumValue,bind:this,class:v.rangeInput,"data-input-type":"max",required:!0,tabIndex:0,type:"text",value:this._formatInputValue(this.max,"max"),onblur:this._onMaxInputBlur,onkeydown:this._onInputKeyDown})}renderMinInput(){return _("input",{afterCreate:this._afterInputCreate,"aria-label":this.messages.minimumValue,bind:this,class:v.rangeInput,"data-input-type":"min",required:!0,tabIndex:0,type:"text",value:this._formatInputValue(this.min,"min"),onblur:this._onMinInputBlur,onkeydown:this._onInputKeyDown})}renderExtraContentElements(){return _("div",{bind:this,class:v.extraContentElement},this.extraNodes)}renderTicksContainer(){if(this.tickConfigs&&this.trackElement&&(0!==this._trackHeight||0!==this._trackWidth))return this.tickConfigs.map(((e,t)=>_("div",{key:"ticks-container",class:this.classes(v.ticksContainerElement)},this.renderTicks(e,t))))}renderTicks(e,i){const{mode:n,values:s}=e;if(this.tickElements.getItemAt(i)||this.tickElements.add(new t,i),"position"===n){const t=Array.isArray(s)?s:[s];return this._calculateTickPositions(t).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}if("percent"===n&&Array.isArray(s)){const{max:t,min:n}=this,o=t-n,r=s.map((e=>this._applyPrecisionToPosition(e/100*o+n)));return this._calculateTickPositions(r).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}const o=Array.isArray(s)&&s.length?s[0]:isNaN(s)?null:s,r=this._getTickCounts(o,e);return this._calculateEquidistantTickPositions(r).map(((t,n)=>this.renderTickGroup(e,n,i,t)))}renderTickGroup(e,t,i,n){const s="position"===e.mode?Array.isArray(e.values)?e.values[t]:e.values:this._valueFromPosition(n);if(o(s)&&!isNaN(s))return _("div",{afterCreate:this._afterTickGroupCreate,afterRemoved:this._afterTickGroupRemoved,bind:this,"data-config":e,"data-position":n,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":s,onclick:this._onTickGroupClick,key:`tick-group-${t}`},this.renderTickLine(e,t,i,s),e.labelsVisible?this.renderTickLabel(e,t,i,s):null)}renderTickLine(e,t,i,n){return _("div",{afterCreate:this._afterTickLineCreate,"aria-valuenow":n.toString(),bind:this,class:v.tickElement,"data-config":e,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":n,key:`tick-label-${t}`,style:this._getPositionStyleForElement(n)})}renderTickLabel(e,t,i,n){const s=e.labelFormatFunction?e.labelFormatFunction(n,"tick",t):this.viewModel.getLabelForValue(n,"tick",t);return _("div",{afterCreate:this._afterTickLabelCreate,"aria-label":s,"aria-valuenow":n.toString(),"aria-valuetext":s,bind:this,class:v.tickLabelElement,"data-config":e,"data-tick-config-index":i,"data-tick-group-index":t,"data-value":n,key:`tick-label-${t}`,style:`transform: translate(-50%); ${this._getPositionStyleForElement(n)}`},s)}_afterContainerCreate(e){this.own(m(e,(()=>this.scheduleRender())))}_afterTrackCreate(e){this._set("trackElement",e),e.addEventListener("pointerdown",this._onTrackPointerDown),this.scheduleRender()}_afterTrackRemoved(e){e.removeEventListener("pointerdown",this._onTrackPointerDown),document.removeEventListener("pointermove",this._onTrackPointerMove),document.removeEventListener("pointerup",this._onTrackPointerUp)}_afterSegmentCreate(e){this.segmentElements.add(e),e.addEventListener("pointerdown",this._onSegmentPointerDown)}_afterSegmentRemoved(e){this.segmentElements.remove(e),e.removeEventListener("pointerdown",this._onSegmentPointerDown)}_afterEffectiveSegmentCreate(e){this.effectiveSegmentElements.add(e)}_afterEffectiveSegmentRemoved(e){this.effectiveSegmentElements.remove(e)}_afterAnchorCreate(e){if(this._anchorElements.push(e),e.addEventListener("pointerdown",this._onAnchorPointerDown),this.thumbCreatedFunction){const t=e["data-thumb-index"],i=e["data-value"],n=this.thumbElements.getItemAt(t)||null,s=this.labelElements.getItemAt(t)||null;this.thumbCreatedFunction(t,i,n,s)}}_afterAnchorUpdate(e){if(o(this._focusedAnchorIndex)){e["data-thumb-index"]===this._focusedAnchorIndex&&(e.focus(),this._focusedAnchorIndex=null)}}_afterAnchorRemoved(e){const t=this._anchorElements.indexOf(e,0);t>-1&&this._anchorElements.splice(t,1),e.removeEventListener("pointerdown",this._onAnchorPointerDown)}_afterThumbCreate(e){this.thumbElements.add(e)}_afterThumbRemoved(e){this.thumbElements.remove(e)}_afterLabelCreate(e){this.labelElements.add(e),e.addEventListener("pointerdown",this._onLabelPointerDown),e.addEventListener("pointerup",this._onLabelPointerUp)}_afterLabelRemoved(e){this.labelElements.remove(e),e.removeEventListener("pointerdown",this._onLabelPointerDown),e.removeEventListener("pointerup",this._onLabelPointerUp)}_afterInputCreate(e){if(e.focus(),e.select(),this.inputCreatedFunction){const t=e.getAttribute("data-input-type"),i="thumb"===t?e["data-input-index"]:null;this.inputCreatedFunction(e,t,i)}}_afterTickLineCreate(e){const t=e["data-tick-config-index"],i=e["data-tick-group-index"],n=this.tickElements.getItemAt(t);n.getItemAt(i)?n.getItemAt(i).tickElement=e:n.add({groupElement:null,tickElement:e,labelElement:null},i)}_afterTickLabelCreate(e){const t=e["data-tick-config-index"],i=e["data-tick-group-index"],n=this.tickElements.getItemAt(t);n.getItemAt(i)?n.getItemAt(i).labelElement=e:n.add({groupElement:null,labelElement:e,tickElement:null},i)}_afterTickGroupRemoved(e){const t=e["data-tick-config-index"],i=this.tickElements.items[t],n=null==i?void 0:i.find((t=>t.groupElement===e));n&&i.remove(n)}_afterTickGroupCreate(e){const t=e["data-config"];if(t&&t.tickCreatedFunction){var i,n;const s=e["data-tick-config-index"],o=e["data-tick-group-index"],r=e["data-value"],a=null==(i=this.tickElements)||null==(n=i.getItemAt(s))?void 0:n.getItemAt(o);if(a){a.groupElement=e;const i=a.tickElement||null,n=a.labelElement||null;t.tickCreatedFunction(r,i,n)}}}_afterMaxLabelCreate(e){this._set("maxLabelElement",e)}_afterMinLabelCreate(e){this._set("minLabelElement",e)}_onAnchorKeyDown(e){if(this._isDisabled()||"editing"===this.state)return;const{target:t}=e,i=n(e),{_anchorElements:s,values:r}=this,a=t["data-thumb-index"],l=s[a],h=r[a],d=[g.moveAnchorUp,g.moveAnchorDown,g.moveAnchorLeft,g.moveAnchorRight];if(i===g.showInput&&this.labelInputsEnabled)this._activeLabelInputIndex=a,this.notifyChange("state");else if(d.indexOf(i)>-1){e.preventDefault();const{steps:t}=this,n=i===g.moveAnchorUp||i===g.moveAnchorRight?1:-1;if(o(t))this._toStep(a,this._isReversedLayout()?-1*n:n);else{const{precision:e}=this,t=this._getPositionOfElement(l),i=this._valueFromPosition(t),s=this._isHorizontalLayout()?n:-1*n;let o;o=0===e?this._positionFromValue(i+s):1===e?this._positionFromValue(i+.1*s):t+s,this._toPosition(a,o)}const s=this.values[a];h!==s&&this._emitThumbChangeEvent({index:a,oldValue:h,value:s})}else if(i===g.moveAnchorToMax||i===g.moveAnchorToMin){e.preventDefault();const{min:t,max:n}=this._getAnchorBoundsInPixels(a),s=this._isPositionInverted()?i===g.moveAnchorToMax?t:n:i===g.moveAnchorToMin?t:n;this._toPosition(a,s);const o=this.values[a];h!==o&&this._emitThumbChangeEvent({index:a,oldValue:h,value:o})}}_onAnchorPointerDown(e){if(this._isDisabled())return;const{target:t,clientX:i,clientY:n}=e,s=t["data-thumb-index"];void 0!==s&&(e.preventDefault(),this._anchorElements[s]&&this._anchorElements[s].focus(),this._storeTrackDimensions(),this._dragStartInfo={clientX:i,clientY:n,index:s,position:this._getPositionOfElement(this._anchorElements[s])},this.notifyChange("state"),document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove))}_onAnchorPointerMove(e){if("editing"===this.state||!this._dragStartInfo)return;e.preventDefault();const{values:t,_anchorElements:i,_dragged:n,_dragStartInfo:s,_dragStartInfo:{index:o,position:r}}=this,{clientX:a,clientY:l}=e,h=n?"drag":"start",d=i[o],c=this._getPositionOfElement(d),m=this._applyPrecisionToPosition(this._isHorizontalLayout()?r+a-s.clientX:r+l-s.clientY);if(c===m)return;const u=t[o];this._dragged=!0,this._toPosition(o,m);const _=this.values[o];n?u!==_&&this._emitThumbDragEvent({index:o,state:h,value:_}):this._emitThumbDragEvent({index:o,state:h,value:u})}_onAnchorPointerUp(e){if(document.removeEventListener("pointerup",this._onAnchorPointerUp),document.removeEventListener("pointermove",this._onAnchorPointerMove),!this._dragStartInfo)return;e.preventDefault();const{index:t}=this._dragStartInfo,i=this._dragged,n=this.values[t];this._dragged=!1,this._dragStartInfo=null,this._lastMovedHandleIndex=t,this.notifyChange("state"),i?this._emitThumbDragEvent({index:t,state:"stop",value:n}):(this.scheduleRender(),"editing"!==this.state&&this._emitThumbClickEvent({index:t,value:n}))}_onTrackPointerDown(e){const{_dragStartInfo:t,snapOnClickEnabled:i,state:n,values:s}=this;if(this._isDisabled()||"editing"===n||t)return;if(document.addEventListener("pointermove",this._onTrackPointerMove),document.addEventListener("pointerup",this._onTrackPointerUp),!i||!s.length)return;const{steps:r}=this,{clientX:a,clientY:l}=e,h=this._getCursorPositionFromEvent(e),d=this._valueFromPosition(h),c=this._getIndexOfNearestValue(d),m=s[c],u=s.some(((e,t)=>e===m&&t!==c))&&d>m?this.values.lastIndexOf(m):c;if(!o(u))return;const _=s[u],p=o(r)?this._calculateNearestStepPosition(h):h;this._toPosition(u,p),this._dragged=!0,this._dragStartInfo={clientX:a,clientY:l,index:u,position:p},this._focusedAnchorIndex=u,this.notifyChange("state"),this._emitThumbDragEvent({index:u,state:"start",value:_});const v=this.values[u];_!==v&&this._emitThumbDragEvent({index:u,state:"drag",value:v}),document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove)}_onTrackPointerMove(e){e.preventDefault(),this._dragged=!0}_onTrackPointerUp(e){if(e.preventDefault(),document.removeEventListener("pointermove",this._onTrackPointerMove),document.removeEventListener("pointerup",this._onTrackPointerUp),this.snapOnClickEnabled||(this._dragged=!1),!this._dragged){const t=this._getCursorPositionFromEvent(e),i=this._valueFromPosition(t);this._emitTrackClickEvent({value:i})}}_onSegmentPointerDown(e){e.preventDefault();const t=e.target,i=t["data-segment-index"],n=t["data-min-thumb-index"],s=t["data-max-thumb-index"];if(this._isDisabled()||!o(n)||!o(s))return;e.stopPropagation(),this._storeTrackDimensions(),document.addEventListener("pointerup",this._onSegmentPointerUp);const r=this._getAnchorDetails(n),a=this._getAnchorDetails(s);var l,h;this.syncedSegmentsEnabled?(this.segmentElements.forEach((e=>e.classList.add(v.segmentElementActive))),this._anchorElements.forEach((e=>e.classList.add(v.anchorElementActive)))):(this.segmentElements.getItemAt(i).classList.add(v.segmentElementActive),null==(l=this._anchorElements[r.index])||l.classList.add(v.anchorElementActive),null==(h=this._anchorElements[a.index])||h.classList.add(v.anchorElementActive));this._segmentDragStartInfo={cursorPosition:this._getCursorPositionFromEvent(e),index:i,details:this._normalizeSegmentDetails({min:r,max:a})},this.draggableSegmentsEnabled&&(document.addEventListener("pointermove",this._onSegmentPointerMove),this.notifyChange("state"),this._emitSegmentDragEvent({index:i,state:"start",thumbIndices:[n,s]}))}_onSegmentPointerMove(e){if(!this._segmentDragStartInfo)return;e.preventDefault();const{_trackHeight:t,_trackWidth:i,_segmentDragStartInfo:{index:n,cursorPosition:s,details:{min:o,max:r}}}=this,{index:a,position:l,value:h}=o,{index:d,position:c,value:m}=r;this._dragged=!0;const u=this._getCursorPositionFromEvent(e);if(u===s)return;const _=this._positionToPercent(s),p=this._positionToPercent(u)-_,v=this._positionToPercent(l)+p,g=this._positionToPercent(c)+p,{min:f}=this._getAnchorBoundsAsPercents(a),{max:b}=this._getAnchorBoundsAsPercents(d);let E=!1,x=!1;if(v<f?E=!0:g>b&&(x=!0),E){const{min:e,max:t}=this.viewModel.getBoundsForValueAtIndex(a),i=this._isPositionInverted()?t:e,n=i,s=m+(i-h),o=s-this.values[d];return void(this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(o):this._updateAnchorValues([a,d],[n,s]))}if(x){const{min:e,max:t}=this.viewModel.getBoundsForValueAtIndex(d),i=this._isPositionInverted()?e:t,n=i,s=h+(i-m),o=s-this.values[a];return void(this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(o):this._updateAnchorValues([a,d],[s,n]))}const k=this._isHorizontalLayout()?i:t,y=g/100*k,I=v/100*k,P=this.values,A=[P[a],P[d]],L=this._getValueForAnchorAtPosition(a,I),S=this._getValueForAnchorAtPosition(d,y);this.syncedSegmentsEnabled?this._updateAnchorValuesByDifference(L-A[0]):this._updateAnchorValues([a,d],[L,S]);[this.values[a],this.values[d]].every(((e,t)=>e===A[t]))||this._emitSegmentDragEvent({index:n,state:"drag",thumbIndices:[a,d]})}_onSegmentPointerUp(e){if(e.preventDefault(),document.removeEventListener("pointerup",this._onSegmentPointerUp),document.removeEventListener("pointermove",this._onSegmentPointerMove),!this._segmentDragStartInfo)return;const{_dragged:t,max:i,min:n,values:s}=this,{index:o,details:{min:{index:r},max:{index:a}}}=this._segmentDragStartInfo;if(this.segmentElements.forEach((e=>e.classList.remove(v.segmentElementActive))),this._anchorElements.forEach((e=>e.classList.remove(v.anchorElementActive))),this.draggableSegmentsEnabled){const e=i-n,t=s[r],l=s[a];this._lastMovedHandleIndex=t===l?t>e/2?r:a:null,this._dragged=!1,this._segmentDragStartInfo=null,this.notifyChange("state"),this._emitSegmentDragEvent({index:o,state:"stop",thumbIndices:[r,a]})}if(!t){const t=this._getCursorPositionFromEvent(e),i=this._valueFromPosition(t);this._emitSegmentClickEvent({index:o,value:i,thumbIndices:[r,a]})}}_onTickGroupClick(e){const t=e.target;if(t["data-config"]){const e=t["data-tick-config-index"],i=t["data-tick-group-index"],n=t["data-value"];this._emitTickClickEvent({configIndex:e,groupIndex:i,value:n})}}_storeTrackDimensions(){if(this.trackElement){const e=this._getDimensions(this.trackElement);this._trackHeight=e.height,this._trackWidth=e.width}}_onLabelPointerDown(){this._isDisabled()||(this._dragged=!1,document.addEventListener("pointerup",this._onAnchorPointerUp),document.addEventListener("pointermove",this._onAnchorPointerMove))}_onLabelPointerMove(){this._isDisabled()||(this._dragged=!0)}_onLabelPointerUp(e){if(this._isDisabled())return;const t=e.target["data-thumb-index"];this.labelInputsEnabled&&!this._dragged&&o(t)&&(this._activeLabelInputIndex=t),this._dragged=!1,this.notifyChange("state"),document.removeEventListener("pointerup",this._onLabelPointerUp),document.removeEventListener("pointermove",this._onLabelPointerMove)}_onLabelInputBlur(e){const{_activeLabelInputIndex:t,values:i,viewModel:n}=this,s=e.target.value;if(this._activeLabelInputIndex=null,this.notifyChange("state"),!s)return;const o=this._parseInputValue(s,"value",t),r=i[t],{min:a,max:l}=this.viewModel.getBoundsForValueAtIndex(t);if(o<a||o>l)return;n.setValue(t,o);const h=this.values[t];r!==h&&this._emitThumbChangeEvent({index:t,oldValue:r,value:h})}_onInputKeyDown(e){if(this._isDisabled())return;const{target:t}=e,i=n(e),{hideInput1:s,hideInput2:r,hideInput3:a}=g,{_activeLabelInputIndex:l,_anchorElements:h}=this,d=t;if(i===s||i===r||i===a){e.stopPropagation();const t=l;d.blur(),o(t)?h[t].focus():d.parentElement.focus()}}_onMaxLabelClick(){this._isDisabled()||(this._emitRangeLabelClickEvent({type:"max-click",value:this.max}),this.rangeLabelInputsEnabled&&(this._isMaxInputActive=!0,this.notifyChange("state")))}_onMaxLabelKeyDown(e){this._isDisabled()||n(e)!==g.showInput||(this._isMaxInputActive=!0,this.notifyChange("state"))}_onMaxInputBlur(e){const t=e.target.value;if(this._isMaxInputActive=!1,this.notifyChange("state"),!t)return;const i=this.max,n=this._parseInputValue(t,"max");n<=this.min||(this.viewModel.set("max",n),this.max!==i&&this._emitMaxChangeEvent({oldValue:i,value:this.max}))}_onMinLabelClick(){this._isDisabled()||(this._emitRangeLabelClickEvent({type:"min-click",value:this.min}),this.rangeLabelInputsEnabled&&(this._isMinInputActive=!0,this.notifyChange("state")))}_onMinLabelKeyDown(e){this._isDisabled()||n(e)!==g.showInput||(this._isMinInputActive=!0,this.notifyChange("state"))}_onMinInputBlur(e){const t=e.target.value;if(this._isMinInputActive=!1,this.notifyChange("state"),!t)return;const i=this.min,n=this._parseInputValue(t,"min");n>=this.max||(this.viewModel.set("min",n),this.min!==i&&this._emitMinChangeEvent({oldValue:i,value:this.min}))}_isDisabled(){return this.disabled||"disabled"===this.state}_positionFromValue(e){const{max:t,min:i}=this,n=t-i;if(0===n)return 0;const{_trackHeight:s,_trackWidth:o}=this,r=this._isHorizontalLayout();let a=r?parseFloat((o*(e-i)/n).toFixed(2)):parseFloat((s*(t-e)/n).toFixed(2));return this._isReversedLayout()&&(a=r?o-a:s-a),a}_valueFromPosition(e){const{_trackHeight:t,_trackWidth:i,max:n,min:s,precision:o}=this,r=n-s;let a=this._isHorizontalLayout()?e*r/i+s:r*(1e3-e/t*1e3)/1e3+s;return this._isReversedLayout()&&(a=n+s-a),parseFloat(a.toFixed(o))}_positionToPercent(e){const{_trackHeight:t,_trackWidth:i}=this,n=100*e/(this._isHorizontalLayout()?i:t);return this._applyPrecisionToPosition(n)}_applyPrecisionToPosition(e){return parseFloat(e.toFixed(this._positionPrecision))}_isPositionInverted(){const{layout:e}=this;return"horizontal-reversed"===e||"vertical"===e}_isHorizontalLayout(){return this.layout.indexOf("horizontal")>-1}_isReversedLayout(){return this.layout.indexOf("reversed")>-1}_normalizeSegmentDetails(e){if(this._isPositionInverted()){const{min:t,max:i}=e;return{min:i,max:t}}return e}_parseInputValue(e,t,i){return this.inputParseFunction?this.inputParseFunction(e,t,i):this.viewModel.defaultInputParseFunction(e)}_formatInputValue(e,t,i){return this.inputFormatFunction?this.inputFormatFunction(e,t,i):this.viewModel.defaultInputFormatFunction(e)}_getAnchorDetails(e){const t=[...this.values].sort(((e,t)=>e-t))[e],i=this.values.indexOf(t);return{index:i,position:this._getPositionOfElement(this._anchorElements[i]),value:t}}_updateAnchorStyle(e,t){const i=this._anchorElements[e];i&&(this._isHorizontalLayout()?i.style.left=`${t}`:i.style.top=`${t}`)}_getStyleForAnchor(e,t,i){const n=this._getPositionStyleForElement(e);if(1===this.values.length)return`${n}`;const s=this._zIndices[t];return`${n}; z-index: ${i?this._zIndexOffset+s:s}`}_getPositionStyleForElement(e){const t=this._positionFromValue(e),i=this._positionToPercent(t);return`${this._isHorizontalLayout()?"left":"top"}: ${i+"%"}`}_getPositionOfElement(e){const t=this._getDimensions(e.offsetParent),i=this._getDimensions(e);return this._isHorizontalLayout()?this._applyPrecisionToPosition(i.left-t.left):this._applyPrecisionToPosition(i.top-t.top)}_updateAnchorValues(e,t){e.forEach(((e,i)=>this._toValue(e,t[i])))}_updateAnchorValuesByDifference(e){const{min:t,max:i,values:n}=this;n.forEach(((n,s)=>this._toValue(s,Math.max(Math.min(n+e,i),t))))}_toValue(e,t){if(o(this.steps)){t=this._getStepValues()[this._getIndexOfNearestStepValue(t)]}this._updateAnchorStyle(e,this._getPositionStyleForElement(t)),this.viewModel.setValue(e,t)}_toPosition(e,t){const i=o(this.steps)?this._getStepValueForAnchorAtPosition(e,t):this._getValueForAnchorAtPosition(e,t);this._updateAnchorStyle(e,this._getPositionStyleForElement(i)),this.viewModel.setValue(e,i)}_getValueForAnchorAtPosition(e,t){const{min:i,max:n}=this._getAnchorBoundsInPixels(e),{min:s,max:o}=this.viewModel.getBoundsForValueAtIndex(e);let r,a,l=null;return this._isPositionInverted()?(r=s,a=o):(r=o,a=s),l=t>n?r:t<i?a:this._valueFromPosition(t),l>o?l=o:l<s&&(l=s),l}_getStepValueForAnchorAtPosition(e,t){const i=this._getStepValues(),n=this._calculateNearestStepPosition(t),s=this._getValueForAnchorAtPosition(e,n);return i[this._getIndexOfNearestStepValue(s)]}_getAnchorBoundsAsPercents(e){const{min:t,max:i}=this._getAnchorBoundsInPixels(e);return{min:this._positionToPercent(t),max:this._positionToPercent(i)}}_getAnchorBoundsInPixels(e){const{_anchorElements:t,_trackHeight:i,_trackWidth:n,effectiveMax:s,effectiveMin:r,thumbsConstrained:a}=this,l=t[e-1],h=t[e+1],d=this._isHorizontalLayout()?n:i,c=o(s)?this._isPositionInverted()?d-this._positionFromValue(s):this._positionFromValue(s):d,m=o(r)?this._isPositionInverted()?d-this._positionFromValue(r):this._positionFromValue(r):0;return a?this._isPositionInverted()?{max:l?this._getPositionOfElement(l):c,min:h?this._getPositionOfElement(h):m}:{max:h?this._getPositionOfElement(h):c,min:l?this._getPositionOfElement(l):m}:{max:c,min:m}}_getIndexOfNearestValue(e){return this.values.indexOf(this.values.reduce(((t,i)=>Math.abs(i-e)<Math.abs(t-e)?i:t)))}_getCursorPositionFromEvent(e){const t=this._getDimensions(this.trackElement);return this._isHorizontalLayout()?e.clientX-t.left:e.clientY-t.top}_getStepValues(){const{steps:e}=this;if(Array.isArray(e))return e;const{max:t,min:i}=this,n=Math.ceil((t-i)/e),s=[];for(let o=0;o<=n;o++){const n=i+e*o;s.push(n>t?t:n)}return s}_toStep(e,t){const{values:i,viewModel:n}=this,s=i[e],o=this._getStepValues(),r=o.indexOf(s);let a=null;if(r>-1){let i=o[r+t];isNaN(i)&&(i=o[r]);const n=this._positionFromValue(i);a=this._getStepValueForAnchorAtPosition(e,n)}else{a=o[this._getIndexOfNearestStepValue(s)+t]}n.setValue(e,a)}_getIndexOfNearestStepValue(e){const{steps:t}=this;if(!o(t))return null;const i=this._getStepValues(),n=i.reduce(((t,i)=>Math.abs(i-e)<Math.abs(t-e)?i:t));return i.indexOf(n)}_calculateNearestStepPosition(e){const t=this._valueFromPosition(e),i=this._getIndexOfNearestStepValue(t),n=this._getStepValues();return this._positionFromValue(n[i])}_getTickCounts(e,t){const{mode:i}=t;return"count"===i||"position"===i?e||0:"percent"===i&&100/e||0}_calculateTickPositions(e){return e.map((e=>this._positionFromValue(e)))}_calculateEquidistantTickPositions(e){const{_trackWidth:t,_trackHeight:i}=this,n=this._isHorizontalLayout()?t:i,s=n/(e-1),o=[];if(1===e)return[n/2];for(let r=0;r<e;r++){const e=r*s;e<=n&&o.push(e)}return o}_getDimensions(e){try{return e.getBoundingClientRect()}catch(t){if("object"==typeof t&&null!==t)return new DOMRect(0,0,0,0);throw t}}_emitTrackClickEvent(e){this.emit("track-click",{...e,type:"track-click"})}_emitTickClickEvent(e){this.emit("tick-click",{...e,type:"tick-click"})}_emitMaxChangeEvent(e){this.emit("max-change",{...e,type:"max-change"})}_emitMinChangeEvent(e){this.emit("min-change",{...e,type:"min-change"})}_emitThumbChangeEvent(e){this.emit("thumb-change",{...e,type:"thumb-change"})}_emitThumbClickEvent(e){this.emit("thumb-click",{...e,type:"thumb-click"})}_emitThumbDragEvent(e){this.emit("thumb-drag",{...e,type:"thumb-drag"})}_emitSegmentClickEvent(e){this.emit("segment-click",{...e,type:"segment-click"})}_emitSegmentDragEvent(e){this.emit("segment-drag",{...e,type:"segment-drag"})}_emitRangeLabelClickEvent(e){this.emit(e.type,{...e})}};e([l()],x.prototype,"disabled",void 0),e([l()],x.prototype,"draggableSegmentsEnabled",void 0),e([r("viewModel.effectiveMax")],x.prototype,"effectiveMax",void 0),e([r("viewModel.effectiveMin")],x.prototype,"effectiveMin",void 0),e([l({readOnly:!0})],x.prototype,"effectiveSegmentElements",void 0),e([l()],x.prototype,"extraNodes",void 0),e([l()],x.prototype,"inputCreatedFunction",void 0),e([r("viewModel.inputFormatFunction")],x.prototype,"inputFormatFunction",void 0),e([r("viewModel.inputParseFunction")],x.prototype,"inputParseFunction",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],x.prototype,"label",void 0),e([l({readOnly:!0})],x.prototype,"labelElements",void 0),e([l()],x.prototype,"labelInputsEnabled",void 0),e([r("viewModel.labelFormatFunction")],x.prototype,"labelFormatFunction",void 0),e([r("viewModel.labels")],x.prototype,"labels",void 0),e([l()],x.prototype,"labelsVisible",null),e([l({value:"horizontal"})],x.prototype,"layout",null),e([r("viewModel.max")],x.prototype,"max",void 0),e([l({readOnly:!0})],x.prototype,"maxLabelElement",void 0),e([l(),u("geoscene/widgets/Slider/t9n/Slider")],x.prototype,"messages",void 0),e([r("viewModel.min")],x.prototype,"min",void 0),e([l({readOnly:!0})],x.prototype,"minLabelElement",void 0),e([r("viewModel.precision")],x.prototype,"precision",void 0),e([l()],x.prototype,"rangeLabelInputsEnabled",void 0),e([l()],x.prototype,"rangeLabelsVisible",null),e([l({readOnly:!0})],x.prototype,"segmentElements",void 0),e([l()],x.prototype,"snapOnClickEnabled",void 0),e([l({readOnly:!0})],x.prototype,"state",null),e([l()],x.prototype,"steps",void 0),e([l()],x.prototype,"syncedSegmentsEnabled",void 0),e([r("viewModel.thumbsConstrained")],x.prototype,"thumbsConstrained",void 0),e([l()],x.prototype,"thumbCreatedFunction",void 0),e([l({readOnly:!0})],x.prototype,"thumbElements",void 0),e([l()],x.prototype,"tickConfigs",null),e([l({readOnly:!0})],x.prototype,"tickElements",void 0),e([l({readOnly:!0})],x.prototype,"trackElement",void 0),e([r("viewModel.values")],x.prototype,"values",void 0),e([l()],x.prototype,"viewModel",void 0),e([l()],x.prototype,"visibleElements",void 0),e([a("visibleElements")],x.prototype,"castVisibleElements",null),x=e([h(f)],x);const k=x;export{k as default};

package/widgets/Spinner/SpinnerViewModel.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as s}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 r}from"../../core/accessorSupport/decorators/subclass.js";import e from"../support/AnchorElementViewModel.js";const t="esri.widgets.CompassViewModel";let p=class extends e{constructor(s){super(s),this.visible=!1}};s([o()],p.prototype,"visible",void 0),p=s([r(t)],p);const c=p;export{c as default};
+import{_ as s}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 r}from"../../core/accessorSupport/decorators/subclass.js";import e from"../support/AnchorElementViewModel.js";const t="geoscene.widgets.CompassViewModel";let p=class extends e{constructor(s){super(s),this.visible=!1}};s([o()],p.prototype,"visible",void 0),p=s([r(t)],p);const c=p;export{c as default};

package/widgets/Spinner.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as i}from"../chunks/tslib.es6.js";import{isNone as s}from"../core/maybe.js";import{after as e}from"../core/promiseUtils.js";import{watch as o}from"../core/watchUtils.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 r}from"../core/accessorSupport/decorators/property.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import a from"./Widget.js";import p from"./Spinner/SpinnerViewModel.js";import"./support/widgetUtils.js";import"../core/Logger.js";import{tsx as l}from"./support/jsxFactory.js";const c={base:"esri-spinner",spinnerStart:"esri-spinner--start",spinnerFinish:"esri-spinner--finish"};let h=class extends a{constructor(i,s){super(i,s),this._animationDelay=500,this._animationPromise=null,this.location=null,this.view=null,this.viewModel=new p,this.visible=!1}initialize(){this.own([o(this,"visible",(i=>this._visibleChange(i)))])}destroy(){this._animationPromise=null}show(i){const{location:s,promise:e}=i;s&&(this.viewModel.location=s),this.visible=!0;const o=()=>this.hide();e&&e.catch((()=>{})).then(o)}hide(){this.visible=!1}render(){const{visible:i}=this,{screenLocation:s}=this.viewModel,e=!!s,o=i&&e,t=!i&&e,r={[c.spinnerStart]:o,[c.spinnerFinish]:t},n=this._getPositionStyles();return l("div",{class:this.classes(c.base,r),styles:n})}_visibleChange(i){if(i)return void(this.viewModel.screenLocationEnabled=!0);const s=e(this._animationDelay);this._animationPromise=s,s.catch((()=>{})).then((()=>{this._animationPromise===s&&(this.viewModel.screenLocationEnabled=!1,this._animationPromise=null)}))}_getPositionStyles(){const{screenLocation:i,view:e}=this.viewModel;if(!e||s(i))return{};const{padding:o}=e;return{left:i.x-o.left+"px",top:i.y-o.top+"px"}}};i([t("viewModel.location")],h.prototype,"location",void 0),i([t("viewModel.view")],h.prototype,"view",void 0),i([r({type:p})],h.prototype,"viewModel",void 0),i([t("viewModel.visible")],h.prototype,"visible",void 0),h=i([n("esri.widgets.Spinner")],h);const m=h;export{m as default};
+import{_ as i}from"../chunks/tslib.es6.js";import{isNone as s}from"../core/maybe.js";import{after as e}from"../core/promiseUtils.js";import{watch as o}from"../core/watchUtils.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 r}from"../core/accessorSupport/decorators/property.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import a from"./Widget.js";import p from"./Spinner/SpinnerViewModel.js";import"./support/widgetUtils.js";import"../core/Logger.js";import{tsx as l}from"./support/jsxFactory.js";const c={base:"esri-spinner",spinnerStart:"esri-spinner--start",spinnerFinish:"esri-spinner--finish"};let h=class extends a{constructor(i,s){super(i,s),this._animationDelay=500,this._animationPromise=null,this.location=null,this.view=null,this.viewModel=new p,this.visible=!1}initialize(){this.own([o(this,"visible",(i=>this._visibleChange(i)))])}destroy(){this._animationPromise=null}show(i){const{location:s,promise:e}=i;s&&(this.viewModel.location=s),this.visible=!0;const o=()=>this.hide();e&&e.catch((()=>{})).then(o)}hide(){this.visible=!1}render(){const{visible:i}=this,{screenLocation:s}=this.viewModel,e=!!s,o=i&&e,t=!i&&e,r={[c.spinnerStart]:o,[c.spinnerFinish]:t},n=this._getPositionStyles();return l("div",{class:this.classes(c.base,r),styles:n})}_visibleChange(i){if(i)return void(this.viewModel.screenLocationEnabled=!0);const s=e(this._animationDelay);this._animationPromise=s,s.catch((()=>{})).then((()=>{this._animationPromise===s&&(this.viewModel.screenLocationEnabled=!1,this._animationPromise=null)}))}_getPositionStyles(){const{screenLocation:i,view:e}=this.viewModel;if(!e||s(i))return{};const{padding:o}=e;return{left:i.x-o.left+"px",top:i.y-o.top+"px"}}};i([t("viewModel.location")],h.prototype,"location",void 0),i([t("viewModel.view")],h.prototype,"view",void 0),i([r({type:p})],h.prototype,"viewModel",void 0),i([t("viewModel.visible")],h.prototype,"visible",void 0),h=i([n("geoscene.widgets.Spinner")],h);const m=h;export{m as default};

package/widgets/Swipe/SwipeViewModel.d.ts

@@ -1,4 +1,4 @@
 import "../../interfaces";
 
-import SwipeViewModel = __esri.SwipeViewModel;
+import SwipeViewModel = __geoscene.SwipeViewModel;
 export default SwipeViewModel;

package/widgets/Swipe/SwipeViewModel.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as i}from"../../chunks/tslib.es6.js";import t from"../../core/Accessor.js";import e from"../../core/Collection.js";import{typeCast as s}from"../../core/compilerUtils.js";import r from"../../core/Handles.js";import{init as o,on as l}from"../../core/watchUtils.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 a}from"../../core/accessorSupport/decorators/subclass.js";import p from"../../layers/Layer.js";import c from"../../views/layers/support/ClipRect.js";const h=e.ofType(p);function y(i,t){const e=10**t;return Math.round(i*e)/e}const d={left:0,right:0,top:0,bottom:0};let g=class extends t{constructor(i){super(i),this._handles=new r,this._leadingClips=new Map,this._trailingClips=new Map,this.direction="horizontal",this.leadingLayers=new h,this.max=100,this.min=0,this.precision=4,this.step=.5,this.stepMultiplier=10,this.trailingLayers=new h,this.view=null}initialize(){this._handles.add([o(this,["view","view.ready","position","direction"],(()=>this._clipLayers())),l(this,"leadingLayers","change",(()=>this._clipLeadingLayers())),l(this,"trailingLayers","change",(()=>this._clipTrailingLayers()))])}destroy(){this._removeExistingClips(),this._handles.destroy(),this._handles=null}get position(){return 25}set position(i){const{precision:t,min:e,max:s}=this;this._set("position",y(Math.max(Math.min(i,s),e),t))}get state(){const{view:i}=this;return i&&i.ready?"ready":"disabled"}_clipLayers(){this._clipLeadingLayers(),this._clipTrailingLayers()}_clipLeadingLayers(){this._removeClips("leading");const{leadingLayers:i}=this;i.forEach((i=>this._clipLayer({layer:i,type:"leading"})))}_clipTrailingLayers(){this._removeClips("trailing");const{trailingLayers:i}=this;i.forEach((i=>this._clipLayer({layer:i,type:"trailing"})))}async _getLayerView(i){const{view:t}=this;if(!i||!t)return null;const e=await s(t)().whenLayerView(i);return"clips"in e?e:null}_getVerticalClipRect(i){const{position:t}=this;return"leading"===i?new c({...d,bottom:100-t+"%"}):"trailing"===i?new c({...d,top:`${t}%`}):null}_getHorizontalClipRect(i){const{position:t}=this;return"leading"===i?new c({...d,right:100-t+"%"}):"trailing"===i?new c({...d,left:`${t}%`}):null}_getClipRect(i){const{direction:t}=this;return"vertical"===t?this._getVerticalClipRect(i):"horizontal"===t?this._getHorizontalClipRect(i):null}async _clipLayer(i){const{_leadingClips:t,_trailingClips:e}=this,{layer:s,type:r}=i,o="trailing"===r?e:"leading"===r?t:null,l=await this._getLayerView(s);if(!(l&&"clips"in l&&o&&l.hasOwnProperty("clips")))return;const n=o.get(l);n&&l.clips.remove(n);const a=this._getClipRect(r);a&&(o.set(l,a),l.clips.add(a))}_removeClips(i){const{_leadingClips:t,_trailingClips:e}=this,s="trailing"===i?e:"leading"===i?t:null;s&&(s.forEach(((i,t)=>{t&&t.hasOwnProperty("clips")&&t.clips.remove(i)})),s.clear())}_removeExistingClips(){this._removeClips("leading"),this._removeClips("trailing")}};i([n()],g.prototype,"direction",void 0),i([n({type:h})],g.prototype,"leadingLayers",void 0),i([n({readOnly:!0})],g.prototype,"max",void 0),i([n({readOnly:!0})],g.prototype,"min",void 0),i([n()],g.prototype,"position",null),i([n()],g.prototype,"precision",void 0),i([n({readOnly:!0})],g.prototype,"state",null),i([n()],g.prototype,"step",void 0),i([n()],g.prototype,"stepMultiplier",void 0),i([n({type:h})],g.prototype,"trailingLayers",void 0),i([n()],g.prototype,"view",void 0),g=i([a("esri.widgets.Swipe.SwipeViewModel")],g);const m=g;export{m as default};
+import{_ as i}from"../../chunks/tslib.es6.js";import t from"../../core/Accessor.js";import e from"../../core/Collection.js";import{typeCast as s}from"../../core/compilerUtils.js";import r from"../../core/Handles.js";import{init as o,on as l}from"../../core/watchUtils.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 a}from"../../core/accessorSupport/decorators/subclass.js";import p from"../../layers/Layer.js";import c from"../../views/layers/support/ClipRect.js";const h=e.ofType(p);function y(i,t){const e=10**t;return Math.round(i*e)/e}const d={left:0,right:0,top:0,bottom:0};let g=class extends t{constructor(i){super(i),this._handles=new r,this._leadingClips=new Map,this._trailingClips=new Map,this.direction="horizontal",this.leadingLayers=new h,this.max=100,this.min=0,this.precision=4,this.step=.5,this.stepMultiplier=10,this.trailingLayers=new h,this.view=null}initialize(){this._handles.add([o(this,["view","view.ready","position","direction"],(()=>this._clipLayers())),l(this,"leadingLayers","change",(()=>this._clipLeadingLayers())),l(this,"trailingLayers","change",(()=>this._clipTrailingLayers()))])}destroy(){this._removeExistingClips(),this._handles.destroy(),this._handles=null}get position(){return 25}set position(i){const{precision:t,min:e,max:s}=this;this._set("position",y(Math.max(Math.min(i,s),e),t))}get state(){const{view:i}=this;return i&&i.ready?"ready":"disabled"}_clipLayers(){this._clipLeadingLayers(),this._clipTrailingLayers()}_clipLeadingLayers(){this._removeClips("leading");const{leadingLayers:i}=this;i.forEach((i=>this._clipLayer({layer:i,type:"leading"})))}_clipTrailingLayers(){this._removeClips("trailing");const{trailingLayers:i}=this;i.forEach((i=>this._clipLayer({layer:i,type:"trailing"})))}async _getLayerView(i){const{view:t}=this;if(!i||!t)return null;const e=await s(t)().whenLayerView(i);return"clips"in e?e:null}_getVerticalClipRect(i){const{position:t}=this;return"leading"===i?new c({...d,bottom:100-t+"%"}):"trailing"===i?new c({...d,top:`${t}%`}):null}_getHorizontalClipRect(i){const{position:t}=this;return"leading"===i?new c({...d,right:100-t+"%"}):"trailing"===i?new c({...d,left:`${t}%`}):null}_getClipRect(i){const{direction:t}=this;return"vertical"===t?this._getVerticalClipRect(i):"horizontal"===t?this._getHorizontalClipRect(i):null}async _clipLayer(i){const{_leadingClips:t,_trailingClips:e}=this,{layer:s,type:r}=i,o="trailing"===r?e:"leading"===r?t:null,l=await this._getLayerView(s);if(!(l&&"clips"in l&&o&&l.hasOwnProperty("clips")))return;const n=o.get(l);n&&l.clips.remove(n);const a=this._getClipRect(r);a&&(o.set(l,a),l.clips.add(a))}_removeClips(i){const{_leadingClips:t,_trailingClips:e}=this,s="trailing"===i?e:"leading"===i?t:null;s&&(s.forEach(((i,t)=>{t&&t.hasOwnProperty("clips")&&t.clips.remove(i)})),s.clear())}_removeExistingClips(){this._removeClips("leading"),this._removeClips("trailing")}};i([n()],g.prototype,"direction",void 0),i([n({type:h})],g.prototype,"leadingLayers",void 0),i([n({readOnly:!0})],g.prototype,"max",void 0),i([n({readOnly:!0})],g.prototype,"min",void 0),i([n()],g.prototype,"position",null),i([n()],g.prototype,"precision",void 0),i([n({readOnly:!0})],g.prototype,"state",null),i([n()],g.prototype,"step",void 0),i([n()],g.prototype,"stepMultiplier",void 0),i([n({type:h})],g.prototype,"trailingLayers",void 0),i([n()],g.prototype,"view",void 0),g=i([a("geoscene.widgets.Swipe.SwipeViewModel")],g);const m=g;export{m as default};

package/widgets/Swipe.d.ts

@@ -1,4 +1,4 @@
 import "../interfaces";
 
-import Swipe = __esri.Swipe;
+import Swipe = __geoscene.Swipe;
 export default Swipe;

package/widgets/Swipe.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{eventKey as i}from"../core/events.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 r}from"../core/accessorSupport/decorators/property.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import"./support/widgetUtils.js";import{messageBundle as s}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{tsx as a}from"./support/jsxFactory.js";import l from"./Swipe/SwipeViewModel.js";const d={base:"esri-swipe",baseDisabled:"esri-swipe--disabled",vertical:"esri-swipe--vertical",horizontal:"esri-swipe--horizontal",container:"esri-swipe__container",divider:"esri-swipe__divider",handle:"esri-swipe__handle",handleHidden:"esri-swipe__handle--hidden",widgetIcon:"esri-icon-up-down-arrows",handleIcon:"esri-swipe__handle-icon",dragIconHorizontal:"esri-icon-drag-horizontal",dragIconVertical:"esri-icon-drag-vertical",widget:"esri-widget",disabled:"esri-disabled"},c={handle:!0,divider:!0};let p=class extends n{constructor(e,i){super(e,i),this.direction=null,this.disabled=!1,this.dragLabel=void 0,this.iconClass=d.widgetIcon,this.label=void 0,this.leadingLayers=null,this.messages=null,this.position=null,this.trailingLayers=null,this.view=null,this.viewModel=new l,this._pointerOffset=null,this._container=null,this._onContainerPointerDown=this._onContainerPointerDown.bind(this),this._onContainerPointerMove=this._onContainerPointerMove.bind(this),this._onContainerPointerUp=this._onContainerPointerUp.bind(this)}set visibleElements(e){this._set("visibleElements",{...c,...e})}get visibleElements(){return this._get("visibleElements")||c}render(){const{state:e,direction:i}=this.viewModel,t="disabled"===e||this.disabled,r={[d.disabled]:t,[d.baseDisabled]:t,[d.vertical]:"vertical"===i,[d.horizontal]:"horizontal"===i};return a("div",{class:this.classes(d.base,d.widget,r)},"disabled"===e?null:this.renderContainer())}renderHandle(){const{direction:e}=this.viewModel,{visibleElements:i}=this,t={[d.dragIconHorizontal]:"vertical"===e,[d.dragIconVertical]:"horizontal"===e},r=this.classes(d.handle,!i.handle&&d.handleHidden);return a("div",{key:"handle",role:"presentation",class:r},a("span",{"aria-hidden":"true",class:this.classes(d.handleIcon,t)}))}renderDivider(){const{visibleElements:e}=this;return e&&e.divider?a("div",{key:"divider",role:"presentation",class:d.divider}):null}renderContent(){return[this.renderDivider(),this.renderHandle()]}renderContainer(){const{disabled:e,dragLabel:i,viewModel:t}=this,{max:r,min:o,direction:n,position:s}=t,l=`${s}%`,c={top:"vertical"===n?l:null,left:"vertical"===n?null:l},p=this.renderContent();return a("div",e?{key:"container",role:"presentation",styles:c,class:d.container}:{tabIndex:0,key:"container",bind:this,afterCreate:this._afterContainerCreate,onkeydown:this._onContainerKeyDown,"touch-action":"none",role:"slider",title:i,"aria-label":i,"aria-orientation":n,"aria-valuemax":`${r}`,"aria-valuemin":`${o}`,"aria-valuenow":`${s}`,"aria-valuetext":l,styles:c,class:d.container},p)}_afterContainerCreate(e){this._container=e,e.addEventListener("pointerdown",this._onContainerPointerDown)}_calculatePointerOffset(e){const{direction:i}=this,t=e.target,r=("vertical"===i?t.clientHeight:t.clientWidth)/2,o=t.getBoundingClientRect(),n=e.clientX-o.left,s=e.clientY-o.top;this._pointerOffset="vertical"===i?s-r:n-r}_onContainerPointerDown(e){e.preventDefault(),this._container&&document.activeElement!==this.container&&this._container.focus(),this._calculatePointerOffset(e),document.addEventListener("pointerup",this._onContainerPointerUp),document.addEventListener("pointermove",this._onContainerPointerMove)}_onContainerPointerUp(e){e.preventDefault(),document.removeEventListener("pointerup",this._onContainerPointerUp),document.removeEventListener("pointermove",this._onContainerPointerMove)}_onContainerPointerMove(e){e.preventDefault();const{_pointerOffset:i,container:t,direction:r}=this,{clientX:o,clientY:n}=e,{top:s,left:a,width:l,height:d}=t.getBoundingClientRect(),c=("vertical"===r?n-s-i:o-a-i)/("vertical"===r?d:l)*100;this.position=c}_getKeyPosition(e){const t=i(e),{position:r}=this,{max:o,min:n,step:s,stepMultiplier:a,direction:l}=this.viewModel,d=s*a;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(t)>-1&&(e.preventDefault(),e.stopPropagation());if("vertical"===l?"ArrowDown"===t||"ArrowRight"===t:"ArrowUp"===t||"ArrowRight"===t){return r+(e.shiftKey?d:s)}if("vertical"===l?"ArrowUp"===t||"ArrowLeft"===t:"ArrowDown"===t||"ArrowLeft"===t){return r-(e.shiftKey?d:s)}if("Home"===t)return n;if("End"===t)return o;if("vertical"===l?"PageDown"===t:"PageUp"===t)return r+d;return("vertical"===l?"PageUp"===t:"PageDown"===t)?r-d:null}_onContainerKeyDown(e){const i=this._getKeyPosition(e);"number"==typeof i&&(this.position=i)}};e([t("viewModel.direction")],p.prototype,"direction",void 0),e([r()],p.prototype,"disabled",void 0),e([r({aliasOf:{source:"messages.dragLabel",overridable:!0}})],p.prototype,"dragLabel",void 0),e([r()],p.prototype,"iconClass",void 0),e([r({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],p.prototype,"label",void 0),e([t("viewModel.leadingLayers")],p.prototype,"leadingLayers",void 0),e([r(),s("esri/widgets/Swipe/t9n/Swipe")],p.prototype,"messages",void 0),e([t("viewModel.position")],p.prototype,"position",void 0),e([t("viewModel.trailingLayers")],p.prototype,"trailingLayers",void 0),e([t("viewModel.view")],p.prototype,"view",void 0),e([r({type:l})],p.prototype,"viewModel",void 0),e([r()],p.prototype,"visibleElements",null),p=e([o("esri.widgets.Swipe")],p);const h=p;export{h as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{eventKey as i}from"../core/events.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 r}from"../core/accessorSupport/decorators/property.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import"./support/widgetUtils.js";import{messageBundle as s}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{tsx as a}from"./support/jsxFactory.js";import l from"./Swipe/SwipeViewModel.js";const d={base:"esri-swipe",baseDisabled:"esri-swipe--disabled",vertical:"esri-swipe--vertical",horizontal:"esri-swipe--horizontal",container:"esri-swipe__container",divider:"esri-swipe__divider",handle:"esri-swipe__handle",handleHidden:"esri-swipe__handle--hidden",widgetIcon:"geoscene-icon-up-down-arrows",handleIcon:"esri-swipe__handle-icon",dragIconHorizontal:"geoscene-icon-drag-horizontal",dragIconVertical:"geoscene-icon-drag-vertical",widget:"esri-widget",disabled:"esri-disabled"},c={handle:!0,divider:!0};let p=class extends n{constructor(e,i){super(e,i),this.direction=null,this.disabled=!1,this.dragLabel=void 0,this.iconClass=d.widgetIcon,this.label=void 0,this.leadingLayers=null,this.messages=null,this.position=null,this.trailingLayers=null,this.view=null,this.viewModel=new l,this._pointerOffset=null,this._container=null,this._onContainerPointerDown=this._onContainerPointerDown.bind(this),this._onContainerPointerMove=this._onContainerPointerMove.bind(this),this._onContainerPointerUp=this._onContainerPointerUp.bind(this)}set visibleElements(e){this._set("visibleElements",{...c,...e})}get visibleElements(){return this._get("visibleElements")||c}render(){const{state:e,direction:i}=this.viewModel,t="disabled"===e||this.disabled,r={[d.disabled]:t,[d.baseDisabled]:t,[d.vertical]:"vertical"===i,[d.horizontal]:"horizontal"===i};return a("div",{class:this.classes(d.base,d.widget,r)},"disabled"===e?null:this.renderContainer())}renderHandle(){const{direction:e}=this.viewModel,{visibleElements:i}=this,t={[d.dragIconHorizontal]:"vertical"===e,[d.dragIconVertical]:"horizontal"===e},r=this.classes(d.handle,!i.handle&&d.handleHidden);return a("div",{key:"handle",role:"presentation",class:r},a("span",{"aria-hidden":"true",class:this.classes(d.handleIcon,t)}))}renderDivider(){const{visibleElements:e}=this;return e&&e.divider?a("div",{key:"divider",role:"presentation",class:d.divider}):null}renderContent(){return[this.renderDivider(),this.renderHandle()]}renderContainer(){const{disabled:e,dragLabel:i,viewModel:t}=this,{max:r,min:o,direction:n,position:s}=t,l=`${s}%`,c={top:"vertical"===n?l:null,left:"vertical"===n?null:l},p=this.renderContent();return a("div",e?{key:"container",role:"presentation",styles:c,class:d.container}:{tabIndex:0,key:"container",bind:this,afterCreate:this._afterContainerCreate,onkeydown:this._onContainerKeyDown,"touch-action":"none",role:"slider",title:i,"aria-label":i,"aria-orientation":n,"aria-valuemax":`${r}`,"aria-valuemin":`${o}`,"aria-valuenow":`${s}`,"aria-valuetext":l,styles:c,class:d.container},p)}_afterContainerCreate(e){this._container=e,e.addEventListener("pointerdown",this._onContainerPointerDown)}_calculatePointerOffset(e){const{direction:i}=this,t=e.target,r=("vertical"===i?t.clientHeight:t.clientWidth)/2,o=t.getBoundingClientRect(),n=e.clientX-o.left,s=e.clientY-o.top;this._pointerOffset="vertical"===i?s-r:n-r}_onContainerPointerDown(e){e.preventDefault(),this._container&&document.activeElement!==this.container&&this._container.focus(),this._calculatePointerOffset(e),document.addEventListener("pointerup",this._onContainerPointerUp),document.addEventListener("pointermove",this._onContainerPointerMove)}_onContainerPointerUp(e){e.preventDefault(),document.removeEventListener("pointerup",this._onContainerPointerUp),document.removeEventListener("pointermove",this._onContainerPointerMove)}_onContainerPointerMove(e){e.preventDefault();const{_pointerOffset:i,container:t,direction:r}=this,{clientX:o,clientY:n}=e,{top:s,left:a,width:l,height:d}=t.getBoundingClientRect(),c=("vertical"===r?n-s-i:o-a-i)/("vertical"===r?d:l)*100;this.position=c}_getKeyPosition(e){const t=i(e),{position:r}=this,{max:o,min:n,step:s,stepMultiplier:a,direction:l}=this.viewModel,d=s*a;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(t)>-1&&(e.preventDefault(),e.stopPropagation());if("vertical"===l?"ArrowDown"===t||"ArrowRight"===t:"ArrowUp"===t||"ArrowRight"===t){return r+(e.shiftKey?d:s)}if("vertical"===l?"ArrowUp"===t||"ArrowLeft"===t:"ArrowDown"===t||"ArrowLeft"===t){return r-(e.shiftKey?d:s)}if("Home"===t)return n;if("End"===t)return o;if("vertical"===l?"PageDown"===t:"PageUp"===t)return r+d;return("vertical"===l?"PageUp"===t:"PageDown"===t)?r-d:null}_onContainerKeyDown(e){const i=this._getKeyPosition(e);"number"==typeof i&&(this.position=i)}};e([t("viewModel.direction")],p.prototype,"direction",void 0),e([r()],p.prototype,"disabled",void 0),e([r({aliasOf:{source:"messages.dragLabel",overridable:!0}})],p.prototype,"dragLabel",void 0),e([r()],p.prototype,"iconClass",void 0),e([r({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],p.prototype,"label",void 0),e([t("viewModel.leadingLayers")],p.prototype,"leadingLayers",void 0),e([r(),s("geoscene/widgets/Swipe/t9n/Swipe")],p.prototype,"messages",void 0),e([t("viewModel.position")],p.prototype,"position",void 0),e([t("viewModel.trailingLayers")],p.prototype,"trailingLayers",void 0),e([t("viewModel.view")],p.prototype,"view",void 0),e([r({type:l})],p.prototype,"viewModel",void 0),e([r()],p.prototype,"visibleElements",null),p=e([o("geoscene.widgets.Swipe")],p);const h=p;export{h as default};

package/widgets/TableList/ListItem.d.ts

@@ -1,4 +1,4 @@
 import "../../interfaces";
 
-import TableListListItem = __esri.TableListListItem;
+import TableListListItem = __geoscene.TableListListItem;
 export default TableListListItem;

package/widgets/TableList/ListItem.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import o from"../../core/Collection.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import{IdentifiableMixin as s}from"../../core/Identifiable.js";import{init as i,watch as a}from"../../core/watchUtils.js";import{aliasOf as c}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as p}from"../../core/accessorSupport/decorators/property.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import n from"../../support/actions/ActionBase.js";import m from"../../support/actions/ActionButton.js";import d from"../../support/actions/ActionSlider.js";import h from"../../support/actions/ActionToggle.js";var y;const u=o.ofType({key:"type",defaultKeyValue:"button",base:n,typeMap:{button:m,toggle:h,slider:d}}),f=o.ofType(u),j="layer",g="esri.widgets.TableList.ListItem";let v=y=class extends(s(r(e))){constructor(t){super(t),this.actionsSections=new f,this.actionsOpen=!1,this.error=null,this.layer=null}initialize(){this.handles.add([i(this,"layer",(t=>this._watchLayerProperties(t)))])}get title(){const t=this.get("layer.layer");return(!t||t&&this.get("layer.layer.loaded"))&&this.get("layer.title")||""}set title(t){void 0!==t?this._override("title",t):this._clearOverride("title")}clone(){return new y({actionsSections:this.actionsSections.clone(),actionsOpen:this.actionsOpen,layer:this.layer,title:this.title})}_watchLayerProperties(t){this.handles&&(this.handles.remove(j),t&&this.handles.add(a(t,"listMode",(()=>this._watchLayerProperties(t))),j))}};t([p({type:f})],v.prototype,"actionsSections",void 0),t([p()],v.prototype,"actionsOpen",void 0),t([c("layer.loadError?")],v.prototype,"error",void 0),t([p()],v.prototype,"layer",void 0),t([p()],v.prototype,"title",null),v=y=t([l(g)],v);const S=v;export{S as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import o from"../../core/Collection.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import{IdentifiableMixin as s}from"../../core/Identifiable.js";import{init as i,watch as a}from"../../core/watchUtils.js";import{aliasOf as c}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as p}from"../../core/accessorSupport/decorators/property.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import n from"../../support/actions/ActionBase.js";import m from"../../support/actions/ActionButton.js";import d from"../../support/actions/ActionSlider.js";import h from"../../support/actions/ActionToggle.js";var y;const u=o.ofType({key:"type",defaultKeyValue:"button",base:n,typeMap:{button:m,toggle:h,slider:d}}),f=o.ofType(u),j="layer",g="geoscene.widgets.TableList.ListItem";let v=y=class extends(s(r(e))){constructor(t){super(t),this.actionsSections=new f,this.actionsOpen=!1,this.error=null,this.layer=null}initialize(){this.handles.add([i(this,"layer",(t=>this._watchLayerProperties(t)))])}get title(){const t=this.get("layer.layer");return(!t||t&&this.get("layer.layer.loaded"))&&this.get("layer.title")||""}set title(t){void 0!==t?this._override("title",t):this._clearOverride("title")}clone(){return new y({actionsSections:this.actionsSections.clone(),actionsOpen:this.actionsOpen,layer:this.layer,title:this.title})}_watchLayerProperties(t){this.handles&&(this.handles.remove(j),t&&this.handles.add(a(t,"listMode",(()=>this._watchLayerProperties(t))),j))}};t([p({type:f})],v.prototype,"actionsSections",void 0),t([p()],v.prototype,"actionsOpen",void 0),t([c("layer.loadError?")],v.prototype,"error",void 0),t([p()],v.prototype,"layer",void 0),t([p()],v.prototype,"title",null),v=y=t([l(g)],v);const S=v;export{S as default};

package/widgets/TableList/TableListViewModel.d.ts

@@ -1,4 +1,4 @@
 import "../../interfaces";
 
-import TableListViewModel = __esri.TableListViewModel;
+import TableListViewModel = __geoscene.TableListViewModel;
 export default TableListViewModel;

package/widgets/TableList/TableListViewModel.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../core/Collection.js";import s from"../../core/Evented.js";import i from"../../core/Handles.js";import{debounce as a,throwIfNotAbortError as o}from"../../core/promiseUtils.js";import{init as l,on as r,watch as m}from"../../core/watchUtils.js";import{property as c}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as n}from"../../core/accessorSupport/decorators/subclass.js";import{findLayerListMode as d}from"../LayerList/support/layerListUtils.js";import h from"./ListItem.js";const p={map:"map",tables:"tables",layerListMode:"layer-list-mode"},_=300,u="hide",b=e.ofType(h);let I=class extends s.EventedAccessor{constructor(t){super(t),this._handles=new i,this.listItemCreatedFunction=null,this.tableItems=new b,this.map=null,this._callListItemsCreatedDebounced=a((async()=>this._callListItemsCreated()),_)}initialize(){this._handles.add([l(this,["map","map.loaded"],(()=>this._mapHandles()))],p.map)}destroy(){this._handles.destroy(),this._handles=null,this.map=null,this.tableItems.removeAll()}get state(){var t;const e=null==(t=this.map)?void 0:t.loadStatus;return"string"==typeof e?"loaded"===e?"ready":"loading"===e?"loading":"disabled":"disabled"}triggerAction(t,e){t&&!t.disabled&&this.emit("trigger-action",{action:t,item:e})}_mapHandles(){const{_handles:t,map:e}=this;t.remove(p.tables),this._compileList(),e&&t.add([r(this,"map.allTables","change",(()=>this._compileList())),l(this,"map.allTables",(()=>this._compileList())),l(this,"listItemCreatedFunction",(()=>this._compileList()))],p.tables)}_callListItemCreated(t){if("function"==typeof this.listItemCreatedFunction){const e={item:t};this.listItemCreatedFunction.call(null,e)}}_removeAllItems(){this.tableItems.removeAll()}_getViewableTables(t){if(t)return t.filter((t=>d(t)!==u))}_watchTablesListMode(t){const{_handles:e}=this;e.remove(p.layerListMode),t&&t.forEach((t=>{e.add(m(t,"listMode",(()=>this._compileList())),p.layerListMode)}))}_compileList(){var t;const e=null==(t=this.map)?void 0:t.tables;this._watchTablesListMode(e);const s=this._getViewableTables(e);s&&s.length?(this._createNewItems(s),this._removeItems(s),this._sortItems(s),this._beforeCallListItemsCreated()):this._removeAllItems()}async _beforeCallListItemsCreated(){return this._callListItemsCreatedDebounced().catch(o)}async _callListItemsCreated(){var t;await(null==(t=this.map)?void 0:t.when()),this.tableItems.forEach((t=>this._callListItemCreated(t)))}_createNewItems(t){const{tableItems:e}=this;t.forEach((t=>{e.find((e=>e.layer===t))||e.add(new h({layer:t}))}))}_removeItems(t){const{tableItems:e}=this;e.forEach((s=>{if(!s)return;t&&t.find((t=>s.layer===t))||e.remove(s)}))}_sortItems(t){const{tableItems:e}=this;e.sort(((e,s)=>{const i=t.indexOf(e.layer),a=t.indexOf(s.layer);return i>a?-1:i<a?1:0}))}};t([c()],I.prototype,"listItemCreatedFunction",void 0),t([c({type:b})],I.prototype,"tableItems",void 0),t([c()],I.prototype,"map",void 0),t([c({readOnly:!0})],I.prototype,"state",null),I=t([n("esri.widgets.TableList.TableListViewModel")],I);const f=I;export{f as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../core/Collection.js";import s from"../../core/Evented.js";import i from"../../core/Handles.js";import{debounce as a,throwIfNotAbortError as o}from"../../core/promiseUtils.js";import{init as l,on as r,watch as m}from"../../core/watchUtils.js";import{property as c}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as n}from"../../core/accessorSupport/decorators/subclass.js";import{findLayerListMode as d}from"../LayerList/support/layerListUtils.js";import h from"./ListItem.js";const p={map:"map",tables:"tables",layerListMode:"layer-list-mode"},_=300,u="hide",b=e.ofType(h);let I=class extends s.EventedAccessor{constructor(t){super(t),this._handles=new i,this.listItemCreatedFunction=null,this.tableItems=new b,this.map=null,this._callListItemsCreatedDebounced=a((async()=>this._callListItemsCreated()),_)}initialize(){this._handles.add([l(this,["map","map.loaded"],(()=>this._mapHandles()))],p.map)}destroy(){this._handles.destroy(),this._handles=null,this.map=null,this.tableItems.removeAll()}get state(){var t;const e=null==(t=this.map)?void 0:t.loadStatus;return"string"==typeof e?"loaded"===e?"ready":"loading"===e?"loading":"disabled":"disabled"}triggerAction(t,e){t&&!t.disabled&&this.emit("trigger-action",{action:t,item:e})}_mapHandles(){const{_handles:t,map:e}=this;t.remove(p.tables),this._compileList(),e&&t.add([r(this,"map.allTables","change",(()=>this._compileList())),l(this,"map.allTables",(()=>this._compileList())),l(this,"listItemCreatedFunction",(()=>this._compileList()))],p.tables)}_callListItemCreated(t){if("function"==typeof this.listItemCreatedFunction){const e={item:t};this.listItemCreatedFunction.call(null,e)}}_removeAllItems(){this.tableItems.removeAll()}_getViewableTables(t){if(t)return t.filter((t=>d(t)!==u))}_watchTablesListMode(t){const{_handles:e}=this;e.remove(p.layerListMode),t&&t.forEach((t=>{e.add(m(t,"listMode",(()=>this._compileList())),p.layerListMode)}))}_compileList(){var t;const e=null==(t=this.map)?void 0:t.tables;this._watchTablesListMode(e);const s=this._getViewableTables(e);s&&s.length?(this._createNewItems(s),this._removeItems(s),this._sortItems(s),this._beforeCallListItemsCreated()):this._removeAllItems()}async _beforeCallListItemsCreated(){return this._callListItemsCreatedDebounced().catch(o)}async _callListItemsCreated(){var t;await(null==(t=this.map)?void 0:t.when()),this.tableItems.forEach((t=>this._callListItemCreated(t)))}_createNewItems(t){const{tableItems:e}=this;t.forEach((t=>{e.find((e=>e.layer===t))||e.add(new h({layer:t}))}))}_removeItems(t){const{tableItems:e}=this;e.forEach((s=>{if(!s)return;t&&t.find((t=>s.layer===t))||e.remove(s)}))}_sortItems(t){const{tableItems:e}=this;e.sort(((e,s)=>{const i=t.indexOf(e.layer),a=t.indexOf(s.layer);return i>a?-1:i<a?1:0}))}};t([c()],I.prototype,"listItemCreatedFunction",void 0),t([c({type:b})],I.prototype,"tableItems",void 0),t([c()],I.prototype,"map",void 0),t([c({readOnly:!0})],I.prototype,"state",null),I=t([n("geoscene.widgets.TableList.TableListViewModel")],I);const f=I;export{f as default};

package/widgets/TableList.d.ts

@@ -1,4 +1,4 @@
 import "../interfaces";
 
-import TableList = __esri.TableList;
+import TableList = __geoscene.TableList;
 export default TableList;

package/widgets/TableList.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Collection.js";import{eventKey as i}from"../core/events.js";import s from"../core/Handles.js";import{on as o,init as r}from"../core/watchUtils.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 l}from"../core/accessorSupport/decorators/property.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import c from"./Widget.js";import{accessibleHandler as d}from"./support/decorators/accessibleHandler.js";import{messageBundle as m}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as u}from"./support/decorators/vmEvent.js";import{tsx as h}from"./support/jsxFactory.js";import"./support/widgetUtils.js";import g from"./TableList/ListItem.js";import p from"./TableList/TableListViewModel.js";import{findSelectedItem as b}from"./TableList/support/tableListUtils.js";import _ from"sortablejs";function y(e,t,i){e.splice(i,0,e.splice(t,1)[0])}const v=t.ofType(g),f="root-tables",I="data-layer-uid",A="layerUid",S={base:"esri-table-list",esriWidget:"esri-widget",esriWidgetPanel:"esri-widget--panel",noItems:"esri-table-list__no-items",list:"esri-table-list__list",listRoot:"esri-table-list__list--root",item:"esri-table-list__item",itemChosen:"esri-table-list__item--chosen",itemError:"esri-table-list__item--error",itemSelectable:"esri-table-list__item--selectable",itemContainer:"esri-table-list__item-container",actionsMenu:"esri-table-list__item-actions-menu",actionsMenuItem:"esri-table-list__item-actions-menu-item",actionsMenuItemActive:"esri-table-list__item-actions-menu-item--active",actions:"esri-table-list__item-actions",actionsList:"esri-table-list__item-actions-list",action:"esri-table-list__item-action",actionIcon:"esri-table-list__item-action-icon",actionImage:"esri-table-list__item-action-image",actionTitle:"esri-table-list__item-action-title",actionToggle:"esri-table-list__action-toggle",actionToggleOn:"esri-table-list__action-toggle--on",errorMessage:"esri-table-list__item-error-message",title:"esri-table-list__item-title",disabled:"esri-disabled",disabledElement:"esri-disabled-element",hidden:"esri-hidden",rotating:"esri-rotating",iconEllipses:"esri-icon-handle-horizontal",iconNoticeTriangle:"esri-icon-notice-triangle",iconLoading:"esri-icon-loading-indicator",iconDefaultAction:"esri-icon-default-action",widgetIcon:"esri-icon-table"},w={actions:"actions",actionSection:"action-section",items:"items"};function T(e){const{actionsOpen:t}=e;t&&(e.actionsOpen=!1)}let C=class extends c{constructor(e,t){super(e,t),this._handles=new s,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this.visibleItems=null,this.iconClass=S.widgetIcon,this.label=void 0,this.listItemCreatedFunction=null,this.map=null,this.messages=null,this.messagesCommon=null,this.multipleSelectionEnabled=!1,this.selectionEnabled=!1,this.selectedItems=new v,this.tableItems=null,this.viewModel=new p}initialize(){this._setVisibleItems(this.tableItems),this.own(o(this.viewModel,"tableItems","change",(()=>this._itemsChanged())),r(this,"selectionEnabled",(()=>this._toggleSorting())))}destroy(){this._destroySortable(),this._handles.destroy(),this._handles=null}triggerAction(e,t){this.viewModel.triggerAction(e,t)}render(){var e;const{visibleItems:t}=this,i=null==(e=this.viewModel)?void 0:e.state,s={[S.hidden]:"loading"===i,[S.disabled]:"disabled"===i};return h("div",{class:this.classes(S.base,S.esriWidget,S.esriWidgetPanel,s)},null!=t&&t.length?this.renderList():this.renderNoItems())}renderNoItems(){return h("div",{class:S.noItems},this.messages.noItemsToDisplay)}renderList(){const{visibleItems:e,messages:t,selectionEnabled:i}=this;return h("ul",{"aria-label":t.widgetLabel,role:i?"listbox":void 0,afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"data-node-ref":"_sortableNode",bind:this,class:this.classes(S.list,S.listRoot)},e.map((e=>this.renderItem(e))).toArray())}renderItem(e){const{id:t,selectionEnabled:i,selectedItems:s}=this,o=`${`${t}_${e.uid}`}__title`,r=!!e.error,n={[S.itemError]:!!r,[S.itemSelectable]:i};if(i){var l;const t={[I]:null==(l=e.layer)?void 0:l.uid};return h("li",{key:`item-with-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(S.item,n),"aria-labelledby":o,onclick:this._toggleSelection,onkeydown:this._selectionKeydown,"data-item":e,tabIndex:0,"aria-selected":b(e,s)?"true":"false",role:"option",...t},this.renderItemContent(e,o))}return h("li",{key:`item-no-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(S.item,n),"aria-labelledby":o},this.renderItemContent(e,o))}renderActionsMenuIcon(e,t){const{messagesCommon:i}=this,s={[S.actionsMenuItemActive]:e.actionsOpen};return h("div",{key:"actions-menu-toggle","data-item":e,bind:this,onclick:this._toggleActionsOpen,onkeydown:this._toggleActionsOpen,class:this.classes(S.actionsMenuItem,s),tabindex:"0",role:"button","aria-controls":t,"aria-label":i.options,title:i.options},h("span",{"aria-hidden":"true",class:S.iconEllipses}))}renderActionsMenu(e,t,i,s){const o=1===i&&this._getSingleActionButton(t),r=o?this.renderAction({item:e,action:o,singleAction:!0}):null,n=!o&&i?this.renderActionsMenuIcon(e,s):null;return n||o?h("div",{key:"actions-menu",class:S.actionsMenu},r,n):null}renderError(e){return e.error?h("div",{key:"error",class:S.errorMessage,role:"alert"},h("span",null,this.messages.tableError)):null}renderItemContent(e,t){const{id:i}=this,s=`${`${i}_${e.uid}`}_actions`,o=this._filterActions(e.actionsSections),r=this._countActions(o);return[h("div",{key:"list-item-container",class:S.itemContainer},this.renderLabel(e,t),this.renderActionsMenu(e,o,r,s)),this.renderError(e),r?this.renderActionsSections(e,o,s):null]}renderTitle(e,t){const{messages:i}=this,s=e.title||i.untitledTable;return h("span",{key:"layer-title-container",id:t,class:S.title},s)}renderItemError(e){return e.error?h("span",{key:"notice-triangle","aria-hidden":"true",class:S.iconNoticeTriangle}):null}renderLabel(e,t){return e.error?[this.renderItemError(e),this.renderTitle(e,t)]:this.renderTitle(e,t)}renderActionsSections(e,t,i){const s=t.toArray().map(((t,i)=>h("ul",{key:`${e}-action-section-${i}`,class:S.actionsList},this.renderActionSection(e,t))));return h("div",{role:"group","aria-expanded":e.actionsOpen?"true":"false",key:"actions-section",id:i,class:S.actions,hidden:!e.actionsOpen||null},s)}renderActionSection(e,t){return(t&&t.toArray()).map((t=>this.renderAction({item:e,action:t})))}renderActionIcon(e){const{active:t,className:i}=e,s=this._getIconImageStyles(e),o="button"!==e.type||e.image||i?i:S.iconDefaultAction,r={[S.actionImage]:!t&&!!s["background-image"],[S.iconLoading]:t,[S.rotating]:t};return o&&!t&&(r[o]=!0),h("span",{key:"action-icon","aria-hidden":"true",class:this.classes(S.actionIcon,r),styles:s})}renderActionTitle(e,t){return t?null:h("span",{key:"action-title",class:S.actionTitle},e)}renderAction(e){const{item:t,action:i,singleAction:s}=e,{active:o,disabled:r,title:n}=i,l={[S.actionsMenuItem]:s&&"button"===i.type,[S.action]:o||!s&&"toggle"!==i.type,[S.actionToggle]:!o&&"toggle"===i.type,[S.actionToggleOn]:!o&&"toggle"===i.type&&i.value,[S.disabledElement]:r},a=[this.renderActionIcon(i),this.renderActionTitle(n,s)];return s?h("div",{bind:this,"data-item":t,"data-action":i,role:"button",key:`single-action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",title:n,"aria-label":n},a):h("li",{bind:this,"data-item":t,"data-action":i,key:`action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",role:"button",title:n,"aria-label":n},a)}_filterActions(e){return e.map((e=>e.filter((e=>e.visible))))}_setVisibleItems(e){this.visibleItems=null==e?void 0:e.filter((e=>this.errorsVisible||!e.error))}_destroySortable(){const{_sortable:e}=this;e&&e.destroy(),this._sortable=null}_toggleSorting(){const{_sortable:e,_sortableNode:t,selectionEnabled:i}=this;if(t)if(e)e.option("disabled",!i);else{const e=_.create(t,{dataIdAttr:I,group:f,fallbackTolerance:4,disabled:!i,onSort:()=>this._sortTablesToItems(e.toArray()),chosenClass:S.itemChosen});this._sortable=e}}_sortNodeCreated(e){this._sortableNode=e,this._toggleSorting()}_sortTablesToItems(e){var t;const i=null==(t=this.map)?void 0:t.tables;i&&i.sort(((t,i)=>{const s=e.indexOf(t.uid),o=e.indexOf(i.uid);return s>o?-1:s<o?1:0}))}_getSingleActionButton(e){return e.reduce((e=>e)).filter((e=>e&&"button"===e.type)).getItemAt(0)}_focusListItem(e){var t;const{_focusSortUid:i}=this;if(!e||!i)return;(null==(t=e["data-item"].layer)?void 0:t.uid)===i&&(e.focus(),this._focusSortUid=null)}_watchActionSectionChanges(e,t){const i=w.actionSection+t,s=()=>this.scheduleRender();this._handles.add(e.on("change",s),i),e.forEach((e=>this._renderOnActionChanges(e,t)))}_renderOnActionChanges(e,t){const i=w.actions+t,s=()=>this.scheduleRender();"toggle"!==e.type?"slider"!==e.type?this._handles.add([r(e,["className","image","id","title","visible"],s)],i):this._handles.add([r(e,["className","id","title","visible","value","displayValueEnabled","max","min","step"],s)],i):this._handles.add([r(e,["className","image","id","title","visible","value"],s)],i)}_renderOnItemChanges(e){const t=e.uid,i=w.items+t,s=()=>this.scheduleRender();this._handles.add([r(e,["actionsOpen","open","title","error"],s),e.actionsSections.on("change",s)],i),e.actionsSections.forEach((e=>this._watchActionSectionChanges(e,t)))}_itemsChanged(){const{tableItems:e}=this.viewModel;this._setVisibleItems(e),this._handles.removeAll(),e.forEach((e=>this._renderOnItemChanges(e))),this.scheduleRender()}_countActions(e){return e.reduce(((e,t)=>e+t.length),0)}_getIconImageStyles(e){const t="esri.support.Action.ActionButton"===e.declaredClass||"esri.support.Action.ActionToggle"===e.declaredClass?e.image:null;return{"background-image":t?`url("${t}")`:null}}_selectionKeydown(e){const t=["ArrowDown","ArrowUp"],s=i(e);if(-1===t.indexOf(s))return void this._toggleSelection(e);e.stopPropagation();const o=e.currentTarget["data-item"],{_sortable:r,selectedItems:n}=this,l=b(o,n),a=r.toArray(),c=e.target,d=a.indexOf(c.dataset[A]);if(-1!==d){if("ArrowDown"===s){const e=d+1;if(e>=a.length)return;var m,u;if(l)y(a,d,e),r.sort(a),this._sortTablesToItems(r.toArray()),this._focusSortUid=null==(m=o.layer)?void 0:m.uid;else this._focusSortUid=null==(u=o.layer)?void 0:u.uid,this.scheduleRender()}if("ArrowUp"===s){const e=d-1;if(e<=-1)return;var h,g;if(l)y(a,d,e),r.sort(a),this._sortTablesToItems(r.toArray()),this._focusSortUid=null==(h=o.layer)?void 0:h.uid;else this._focusSortUid=null==(g=o.layer)?void 0:g.uid,this.scheduleRender()}}}_toggleActionsOpen(e){const t=e.currentTarget["data-item"],{actionsOpen:i}=t,s=!i;s&&this.tableItems.forEach((e=>T(e))),t.actionsOpen=s,e.stopPropagation()}_triggerAction(e){const t=e.currentTarget,i=t["data-action"],s=t["data-item"];"toggle"===i.type&&(i.value=!i.value),this.triggerAction(i,s),e.stopPropagation()}_toggleSelection(e){e.stopPropagation();const{multipleSelectionEnabled:t,selectedItems:i}=this,s=t&&(e.metaKey||e.ctrlKey),o=e.currentTarget["data-item"],r=b(o,i),{length:n}=i;if(!s)return n&&!(r&&1===n)?(i.removeAll(),void i.add(o)):void(r?i.remove(r):i.add(o));r?i.remove(r):i.add(o)}};e([l()],C.prototype,"visibleItems",void 0),e([l()],C.prototype,"iconClass",void 0),e([l()],C.prototype,"errorsVisible",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],C.prototype,"label",void 0),e([n("viewModel.listItemCreatedFunction")],C.prototype,"listItemCreatedFunction",void 0),e([n("viewModel.map")],C.prototype,"map",void 0),e([l(),m("esri/widgets/TableList/t9n/TableList")],C.prototype,"messages",void 0),e([l(),m("esri/t9n/common")],C.prototype,"messagesCommon",void 0),e([l()],C.prototype,"multipleSelectionEnabled",void 0),e([l()],C.prototype,"selectionEnabled",void 0),e([l()],C.prototype,"selectedItems",void 0),e([n("viewModel.tableItems")],C.prototype,"tableItems",void 0),e([u("trigger-action"),l({type:p})],C.prototype,"viewModel",void 0),e([n("viewModel.triggerAction")],C.prototype,"triggerAction",null),e([d()],C.prototype,"_toggleActionsOpen",null),e([d()],C.prototype,"_triggerAction",null),e([d()],C.prototype,"_toggleSelection",null),C=e([a("esri.widgets.TableList")],C);const k=C;export{k as default};
+import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Collection.js";import{eventKey as i}from"../core/events.js";import s from"../core/Handles.js";import{on as o,init as r}from"../core/watchUtils.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 l}from"../core/accessorSupport/decorators/property.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import c from"./Widget.js";import{accessibleHandler as d}from"./support/decorators/accessibleHandler.js";import{messageBundle as m}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as u}from"./support/decorators/vmEvent.js";import{tsx as h}from"./support/jsxFactory.js";import"./support/widgetUtils.js";import g from"./TableList/ListItem.js";import p from"./TableList/TableListViewModel.js";import{findSelectedItem as b}from"./TableList/support/tableListUtils.js";import _ from"sortablejs";function y(e,t,i){e.splice(i,0,e.splice(t,1)[0])}const v=t.ofType(g),f="root-tables",I="data-layer-uid",A="layerUid",S={base:"esri-table-list",geosceneWidget:"esri-widget",geosceneWidgetPanel:"esri-widget--panel",noItems:"esri-table-list__no-items",list:"esri-table-list__list",listRoot:"esri-table-list__list--root",item:"esri-table-list__item",itemChosen:"esri-table-list__item--chosen",itemError:"esri-table-list__item--error",itemSelectable:"esri-table-list__item--selectable",itemContainer:"esri-table-list__item-container",actionsMenu:"esri-table-list__item-actions-menu",actionsMenuItem:"esri-table-list__item-actions-menu-item",actionsMenuItemActive:"esri-table-list__item-actions-menu-item--active",actions:"esri-table-list__item-actions",actionsList:"esri-table-list__item-actions-list",action:"esri-table-list__item-action",actionIcon:"esri-table-list__item-action-icon",actionImage:"esri-table-list__item-action-image",actionTitle:"esri-table-list__item-action-title",actionToggle:"esri-table-list__action-toggle",actionToggleOn:"esri-table-list__action-toggle--on",errorMessage:"esri-table-list__item-error-message",title:"esri-table-list__item-title",disabled:"esri-disabled",disabledElement:"esri-disabled-element",hidden:"esri-hidden",rotating:"esri-rotating",iconEllipses:"geoscene-icon-handle-horizontal",iconNoticeTriangle:"geoscene-icon-notice-triangle",iconLoading:"geoscene-icon-loading-indicator",iconDefaultAction:"geoscene-icon-default-action",widgetIcon:"geoscene-icon-table"},w={actions:"actions",actionSection:"action-section",items:"items"};function T(e){const{actionsOpen:t}=e;t&&(e.actionsOpen=!1)}let C=class extends c{constructor(e,t){super(e,t),this._handles=new s,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this.visibleItems=null,this.iconClass=S.widgetIcon,this.label=void 0,this.listItemCreatedFunction=null,this.map=null,this.messages=null,this.messagesCommon=null,this.multipleSelectionEnabled=!1,this.selectionEnabled=!1,this.selectedItems=new v,this.tableItems=null,this.viewModel=new p}initialize(){this._setVisibleItems(this.tableItems),this.own(o(this.viewModel,"tableItems","change",(()=>this._itemsChanged())),r(this,"selectionEnabled",(()=>this._toggleSorting())))}destroy(){this._destroySortable(),this._handles.destroy(),this._handles=null}triggerAction(e,t){this.viewModel.triggerAction(e,t)}render(){var e;const{visibleItems:t}=this,i=null==(e=this.viewModel)?void 0:e.state,s={[S.hidden]:"loading"===i,[S.disabled]:"disabled"===i};return h("div",{class:this.classes(S.base,S.geosceneWidget,S.geosceneWidgetPanel,s)},null!=t&&t.length?this.renderList():this.renderNoItems())}renderNoItems(){return h("div",{class:S.noItems},this.messages.noItemsToDisplay)}renderList(){const{visibleItems:e,messages:t,selectionEnabled:i}=this;return h("ul",{"aria-label":t.widgetLabel,role:i?"listbox":void 0,afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"data-node-ref":"_sortableNode",bind:this,class:this.classes(S.list,S.listRoot)},e.map((e=>this.renderItem(e))).toArray())}renderItem(e){const{id:t,selectionEnabled:i,selectedItems:s}=this,o=`${`${t}_${e.uid}`}__title`,r=!!e.error,n={[S.itemError]:!!r,[S.itemSelectable]:i};if(i){var l;const t={[I]:null==(l=e.layer)?void 0:l.uid};return h("li",{key:`item-with-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(S.item,n),"aria-labelledby":o,onclick:this._toggleSelection,onkeydown:this._selectionKeydown,"data-item":e,tabIndex:0,"aria-selected":b(e,s)?"true":"false",role:"option",...t},this.renderItemContent(e,o))}return h("li",{key:`item-no-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(S.item,n),"aria-labelledby":o},this.renderItemContent(e,o))}renderActionsMenuIcon(e,t){const{messagesCommon:i}=this,s={[S.actionsMenuItemActive]:e.actionsOpen};return h("div",{key:"actions-menu-toggle","data-item":e,bind:this,onclick:this._toggleActionsOpen,onkeydown:this._toggleActionsOpen,class:this.classes(S.actionsMenuItem,s),tabindex:"0",role:"button","aria-controls":t,"aria-label":i.options,title:i.options},h("span",{"aria-hidden":"true",class:S.iconEllipses}))}renderActionsMenu(e,t,i,s){const o=1===i&&this._getSingleActionButton(t),r=o?this.renderAction({item:e,action:o,singleAction:!0}):null,n=!o&&i?this.renderActionsMenuIcon(e,s):null;return n||o?h("div",{key:"actions-menu",class:S.actionsMenu},r,n):null}renderError(e){return e.error?h("div",{key:"error",class:S.errorMessage,role:"alert"},h("span",null,this.messages.tableError)):null}renderItemContent(e,t){const{id:i}=this,s=`${`${i}_${e.uid}`}_actions`,o=this._filterActions(e.actionsSections),r=this._countActions(o);return[h("div",{key:"list-item-container",class:S.itemContainer},this.renderLabel(e,t),this.renderActionsMenu(e,o,r,s)),this.renderError(e),r?this.renderActionsSections(e,o,s):null]}renderTitle(e,t){const{messages:i}=this,s=e.title||i.untitledTable;return h("span",{key:"layer-title-container",id:t,class:S.title},s)}renderItemError(e){return e.error?h("span",{key:"notice-triangle","aria-hidden":"true",class:S.iconNoticeTriangle}):null}renderLabel(e,t){return e.error?[this.renderItemError(e),this.renderTitle(e,t)]:this.renderTitle(e,t)}renderActionsSections(e,t,i){const s=t.toArray().map(((t,i)=>h("ul",{key:`${e}-action-section-${i}`,class:S.actionsList},this.renderActionSection(e,t))));return h("div",{role:"group","aria-expanded":e.actionsOpen?"true":"false",key:"actions-section",id:i,class:S.actions,hidden:!e.actionsOpen||null},s)}renderActionSection(e,t){return(t&&t.toArray()).map((t=>this.renderAction({item:e,action:t})))}renderActionIcon(e){const{active:t,className:i}=e,s=this._getIconImageStyles(e),o="button"!==e.type||e.image||i?i:S.iconDefaultAction,r={[S.actionImage]:!t&&!!s["background-image"],[S.iconLoading]:t,[S.rotating]:t};return o&&!t&&(r[o]=!0),h("span",{key:"action-icon","aria-hidden":"true",class:this.classes(S.actionIcon,r),styles:s})}renderActionTitle(e,t){return t?null:h("span",{key:"action-title",class:S.actionTitle},e)}renderAction(e){const{item:t,action:i,singleAction:s}=e,{active:o,disabled:r,title:n}=i,l={[S.actionsMenuItem]:s&&"button"===i.type,[S.action]:o||!s&&"toggle"!==i.type,[S.actionToggle]:!o&&"toggle"===i.type,[S.actionToggleOn]:!o&&"toggle"===i.type&&i.value,[S.disabledElement]:r},a=[this.renderActionIcon(i),this.renderActionTitle(n,s)];return s?h("div",{bind:this,"data-item":t,"data-action":i,role:"button",key:`single-action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",title:n,"aria-label":n},a):h("li",{bind:this,"data-item":t,"data-action":i,key:`action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",role:"button",title:n,"aria-label":n},a)}_filterActions(e){return e.map((e=>e.filter((e=>e.visible))))}_setVisibleItems(e){this.visibleItems=null==e?void 0:e.filter((e=>this.errorsVisible||!e.error))}_destroySortable(){const{_sortable:e}=this;e&&e.destroy(),this._sortable=null}_toggleSorting(){const{_sortable:e,_sortableNode:t,selectionEnabled:i}=this;if(t)if(e)e.option("disabled",!i);else{const e=_.create(t,{dataIdAttr:I,group:f,fallbackTolerance:4,disabled:!i,onSort:()=>this._sortTablesToItems(e.toArray()),chosenClass:S.itemChosen});this._sortable=e}}_sortNodeCreated(e){this._sortableNode=e,this._toggleSorting()}_sortTablesToItems(e){var t;const i=null==(t=this.map)?void 0:t.tables;i&&i.sort(((t,i)=>{const s=e.indexOf(t.uid),o=e.indexOf(i.uid);return s>o?-1:s<o?1:0}))}_getSingleActionButton(e){return e.reduce((e=>e)).filter((e=>e&&"button"===e.type)).getItemAt(0)}_focusListItem(e){var t;const{_focusSortUid:i}=this;if(!e||!i)return;(null==(t=e["data-item"].layer)?void 0:t.uid)===i&&(e.focus(),this._focusSortUid=null)}_watchActionSectionChanges(e,t){const i=w.actionSection+t,s=()=>this.scheduleRender();this._handles.add(e.on("change",s),i),e.forEach((e=>this._renderOnActionChanges(e,t)))}_renderOnActionChanges(e,t){const i=w.actions+t,s=()=>this.scheduleRender();"toggle"!==e.type?"slider"!==e.type?this._handles.add([r(e,["className","image","id","title","visible"],s)],i):this._handles.add([r(e,["className","id","title","visible","value","displayValueEnabled","max","min","step"],s)],i):this._handles.add([r(e,["className","image","id","title","visible","value"],s)],i)}_renderOnItemChanges(e){const t=e.uid,i=w.items+t,s=()=>this.scheduleRender();this._handles.add([r(e,["actionsOpen","open","title","error"],s),e.actionsSections.on("change",s)],i),e.actionsSections.forEach((e=>this._watchActionSectionChanges(e,t)))}_itemsChanged(){const{tableItems:e}=this.viewModel;this._setVisibleItems(e),this._handles.removeAll(),e.forEach((e=>this._renderOnItemChanges(e))),this.scheduleRender()}_countActions(e){return e.reduce(((e,t)=>e+t.length),0)}_getIconImageStyles(e){const t="geoscene.support.Action.ActionButton"===e.declaredClass||"geoscene.support.Action.ActionToggle"===e.declaredClass?e.image:null;return{"background-image":t?`url("${t}")`:null}}_selectionKeydown(e){const t=["ArrowDown","ArrowUp"],s=i(e);if(-1===t.indexOf(s))return void this._toggleSelection(e);e.stopPropagation();const o=e.currentTarget["data-item"],{_sortable:r,selectedItems:n}=this,l=b(o,n),a=r.toArray(),c=e.target,d=a.indexOf(c.dataset[A]);if(-1!==d){if("ArrowDown"===s){const e=d+1;if(e>=a.length)return;var m,u;if(l)y(a,d,e),r.sort(a),this._sortTablesToItems(r.toArray()),this._focusSortUid=null==(m=o.layer)?void 0:m.uid;else this._focusSortUid=null==(u=o.layer)?void 0:u.uid,this.scheduleRender()}if("ArrowUp"===s){const e=d-1;if(e<=-1)return;var h,g;if(l)y(a,d,e),r.sort(a),this._sortTablesToItems(r.toArray()),this._focusSortUid=null==(h=o.layer)?void 0:h.uid;else this._focusSortUid=null==(g=o.layer)?void 0:g.uid,this.scheduleRender()}}}_toggleActionsOpen(e){const t=e.currentTarget["data-item"],{actionsOpen:i}=t,s=!i;s&&this.tableItems.forEach((e=>T(e))),t.actionsOpen=s,e.stopPropagation()}_triggerAction(e){const t=e.currentTarget,i=t["data-action"],s=t["data-item"];"toggle"===i.type&&(i.value=!i.value),this.triggerAction(i,s),e.stopPropagation()}_toggleSelection(e){e.stopPropagation();const{multipleSelectionEnabled:t,selectedItems:i}=this,s=t&&(e.metaKey||e.ctrlKey),o=e.currentTarget["data-item"],r=b(o,i),{length:n}=i;if(!s)return n&&!(r&&1===n)?(i.removeAll(),void i.add(o)):void(r?i.remove(r):i.add(o));r?i.remove(r):i.add(o)}};e([l()],C.prototype,"visibleItems",void 0),e([l()],C.prototype,"iconClass",void 0),e([l()],C.prototype,"errorsVisible",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],C.prototype,"label",void 0),e([n("viewModel.listItemCreatedFunction")],C.prototype,"listItemCreatedFunction",void 0),e([n("viewModel.map")],C.prototype,"map",void 0),e([l(),m("geoscene/widgets/TableList/t9n/TableList")],C.prototype,"messages",void 0),e([l(),m("geoscene/t9n/common")],C.prototype,"messagesCommon",void 0),e([l()],C.prototype,"multipleSelectionEnabled",void 0),e([l()],C.prototype,"selectionEnabled",void 0),e([l()],C.prototype,"selectedItems",void 0),e([n("viewModel.tableItems")],C.prototype,"tableItems",void 0),e([u("trigger-action"),l({type:p})],C.prototype,"viewModel",void 0),e([n("viewModel.triggerAction")],C.prototype,"triggerAction",null),e([d()],C.prototype,"_toggleActionsOpen",null),e([d()],C.prototype,"_triggerAction",null),e([d()],C.prototype,"_toggleSelection",null),C=e([a("geoscene.widgets.TableList")],C);const k=C;export{k as default};

package/widgets/TimeSlider/TimeSliderViewModel.d.ts

@@ -1,4 +1,4 @@
 import "../../interfaces";
 
-import TimeSliderViewModel = __esri.TimeSliderViewModel;
+import TimeSliderViewModel = __geoscene.TimeSliderViewModel;
 export default TimeSliderViewModel;

package/widgets/TimeSlider/TimeSliderViewModel.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.23/geoscene/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../TimeExtent.js";import i from"../../TimeInterval.js";import n from"../../core/Collection.js";import s from"../../core/Evented.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import o from"../../core/Logger.js";import{isNone as l,isSome as a,unwrap as m}from"../../core/maybe.js";import{after as u,isAbortError as p,createTask as d}from"../../core/promiseUtils.js";import{offsetDate as h}from"../../core/timeUtils.js";import{init as c,watch as f,whenFalseOnce as v}from"../../core/watchUtils.js";import{property as _}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{ensureType as T}from"../../core/accessorSupport/ensureType.js";import{subclass as g}from"../../core/accessorSupport/decorators/subclass.js";import w from"../../webdoc/Widgets.js";import x from"../../webdoc/widgets/TimeSlider.js";import{getFullTimeExtentFromWebDocument as y,getModeFromTimeSlider as E,getStopsFromTimeSlider as b,getTimeExtentFromTimeSlider as C}from"./utils.js";var S;const j=1e4;function W(t){return a(t)&&void 0!==t.count}function A(t){return a(t)&&void 0!==t.interval}function D(t){return a(t)&&void 0!==t.dates}function M(t){return"esri.WebMap"===t.declaredClass}const I="esri.widgets.Popup.PopupViewModel",R=o.getLogger(I);let V=S=class extends(r(s.EventedAccessor)){constructor(t){super(t),this._animationController=null,this._isViewTimeExtentInitialized=!1,this._loadingWebDocument=!1,this._timerId=null,this._updateTimeSliderTask=null,this.actions=new n,this.view=null}initialize(){this.handles.add([c(this,"effectiveStops",(()=>{l(this.timeExtent)&&this._set("timeExtent",this._getDefaultTimeExtent())})),c(this,"view.map",(t=>{a(this._updateTimeSliderTask)&&(this._updateTimeSliderTask.abort(),this._updateTimeSliderTask=null),this._updateTimeSliderTask=d((async e=>{this._loadingWebDocument=!0,await this._updateTimeSliderFromMap(t,e),this._loadingWebDocument=!1}))})),c(this,"view",((t,e)=>{this._unregisterWidget(e),this._registerWidget(t)}),!0),c(this,"timeExtent",(t=>{if(l(this.view))return;const e=this.view.timeExtent;(l(t)||t.isAllTime)&&(l(e)||e.isAllTime)||a(t)&&a(e)&&t.equals(e)||(this.view.timeExtent=m(t))})),f(this,"view.timeExtent",(t=>{this._isViewTimeExtentInitialized?(l(t)||t.isAllTime)&&(l(this.timeExtent)||this.timeExtent.isAllTime)||a(t)&&a(this.timeExtent)&&t.equals(this.timeExtent)||(this.timeExtent=t):this._isViewTimeExtentInitialized=!0}))])}destroy(){a(this._timerId)&&(clearInterval(this._timerId),this._timerId=null),this._unregisterWidget(this.view),this.view=null,a(this._animationController)&&(this._animationController.abort(),this._animationController=null),a(this._updateTimeSliderTask)&&(this._updateTimeSliderTask.abort(),this._updateTimeSliderTask=null)}get effectiveStops(){const{fullTimeExtent:t,stops:e}=this;if(D(e)){const{dates:i}=e;if(null==i||0===i.length)return null;const n=i.sort(((t,e)=>t.getTime()-e.getTime()));if(l(t))return n;const{start:s,end:r}=t;if(l(s)||l(r))return n;return n.filter((t=>!(t.getTime()<s.getTime()||t.getTime()>r.getTime())))}if(W(e)){var i;const n=null!=(i=e.timeExtent)?i:m(t);return this._divideTimeExtentByCount(n,e.count)}if(A(e)){var n;const i=null!=(n=e.timeExtent)?n:m(t);return this._divideTimeExtentByInterval(i,e.interval)}return[]}set fullTimeExtent(t){this._override("fullTimeExtent",t)}set loop(t){this._override("loop",t)}set mode(t){this._override("mode",t)}set playRate(t){t<=0||t>36e5||("playing"===this.state&&this._startAnimation(),this._override("playRate",t))}get state(){return l(this.fullTimeExtent)||this._loadingWebDocument?"disabled":a(this._animationController)?"playing":"ready"}set stops(t){this._override("stops",t)}set timeExtent(t){this._override("timeExtent",t)}get timeExtentValues(){const{mode:t,timeExtent:e}=this;if(l(e)||e.isAllTime||e.isEmpty)return null;const{start:i,end:n}=e;switch(t){case"cumulative-from-end":case"instant":return a(i)?[i.getTime()]:null;case"cumulative-from-start":return a(n)?[n.getTime()]:null;case"time-window":return a(i)&&a(n)?[i.getTime(),n.getTime()]:null}}static async getPropertiesFromWebMap(t,e){var i,n;if(!t||!M(t))return null;await t.load({signal:e});const s=null==t||null==(i=t.widgets)?void 0:i.timeSlider;if(!s)return null;const r=await y(t,e),o=s.loop,l=E(s);return{fullTimeExtent:r,loop:o,mode:l,playRate:null!=(n=s.stopDelay)?n:2e3,stops:b(s),timeExtent:C(s,l)}}next(){this._step({forward:!0,allowRestart:!1})}play(){this._startAnimation()}previous(){this._step({forward:!1,allowRestart:!1})}stop(){this._stopAnimation()}triggerAction(t){this.emit("trigger-action",{action:t})}updateWebDocument(t){if(M(t)){const e=new x({currentTimeExtent:this.timeExtent,fullTimeExtent:this.fullTimeExtent,loop:this.loop,numStops:W(this.stops)?this.stops.count:null,numThumbs:"time-window"===this.mode?2:1,stopDelay:this.playRate,stopInterval:A(this.stops)?this.stops.interval:null,stops:D(this.stops)?this.stops.dates:null});t.widgets?t.widgets.timeSlider=e:t.widgets=new w({timeSlider:e})}}valuesToTimeExtent(t){if(l(t))return null;const i=t.sort(((t,e)=>t-e)).map((t=>new Date(t))),n=i.length>0?i[0]:null,s=i.length>1?i[1]:null;switch(this.mode){case"time-window":return new e({start:n,end:s});case"instant":return new e({start:n,end:n});case"cumulative-from-start":return new e({start:null,end:n});case"cumulative-from-end":return new e({start:n,end:null});default:return e.allTime}}async _animate(){try{await Promise.all([u(this.playRate,null,a(this._animationController)&&this._animationController.signal),a(this.view)&&v(this.view,"updating",a(this._animationController)&&this._animationController.signal)])}catch(t){return p(t)||R.error(t),void(this._animationController=null)}this._step({forward:!0,allowRestart:!1}),l(this._animationController)||this._animate()}_divideTimeExtentByCount(t,e=10){if(!t||!e)return[];const{start:i,end:n}=t;if(l(i)||l(n))return[];if(e>j)return this._divideTimeExtentByCount(t);const s=[],r=i.getTime(),o=n.getTime()-r;for(let l=0;l<=e;l++)s.push(new Date(r+l/e*o));return s}_divideTimeExtentByInterval(t,e,i=j){if(!t||!e)return[];const{start:n,end:s}=t;if(l(n)||l(s))return[];if((s.getTime()-n.getTime())/e.toMilliseconds()>i)return this._divideTimeExtentByCount(t);const r=[],{value:o,unit:a}=e;let m=n;for(;m.getTime()<=s.getTime();)r.push(new Date(m.getTime())),m=h(m,o,a);return r}_getDefaultTimeExtent(){const{effectiveStops:t,mode:i}=this;if(l(t)||!i)return null;switch(i){case"time-window":return t.length>1?new e({start:t[0],end:t[1]}):null;case"cumulative-from-start":return t.length>0?new e({start:null,end:t[0]}):null;case"cumulative-from-end":return t.length>0?new e({start:t[0],end:null}):null;case"instant":return t.length>0?new e({start:t[0],end:t[0]}):null;default:return null}}_registerWidget(t){if(a(t)){t.persistableViewModels.some((t=>t===this))||t.persistableViewModels.add(this)}}_startAnimation(){this._stopAnimation(),this._animationController=new AbortController,this._step({forward:!0,allowRestart:!0}),this._animate()}_step(t){const{forward:e,allowRestart:i}=t,{effectiveStops:n}=this;if(l(this.timeExtentValues)||l(n))return;const s=n.map((t=>t.getTime())),r=this.timeExtentValues.map((t=>{const e=s.indexOf(t);if(-1!==e)return e;const i=s.reduce(((e,i)=>Math.abs(i-t)<Math.abs(e-t)?i:e));return s.indexOf(i)})),o=r.map((t=>t+(e?1:-1))),a=o.some((t=>t<0||t>s.length-1)),{loop:m,state:u}=this;if(a)if(m||i){const t=Math.min(...r),i=Math.max(...r),n=(e?r.map((e=>e-t)):r.map((t=>t+(s.length-1-i)))).map((t=>s[t]));this.timeExtent=this.valuesToTimeExtent(n)}else"playing"===u&&this.stop();else{const t=o.map((t=>s[t]));this.timeExtent=this.valuesToTimeExtent(t)}}_stopAnimation(){a(this._animationController)&&(this._animationController.abort(),this._animationController=null)}_unregisterWidget(t){a(t)&&t.persistableViewModels.remove(this)}async _updateTimeSliderFromMap(t,e){const i=await S.getPropertiesFromWebMap(t,e);if(!l(i))for(const n in i)this._isOverridden(n)||(this[n]=i[n])}};t([_()],V.prototype,"_animationController",void 0),t([_()],V.prototype,"_loadingWebDocument",void 0),t([_({type:n})],V.prototype,"actions",void 0),t([_({readOnly:!0})],V.prototype,"effectiveStops",null),t([_({type:e,value:null})],V.prototype,"fullTimeExtent",null),t([_({nonNullable:!0,value:!1})],V.prototype,"loop",null),t([_({nonNullable:!0,value:"time-window"})],V.prototype,"mode",null),t([_({nonNullable:!0,value:1e3})],V.prototype,"playRate",null),t([_({readOnly:!0})],V.prototype,"state",null),t([_({cast:t=>l(t)?null:(A(t)&&(t.interval=T(i,t.interval)),(A(t)||W(t))&&(t.timeExtent=T(e,t.timeExtent)),t),value:{count:10}})],V.prototype,"stops",null),t([_({type:e,value:null})],V.prototype,"timeExtent",null),t([_({readOnly:!0})],V.prototype,"timeExtentValues",null),t([_()],V.prototype,"view",void 0),t([_()],V.prototype,"next",null),t([_()],V.prototype,"play",null),t([_()],V.prototype,"previous",null),t([_()],V.prototype,"stop",null),t([_()],V.prototype,"updateWebDocument",null),V=S=t([g(I)],V);const k=V;export{k as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../TimeExtent.js";import i from"../../TimeInterval.js";import n from"../../core/Collection.js";import s from"../../core/Evented.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import o from"../../core/Logger.js";import{isNone as l,isSome as a,unwrap as m}from"../../core/maybe.js";import{after as u,isAbortError as p,createTask as d}from"../../core/promiseUtils.js";import{offsetDate as h}from"../../core/timeUtils.js";import{init as c,watch as f,whenFalseOnce as v}from"../../core/watchUtils.js";import{property as _}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{ensureType as T}from"../../core/accessorSupport/ensureType.js";import{subclass as g}from"../../core/accessorSupport/decorators/subclass.js";import w from"../../webdoc/Widgets.js";import x from"../../webdoc/widgets/TimeSlider.js";import{getFullTimeExtentFromWebDocument as y,getModeFromTimeSlider as E,getStopsFromTimeSlider as b,getTimeExtentFromTimeSlider as C}from"./utils.js";var S;const j=1e4;function W(t){return a(t)&&void 0!==t.count}function A(t){return a(t)&&void 0!==t.interval}function D(t){return a(t)&&void 0!==t.dates}function M(t){return"geoscene.WebMap"===t.declaredClass}const I="geoscene.widgets.Popup.PopupViewModel",R=o.getLogger(I);let V=S=class extends(r(s.EventedAccessor)){constructor(t){super(t),this._animationController=null,this._isViewTimeExtentInitialized=!1,this._loadingWebDocument=!1,this._timerId=null,this._updateTimeSliderTask=null,this.actions=new n,this.view=null}initialize(){this.handles.add([c(this,"effectiveStops",(()=>{l(this.timeExtent)&&this._set("timeExtent",this._getDefaultTimeExtent())})),c(this,"view.map",(t=>{a(this._updateTimeSliderTask)&&(this._updateTimeSliderTask.abort(),this._updateTimeSliderTask=null),this._updateTimeSliderTask=d((async e=>{this._loadingWebDocument=!0,await this._updateTimeSliderFromMap(t,e),this._loadingWebDocument=!1}))})),c(this,"view",((t,e)=>{this._unregisterWidget(e),this._registerWidget(t)}),!0),c(this,"timeExtent",(t=>{if(l(this.view))return;const e=this.view.timeExtent;(l(t)||t.isAllTime)&&(l(e)||e.isAllTime)||a(t)&&a(e)&&t.equals(e)||(this.view.timeExtent=m(t))})),f(this,"view.timeExtent",(t=>{this._isViewTimeExtentInitialized?(l(t)||t.isAllTime)&&(l(this.timeExtent)||this.timeExtent.isAllTime)||a(t)&&a(this.timeExtent)&&t.equals(this.timeExtent)||(this.timeExtent=t):this._isViewTimeExtentInitialized=!0}))])}destroy(){a(this._timerId)&&(clearInterval(this._timerId),this._timerId=null),this._unregisterWidget(this.view),this.view=null,a(this._animationController)&&(this._animationController.abort(),this._animationController=null),a(this._updateTimeSliderTask)&&(this._updateTimeSliderTask.abort(),this._updateTimeSliderTask=null)}get effectiveStops(){const{fullTimeExtent:t,stops:e}=this;if(D(e)){const{dates:i}=e;if(null==i||0===i.length)return null;const n=i.sort(((t,e)=>t.getTime()-e.getTime()));if(l(t))return n;const{start:s,end:r}=t;if(l(s)||l(r))return n;return n.filter((t=>!(t.getTime()<s.getTime()||t.getTime()>r.getTime())))}if(W(e)){var i;const n=null!=(i=e.timeExtent)?i:m(t);return this._divideTimeExtentByCount(n,e.count)}if(A(e)){var n;const i=null!=(n=e.timeExtent)?n:m(t);return this._divideTimeExtentByInterval(i,e.interval)}return[]}set fullTimeExtent(t){this._override("fullTimeExtent",t)}set loop(t){this._override("loop",t)}set mode(t){this._override("mode",t)}set playRate(t){t<=0||t>36e5||("playing"===this.state&&this._startAnimation(),this._override("playRate",t))}get state(){return l(this.fullTimeExtent)||this._loadingWebDocument?"disabled":a(this._animationController)?"playing":"ready"}set stops(t){this._override("stops",t)}set timeExtent(t){this._override("timeExtent",t)}get timeExtentValues(){const{mode:t,timeExtent:e}=this;if(l(e)||e.isAllTime||e.isEmpty)return null;const{start:i,end:n}=e;switch(t){case"cumulative-from-end":case"instant":return a(i)?[i.getTime()]:null;case"cumulative-from-start":return a(n)?[n.getTime()]:null;case"time-window":return a(i)&&a(n)?[i.getTime(),n.getTime()]:null}}static async getPropertiesFromWebMap(t,e){var i,n;if(!t||!M(t))return null;await t.load({signal:e});const s=null==t||null==(i=t.widgets)?void 0:i.timeSlider;if(!s)return null;const r=await y(t,e),o=s.loop,l=E(s);return{fullTimeExtent:r,loop:o,mode:l,playRate:null!=(n=s.stopDelay)?n:2e3,stops:b(s),timeExtent:C(s,l)}}next(){this._step({forward:!0,allowRestart:!1})}play(){this._startAnimation()}previous(){this._step({forward:!1,allowRestart:!1})}stop(){this._stopAnimation()}triggerAction(t){this.emit("trigger-action",{action:t})}updateWebDocument(t){if(M(t)){const e=new x({currentTimeExtent:this.timeExtent,fullTimeExtent:this.fullTimeExtent,loop:this.loop,numStops:W(this.stops)?this.stops.count:null,numThumbs:"time-window"===this.mode?2:1,stopDelay:this.playRate,stopInterval:A(this.stops)?this.stops.interval:null,stops:D(this.stops)?this.stops.dates:null});t.widgets?t.widgets.timeSlider=e:t.widgets=new w({timeSlider:e})}}valuesToTimeExtent(t){if(l(t))return null;const i=t.sort(((t,e)=>t-e)).map((t=>new Date(t))),n=i.length>0?i[0]:null,s=i.length>1?i[1]:null;switch(this.mode){case"time-window":return new e({start:n,end:s});case"instant":return new e({start:n,end:n});case"cumulative-from-start":return new e({start:null,end:n});case"cumulative-from-end":return new e({start:n,end:null});default:return e.allTime}}async _animate(){try{await Promise.all([u(this.playRate,null,a(this._animationController)&&this._animationController.signal),a(this.view)&&v(this.view,"updating",a(this._animationController)&&this._animationController.signal)])}catch(t){return p(t)||R.error(t),void(this._animationController=null)}this._step({forward:!0,allowRestart:!1}),l(this._animationController)||this._animate()}_divideTimeExtentByCount(t,e=10){if(!t||!e)return[];const{start:i,end:n}=t;if(l(i)||l(n))return[];if(e>j)return this._divideTimeExtentByCount(t);const s=[],r=i.getTime(),o=n.getTime()-r;for(let l=0;l<=e;l++)s.push(new Date(r+l/e*o));return s}_divideTimeExtentByInterval(t,e,i=j){if(!t||!e)return[];const{start:n,end:s}=t;if(l(n)||l(s))return[];if((s.getTime()-n.getTime())/e.toMilliseconds()>i)return this._divideTimeExtentByCount(t);const r=[],{value:o,unit:a}=e;let m=n;for(;m.getTime()<=s.getTime();)r.push(new Date(m.getTime())),m=h(m,o,a);return r}_getDefaultTimeExtent(){const{effectiveStops:t,mode:i}=this;if(l(t)||!i)return null;switch(i){case"time-window":return t.length>1?new e({start:t[0],end:t[1]}):null;case"cumulative-from-start":return t.length>0?new e({start:null,end:t[0]}):null;case"cumulative-from-end":return t.length>0?new e({start:t[0],end:null}):null;case"instant":return t.length>0?new e({start:t[0],end:t[0]}):null;default:return null}}_registerWidget(t){if(a(t)){t.persistableViewModels.some((t=>t===this))||t.persistableViewModels.add(this)}}_startAnimation(){this._stopAnimation(),this._animationController=new AbortController,this._step({forward:!0,allowRestart:!0}),this._animate()}_step(t){const{forward:e,allowRestart:i}=t,{effectiveStops:n}=this;if(l(this.timeExtentValues)||l(n))return;const s=n.map((t=>t.getTime())),r=this.timeExtentValues.map((t=>{const e=s.indexOf(t);if(-1!==e)return e;const i=s.reduce(((e,i)=>Math.abs(i-t)<Math.abs(e-t)?i:e));return s.indexOf(i)})),o=r.map((t=>t+(e?1:-1))),a=o.some((t=>t<0||t>s.length-1)),{loop:m,state:u}=this;if(a)if(m||i){const t=Math.min(...r),i=Math.max(...r),n=(e?r.map((e=>e-t)):r.map((t=>t+(s.length-1-i)))).map((t=>s[t]));this.timeExtent=this.valuesToTimeExtent(n)}else"playing"===u&&this.stop();else{const t=o.map((t=>s[t]));this.timeExtent=this.valuesToTimeExtent(t)}}_stopAnimation(){a(this._animationController)&&(this._animationController.abort(),this._animationController=null)}_unregisterWidget(t){a(t)&&t.persistableViewModels.remove(this)}async _updateTimeSliderFromMap(t,e){const i=await S.getPropertiesFromWebMap(t,e);if(!l(i))for(const n in i)this._isOverridden(n)||(this[n]=i[n])}};t([_()],V.prototype,"_animationController",void 0),t([_()],V.prototype,"_loadingWebDocument",void 0),t([_({type:n})],V.prototype,"actions",void 0),t([_({readOnly:!0})],V.prototype,"effectiveStops",null),t([_({type:e,value:null})],V.prototype,"fullTimeExtent",null),t([_({nonNullable:!0,value:!1})],V.prototype,"loop",null),t([_({nonNullable:!0,value:"time-window"})],V.prototype,"mode",null),t([_({nonNullable:!0,value:1e3})],V.prototype,"playRate",null),t([_({readOnly:!0})],V.prototype,"state",null),t([_({cast:t=>l(t)?null:(A(t)&&(t.interval=T(i,t.interval)),(A(t)||W(t))&&(t.timeExtent=T(e,t.timeExtent)),t),value:{count:10}})],V.prototype,"stops",null),t([_({type:e,value:null})],V.prototype,"timeExtent",null),t([_({readOnly:!0})],V.prototype,"timeExtentValues",null),t([_()],V.prototype,"view",void 0),t([_()],V.prototype,"next",null),t([_()],V.prototype,"play",null),t([_()],V.prototype,"previous",null),t([_()],V.prototype,"stop",null),t([_()],V.prototype,"updateWebDocument",null),V=S=t([g(I)],V);const k=V;export{k as default};

package/widgets/TimeSlider.d.ts

@@ -1,4 +1,4 @@
 import "../interfaces";
 
-import TimeSlider = __esri.TimeSlider;
+import TimeSlider = __geoscene.TimeSlider;
 export default TimeSlider;