@arcgis/core 6.0.0-next.16 → 6.0.0-next.18

package/widgets/TimeSlider/TimeSliderViewModel.d.ts

@@ -8,6 +8,7 @@ import type { Action, Stops, TimeSliderMode, TimeSliderState } from "./types.js"
 import type { ReadonlyArrayOrCollection } from "../../core/Collection.js";
 import type { TimeExtentProperties } from "../../time/TimeExtent.js";
 
+/** @deprecated since 5.2. Use the Time Bar component's [fullTimeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#fullTimeExtent), [loop](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#loop), [mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#mode), [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#playRate), [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#stops), and [timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#timeExtent) properties instead. */
 export interface TimeSliderViewModelProperties extends Partial<Pick<TimeSliderViewModel, "loop" | "mode" | "playRate" | "stops" | "view">> {
   /**
    * Defines actions that will appear in a menu when the user clicks the ellipsis button
@@ -152,7 +153,11 @@ export interface TimeSliderViewModelEvents {
   "trigger-action": TimeSliderViewModelTriggerActionEvent;
 }
 
-/** Event payload for the [@trigger-action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#event-trigger-action) event. */
+/**
+ * Event payload for the [@trigger-action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#event-trigger-action) event.
+ *
+ * @deprecated since 5.2. Use custom actions in the Time Bar component's [`actions-end` slot](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#slot-actions-end) instead.
+ */
 export interface TimeSliderViewModelTriggerActionEvent {
   /** The action that was clicked. */
   action: Action;
@@ -164,11 +169,10 @@ export interface TimeSliderViewModelTriggerActionEvent {
  * @deprecated since version 5.2. Use the [Time Bar component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/) instead.
  * @since 4.12
  * @see [TimeSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/) widget
- * @see [Time Slider component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-slider/)
- * @see [Sample - Time Slider component](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
+ * @see [Time Bar component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/)
+ * @see [Sample - Time Bar component](https://developers.arcgis.com/javascript/latest/sample-code/time-bar/)
  * @see [Sample - SceneLayer with time filter](https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-time/)
- * @see [Sample - Filter features with TimeSlider component](https://developers.arcgis.com/javascript/latest/sample-code/timeslider-component-filter/)
- * @see [Sample - TimeSlider with offset](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
+ * @see [Sample - Filter features with Time Bar component](https://developers.arcgis.com/javascript/latest/sample-code/time-bar-filter/)
  * @see [Sample - Visualizing wind data with VectorFieldRenderer](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-vfrenderer/)
  * @see [Temporal data (ArcGIS Pro)](https://pro.arcgis.com/en/pro-app/latest/help/mapping/time/temporal-data.htm)
  * @see [Set time properties on data (ArcGIS Pro)](https://pro.arcgis.com/en/pro-app/latest/help/mapping/time/set-the-time-properties-on-data.htm)

package/widgets/TimeSlider/types.d.ts

@@ -6,6 +6,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 /**
  * The [TimeSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/)'s state.
  *
+ * @deprecated since 5.2. Use the [Time Bar State type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#State) instead.
  * @since 5.0
  */
 export type TimeSliderState = "disabled" | "ready" | "playing";
@@ -13,6 +14,7 @@ export type TimeSliderState = "disabled" | "ready" | "playing";
 /**
  * The time slider mode.
  *
+ * @deprecated since 5.2. Use the [Time Bar Mode type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#Mode) instead.
  * @see [TimeSlider.mode](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#mode)
  * @since 5.0
  */
@@ -21,6 +23,7 @@ export type TimeSliderMode = "instant" | "time-window" | "cumulative-from-start"
 /**
  * Specifies an array of dates for the time slider widget. Can be used to create irregularly spaced stops.
  *
+ * @deprecated since 5.2. Use the [Time BarStopsByDates type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#StopsByDates) instead.
  * @since 5.0
  * @example
  * // Explicitly define 5 stops.
@@ -59,6 +62,7 @@ export interface StopsByDates {
  * [TimeExtent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) can confine the subdivision to a specific time frame. StopByInterval is useful
  * when the spacing is in terms of months and years, which cannot be reliably expressed in milliseconds.
  *
+ * @deprecated since 5.2. Use the [Time Bar StopsByInterval type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#StopsByInterval) instead.
  * @since 5.0
  * @example
  * // Add yearly intervals starting from the beginning of the TimeSlider.
@@ -99,6 +103,7 @@ export interface StopsByInterval {
  * Divides the time slider's [TimeSlider.fullTimeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#fullTimeExtent) into equal parts.
  * A stop will be placed at the start and end of each division resulting in _count + 1_ [TimeSlider.effectiveStops](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#effectiveStops).
  *
+ * @deprecated since 5.2. Use the [Time Bar StopsByCount type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#StopsByCount) instead.
  * @since 5.0
  * @example
  * // Add ten evenly spaced stops.
@@ -136,6 +141,7 @@ export interface StopsByCount {
  * Defines specific locations on the time slider where thumbs will snap to when manipulated. If unspecified, ten evenly spaced stops will be added.
  * For continuous sliding set stops to `null`.
  *
+ * @deprecated since 5.2. Use the [Time Bar Stops type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/types/#Stops) for the Time Bar component instead.
  * @see [TimeSlider.stops](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#stops)
  * @since 5.0
  */
@@ -146,6 +152,7 @@ export type Stops = StopsByDates | StopsByInterval | StopsByCount;
  * [TimeSlider.actions](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#actions) or the [TimeSliderViewModel.actions](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#actions). It is displayed in a menu when
  * the user clicks the ellipsis button ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.avif) on the [TimeSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/) widget.
  *
+ * @deprecated since 5.2. Use custom actions in the Time Bar component's [`actions-end` slot](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#slot-actions-end) instead.
  * @since 5.0
  */
 export interface Action {

package/widgets/TimeSlider.d.ts

@@ -417,10 +417,9 @@ export interface TimeSliderEvents extends TimeSliderViewModelEvents {}
  * @deprecated since version 5.0. Use the [Time Bar component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  * @since 4.12
  * @see [TimeSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/)
- * @see [Sample - Time Slider component](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
+ * @see [Sample - Time Bar component](https://developers.arcgis.com/javascript/latest/sample-code/time-bar/)
  * @see [Sample - SceneLayer with time filter](https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-time/)
- * @see [Sample - Filter features with TimeSlider component](https://developers.arcgis.com/javascript/latest/sample-code/timeslider-component-filter/)
- * @see [Sample - TimeSlider with offset](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
+ * @see [Sample - Filter features with Time Bar component](https://developers.arcgis.com/javascript/latest/sample-code/time-bar-filter/)
  * @see [Sample - Visualizing wind data with VectorFieldRenderer](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-vfrenderer/)
  * @see [Temporal data (ArcGIS Pro)](https://doc.esri.com/en/arcgis-pro/latest/help/mapping/time/temporal-data.html)
  * @see [Set time properties on data (ArcGIS Pro)](https://doc.esri.com/en/arcgis-pro/latest/help/mapping/time/set-the-time-properties-on-data.html)

package/widgets/TimeSlider.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import{equals as t}from"../core/arrayUtils.js";import n from"../core/Collection.js";import{deprecateWidget as r}from"../core/deprecate.js";import i from"../core/Logger.js";import{watch as a,initial as o}from"../core/reactiveUtils.js";import{truncateDate as s,offsetDate as c}from"../core/timeUtils.js";import{property as l,subclass as u}from"../core/accessorSupport/decorators.js";import{formatDate as d,convertDateFormatToIntlOptions as f}from"../intl/date.js";import{getCalciteModeClass as p}from"../support/modeUtils.js";import{unknown as m,system as h}from"../time/constants.js";import g from"../time/TimeExtent.js";import _ from"../time/TimeInterval.js";import v from"./Slider.js";import y from"./Widget.js";import{loadCalciteComponents as b}from"./support/componentsUtils.js";import{globalCss as x}from"./support/globalCss.js";import{messageBundle as S,vmEvent as C,tsx as w}from"./support/widget.js";import{onResize as T}from"./support/widgetUtils.js";import{css as E}from"./TimeSlider/css.js";import D from"./TimeSlider/TimeSliderViewModel.js";const O=(e,t,n)=>({minor:e,major:t,format:n}),k={sf:{second:`numeric`,fractionalSecondDigits:3},s:{second:`numeric`},ms:{minute:`numeric`,second:`numeric`},mi:{minute:`numeric`},hm:{hour:`numeric`,minute:`numeric`},dm:{day:`numeric`,month:`short`},m:{month:`short`},my:{month:`short`,year:`numeric`},y:{year:`numeric`}},A=[O({value:1,unit:`milliseconds`},{value:20,unit:`milliseconds`},k.sf),O({value:2,unit:`milliseconds`},{value:50,unit:`milliseconds`},k.sf),O({value:5,unit:`milliseconds`},{value:100,unit:`milliseconds`},k.sf),O({value:10,unit:`milliseconds`},{value:200,unit:`milliseconds`},k.sf),O({value:20,unit:`milliseconds`},{value:500,unit:`milliseconds`},k.sf),O({value:50,unit:`milliseconds`},{value:1,unit:`seconds`},k.s),O({value:100,unit:`milliseconds`},{value:2,unit:`seconds`},k.s),O({value:200,unit:`milliseconds`},{value:5,unit:`seconds`},k.s),O({value:500,unit:`milliseconds`},{value:10,unit:`seconds`},k.s),O({value:1,unit:`seconds`},{value:20,unit:`seconds`},k.ms),O({value:2,unit:`seconds`},{value:30,unit:`seconds`},k.ms),O({value:5,unit:`seconds`},{value:1,unit:`minutes`},k.mi),O({value:10,unit:`seconds`},{value:2,unit:`minutes`},k.mi),O({value:20,unit:`seconds`},{value:5,unit:`minutes`},k.mi),O({value:40,unit:`seconds`},{value:10,unit:`minutes`},k.mi),O({value:1,unit:`minutes`},{value:30,unit:`minutes`},k.hm),O({value:2,unit:`minutes`},{value:1,unit:`hours`},k.hm),O({value:5,unit:`minutes`},{value:2,unit:`hours`},k.hm),O({value:10,unit:`minutes`},{value:4,unit:`hours`},k.hm),O({value:20,unit:`minutes`},{value:8,unit:`hours`},k.hm),O({value:40,unit:`minutes`},{value:12,unit:`hours`},k.hm),O({value:1,unit:`hours`},{value:1,unit:`days`},k.dm),O({value:2,unit:`hours`},{value:2,unit:`days`},k.dm),O({value:5,unit:`hours`},{value:4,unit:`days`},k.dm),O({value:10,unit:`hours`},{value:10,unit:`days`},k.dm),O({value:20,unit:`hours`},{value:15,unit:`days`},k.dm),O({value:1,unit:`days`},{value:20,unit:`days`},k.dm),O({value:2,unit:`days`},{value:1,unit:`months`},k.m),O({value:5,unit:`days`},{value:3,unit:`months`},k.m),O({value:10,unit:`days`},{value:6,unit:`months`},k.my),O({value:20,unit:`days`},{value:1,unit:`years`},k.y),O({value:1,unit:`months`},{value:2,unit:`years`},k.y),O({value:2,unit:`months`},{value:4,unit:`years`},k.y),O({value:5,unit:`months`},{value:10,unit:`years`},k.y),O({value:1,unit:`years`},{value:20,unit:`years`},k.y),O({value:2,unit:`years`},{value:50,unit:`years`},k.y),O({value:5,unit:`years`},{value:100,unit:`years`},k.y),O({value:10,unit:`years`},{value:200,unit:`years`},k.y),O({value:20,unit:`years`},{value:500,unit:`years`},k.y),O({value:50,unit:`years`},{value:1e3,unit:`years`},k.y),O({value:1,unit:`centuries`},{value:20,unit:`centuries`},k.y),O({value:2,unit:`centuries`},{value:50,unit:`centuries`},k.y),O({value:5,unit:`centuries`},{value:100,unit:`centuries`},k.y),O({value:10,unit:`centuries`},{value:200,unit:`centuries`},k.y),O({value:20,unit:`centuries`},{value:500,unit:`centuries`},k.y),O({value:50,unit:`centuries`},{value:1e3,unit:`centuries`},k.y),O({value:100,unit:`centuries`},{value:2e3,unit:`centuries`},k.y),O({value:200,unit:`centuries`},{value:5e3,unit:`centuries`},k.y),O({value:500,unit:`centuries`},{value:1e4,unit:`centuries`},k.y),O({value:1e3,unit:`centuries`},{value:2e4,unit:`centuries`},k.y)];function j(e){return w(`div`,{class:E.warning},w(`calcite-icon`,{class:E.warningIcon,icon:`exclamation-mark-triangle`}),w(`calcite-label`,{alignment:`center`,class:E.warningLabel,scale:`s`},e))}let M=class extends y{constructor(e,t){super(e,t),this._allLayouts=[`auto`,`compact`,`wide`],this._ignoreNextSliderUpdate=!1,this._slider=new v({suppressDeprecationWarning:!0,precision:0,visibleElements:{rangeLabels:!1},rangeLabelInputsEnabled:!1,thumbsConstrained:!1}),this._tickFormat=null,this.disabled=!1,this.labelFormatFunction=null,this.messages=null,this.tickConfigs=null,this.timeVisible=!1,this.viewModel=new D({suppressDeprecationWarning:!0}),this.announceDeprecation=()=>{r(i.getLogger(this),`Time Slider`,`arcgis-time-slider`,{version:`5.0`})}}initialize(){this.addHandles([a(()=>this._slider.values,e=>{if(this._ignoreNextSliderUpdate){this._ignoreNextSliderUpdate=!1;return}let t=this.viewModel.valuesToTimeExtent(e);this.timeExtent?t?this.timeExtent.equals(t)||(this.timeExtent=t):this.timeExtent=null:t&&(this.timeExtent=t)}),a(()=>this.effectiveStops,()=>this._updateSliderSteps(),o)])}loadDependencies(){return b({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-menu":()=>import(`@esri/calcite-components/dist/components/calcite-action-menu`),button:()=>import(`@esri/calcite-components/dist/components/calcite-button`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`),label:()=>import(`@esri/calcite-components/dist/components/calcite-label`)})}destroy(){this._slider.destroy(),this._tickFormat=null}get _dateFormat(){let{timeZone:e,viewModel:t}=this,n=t.isPreCommonEra?`short`:void 0;return this._getIntlOptions(`short-date`,{era:n,timeZone:e})}get _timeFormat(){let{timeZone:e}=this;return this._getIntlOptions(`long-time`,{timeZone:e})}get actions(){return this.viewModel.actions}set actions(e){this.viewModel.actions=e}get effectiveStops(){return this.viewModel.effectiveStops}get fullTimeExtent(){return this.viewModel.fullTimeExtent}set fullTimeExtent(e){this.viewModel.fullTimeExtent=e}get icon(){return`clock`}set icon(e){this._overrideIfSome(`icon`,e)}get interactive(){return!(this.disabled||this.viewModel.state===`disabled`||this.timeZone===m)}get label(){return this.messages?.widgetLabel??``}set label(e){this._overrideIfSome(`label`,e)}set layout(e){this._set(`layout`,this._allLayouts.includes(e)?e:`auto`)}get loop(){return this.viewModel.loop}set loop(e){this.viewModel.loop=e}get mode(){return this.viewModel.mode}set mode(e){this.viewModel.mode=e}get playRate(){return this.viewModel.playRate}set playRate(e){this.viewModel.playRate=e}get stops(){return this.viewModel.stops}set stops(e){this.viewModel.stops=e}get tickFormats(){let{timeZone:e}=this;return A.map(({minor:t,major:n,format:r})=>({minor:new _(t),major:new _(n),format:{...r,timeZone:e}}))}get timeExtent(){return this.viewModel.timeExtent}set timeExtent(e){this.viewModel.timeExtent=e}get timeZone(){return this.viewModel.view?.timeZone??h}set timeZone(e){this._overrideIfSome(`timeZone`,e)}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}next(){return this.viewModel.next()}play(){return this.viewModel.play()}previous(){return this.viewModel.previous()}stop(){return this.viewModel.stop()}render(){let{_slider:e,actions:n,domNode:r,effectiveStops:i,fullTimeExtent:a,interactive:o,messages:s,mode:c,tickConfigs:l,timeExtent:u,timeVisible:f,viewModel:{isPreCommonEra:m,state:h,timeExtentValues:g}}=this;if(a){let{start:t,end:n}=a;if(t&&n){let r=t.getTime(),i=n.getTime(),a=e.min!==r||e.max!==i;if(a&&(e.min=r,e.max=i),l)e.tickConfigs!==l&&(e.tickConfigs=l);else{let t=e.trackElement?.offsetWidth||400,n=(i-r)/t,o=this.tickFormats.find(({minor:e})=>e.toMilliseconds()>3*n)??this.tickFormats.at(-1),s=o&&this._tickFormat!==o;if(s&&(this._tickFormat=o),a||s){let t={mode:`position`,values:this._getTickPositions(o.minor),labelsVisible:!1,tickCreatedFunction:(e,t)=>{t?.classList.add(E.sliderMinorTick)}},n={...o.format,era:o.format.year&&m?`short`:void 0};e.tickConfigs=[t,{mode:`position`,values:this._getTickPositions(o.major),labelsVisible:!0,tickCreatedFunction:(e,t)=>{t?.classList.add(E.sliderMajorTick)},labelFormatFunction:e=>d(e,n)}]}}}}let _=!this.fullTimeExtent?.start||!this.fullTimeExtent.end||!this.timeExtent||this.timeExtent.isAllTime||this.timeExtent.isEmpty||this.timeExtent.start&&(this.timeExtent.start<this.fullTimeExtent.start||this.timeExtent.start>this.fullTimeExtent.end)||this.timeExtent.end&&(this.timeExtent.end>this.fullTimeExtent.end||this.timeExtent.end<this.fullTimeExtent.start);if(_)switch(this._ignoreNextSliderUpdate=!0,c){case`time-window`:e.values=[e.min,e.max];break;case`instant`:case`cumulative-from-end`:e.values=[e.min];break;case`cumulative-from-start`:e.values=[e.max]}else g?t(e.values,g)||(e.values=g):e.values=null;e.disabled=!o;let v=_||!o||!i?.length,y=this.layout===`auto`?r.clientWidth<858?`compact`:`wide`:this.layout,b=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.play,disabled:v,iconStart:h===`playing`?`pause`:`play`,kind:`neutral`,label:h===`playing`?s.control.stop:s.control.play,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._playOrStopClick}),S=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.timeExtentStartDate,"data-date":u?[u.start,u.end]:null,"data-layout":y,"data-type":`extent`,key:E.timeExtentStartDate}):!u||u.isAllTime?j(s.noTimeExtent):u.isEmpty?j(s.emptyTimeExtent):[u?.start&&w(`div`,{class:E.timeExtentStartGroup,key:E.timeExtentStartGroup},w(`calcite-label`,{alignment:`center`,class:E.timeExtentStartDate,key:E.timeExtentStartDate,scale:`s`},this._formatDate(u.start)),f?w(`calcite-label`,{alignment:`center`,class:E.timeExtentStartTime,key:E.timeExtentStartTime,scale:`s`},this._formatTime(u.start)):null),u.start&&u.end&&u.start.getTime()!==u.end.getTime()&&w(`div`,{class:E.timeExtentSeparator,key:E.timeExtentSeparator}),u?.end&&(!u.start||u.start.getTime()!==u.end.getTime())&&w(`div`,{class:E.timeExtentEndGroup,key:E.timeExtentEndGroup},w(`calcite-label`,{alignment:`center`,class:E.timeExtentEndDate,key:E.timeExtentEndDate,scale:`s`},this._formatDate(u.end)),f?w(`calcite-label`,{alignment:`center`,class:E.timeExtentEndTime,key:E.timeExtentEndTime,scale:`s`},this._formatTime(u.end)):null)],C=w(`div`,{class:E.timeExtent},S),D=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.minDate,"data-date":a?.start,"data-layout":y,"data-type":`min`,key:E.minDate}):a?.start&&[w(`calcite-label`,{class:E.minDate,key:E.minDate,scale:`s`},this._formatDate(a.start)),f&&w(`calcite-label`,{class:E.minTime,key:E.minTime,scale:`s`},this._formatTime(a.start))],O=w(`div`,{class:E.min},D),k=w(`div`,{class:E.slider},e.render()),A=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.maxDate,"data-date":a?.end,"data-layout":y,"data-type":`max`,key:E.maxDate}):a?.end&&[w(`calcite-label`,{class:E.maxDate,key:E.maxDate,scale:`s`},this._formatDate(a.end)),f&&w(`calcite-label`,{class:E.maxTime,key:E.maxTime,scale:`s`},this._formatTime(a.end))],M=w(`div`,{class:E.max},A),N=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.previous,disabled:v||h===`playing`,iconStart:`reverse`,kind:`neutral`,label:s.pagination.previous,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._previousClick}),P=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.next,disabled:v||h===`playing`,iconStart:`forward`,kind:`neutral`,label:s.pagination.next,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._nextClick}),F=n?.length>0,I=F&&w(`calcite-action-menu`,{class:E.actions,label:s.options},n.toArray().map(e=>w(`calcite-action`,{bind:this,icon:e.icon,id:e.id,text:e.title,textEnabled:!0,onclick:()=>this.viewModel.triggerAction(e)})));return w(`div`,{afterCreate:e=>{this.addHandles(T(e,()=>this.scheduleRender()))},"aria-label":s.widgetLabel,class:this.classes(E.timeSlider,x.widget,`${E.timeSliderMode}${c}`,`${E.timeSliderLayout}${y}`,!o&&E.timeSliderDisabled,_&&E.timeSliderOutOfBounds,F&&E.hasActions,p(this.container))},y===`wide`&&w(`div`,{class:E.timeSliderRow},w(`div`,{class:E.playbackControls},[b,C,O,k,M,N,P]),I),y===`compact`&&[w(`div`,{class:E.timeSliderRow,key:`time-slider-row-1`},[C,I]),w(`div`,{class:E.timeSliderRow,key:`time-slider-row-2`},[k]),w(`div`,{class:E.timeSliderRow,key:`time-slider-row-3`},[O,N,b,P,M])])}updateWebDocument(e){this.viewModel?.updateWebDocument(e)}_createLabel(e){if(!this.labelFormatFunction)return;let t=e.getAttribute(`data-type`),n=e.getAttribute(`data-layout`),r=e[`data-date`];this.labelFormatFunction(r,t,e,n)}_formatDate(e){return d(e,this._dateFormat)}_formatTime(e){return d(e,this._timeFormat)}_getIntlOptions(e,t){return{...f(e),...t}}_getTickPositions(e){let{fullTimeExtent:t}=this;if(!t?.start||!t.end)return[];let{start:n,end:r}=t,i=[],{value:a,unit:o}=e,l=s(n,e,this.timeZone);for(;l.getTime()<=r.getTime();)l.getTime()>=n.getTime()&&i.push(l.getTime()),l=c(l,a,o,this.timeZone);return i}_updateSliderSteps(){this._slider.steps=this.effectiveStops&&this.effectiveStops.length>0?this.effectiveStops.map(e=>e.getTime()):null}_playOrStopClick(){switch(this.viewModel.state){case`ready`:this.viewModel.play();break;case`playing`:this.viewModel.stop();break;case`disabled`:break;default:this.viewModel.state}}_previousClick(){this.viewModel.previous()}_nextClick(){this.viewModel.next()}};e([l()],M.prototype,`_dateFormat`,null),e([l()],M.prototype,`_timeFormat`,null),e([l({type:n})],M.prototype,`actions`,null),e([l()],M.prototype,`disabled`,void 0),e([l()],M.prototype,`effectiveStops`,null),e([l({type:g})],M.prototype,`fullTimeExtent`,null),e([l()],M.prototype,`icon`,null),e([l({readOnly:!0})],M.prototype,`interactive`,null),e([l()],M.prototype,`label`,null),e([l()],M.prototype,`labelFormatFunction`,void 0),e([l({value:`auto`})],M.prototype,`layout`,null),e([l()],M.prototype,`loop`,null),e([l(),S(`esri/widgets/TimeSlider/t9n/TimeSlider`)],M.prototype,`messages`,void 0),e([l()],M.prototype,`mode`,null),e([l()],M.prototype,`playRate`,null),e([l()],M.prototype,`stops`,null),e([l()],M.prototype,`tickConfigs`,void 0),e([l()],M.prototype,`tickFormats`,null),e([l({type:g})],M.prototype,`timeExtent`,null),e([l({nonNullable:!0})],M.prototype,`timeVisible`,void 0),e([l()],M.prototype,`timeZone`,null),e([l()],M.prototype,`view`,null),e([l({type:D}),C(`trigger-action`)],M.prototype,`viewModel`,void 0),M=e([u(`esri.widgets.TimeSlider`)],M);const N=M;export{N as default};
+import{__decorate as e}from"tslib";import{equals as t}from"../core/arrayUtils.js";import n from"../core/Collection.js";import{deprecateWidget as r}from"../core/deprecate.js";import i from"../core/Logger.js";import{watch as a,initial as o}from"../core/reactiveUtils.js";import{truncateDate as s,offsetDate as c}from"../core/timeUtils.js";import{property as l,subclass as u}from"../core/accessorSupport/decorators.js";import{formatDate as d,convertDateFormatToIntlOptions as f}from"../intl/date.js";import{getCalciteModeClass as p}from"../support/modeUtils.js";import{unknown as m,system as h}from"../time/constants.js";import g from"../time/TimeExtent.js";import _ from"../time/TimeInterval.js";import v from"./Slider.js";import y from"./Widget.js";import{loadCalciteComponents as b}from"./support/componentsUtils.js";import{globalCss as x}from"./support/globalCss.js";import{messageBundle as S,vmEvent as C,tsx as w}from"./support/widget.js";import{onResize as T}from"./support/widgetUtils.js";import{css as E}from"./TimeSlider/css.js";import D from"./TimeSlider/TimeSliderViewModel.js";const O=(e,t,n)=>({minor:e,major:t,format:n}),k={sf:{second:`numeric`,fractionalSecondDigits:3},s:{second:`numeric`},ms:{minute:`numeric`,second:`numeric`},mi:{minute:`numeric`},hm:{hour:`numeric`,minute:`numeric`},dm:{day:`numeric`,month:`short`},m:{month:`short`},my:{month:`short`,year:`numeric`},y:{year:`numeric`}},A=[O({value:1,unit:`milliseconds`},{value:20,unit:`milliseconds`},k.sf),O({value:2,unit:`milliseconds`},{value:50,unit:`milliseconds`},k.sf),O({value:5,unit:`milliseconds`},{value:100,unit:`milliseconds`},k.sf),O({value:10,unit:`milliseconds`},{value:200,unit:`milliseconds`},k.sf),O({value:20,unit:`milliseconds`},{value:500,unit:`milliseconds`},k.sf),O({value:50,unit:`milliseconds`},{value:1,unit:`seconds`},k.s),O({value:100,unit:`milliseconds`},{value:2,unit:`seconds`},k.s),O({value:200,unit:`milliseconds`},{value:5,unit:`seconds`},k.s),O({value:500,unit:`milliseconds`},{value:10,unit:`seconds`},k.s),O({value:1,unit:`seconds`},{value:20,unit:`seconds`},k.ms),O({value:2,unit:`seconds`},{value:30,unit:`seconds`},k.ms),O({value:5,unit:`seconds`},{value:1,unit:`minutes`},k.mi),O({value:10,unit:`seconds`},{value:2,unit:`minutes`},k.mi),O({value:20,unit:`seconds`},{value:5,unit:`minutes`},k.mi),O({value:40,unit:`seconds`},{value:10,unit:`minutes`},k.mi),O({value:1,unit:`minutes`},{value:30,unit:`minutes`},k.hm),O({value:2,unit:`minutes`},{value:1,unit:`hours`},k.hm),O({value:5,unit:`minutes`},{value:2,unit:`hours`},k.hm),O({value:10,unit:`minutes`},{value:4,unit:`hours`},k.hm),O({value:20,unit:`minutes`},{value:8,unit:`hours`},k.hm),O({value:40,unit:`minutes`},{value:12,unit:`hours`},k.hm),O({value:1,unit:`hours`},{value:1,unit:`days`},k.dm),O({value:2,unit:`hours`},{value:2,unit:`days`},k.dm),O({value:5,unit:`hours`},{value:4,unit:`days`},k.dm),O({value:10,unit:`hours`},{value:10,unit:`days`},k.dm),O({value:20,unit:`hours`},{value:15,unit:`days`},k.dm),O({value:1,unit:`days`},{value:20,unit:`days`},k.dm),O({value:2,unit:`days`},{value:1,unit:`months`},k.m),O({value:5,unit:`days`},{value:3,unit:`months`},k.m),O({value:10,unit:`days`},{value:6,unit:`months`},k.my),O({value:20,unit:`days`},{value:1,unit:`years`},k.y),O({value:1,unit:`months`},{value:2,unit:`years`},k.y),O({value:2,unit:`months`},{value:4,unit:`years`},k.y),O({value:5,unit:`months`},{value:10,unit:`years`},k.y),O({value:1,unit:`years`},{value:20,unit:`years`},k.y),O({value:2,unit:`years`},{value:50,unit:`years`},k.y),O({value:5,unit:`years`},{value:100,unit:`years`},k.y),O({value:10,unit:`years`},{value:200,unit:`years`},k.y),O({value:20,unit:`years`},{value:500,unit:`years`},k.y),O({value:50,unit:`years`},{value:1e3,unit:`years`},k.y),O({value:1,unit:`centuries`},{value:20,unit:`centuries`},k.y),O({value:2,unit:`centuries`},{value:50,unit:`centuries`},k.y),O({value:5,unit:`centuries`},{value:100,unit:`centuries`},k.y),O({value:10,unit:`centuries`},{value:200,unit:`centuries`},k.y),O({value:20,unit:`centuries`},{value:500,unit:`centuries`},k.y),O({value:50,unit:`centuries`},{value:1e3,unit:`centuries`},k.y),O({value:100,unit:`centuries`},{value:2e3,unit:`centuries`},k.y),O({value:200,unit:`centuries`},{value:5e3,unit:`centuries`},k.y),O({value:500,unit:`centuries`},{value:1e4,unit:`centuries`},k.y),O({value:1e3,unit:`centuries`},{value:2e4,unit:`centuries`},k.y)];function j(e){return w(`div`,{class:E.warning},w(`calcite-icon`,{class:E.warningIcon,icon:`exclamation-mark-triangle`}),w(`calcite-label`,{alignment:`center`,class:E.warningLabel,scale:`s`},e))}let M=class extends y{constructor(e,t){super(e,t),this._allLayouts=[`auto`,`compact`,`wide`],this._ignoreNextSliderUpdate=!1,this._slider=new v({suppressDeprecationWarning:!0,precision:0,visibleElements:{rangeLabels:!1},rangeLabelInputsEnabled:!1,thumbsConstrained:!1}),this._tickFormat=null,this.disabled=!1,this.labelFormatFunction=null,this.messages=null,this.tickConfigs=null,this.timeVisible=!1,this.viewModel=new D({suppressDeprecationWarning:!0}),this.announceDeprecation=()=>{r(i.getLogger(this),`Time Bar`,`arcgis-time-bar`,{version:`5.0`})}}initialize(){this.addHandles([a(()=>this._slider.values,e=>{if(this._ignoreNextSliderUpdate){this._ignoreNextSliderUpdate=!1;return}let t=this.viewModel.valuesToTimeExtent(e);this.timeExtent?t?this.timeExtent.equals(t)||(this.timeExtent=t):this.timeExtent=null:t&&(this.timeExtent=t)}),a(()=>this.effectiveStops,()=>this._updateSliderSteps(),o)])}loadDependencies(){return b({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-menu":()=>import(`@esri/calcite-components/dist/components/calcite-action-menu`),button:()=>import(`@esri/calcite-components/dist/components/calcite-button`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`),label:()=>import(`@esri/calcite-components/dist/components/calcite-label`)})}destroy(){this._slider.destroy(),this._tickFormat=null}get _dateFormat(){let{timeZone:e,viewModel:t}=this,n=t.isPreCommonEra?`short`:void 0;return this._getIntlOptions(`short-date`,{era:n,timeZone:e})}get _timeFormat(){let{timeZone:e}=this;return this._getIntlOptions(`long-time`,{timeZone:e})}get actions(){return this.viewModel.actions}set actions(e){this.viewModel.actions=e}get effectiveStops(){return this.viewModel.effectiveStops}get fullTimeExtent(){return this.viewModel.fullTimeExtent}set fullTimeExtent(e){this.viewModel.fullTimeExtent=e}get icon(){return`clock`}set icon(e){this._overrideIfSome(`icon`,e)}get interactive(){return!(this.disabled||this.viewModel.state===`disabled`||this.timeZone===m)}get label(){return this.messages?.widgetLabel??``}set label(e){this._overrideIfSome(`label`,e)}set layout(e){this._set(`layout`,this._allLayouts.includes(e)?e:`auto`)}get loop(){return this.viewModel.loop}set loop(e){this.viewModel.loop=e}get mode(){return this.viewModel.mode}set mode(e){this.viewModel.mode=e}get playRate(){return this.viewModel.playRate}set playRate(e){this.viewModel.playRate=e}get stops(){return this.viewModel.stops}set stops(e){this.viewModel.stops=e}get tickFormats(){let{timeZone:e}=this;return A.map(({minor:t,major:n,format:r})=>({minor:new _(t),major:new _(n),format:{...r,timeZone:e}}))}get timeExtent(){return this.viewModel.timeExtent}set timeExtent(e){this.viewModel.timeExtent=e}get timeZone(){return this.viewModel.view?.timeZone??h}set timeZone(e){this._overrideIfSome(`timeZone`,e)}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}next(){return this.viewModel.next()}play(){return this.viewModel.play()}previous(){return this.viewModel.previous()}stop(){return this.viewModel.stop()}render(){let{_slider:e,actions:n,domNode:r,effectiveStops:i,fullTimeExtent:a,interactive:o,messages:s,mode:c,tickConfigs:l,timeExtent:u,timeVisible:f,viewModel:{isPreCommonEra:m,state:h,timeExtentValues:g}}=this;if(a){let{start:t,end:n}=a;if(t&&n){let r=t.getTime(),i=n.getTime(),a=e.min!==r||e.max!==i;if(a&&(e.min=r,e.max=i),l)e.tickConfigs!==l&&(e.tickConfigs=l);else{let t=e.trackElement?.offsetWidth||400,n=(i-r)/t,o=this.tickFormats.find(({minor:e})=>e.toMilliseconds()>3*n)??this.tickFormats.at(-1),s=o&&this._tickFormat!==o;if(s&&(this._tickFormat=o),a||s){let t={mode:`position`,values:this._getTickPositions(o.minor),labelsVisible:!1,tickCreatedFunction:(e,t)=>{t?.classList.add(E.sliderMinorTick)}},n={...o.format,era:o.format.year&&m?`short`:void 0};e.tickConfigs=[t,{mode:`position`,values:this._getTickPositions(o.major),labelsVisible:!0,tickCreatedFunction:(e,t)=>{t?.classList.add(E.sliderMajorTick)},labelFormatFunction:e=>d(e,n)}]}}}}let _=!this.fullTimeExtent?.start||!this.fullTimeExtent.end||!this.timeExtent||this.timeExtent.isAllTime||this.timeExtent.isEmpty||this.timeExtent.start&&(this.timeExtent.start<this.fullTimeExtent.start||this.timeExtent.start>this.fullTimeExtent.end)||this.timeExtent.end&&(this.timeExtent.end>this.fullTimeExtent.end||this.timeExtent.end<this.fullTimeExtent.start);if(_)switch(this._ignoreNextSliderUpdate=!0,c){case`time-window`:e.values=[e.min,e.max];break;case`instant`:case`cumulative-from-end`:e.values=[e.min];break;case`cumulative-from-start`:e.values=[e.max]}else g?t(e.values,g)||(e.values=g):e.values=null;e.disabled=!o;let v=_||!o||!i?.length,y=this.layout===`auto`?r.clientWidth<858?`compact`:`wide`:this.layout,b=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.play,disabled:v,iconStart:h===`playing`?`pause`:`play`,kind:`neutral`,label:h===`playing`?s.control.stop:s.control.play,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._playOrStopClick}),S=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.timeExtentStartDate,"data-date":u?[u.start,u.end]:null,"data-layout":y,"data-type":`extent`,key:E.timeExtentStartDate}):!u||u.isAllTime?j(s.noTimeExtent):u.isEmpty?j(s.emptyTimeExtent):[u?.start&&w(`div`,{class:E.timeExtentStartGroup,key:E.timeExtentStartGroup},w(`calcite-label`,{alignment:`center`,class:E.timeExtentStartDate,key:E.timeExtentStartDate,scale:`s`},this._formatDate(u.start)),f?w(`calcite-label`,{alignment:`center`,class:E.timeExtentStartTime,key:E.timeExtentStartTime,scale:`s`},this._formatTime(u.start)):null),u.start&&u.end&&u.start.getTime()!==u.end.getTime()&&w(`div`,{class:E.timeExtentSeparator,key:E.timeExtentSeparator}),u?.end&&(!u.start||u.start.getTime()!==u.end.getTime())&&w(`div`,{class:E.timeExtentEndGroup,key:E.timeExtentEndGroup},w(`calcite-label`,{alignment:`center`,class:E.timeExtentEndDate,key:E.timeExtentEndDate,scale:`s`},this._formatDate(u.end)),f?w(`calcite-label`,{alignment:`center`,class:E.timeExtentEndTime,key:E.timeExtentEndTime,scale:`s`},this._formatTime(u.end)):null)],C=w(`div`,{class:E.timeExtent},S),D=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.minDate,"data-date":a?.start,"data-layout":y,"data-type":`min`,key:E.minDate}):a?.start&&[w(`calcite-label`,{class:E.minDate,key:E.minDate,scale:`s`},this._formatDate(a.start)),f&&w(`calcite-label`,{class:E.minTime,key:E.minTime,scale:`s`},this._formatTime(a.start))],O=w(`div`,{class:E.min},D),k=w(`div`,{class:E.slider},e.render()),A=this.labelFormatFunction?w(`div`,{afterCreate:this._createLabel,afterUpdate:this._createLabel,bind:this,class:E.maxDate,"data-date":a?.end,"data-layout":y,"data-type":`max`,key:E.maxDate}):a?.end&&[w(`calcite-label`,{class:E.maxDate,key:E.maxDate,scale:`s`},this._formatDate(a.end)),f&&w(`calcite-label`,{class:E.maxTime,key:E.maxTime,scale:`s`},this._formatTime(a.end))],M=w(`div`,{class:E.max},A),N=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.previous,disabled:v||h===`playing`,iconStart:`reverse`,kind:`neutral`,label:s.pagination.previous,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._previousClick}),P=w(`calcite-button`,{appearance:`transparent`,bind:this,class:E.next,disabled:v||h===`playing`,iconStart:`forward`,kind:`neutral`,label:s.pagination.next,scale:y===`wide`?`l`:`m`,width:`full`,onclick:this._nextClick}),F=n?.length>0,I=F&&w(`calcite-action-menu`,{class:E.actions,label:s.options},n.toArray().map(e=>w(`calcite-action`,{bind:this,icon:e.icon,id:e.id,text:e.title,textEnabled:!0,onclick:()=>this.viewModel.triggerAction(e)})));return w(`div`,{afterCreate:e=>{this.addHandles(T(e,()=>this.scheduleRender()))},"aria-label":s.widgetLabel,class:this.classes(E.timeSlider,x.widget,`${E.timeSliderMode}${c}`,`${E.timeSliderLayout}${y}`,!o&&E.timeSliderDisabled,_&&E.timeSliderOutOfBounds,F&&E.hasActions,p(this.container))},y===`wide`&&w(`div`,{class:E.timeSliderRow},w(`div`,{class:E.playbackControls},[b,C,O,k,M,N,P]),I),y===`compact`&&[w(`div`,{class:E.timeSliderRow,key:`time-slider-row-1`},[C,I]),w(`div`,{class:E.timeSliderRow,key:`time-slider-row-2`},[k]),w(`div`,{class:E.timeSliderRow,key:`time-slider-row-3`},[O,N,b,P,M])])}updateWebDocument(e){this.viewModel?.updateWebDocument(e)}_createLabel(e){if(!this.labelFormatFunction)return;let t=e.getAttribute(`data-type`),n=e.getAttribute(`data-layout`),r=e[`data-date`];this.labelFormatFunction(r,t,e,n)}_formatDate(e){return d(e,this._dateFormat)}_formatTime(e){return d(e,this._timeFormat)}_getIntlOptions(e,t){return{...f(e),...t}}_getTickPositions(e){let{fullTimeExtent:t}=this;if(!t?.start||!t.end)return[];let{start:n,end:r}=t,i=[],{value:a,unit:o}=e,l=s(n,e,this.timeZone);for(;l.getTime()<=r.getTime();)l.getTime()>=n.getTime()&&i.push(l.getTime()),l=c(l,a,o,this.timeZone);return i}_updateSliderSteps(){this._slider.steps=this.effectiveStops&&this.effectiveStops.length>0?this.effectiveStops.map(e=>e.getTime()):null}_playOrStopClick(){switch(this.viewModel.state){case`ready`:this.viewModel.play();break;case`playing`:this.viewModel.stop();break;case`disabled`:break;default:this.viewModel.state}}_previousClick(){this.viewModel.previous()}_nextClick(){this.viewModel.next()}};e([l()],M.prototype,`_dateFormat`,null),e([l()],M.prototype,`_timeFormat`,null),e([l({type:n})],M.prototype,`actions`,null),e([l()],M.prototype,`disabled`,void 0),e([l()],M.prototype,`effectiveStops`,null),e([l({type:g})],M.prototype,`fullTimeExtent`,null),e([l()],M.prototype,`icon`,null),e([l({readOnly:!0})],M.prototype,`interactive`,null),e([l()],M.prototype,`label`,null),e([l()],M.prototype,`labelFormatFunction`,void 0),e([l({value:`auto`})],M.prototype,`layout`,null),e([l()],M.prototype,`loop`,null),e([l(),S(`esri/widgets/TimeSlider/t9n/TimeSlider`)],M.prototype,`messages`,void 0),e([l()],M.prototype,`mode`,null),e([l()],M.prototype,`playRate`,null),e([l()],M.prototype,`stops`,null),e([l()],M.prototype,`tickConfigs`,void 0),e([l()],M.prototype,`tickFormats`,null),e([l({type:g})],M.prototype,`timeExtent`,null),e([l({nonNullable:!0})],M.prototype,`timeVisible`,void 0),e([l()],M.prototype,`timeZone`,null),e([l()],M.prototype,`view`,null),e([l({type:D}),C(`trigger-action`)],M.prototype,`viewModel`,void 0),M=e([u(`esri.widgets.TimeSlider`)],M);const N=M;export{N as default};

package/widgets/Track/TrackViewModel.d.ts

@@ -2,8 +2,10 @@ import type GeolocationPositioning from "../support/GeolocationPositioning.js";
 import type { PositionFilterFunction } from "./types.js";
 import type { GeolocationPositioningProperties } from "../support/GeolocationPositioning.js";
 
+/** @deprecated since 5.2. Use the [Track component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/) instead. */
 export interface TrackViewModelProperties extends GeolocationPositioningProperties, Partial<Pick<TrackViewModel, "error" | "positionFilterFunction" | "rotationEnabled">> {}
 
+/** @deprecated since 5.2. Use the [TrackViewModelState type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/types/#TrackViewModelState) from the Track component instead. */
 export type TrackViewModelState = "error" | "disabled" | "ready" | "waiting" | "tracking" | "feature-unsupported";
 
 /** @deprecated since version 5.1. Use the [Track component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
@@ -22,11 +24,13 @@ export interface TrackViewModelEvents {
   "track-error": TrackViewModelTrackErrorEvent;
 }
 
+/** @deprecated since 5.2. Use the Track component's [`arcgisComplete` event](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/#event-arcgisComplete) instead. */
 export interface TrackViewModelTrackEvent {
   /** Geolocation coordinates returned from the [Geolocation API](https://developers.arcgis.com/javascript/latest/references/core/widgets/Track/#geolocationOptions). */
   position: GeolocationPosition;
 }
 
+/** @deprecated since 5.2. Use the Track component's [`arcgisError` event](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/#event-arcgisError) instead. */
 export interface TrackViewModelTrackErrorEvent {
   /** The Error object returned if an error occurred while tracking. */
   error: GeolocationPositionError | Error;

package/widgets/Track/types.d.ts

@@ -1,5 +1,6 @@
 /**
  * @param args - An object containing the position to be filtered.
+ * @deprecated since 5.2. Use the Track component's [`positionFilterFunction` property](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/#positionFilterFunction) and [PositionFilterFunction type](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/types/#PositionFilterFunction) instead.
  * @since 5.0
  */
 export type PositionFilterFunction = (args: { position: any; }) => boolean;

package/widgets/support/Selector3D/selectorUtils.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{ignoreAbortErrors as e,whenOrAbort as t}from"../../../core/promiseUtils.js";import{isSelectableLayerViewBase as n}from"../../../views/support/selectionUtils.js";async function r(n){let{selector:r,signal:a,sources:o,view:s}=n;if(!o.length)return[];let c=i(o);if(!c.length)return[];let l=[],u=new Set;return await e(t(s.hitTest(r,{include:c}).then(({results:e})=>{e.forEach(e=>{e.type===`graphic`&&!u.has(e.graphic)&&(u.add(e.graphic),l.push(e.graphic))})}),a)),l}function i(e){let t=[];return e.forEach(e=>{n(e)&&t.push(e.layer)}),t}export{r as getSelectionFromScreenSelector};
+import{ignoreAbortErrors as e,whenOrAbort as t}from"../../../core/promiseUtils.js";import{isSelectableLayerViewBase as n,isSelectableLayer as r}from"../../../views/support/selectionUtils.js";async function i(n){let{selector:r,signal:i,sources:o,view:s}=n;if(!o.length)return[];let c=a(o);if(!c.length)return[];let l=[],u=new Set;return await e(t(s.hitTest(r,{include:c}).then(({results:e})=>{e.forEach(e=>{e.type===`graphic`&&!u.has(e.graphic)&&(u.add(e.graphic),l.push(e.graphic))})}),i)),l}function a(e){let t=[];return e.forEach(e=>{n(e)?t.push(e.layer):r(e)&&t.push(e)}),t}export{i as getSelectionFromScreenSelector};

package/assets/esri/core/workers/chunks/0050916e462e3c9e0627.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkRemoteClient=self.webpackChunkRemoteClient||[]).push([[3346],{76648(e,t,i){function a(e,...t){const i=0===t.length?"false":t[0];return e?"true":i}i.d(t,{t:()=>a})},83058(e,t,i){function a(e){return"l"===e?"m":"s"}async function n(e){await e.componentOnReady(),await e.updateComplete}i.d(t,{c:()=>n,g:()=>a}),i(58933)},65816(e,t,i){i.d(t,["g",0,()=>[2,1,1,1,3].map(e=>{let t="";for(let i=0;i<e;i++)t+=(65536*(1+Math.random())|0).toString(16).substring(1);return t}).join("-")])},30294(e,t,i){i.d(t,{c:()=>n,u:()=>r});var a=i(58933);function n(e,t,i){if(a.S$)return;const n=function(e){class t extends window.MutationObserver{constructor(e){super(e),this.observedEntry=[],this.callback=e}observe(e,t){return this.observedEntry.push({target:e,options:t}),super.observe(e,t)}unobserve(e){const t=this.observedEntry.filter(t=>t.target!==e);this.observedEntry=[],this.callback(super.takeRecords(),this),this.disconnect(),t.forEach(e=>this.observe(e.target,e.options))}}return"intersection"===e?window.IntersectionObserver:"mutation"===e?t:window.ResizeObserver}(e);return new n(t,i)}function r(e,t,i,a){e&&(t&&e.unobserve(t),i&&(e instanceof MutationObserver?e.observe(i,a):e.observe(i)))}},22828(e,t,i){var a=i(30858),n=i(83058),r=i(64209);i.d(t,["u",0,()=>(0,a.aK)((e,t)=>{let i;function a(){i?.abort()}return t.onLoad(()=>{e.listen("focus",()=>{i=new AbortController,e.el.addEventListener("focusout",a,{signal:i.signal})})}),t.onDisconnected(()=>{e.el.removeEventListener("focusout",a)}),async(t,l)=>{if(e.disabled)return;const s=function(e){if(e)return function(e){return"target"in e&&("includeContainer"in e||"strategy"in e)}(e)?e:{target:e}}(t());if(!s)return;const{target:c,includeContainer:o,strategy:d}=s,v=(0,r.g)(e.el),h=v.activeElement;return await(0,n.c)(e),h!==v.activeElement||i&&!i?.signal.aborted?void 0:(e.el.removeEventListener("focus",a),(0,r.f)(c,o,d,e.el,l))}})])},11330(e,t,i){var a=i(30858);i.d(t,["u",0,e=>(0,a.aK)(t=>{function i(i){const{form:a}=t.elementInternals;i.defaultPrevented||t.disabled||e?.disabled?.()||!a||"button"===t.type||("submit"!==t.type?a.reset():a.requestSubmit())}t.listen("luminaFormAssociatedCallback",({detail:[e]})=>{e?t.el.addEventListener("click",i):t.el.removeEventListener("click",i)})})])},4008(e,t,i){var a=i(30858),n=i(83978),r=i(58933);const l=({children:e,disabled:t})=>r.qy`<div class=${(0,n.CP)("interaction-container")} .inert=${t}>${e}</div>`,s=(0,a.aK)((e,t)=>(t.onUpdated(()=>function(e){if(e.disabled)return e.el.setAttribute("aria-disabled","true"),e.el.contains(document.activeElement)&&document.activeElement.blur(),void function(e){var t;e.el.click=c,(t=e.el).addEventListener("pointerdown",o,h),d.forEach(e=>t.addEventListener(e,v,h))}(e);(function(e){var t;delete e.el.click,(t=e.el).removeEventListener("pointerdown",o,h),d.forEach(e=>t.removeEventListener(e,v,h))})(e),e.el.removeAttribute("aria-disabled")}(e)),l));function c(){const{disabled:e}=this;e||HTMLElement.prototype.click.call(this)}function o(e){e.target.disabled&&e.preventDefault()}const d=["mousedown","mouseup","click"];function v(e){e.target.disabled&&(e.stopImmediatePropagation(),e.preventDefault())}const h={capture:!0};i.d(t,["u",0,s])},75447(e,t,i){var a=i(30858),n=i(89301);const r=(0,a.yr)(n.g);i.d(t,["u",0,r])},80234(e,t,i){var a=i(89301),n=i(58933),r=i(83978),l=i(30858),s=i(76648),c=i(30294);const o="flip-rtl",d="svg",v={},h={},u={s:16,m:24,l:32};function p({icon:e,scale:t}){const i=u[t],a=function(e){const t=!isNaN(Number(e.charAt(0))),i=e.split("-");if(i.length>0){const t=/[a-z]/i;e=i.map((e,i)=>e.replace(t,function(e,t){return 0===i&&0===t?e:e.toUpperCase()})).join("")}return t?`i${e}`:e}(e),n="F"===a.charAt(a.length-1);return`${n?a.substring(0,a.length-1):a}${i}${n?"F":""}`}function m(e){return v[e]}const f=n.AH`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`;class g extends r.WF{constructor(){super(...arguments),this.direction=(0,l.jH)(),this.visible=!1,this.flipRtl=!1,this.preload=!1,this.scale="m"}static{this.properties={pathData:[16,{},{state:!0}],visible:[16,{},{state:!0}],flipRtl:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],preload:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],textLabel:1}}static{this.styles=f}connectedCallback(){if(super.connectedCallback(),this.preload)return this.visible=!0,void this.loadIconPathData();this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(e){(e.has("icon")&&(this.hasUpdated||void 0!==this.icon)||e.has("scale")&&(this.hasUpdated||"m"!==this.scale))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0}async loadIconPathData(){const{icon:e,scale:t,visible:i}=this;if(n.S$||!e||!i)return;const r={icon:e,scale:t},l=m(p(r))||await async function(e){const t=p(e),i=m(t);if(i)return i;h[t]||(h[t]=fetch((0,a.g)(`./assets/icon/${t}.json`)).then(e=>e.json()).catch(()=>(a.l.error(`${e.icon} (${e.scale}) icon failed to load`),"")));const n=await h[t];return v[t]=n,n}(r);e===this.icon&&(this.pathData=l)}waitUntilVisible(e){this.intersectionObserver=(0,c.c)("intersection",t=>{t.forEach(t=>{t.isIntersecting&&(this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0,e())})},{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):e()}render(){const{flipRtl:e,pathData:t,scale:i,textLabel:a}=this,l=this.direction,c=u[i],v=!!a,h=Array.isArray(t)?t:[t??""];return this.el.ariaHidden=(0,s.t)(!v),this.el.ariaLabel=v?a:null,this.el.role=v?"img":null,n.qy`<svg aria-hidden=true class=${(0,r.CP)({[o]:"rtl"===l&&e,[d]:!0})} fill=currentColor height=100% viewBox=${`0 0 ${c} ${c}`} width=100% xmlns=http://www.w3.org/2000/svg>${h.map(e=>"string"==typeof e?n.JW`<path d=${e??n.s6} />`:n.JW`<path d=${e.d??n.s6} opacity=${("opacity"in e?e.opacity:1)??n.s6} />`)}</svg>`}}(0,a.c)("calcite-icon",g)},40652(e,t,i){var a=i(89301),n=i(58933),r=i(83978),l=i(65816),s=i(75447);const c="ring--progress",o="ring",d="ring--track",v=n.AH`:host{position:relative;margin-inline:auto;display:flex;align-items:center;justify-content:center;opacity:1;flex-direction:column;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke-width:var(--calcite-internal-stroke-width);fill:none;transform:scale(1);padding-block:var(--calcite-loader-spacing, 4rem)}:host([scale=s]){--calcite-internal-stroke-width: 3;--calcite-internal-text-offset: var(--calcite-spacing-xxs);--calcite-internal-loader-font-size: var(--calcite-font-size--3);--calcite-internal-loader-size: 2rem;--calcite-internal-loader-size-inline: .75rem;--calcite-internal-loader-value-line-height: .625rem}:host([scale=m]){--calcite-internal-stroke-width: 6;--calcite-internal-text-offset: var(--calcite-spacing-sm);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-md);--calcite-internal-loader-size: 4rem;--calcite-internal-loader-size-inline: 1rem;--calcite-internal-loader-value-line-height: 1.375rem}:host([scale=l]){--calcite-internal-stroke-width: 8;--calcite-internal-text-offset: var(--calcite-spacing-md);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-loader-size: 6rem;--calcite-internal-loader-size-inline: 1.5rem;--calcite-internal-loader-value-line-height: 1.71875rem}.text{display:block;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);margin-block-start:var(--calcite-loader-text-spacing, var(--calcite-internal-text-offset));font-weight:var(--calcite-loader-text-weight, var(--calcite-font-weight-normal));color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.percentage{display:block;text-align:center;font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));line-height:var(--calcite-internal-loader-value-line-height);align-self:center;color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.rings{position:relative;display:flex;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring--track{stroke:var(--calcite-loader-track-color, var(--calcite-color-transparent-press))}.ring--progress{stroke:var(--calcite-loader-progress-color, var(--calcite-color-brand));transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([type=indeterminate]) .ring--progress{animation:loader-clockwise calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) linear infinite}:host([inline]){--calcite-internal-stroke-width: 2;position:relative;margin:0;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));min-block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));vertical-align:calc(var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline))) * -1 * .2)}:host([inline]) .rings{inset-block-start:0px;margin:0;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring{inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring--progress{stroke:var(--calcite-loader-progress-color-inline, currentColor)}:host([complete]){opacity:0;transform:scale(.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1s,transform var(--calcite-internal-animation-timing-medium) linear 1s}:host([complete]) .rings{opacity:0;transform:scale(.75);transform-origin:center;transition:opacity calc(.18s * var(--calcite-internal-duration-factor)) linear .8s,transform calc(.18s * var(--calcite-internal-duration-factor)) linear .8s}:host([complete]) .percentage{color:var(--calcite-color-brand);transform:scale(1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear,transform var(--calcite-internal-animation-timing-medium) linear}@keyframes loader-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}`;class h extends r.WF{constructor(){super(...arguments),this.messages=(0,s.u)({name:null}),this.complete=!1,this.inline=!1,this.scale="m",this.text="",this.type="indeterminate",this.value=0}static{this.properties={complete:[7,{},{reflect:!0,type:Boolean}],inline:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=v}connectedCallback(){super.connectedCallback(),this.updateFormatter()}load(){requestAnimationFrame(()=>this.valueChangeHandler())}willUpdate(e){e.has("value")&&(this.hasUpdated||0!==this.value)&&this.valueChangeHandler(),(e.has("type")&&(this.hasUpdated||"indeterminate"!==this.type)||e.has("messages"))&&this.updateFormatter()}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&100===this.value}formatValue(){return"determinate-value"!==this.type?`${this.value}`:this.formatter.format(this.value/100)}getSize(e){return{s:32,m:64,l:96}[e]}getInlineSize(e){return{s:12,m:16,l:24}[e]}updateFormatter(){"determinate-value"===this.type&&this.formatter?.resolvedOptions().locale!==this.messages._lang&&(this.formatter=new Intl.NumberFormat(this.messages._lang,{style:"percent"}))}render(){const{el:e,inline:t,label:i,text:a,type:s,value:c}=this,o=e.id||(0,l.g)(),d="indeterminate"!==s,v=Math.floor(c);return this.el.ariaLabel=i,this.el.ariaValueMax=d?"100":null,this.el.ariaValueMin=d?"0":null,this.el.ariaValueNow=d?v.toString():null,(0,r.Bq)(this.el,"id",o),this.el.role="progressbar",n.qy`<div class=${(0,r.CP)("rings")}>${this.renderRing("track")}${this.renderRing("progress")}${!t&&d&&n.qy`<div class=${(0,r.CP)("percentage")}>${this.formatValue()}</div>`||""}</div>${!t&&a&&n.qy`<div class=${(0,r.CP)("text")}>${a}</div>`||""}`}renderRing(e){const{inline:t,scale:i,value:a}=this,l=t?this.getInlineSize(i):this.getSize(i),s=.45*l;let v;if("progress"===e){const e=2*s*Math.PI,t=(this.type.startsWith("determinate")?a:24)/100*e;v={"stroke-dasharray":`${t} ${e-t}`}}return n.qy`<svg aria-hidden=true class=${(0,r.CP)({[o]:!0,[d]:"track"===e,[c]:"progress"===e})} style=${(0,r.zl)(v)} viewBox=${`0 0 ${l} ${l}`}>${n.JW`<circle cx=${l/2} cy=${l/2} r=${s??n.s6} />`}</svg>`}}(0,a.c)("calcite-loader",h)}}]);