@arcgis/map-components 5.2.0-next.104 → 5.2.0-next.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/loader.js CHANGED
@@ -155,11 +155,11 @@ const s = t(e, {
155
155
  "arcgis-swipe": [() => import("./components/arcgis-swipe/customElement.js"), "autoDestroyDisabled,direction,disabled,endLayers:,hideDivider,hideHandle,icon,label,leadingLayers:,messageOverrides:,messages:,position,referenceElement,startLayers:,state:,swipePosition,trailingLayers:,view:;destroy"],
156
156
  "arcgis-table-list": [() => import("./components/arcgis-table-list/customElement.js"), "autoDestroyDisabled,closed,collapsed,dragEnabled,filterPlaceholder,filterPredicate:,filterText,headingLevel,hideStatusIndicators,icon,label,listItemCreatedFunction:,map:,minDragEnabledItems,minFilterItems,referenceElement,selectedItems:,selectionMode,showCloseButton,showCollapseButton,showErrors,showFilter,showHeading,showTemporaryTableIndicators,state:,tableItems:,tables:,view:;destroy"],
157
157
  "arcgis-table-list-next": [() => import("./components/arcgis-table-list-next/customElement.js"), "autoDestroyDisabled,closed,collapsed,dragEnabled,filterPlaceholder,filterPredicate:,filterText,headingLevel,hideNoFilterResultsNotice,hideNoItemsNotice,hideStatusIndicators,icon,label,listItemCanGiveFunction:,listItemCanReceiveFunction:,listItemCreatedFunction:,listModeDisabled,map:,messageOverrides:,messages:,minDragEnabledItems,minFilterItems,referenceElement,selectedItems:,selectionMode,showCloseButton,showCollapseButton,showErrors,showFilter,showHeading,showTemporaryTableIndicators,state:,tableItems:,tables:,view:;destroy"],
158
- "arcgis-time-bar": [() => import("./components/arcgis-time-bar/customElement.js"), "autoDestroyDisabled,disabled,effectiveStops:,format,fullTimeExtent:,icon,label,loadPersistedSettingsDisabled,loop,messageOverrides:,messages:,mode,playRate,referenceElement,savePersistedSettingsDisabled,showNext,showPlay,showPrevious,showSettings,state:,stops:,timeExtent:,timeZone,toolbarKind,view:;applyTimeSettings,destroy,next,play,previous,stop,updateWebDocument"],
158
+ "arcgis-time-bar": [() => import("./components/arcgis-time-bar/customElement.js"), "autoDestroyDisabled,disabled,effectiveStops:,format,fullTimeExtent:,icon,label,loadPersistedSettingsDisabled,loop,messageOverrides:,messages:,mode,playRate,referenceElement,savePersistedSettingsDisabled,showNext,showPlay,showPrevious,showSettings,showTimeExtent,state:,stops:,timeExtent:,timeZone,toolbarKind,view:;applyTimeSettings,destroy,next,play,previous,stop,updateWebDocument"],
159
159
  "arcgis-time-bar-date": [() => import("./components/arcgis-time-bar-date/customElement.js"), "align,autoDestroyDisabled,date:,viewModel:;destroy"],
160
160
  "arcgis-time-bar-extent": [() => import("./components/arcgis-time-bar-extent/customElement.js"), "autoDestroyDisabled,viewModel:;destroy"],
161
161
  "arcgis-time-bar-settings": [() => import("./components/arcgis-time-bar-settings/customElement.js"), "autoDestroyDisabled,messages:,viewModel:;destroy,navigateToOverview"],
162
- "arcgis-time-bar-slider": [() => import("./components/arcgis-time-bar-slider/customElement.js"), "activeValue:,autoDestroyDisabled,showMax,showMin,showTicks,showTimeExtentPopover,viewModel:;destroy"],
162
+ "arcgis-time-bar-slider": [() => import("./components/arcgis-time-bar-slider/customElement.js"), "activeValue:,autoDestroyDisabled,messages:,popoverDisplay,showMax,showMin,showTicks,viewModel:;destroy"],
163
163
  "arcgis-time-slider": [() => import("./components/arcgis-time-slider/customElement.js"), "actions:,autoDestroyDisabled,disabled,effectiveStops:,fullTimeExtent:,icon,label,labelFormatFunction:,layout,loop,mode,playRate,referenceElement,state:,stops:,tickConfigs:,timeExtent:,timeVisible,timeZone,view:;applyTimeSliderSettings,destroy,next,play,previous,stop,updateWebDocument"],
164
164
  "arcgis-time-zone-label": [() => import("./components/arcgis-time-zone-label/customElement.js"), "_messages:,actionIcon,disabled,icon,label,messageOverrides:,referenceElement,state:,view:"],
165
165
  "arcgis-track": [() => import("./components/arcgis-track/customElement.js"), "autoDestroyDisabled,currentPosition:,error:,geolocationOptions:,goToLocationDisabled,goToOverride:,graphic:,icon,label,messageOverrides:,messages:,positionFilterFunction:,referenceElement,rotationDisabled,scale,state:,tracking:,view:,visualScale;destroy,start,stop"],
@@ -766,12 +766,12 @@ interface LuminaArcgisTableListNext extends Partial<Pick<ArcgisTableListNext, "a
766
766
  onarcgisTriggerAction?: EventHandler<ArcgisTableListNext["arcgisTriggerAction"]>;
767
767
  }
768
768
 
769
- interface LuminaArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, h.JSX.HTMLAttributes<ArcgisTimeBar> {
769
+ interface LuminaArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "showTimeExtent" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, h.JSX.HTMLAttributes<ArcgisTimeBar> {
770
770
  onarcgisPropertyChange?: EventHandler<ArcgisTimeBar["arcgisPropertyChange"]>;
771
771
  onarcgisReady?: EventHandler<ArcgisTimeBar["arcgisReady"]>;
772
772
  }
773
773
 
774
- interface LuminaArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "showMax" | "showMin" | "showTicks" | "showTimeExtentPopover" | "viewModel">>, h.JSX.HTMLAttributes<ArcgisTimeBarSlider> {
774
+ interface LuminaArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "messages" | "popoverDisplay" | "showMax" | "showMin" | "showTicks" | "viewModel">>, h.JSX.HTMLAttributes<ArcgisTimeBarSlider> {
775
775
  }
776
776
 
777
777
  interface LuminaArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, "actions" | "autoDestroyDisabled" | "disabled" | "fullTimeExtent" | "label" | "labelFormatFunction" | "layout" | "loop" | "mode" | "playRate" | "referenceElement" | "stops" | "tickConfigs" | "timeExtent" | "timeVisible" | "timeZone" | "view">>, ArcgisTimeSliderSetterTypes, h.JSX.HTMLAttributes<ArcgisTimeSlider> {
@@ -767,12 +767,12 @@ interface PreactArcgisTableListNext extends Partial<Pick<ArcgisTableListNext, "a
767
767
  onarcgisTriggerAction?: EventHandler<ArcgisTableListNext["arcgisTriggerAction"]>;
768
768
  }
769
769
 
770
- interface PreactArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, HTMLAttributes<ArcgisTimeBar> {
770
+ interface PreactArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "showTimeExtent" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, HTMLAttributes<ArcgisTimeBar> {
771
771
  onarcgisPropertyChange?: EventHandler<ArcgisTimeBar["arcgisPropertyChange"]>;
772
772
  onarcgisReady?: EventHandler<ArcgisTimeBar["arcgisReady"]>;
773
773
  }
774
774
 
775
- interface PreactArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "showMax" | "showMin" | "showTicks" | "showTimeExtentPopover" | "viewModel">>, HTMLAttributes<ArcgisTimeBarSlider> {
775
+ interface PreactArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "messages" | "popoverDisplay" | "showMax" | "showMin" | "showTicks" | "viewModel">>, HTMLAttributes<ArcgisTimeBarSlider> {
776
776
  }
777
777
 
778
778
  interface PreactArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, "actions" | "autoDestroyDisabled" | "disabled" | "fullTimeExtent" | "label" | "labelFormatFunction" | "layout" | "loop" | "mode" | "playRate" | "referenceElement" | "stops" | "tickConfigs" | "timeExtent" | "timeVisible" | "timeZone" | "view">>, ArcgisTimeSliderSetterTypes, HTMLAttributes<ArcgisTimeSlider> {
@@ -767,12 +767,12 @@ interface ReactArcgisTableListNext extends Partial<Pick<ArcgisTableListNext, "au
767
767
  onarcgisTriggerAction?: EventHandler<ArcgisTableListNext["arcgisTriggerAction"]>;
768
768
  }
769
769
 
770
- interface ReactArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, HTMLProps<ArcgisTimeBar> {
770
+ interface ReactArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "showTimeExtent" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, HTMLProps<ArcgisTimeBar> {
771
771
  onarcgisPropertyChange?: EventHandler<ArcgisTimeBar["arcgisPropertyChange"]>;
772
772
  onarcgisReady?: EventHandler<ArcgisTimeBar["arcgisReady"]>;
773
773
  }
774
774
 
775
- interface ReactArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "showMax" | "showMin" | "showTicks" | "showTimeExtentPopover" | "viewModel">>, HTMLProps<ArcgisTimeBarSlider> {
775
+ interface ReactArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "messages" | "popoverDisplay" | "showMax" | "showMin" | "showTicks" | "viewModel">>, HTMLProps<ArcgisTimeBarSlider> {
776
776
  }
777
777
 
778
778
  interface ReactArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, "actions" | "autoDestroyDisabled" | "disabled" | "fullTimeExtent" | "label" | "labelFormatFunction" | "layout" | "loop" | "mode" | "playRate" | "referenceElement" | "stops" | "tickConfigs" | "timeExtent" | "timeVisible" | "timeZone" | "view">>, ArcgisTimeSliderSetterTypes, HTMLProps<ArcgisTimeSlider> {
@@ -767,12 +767,12 @@ interface StencilArcgisTableListNext extends Partial<Pick<ArcgisTableListNext, "
767
767
  onArcgisTriggerAction?: EventHandler<ArcgisTableListNext["arcgisTriggerAction"]>;
768
768
  }
769
769
 
770
- interface StencilArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, StencilJsx.HTMLAttributes<ArcgisTimeBar> {
770
+ interface StencilArcgisTimeBar extends Partial<Pick<ArcgisTimeBar, "autoDestroyDisabled" | "disabled" | "format" | "fullTimeExtent" | "icon" | "label" | "loadPersistedSettingsDisabled" | "loop" | "messageOverrides" | "mode" | "playRate" | "referenceElement" | "savePersistedSettingsDisabled" | "showNext" | "showPlay" | "showPrevious" | "showSettings" | "showTimeExtent" | "stops" | "timeExtent" | "timeZone" | "toolbarKind" | "view">>, StencilJsx.HTMLAttributes<ArcgisTimeBar> {
771
771
  onArcgisPropertyChange?: EventHandler<ArcgisTimeBar["arcgisPropertyChange"]>;
772
772
  onArcgisReady?: EventHandler<ArcgisTimeBar["arcgisReady"]>;
773
773
  }
774
774
 
775
- interface StencilArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "showMax" | "showMin" | "showTicks" | "showTimeExtentPopover" | "viewModel">>, StencilJsx.HTMLAttributes<ArcgisTimeBarSlider> {
775
+ interface StencilArcgisTimeBarSlider extends Partial<Pick<ArcgisTimeBarSlider, "autoDestroyDisabled" | "messages" | "popoverDisplay" | "showMax" | "showMin" | "showTicks" | "viewModel">>, StencilJsx.HTMLAttributes<ArcgisTimeBarSlider> {
776
776
  }
777
777
 
778
778
  interface StencilArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, "actions" | "autoDestroyDisabled" | "disabled" | "fullTimeExtent" | "label" | "labelFormatFunction" | "layout" | "loop" | "mode" | "playRate" | "referenceElement" | "stops" | "tickConfigs" | "timeExtent" | "timeVisible" | "timeZone" | "view">>, ArcgisTimeSliderSetterTypes, StencilJsx.HTMLAttributes<ArcgisTimeSlider> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcgis/map-components",
3
- "version": "5.2.0-next.104",
3
+ "version": "5.2.0-next.105",
4
4
  "description": "ArcGIS Map Components",
5
5
  "keywords": [
6
6
  "2D",
@@ -43,15 +43,15 @@
43
43
  "license": "SEE LICENSE IN LICENSE.md",
44
44
  "dependencies": {
45
45
  "@amcharts/amcharts5": "~5.20.5",
46
- "@arcgis/common-components": "5.2.0-next.104",
47
- "@arcgis/lumina": "5.2.0-next.104",
48
- "@arcgis/toolkit": "5.2.0-next.104",
46
+ "@arcgis/common-components": "5.2.0-next.105",
47
+ "@arcgis/lumina": "5.2.0-next.105",
48
+ "@arcgis/toolkit": "5.2.0-next.105",
49
49
  "lit": "^3.3.0",
50
50
  "lodash-es": "^4.18.1",
51
51
  "tslib": "^2.8.1"
52
52
  },
53
53
  "peerDependencies": {
54
- "@arcgis/core": "5.2.0-next.104",
54
+ "@arcgis/core": "5.2.0-next.105",
55
55
  "@esri/calcite-components": "^5.2.0-next.65"
56
56
  },
57
57
  "css.customData": [
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import b from"./BV3Q2Y7F.js";import{b as w,k as c}from"./O7RSAJOS.js";import{L as o,M as r,N as $,O as d,T as f,a as _,b as a}from"./RM4OPQBM.js";import"./H6RQVSYM.js";export default $arcgis.t(([y,g,{c:m,e:n,j:p,k:h,l:v}])=>{var I="TimeBar",k="Count",T="Please enter count",D="Date",O="Display",U="Choose how to display date and time.",F="End",S="Choose the time bar's end time.",C="Every {count} {timeUnit}",x="Every {duration}",M={dateAndTime:"Date and time",dateOnly:"Date only"},E="Loop",R="Mode",z="Choose the time extent type shown by the time bar.",P={"cumulative-from-end":"Cumulative from end","cumulative-from-start":"Cumulative from start",instant:"Instant","time-window":"Time window"},Z="Next",B="No adjustment",V="Overview",L="Play",N="Playback rate",A="The speed at which the time bar progresses.",j="Previous",q="Regular interval",G="Settings",H="Start",W="Choose the time bar's start time.",Y="Stop",J={discreteDates:"Discrete dates",evenlySpaced:"Evenly spaced",evenlySpacedTemplate:"{count} evenly spaced",freeMovement:"Free movement"},K="Stops",Q="Choose how the stops are generated for the time bar.",X="Time",ee="Time bar settings",te={day:"Day",hour:"Hour",millisecond:"Millisecond",minute:"Minute",month:"Month",second:"Second",week:"Week",year:"Year"},ie="Time zone",se="Choose the time zone used to display the date and time in the time bar.",ae="Unit",le="Please select unit",ne="Units",ce={componentLabel:I,count:k,countPrompt:T,date:D,display:O,displayDescription:U,end:F,endDescription:S,everyDurationPartsTemplate:C,everyDurationTemplate:x,formatOptions:M,loop:E,mode:R,modeDescription:z,modeOptions:P,next:Z,noTimeZoneAdjustment:B,overview:V,play:L,playbackRate:N,playbackRateDescription:A,previous:j,regularInterval:q,settings:G,start:H,startDescription:W,stop:Y,stopOptions:J,stops:K,stopsDescription:Q,time:X,timeBarSettings:ee,timeUnitOptions:te,timeZone:ie,timeZoneDescription:se,unit:ae,unitPrompt:le,units:ne},oe=_`:host{background-color:var(--calcite-color-surface-2);block-size:calc(var(--calcite-font-size-relative-5xl) * 8);color:var(--calcite-color-text-1);font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:max-content}calcite-flow-item{--calcite-color-background: var(--calcite-color-surface-2)}.disabled{opacity:var(--calcite-opacity-disabled);pointer-events:none}.playback-rate-content{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg);margin-block-start:var(--calcite-spacing-lg)}.end-content,.format-content,.mode-content,.start-content,.stops-content,.time-zone-content{margin-inline-start:calc(var(--calcite-spacing-lg) * 3);margin-inline-end:var(--calcite-spacing-lg);margin-block-start:var(--calcite-spacing-lg)}.stops-indent{margin-inline-start:calc(var(--calcite-spacing-lg) * 1.5);margin-block-end:var(--calcite-spacing-lg)}.label-description{font-style:italic}.label-heading{font-weight:var(--calcite-font-weight-semibold)}.list-item--content{--calcite-label-margin-bottom: 0}.time-zone-label{--calcite-color-background: transparent;--calcite-color-border-input: transparent;font-style:italic;margin-inline-start:calc(var(--calcite-spacing-md) * -1);margin-block-start:calc(var(--calcite-spacing-md) * -.5)}`,b=class extends ${constructor(){super(...arguments),this.#t=o(),this.#i=o(),this.#s=o(),this.#a=o(),this.#e={maximumFractionDigits:0,style:"unit",unitDisplay:"long"},this._selectedFlowItem="overview",this.autoDestroyDisabled=!1}static{this.properties={_timeUnitSettings:16,_defaultStopCount:16,_defaultStopIntervalValue:16,_defaultStopIntervalUnit:16,_messages:16,_stopCount:16,_stopIntervalValue:16,_stopIntervalUnit:16,_formatDescription:16,_playbackRateDescription:16,_formatStart:16,_formatEnd:16,_modeDescription:16,_selectedFlowItem:16,_stopDescription:16,autoDestroyDisabled:5,messages:0,viewModel:0}}static{this.styles=oe}#l;#n;#c;#t;#i;#s;#a;#e;get _timeUnitSettings(){let e={milliseconds:{timeUnit:"milliseconds",heading:this._messages.timeUnitOptions.millisecond,numberFormatOptions:{...this.#e,unit:"millisecond"}},seconds:{timeUnit:"seconds",heading:this._messages.timeUnitOptions.second,numberFormatOptions:{...this.#e,unit:"second"}},minutes:{timeUnit:"minutes",heading:this._messages.timeUnitOptions.minute,numberFormatOptions:{...this.#e,unit:"minute"}},hours:{timeUnit:"hours",heading:this._messages.timeUnitOptions.hour,numberFormatOptions:{...this.#e,unit:"hour"}},days:{timeUnit:"days",heading:this._messages.timeUnitOptions.day,numberFormatOptions:{...this.#e,unit:"day"}},weeks:{timeUnit:"weeks",heading:this._messages.timeUnitOptions.week,numberFormatOptions:{...this.#e,unit:"week"}},months:{timeUnit:"months",heading:this._messages.timeUnitOptions.month,numberFormatOptions:{...this.#e,unit:"month"}},years:{timeUnit:"years",heading:this._messages.timeUnitOptions.year,numberFormatOptions:{...this.#e,unit:"year"}}};return{get:t=>e[t],has:t=>t in e,values:Object.values(e)}}get _defaultStopCount(){return m(this.viewModel?.stops)?this.viewModel.stops.count:10}get _defaultStopIntervalValue(){return n(this.viewModel?.stops)?this.viewModel.stops.interval.value:1}get _defaultStopIntervalUnit(){return n(this.viewModel?.stops)?this.viewModel.stops.interval.unit:"years"}get _messages(){return this.messages??ce}get _stopCount(){return this.#l??this._defaultStopCount}set _stopCount(e){let t=this._stopCount;t!==e&&(this.#l=e,this.requestUpdate("_stopCount",t))}get _stopIntervalValue(){return this.#n??this._defaultStopIntervalValue}set _stopIntervalValue(e){let t=this._stopIntervalValue;t!==e&&(this.#n=e,this.requestUpdate("_stopIntervalValue",t))}get _stopIntervalUnit(){return this.#c??this._defaultStopIntervalUnit}set _stopIntervalUnit(e){let t=this._stopIntervalUnit;t!==e&&(this.#c=e,this.requestUpdate("_stopIntervalUnit",t))}get _formatDescription(){switch(this.viewModel?.format){case"date":return this._messages.formatOptions.dateOnly;case"date-time":return this._messages.formatOptions.dateAndTime;default:return""}}get _playbackRateDescription(){let{viewModel:e}=this;if(!e)return"";let t=e.formatNumber(e.playRate,this._timeUnitSettings.get("milliseconds").numberFormatOptions);return this._messages.everyDurationTemplate.replace("{duration}",t)}get _formatStart(){let{viewModel:e}=this,t=e?.fullTimeExtent?.start;return t?e.formatDateTime(t):""}get _formatEnd(){let{viewModel:e}=this,t=e?.fullTimeExtent?.end;return t?e.formatDateTime(t):""}get _modeDescription(){let e=this.viewModel?.mode;return e?this._messages.modeOptions[e]:""}get _stopDescription(){let{viewModel:e}=this,t=e?.stops;if(!t)return this._messages.stopOptions.freeMovement;if(m(t))return this._messages.stopOptions.evenlySpacedTemplate.replace("{count}",`${t.count}`);if(n(t)){let{value:i,unit:s}=t.interval;if(!this._timeUnitSettings.has(s))return this._messages.everyDurationPartsTemplate.replace("{count}",`${i}`).replace("{timeUnit}",s);let l=this._timeUnitSettings.get(s).numberFormatOptions,u=e.formatNumber(i,l);return this._messages.everyDurationTemplate.replace("{duration}",u)}return this._messages.stopOptions.discreteDates}async destroy(){await this.manager.destroy()}async navigateToOverview(){this._selectedFlowItem="overview"}#o(){let{viewModel:e}=this;if(!e?.fullTimeExtent||!this.#t.value?.value||!this.#i.value?.value)return;let t=this.#t.value.value,i=this.#i.value.value,s=c(e.timeZone),l=v(t,i,s);l&&(e.fullTimeExtent=new y({start:e.fullTimeExtent.start,end:l}))}#r(){let{viewModel:e}=this;if(!e?.fullTimeExtent||!this.#s.value?.value||!this.#a.value?.value)return;let t=this.#s.value.value,i=this.#a.value.value,s=c(e.timeZone),l=v(t,i,s);if(!l)return;let{end:u}=e.fullTimeExtent;e.fullTimeExtent=new y({start:l,end:u})}render(){let{viewModel:e}=this;if(!e)return null;let{disabled:t}=e;return a`<div class=${d({disabled:t})}><calcite-flow>${this.#p(e)}${this.#m(e)}${this.#d(e)}${this.#u(e)}${this.#h(e)}${this.#v(e)}${this.#g(e)}${this.#b(e)}</calcite-flow></div>`}#m(e){if(this._selectedFlowItem!=="end")return null;let{fullTimeExtent:t,disabled:i,timeZone:s}=e;if(!t?.end)return null;let l=c(s);return a`<calcite-flow-item .description=${this._messages.endDescription} .heading=${this._messages.end} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="end-content"><calcite-label><span>${this._messages.date}</span><calcite-input-date-picker .disabled=${i} @calciteInputDatePickerChange=${this.#o} .value=${p(t.end,l)} ${r(this.#t)}></calcite-input-date-picker></calcite-label><calcite-label><span>${this._messages.time}</span><calcite-input-time-picker .disabled=${i} @calciteInputTimePickerChange=${this.#o} step=1 .value=${h(t.end,l)} ${r(this.#i)}></calcite-input-time-picker></calcite-label></div></calcite-flow-item>`}#d(e){return this._selectedFlowItem!=="format"?null:a`<calcite-flow-item .description=${this._messages.displayDescription} .heading=${this._messages.display} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="format-content"><calcite-radio-button-group class="format-radio-button-group" layout=vertical name=format @calciteRadioButtonGroupChange=${t=>e.format=t.currentTarget.selectedItem?.value}><calcite-radio-button .labelText=${this._messages.formatOptions.dateOnly} value=date .checked=${e.format==="date"}></calcite-radio-button><calcite-radio-button .checked=${e.format==="date-time"} .labelText=${this._messages.formatOptions.dateAndTime} value=date-time></calcite-radio-button></calcite-radio-button-group></div></calcite-flow-item>`}#u(e){if(this._selectedFlowItem!=="mode")return null;let t=["instant","time-window","cumulative-from-start","cumulative-from-end"];return a`<calcite-flow-item .description=${this._messages.modeDescription} .heading=${this._messages.mode} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="mode-content"><calcite-radio-button-group name=mode layout=vertical @calciteRadioButtonGroupChange=${i=>e.mode=i.currentTarget.selectedItem?.value} class="mode-radio-button-group">${t.map(i=>a`<calcite-radio-button .labelText=${this._messages.modeOptions[i]} .value=${i} .checked=${e.mode===i}></calcite-radio-button>`)}</calcite-radio-button-group></div></calcite-flow-item>`}#p(e){return a`<calcite-flow-item .selected=${this._selectedFlowItem==="overview"}><calcite-list .label=${this._messages.overview}><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="format"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.display}</calcite-label><calcite-label class="label-description">${this._formatDescription}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="mode"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.mode}</calcite-label><calcite-label class="label-description">${this._modeDescription}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="time-zone"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.timeZone}</calcite-label>${this.#_()}</div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="start"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.start}</calcite-label><calcite-label class="label-description">${this._formatStart}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="end"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.end}</calcite-label><calcite-label class="label-description">${this._formatEnd}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="stops"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.stops}</calcite-label><calcite-label class="label-description">${this._stopDescription}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item @calciteListItemSelect=${()=>this._selectedFlowItem="playback-rate"}><div slot=content class="list-item--content"><calcite-label class="label-heading">${this._messages.playbackRate}</calcite-label><calcite-label class="label-description">${this._playbackRateDescription}</calcite-label></div><calcite-icon slot=content-end scale=s icon=chevron-right flip-rtl></calcite-icon></calcite-list-item><calcite-list-item><calcite-label slot=content class="label-heading">${this._messages.loop}</calcite-label><calcite-switch .checked=${e.loop} .label=${this._messages.loop} @calciteSwitchChange=${t=>e.loop=t.target.checked} slot=content-end></calcite-switch></calcite-list-item></calcite-list></calcite-flow-item>`}#h(e){if(this._selectedFlowItem!=="playback-rate")return null;let{playRate:t,disabled:i}=e;return a`<calcite-flow-item .description=${this._messages.playbackRateDescription} .heading=${this._messages.playbackRate} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="playback-rate-content"><arcgis-slider .disabled=${i} .labelFormatter=${s=>e.formatNumber(s,this._timeUnitSettings.get("milliseconds").numberFormatOptions)} max=2000 min=100 @arcgisChange=${s=>e.playRate=s.target.values[0]} precision=0 steps=10 value-labels-display=always .values=${[t]}><arcgis-ticks max=2000 min=100 mode=value show-labels slot=content-end style="flex:1;" .values=${[100,500,1e3,1500,2e3]}></arcgis-ticks></arcgis-slider></div></calcite-flow-item>`}#v(e){if(this._selectedFlowItem!=="start")return null;let{fullTimeExtent:t,disabled:i,timeZone:s}=e;if(!t?.start)return null;let l=c(s);return a`<calcite-flow-item .description=${this._messages.startDescription} .heading=${this._messages.start} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="start-content"><calcite-label><span>${this._messages.date}</span><calcite-input-date-picker .disabled=${i} @calciteInputDatePickerChange=${this.#r} .value=${p(t.start,l)} ${r(this.#s)}></calcite-input-date-picker></calcite-label><calcite-label><span>${this._messages.time}</span><calcite-input-time-picker .disabled=${i} @calciteInputTimePickerChange=${this.#r} step=1 .value=${h(t.start,l)} ${r(this.#a)}></calcite-input-time-picker></calcite-label></div></calcite-flow-item>`}#g(e){return this._selectedFlowItem!=="stops"?null:a`<calcite-flow-item .description=${this._messages.stopsDescription} .heading=${this._messages.stops} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="stops-content"><calcite-radio-button-group .disabled=${e.disabled} class="mode-radio-button-group" layout=vertical name=stops><calcite-radio-button .checked=${!e.stops} .labelText=${this._messages.stopOptions.freeMovement} @calciteRadioButtonChange=${()=>{e.stops=void 0}} value></calcite-radio-button><calcite-radio-button .checked=${m(e.stops)} .labelText=${this._messages.stopOptions.evenlySpaced} @calciteRadioButtonChange=${()=>{e.stops={count:10}}} value></calcite-radio-button><div class="stops-indent"><calcite-input-number .disabled=${e.disabled||!m(e.stops)} integer min=1 .placeholder=${this._messages.countPrompt} .value=${`${this._stopCount}`} @calciteInputNumberChange=${t=>{let i=Number.parseInt(t.currentTarget.value,10);e.stops={count:i}}}></calcite-input-number></div><calcite-radio-button .checked=${n(e.stops)} .labelText=${this._messages.regularInterval} @calciteRadioButtonChange=${()=>{e.stops={interval:new g({value:this._stopIntervalValue,unit:this._stopIntervalUnit})}}} value></calcite-radio-button><div class="stops-indent"><calcite-label><span class=${d({disabled:e.disabled||!n(e.stops)})}>${this._messages.count}</span><calcite-input-number .disabled=${e.disabled||!n(e.stops)} integer min=1 .placeholder=${this._messages.countPrompt} .value=${`${this._stopIntervalValue}`} @calciteInputNumberChange=${t=>{this._stopIntervalValue=Number.parseInt(t.currentTarget.value,10),e.stops={interval:new g({value:this._stopIntervalValue,unit:this._stopIntervalUnit})}}}></calcite-input-number></calcite-label><calcite-label><span class=${d({disabled:e.disabled||!n(e.stops)})}>${this._messages.unit}</span><calcite-combobox .disabled=${e.disabled||!n(e.stops)} .label=${this._messages.units} .placeholder=${this._messages.unitPrompt} selection-mode=single-persist @calciteComboboxChange=${t=>{this._stopIntervalUnit=t.currentTarget.selectedItems[0]?.value,e.stops={interval:new g({value:this._stopIntervalValue,unit:this._stopIntervalUnit})}}}>${this._timeUnitSettings.values.map(({timeUnit:t,heading:i})=>a`<calcite-combobox-item .value=${t} .heading=${i} .selected=${this._stopIntervalUnit===t}></calcite-combobox-item>`)}</calcite-combobox></calcite-label></div></calcite-radio-button-group></div></calcite-flow-item>`}#b(e){return this._selectedFlowItem!=="time-zone"?null:a`<calcite-flow-item .description=${this._messages.timeZoneDescription} .heading=${this._messages.timeZone} @calciteFlowItemBack=${this.navigateToOverview} selected><div class="time-zone-content"><arcgis-time-zone-selector .disabled=${e.disabled} .timeZone=${e.timeZone} @arcgisInternalTimeZoneChange=${t=>e.timeZone=t.detail}></arcgis-time-zone-selector></div></calcite-flow-item>`}#_(){let{viewModel:e}=this;if(!e)return null;let{timeZone:t}=e;return t===w?a`<calcite-label class="label-description">${this._messages.noTimeZoneAdjustment}</calcite-label>`:a`<calcite-input-time-zone class="time-zone-label" mode=region overlay-positioning=fixed read-only .value=${c(t)}></calcite-input-time-zone>`}};f("arcgis-time-bar-settings",b);return b},"time/TimeExtent","time/TimeInterval",b)
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{M as m,N as h,O as u,Q as v,T as g,a as d,b as a}from"./RM4OPQBM.js";import"./H6RQVSYM.js";export default $arcgis.t(([c])=>{var w=d`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto;--arcgis-internal-time-bar-slider-tick-gap: 100}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{--labels-container-width: 100%}.slider-container{flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%;arcgis-ticks,>slot::slotted(arcgis-ticks){inset:0;position:absolute;--arcgis-ticks-font-weight: var(--calcite-font-weight-normal);--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`,o=class extends h{constructor(){super(...arguments),this.#t=new ResizeObserver(([e])=>{this._sliderWidth=e.contentRect.width}),this.#a=100,this.#r=100,this.autoDestroyDisabled=!1,this.showMax=!1,this.showMin=!1,this.showTicks=!1,this.showTimeExtentPopover=!1}static{this.properties={_activeValue:16,_sliderFillPlacement:16,_sliderWidth:16,_timeExtentEpochValues:16,activeValue:32,autoDestroyDisabled:5,showMax:5,showMin:5,showTicks:5,showTimeExtentPopover:5,viewModel:0}}static{this.styles=w}#t;#i;#s;#e;#a;#r;get _sliderFillPlacement(){switch(this.viewModel?.mode){case"cumulative-from-end":return"end";case"cumulative-from-start":return"start";case"instant":return"none";default:return}}get _timeExtentEpochValues(){let{viewModel:e}=this;if(!e)return;let{timeExtent:t,fullTimeExtent:i}=e;if(!t||!i)return;let{start:s,end:r}=t,{start:n,end:l}=i;if(!(!n||!l))switch(e.mode){case"cumulative-from-end":case"instant":return s?s.getTime()<n.getTime()?[n.getTime()]:s.getTime()>l.getTime()?[l.getTime()]:[s.getTime()]:void 0;case"cumulative-from-start":return r?r.getTime()<n.getTime()?[n.getTime()]:r.getTime()>l.getTime()?[l.getTime()]:[r.getTime()]:void 0;case"time-window":return s&&r?[s.getTime(),r.getTime()]:void 0}}get activeValue(){switch(this._activeValue){case void 0:return;case"all":return this.viewModel?.timeExtent;default:return new Date(this._activeValue)}}async destroy(){await this.manager.destroy()}#n(){return e=>{if(e){this.#e=e,this.#t.observe(e);return}this.#e&&(this.#t.unobserve(this.#e),this.#e=void 0)}}#l(){let e=Number.parseInt(window.getComputedStyle(this.el).getPropertyValue("--arcgis-internal-time-bar-slider-tick-gap"),10);return Number.isFinite(e)&&e>0?e:this.#a}#c(e,t){let{viewModel:i}=this,{start:s,end:r}=e;if(!i||!s||!r)return;let n=(r.getTime()-s.getTime())/t;return i.tickFormats.find(({duration:l})=>l>this.#l()*n)??i.tickFormats.at(-1)}#o(e){this._activeValue=e.target.activeValue}#d(e){let{viewModel:t}=this,i=t?.mode;i&&(t.timeExtent=this.#m(e.target.values,i),this._activeValue=e.target.activeValue)}#m([e,t],i){switch(i){case"cumulative-from-end":return new c({start:new Date(e),end:null});case"cumulative-from-start":return new c({start:null,end:new Date(e)});case"instant":return new c({start:new Date(e),end:new Date(e)});case"time-window":return new c({start:new Date(e),end:new Date(t??e)})}}#h(){return this.showMax?a`<slot name=max><arcgis-time-bar-date class="max-date" .date=${this.viewModel?.fullTimeExtent?.end} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>`:a`<div class="hidden"></div>`}#u(){return this.showMin?a`<slot name=min><arcgis-time-bar-date class="min-date" .date=${this.viewModel?.fullTimeExtent?.start} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>`:a`<div class="hidden"></div>`}#v(){return this.showTimeExtentPopover?a`<div class="popover" slot=popover><slot name=popover>${this.#g()}</slot></div>`:null}#g(){return this.activeValue?this.activeValue instanceof Date?a`<arcgis-time-bar-date .date=${this.activeValue} .viewModel=${this.viewModel}></arcgis-time-bar-date>`:a`<arcgis-time-bar-extent .viewModel=${this.viewModel}></arcgis-time-bar-extent>`:null}#w(){let{viewModel:e}=this;if(!e?.fullTimeExtent?.start||!e?.fullTimeExtent?.end)return null;let t=this.#c(e.fullTimeExtent,this._sliderWidth??this.#r);if(!t)return null;(!this.#i||!this.#s||this.#i!==t)&&(this.#i=t,this.#s=e.getTickValues(t.timeInterval),e.tickFormat=t.format);let i=e.fullTimeExtent.start.getTime(),s=e.fullTimeExtent.end.getTime();return a`<div class="slider-container" ${m(this.#n())}><arcgis-slider allow-values-overlap class=${u({slider:!0,"slider--has-ticks":this.showTicks,"slider--out-of-range":e.isOutOfRange})} .disabled=${!e.interactive} fill-placement=${this._sliderFillPlacement??v} .max=${s} .min=${i} @arcgisActiveValueChange=${this.#o} @arcgisInput=${this.#d} precision=0 .steps=${e.effectiveStopsEpoch} .values=${this._timeExtentEpochValues}>${this.#v()}${this.#f(e,i,s)}</arcgis-slider></div>`}#f(e,t,i){return this.showTicks?a`<div slot=content-end class="ticks-container"><slot name=content-end><arcgis-ticks .labelFormatter=${e.tickFormatter} .max=${i} .min=${t} mode=value show-labels .values=${this.#s}></arcgis-ticks></slot></div>`:null}render(){return a`<div class="root">${this.#u()}${this.#w()}${this.#h()}</div>`}};g("arcgis-time-bar-slider",o);return o},"time/TimeExtent")
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import g from"./BV3Q2Y7F.js";import{a as U,b as Y,k as G}from"./O7RSAJOS.js";import f from"./A3DPBGUE.js";import"./VJVKFKSG.js";import e from"./IE7XJM27.js";import{a as H}from"./5UVZPECS.js";import c from"./WFPR2VUW.js";import b from"./YOIVWFJK.js";import{e as I,g as B}from"./6ERK6Z6K.js";import"./M6LV7VM5.js";import a from"./JVC76RB3.js";import"./QUZTFUWM.js";import{b as j}from"./HYRFW7KG.js";import{L as z,M,N as W,T as N,a as R,b as d,o as C,w as A}from"./RM4OPQBM.js";import"./H6RQVSYM.js";export default $arcgis.t(([mt,w,ht,ct,{convertDateFormatToIntlOptions:_},ut,{getTimeSliderSettingsFromWebDocument:dt},{property:l,subclass:pt},{watch:y,whenOnce:at},,,,L,{d:q,f:K,i:V},{a:J,b:Q,c:S,d:$,e:X,f:tt,g:et,h:D,i:it}])=>{var nt=new WeakMap,ot=new WeakMap;function vt(t){let{locale:e,formatOptions:a}=t,n=wt(a),m=new Intl.DateTimeFormat(e,n);return nt.set(t,m),m}function ft(t){let{locale:e,formatOptions:a}=t,n=new Intl.NumberFormat(e,a);return ot.set(t,n),n}function gt(t){return nt.get(t)??vt(t)}function yt(t){return ot.get(t)??ft(t)}function wt(t){return t.timeZone?{...t,timeZone:G(t.timeZone)}:t}var i=(t,e)=>({tick:t,tickFormat:e}),s={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"}},xt=[i({value:10,unit:"milliseconds"},s.sf),i({value:20,unit:"milliseconds"},s.sf),i({value:50,unit:"milliseconds"},s.sf),i({value:100,unit:"milliseconds"},s.sf),i({value:200,unit:"milliseconds"},s.sf),i({value:500,unit:"milliseconds"},s.sf),i({value:1,unit:"seconds"},s.s),i({value:2,unit:"seconds"},s.s),i({value:5,unit:"seconds"},s.s),i({value:10,unit:"seconds"},s.s),i({value:20,unit:"seconds"},s.ms),i({value:30,unit:"seconds"},s.ms),i({value:1,unit:"minutes"},s.mi),i({value:2,unit:"minutes"},s.mi),i({value:5,unit:"minutes"},s.mi),i({value:10,unit:"minutes"},s.mi),i({value:30,unit:"minutes"},s.hm),i({value:1,unit:"hours"},s.hm),i({value:2,unit:"hours"},s.hm),i({value:4,unit:"hours"},s.hm),i({value:8,unit:"hours"},s.hm),i({value:1,unit:"days"},s.dm),i({value:1,unit:"days"},s.dm),i({value:2,unit:"days"},s.dm),i({value:4,unit:"days"},s.dm),i({value:10,unit:"days"},s.dm),i({value:15,unit:"days"},s.dm),i({value:20,unit:"days"},s.dm),i({value:1,unit:"months"},s.m),i({value:3,unit:"months"},s.m),i({value:6,unit:"months"},s.my),i({value:1,unit:"years"},s.y),i({value:2,unit:"years"},s.y),i({value:4,unit:"years"},s.y),i({value:10,unit:"years"},s.y),i({value:20,unit:"years"},s.y),i({value:50,unit:"years"},s.y),i({value:100,unit:"years"},s.y),i({value:200,unit:"years"},s.y),i({value:500,unit:"years"},s.y),i({value:10,unit:"centuries"},s.y),i({value:20,unit:"centuries"},s.y),i({value:50,unit:"centuries"},s.y),i({value:100,unit:"centuries"},s.y),i({value:200,unit:"centuries"},s.y),i({value:500,unit:"centuries"},s.y),i({value:1e3,unit:"centuries"},s.y),i({value:2e3,unit:"centuries"},s.y),i({value:5e3,unit:"centuries"},s.y),i({value:1e4,unit:"centuries"},s.y),i({value:2e4,unit:"centuries"},s.y)];function bt(t){return xt.map(({tick:e,tickFormat:a})=>{let n=new ut(e),m=n.toMilliseconds(),c={...a,timeZone:t};return{duration:m,format:c,timeInterval:n}})}var Et=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,rt=t=>{throw TypeError(t)},r=(t,e,a,n)=>{for(var m=n>1?void 0:n?_t(e,a):e,c=t.length-1,h;c>=0;c--)(h=t[c])&&(m=(n?h(e,a,m):h(m))||m);return n&&m&&Et(e,a,m),m},lt=(t,e,a)=>e.has(t)||rt("Cannot "+a),k=(t,e,a)=>(lt(t,e,"read from private field"),a?a.call(t):e.get(t)),st=(t,e,a)=>e.has(t)?rt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,a),p=(t,e,a)=>(lt(t,e,"access private method"),a),b,u,P,Z,E,T,F,o=class extends mt{constructor(){super(...arguments),st(this,u),st(this,b,new AbortController),this.disabled=!1,this.format="date",this.loadPersistedSettingsDisabled=!1,this.loop=!1,this.mode="time-window",this.savePersistedSettingsDisabled=!1,this.stops=J}get _adjustedTickFormat(){let{era:t,timeZone:e}=this;return{...this.tickFormat,era:this.tickFormat?.year?t:void 0,timeZone:e}}get _dateFormat(){let{era:t,timeZone:e}=this;return{..._("short-date"),era:t,timeZone:e}}get _dateTimeFormat(){let{era:t,timeZone:e}=this;return{..._("short-date"),..._("long-time"),era:t,timeZone:e}}get _thumbPositions(){if(!this.timeExtent||this.timeExtent.isAllTime||this.timeExtent.isEmpty)return null;let{start:t,end:e}=this.timeExtent;switch(this.mode){case"cumulative-from-end":case"instant":return t?[t.getTime()]:null;case"cumulative-from-start":return e?[e.getTime()]:null;case"time-window":return t&&e?[t.getTime(),e.getTime()]:null}}get _timeFormat(){let{timeZone:t}=this;return{..._("long-time"),timeZone:t}}get effectiveStops(){let{fullTimeExtent:t,stops:e}=this;if(!e)return;if($(e)){let{dates:n}=e;if(!n?.length)return;let m=n.sort((v,g)=>v.getTime()-g.getTime());if(!t?.start||!t?.end)return m;let{start:c,end:h}=t,f=c.getTime(),x=h.getTime();return m.filter(v=>{let g=v.getTime();return g>=f&&g<=x})}let a=e.timeExtent??t;if(a)return S(e)?tt(a,e.count):et(a,e.interval)}get effectiveStopsEpoch(){return this.effectiveStops?.map(t=>t.getTime())}get era(){return(this.fullTimeExtent?.start?.getFullYear()??0)<0?"short":void 0}get interactive(){return!(this.disabled||this.state==="disabled"||this.timeZone===Y)}get isOutOfRange(){let{timeExtent:t,fullTimeExtent:e}=this,{start:a,end:n}=e??{};if(!a||!n||!t||t.isAllTime||t.isEmpty)return!0;let{start:m,end:c}=t??{},h=m!=null&&(m<a||m>n),f=c!=null&&(c>n||c<a);return h||f}set playRate(t){t<=0||t>1e3*60*60||(this.state==="playing"&&p(this,u,Z).call(this),this._set("playRate",t))}get state(){return this.fullTimeExtent?this._animationController?"playing":"ready":"disabled"}get tickFormatter(){return t=>this._formatDate(t,this._adjustedTickFormat)}get tickFormats(){return bt(this.timeZone)}get timeZone(){return this._userTimeZone??this.viewTimeZone??U}set timeZone(t){this._userTimeZone=t??void 0}get viewTimeZone(){return this.view?.timeZone}destroy(){k(this,b).abort(),this.view?.unregisterComponent(this),p(this,u,T).call(this)}formatDate(t){return this._formatDate(t,this._dateFormat)}formatDateTime(t){return this._formatDate(t,this._dateTimeFormat)}formatNumber(t,e){return this._formatNumber(t,e)}formatTime(t){return this._formatDate(t,this._timeFormat)}getTickValues(t){let{fullTimeExtent:e,timeZone:a}=this;if(!e)return[];let{start:n,end:m}=e;return!n||!m?[]:it(n,m,t,a).map(c=>c.getTime())}async initialize(){this.addHandles([y(()=>this.effectiveStops,t=>{t&&(this.timeExtent??=D(t,this.mode))},{initial:!0}),y(()=>this.timeExtent,t=>{!this.view||this.view.timeExtent&&t?.equals(this.view.timeExtent)||(!t||t.isAllTime)&&(!this.view.timeExtent||this.view.timeExtent.isAllTime)||(this.view.timeExtent=t)},{initial:!0}),y(()=>this.view,t=>{t?.timeExtent&&(this.timeExtent=t.timeExtent)}),y(()=>this.view,(t,e)=>{e?.unregisterComponent(this),t?.registerComponent(this)},{initial:!0,sync:!0}),y(()=>this.view?.timeExtent,t=>{!t||t.equals(this.timeExtent)||t.isAllTime&&(!this.timeExtent||this.timeExtent.isAllTime)||(this.timeExtent=t??void 0)}),y(()=>this.mode,t=>{if(!(!this.timeExtent||this.timeExtent.isAllTime||this.timeExtent.isEmpty||!this.fullTimeExtent?.start||!this.fullTimeExtent.end))switch(t){case"time-window":this.timeExtent=new w({start:this.timeExtent.start??this.timeExtent.end,end:this.timeExtent.end??this.timeExtent.start});break;case"cumulative-from-start":this.timeExtent=new w({start:null,end:this.timeExtent.end??this.timeExtent.start});break;case"cumulative-from-end":this.timeExtent=new w({start:this.timeExtent.start??this.timeExtent.end,end:null});break;case"instant":this.timeExtent=new w({start:this.timeExtent.start??this.timeExtent.end,end:this.timeExtent.start??this.timeExtent.end});break}})]),await K((async()=>{if(await at(()=>this.view?.ready,{signal:k(this,b).signal}),this.loadPersistedSettingsDisabled)return;let t=await dt(this.view?.map,k(this,b).signal);t&&(this.fullTimeExtent=t.fullTimeExtent??void 0,this.loop=t.loop,this.mode=t.mode,this.playRate=t.playRate,this.stops=t.stops??void 0,this.timeExtent=t.timeExtent??void 0)})())}next(){p(this,u,E).call(this,{forward:!0,allowRestart:!1})}play(){p(this,u,Z).call(this)}previous(){p(this,u,E).call(this,{forward:!1,allowRestart:!1})}stop(){p(this,u,T).call(this)}updateWebDocument(t){if(this.savePersistedSettingsDisabled)return;let e=new ht({currentTimeExtent:this.timeExtent,fullTimeExtent:this.fullTimeExtent,loop:this.loop,numStops:S(this.stops)?this.stops.count:null,numThumbs:this.mode==="time-window"?2:1,stopDelay:this.playRate,stopInterval:X(this.stops)?this.stops.interval:null,stops:$(this.stops)?this.stops.dates:null});t.widgets??=new ct,t.widgets.timeSlider=e}_formatDate(t,e){return gt({locale:this.locale,formatOptions:e}).format(t)}_formatNumber(t,e){return yt({locale:this.locale,formatOptions:e}).format(t)}};b=new WeakMap;u=new WeakSet;P=async function(){try{let{view:t}=this,e=this._animationController?.signal;await Promise.all([V(this.playRate,e),t&&at(()=>!t.updating,e)])}catch(t){q(t)||C("error","arcgis-slider-time","animation error",{detail:{error:t}}),this._animationController=void 0;return}p(this,u,E).call(this,{forward:!0,allowRestart:!1}),this._animationController&&p(this,u,P).call(this)};Z=function(){p(this,u,T).call(this),this._animationController=new AbortController,p(this,u,E).call(this,{forward:!0,allowRestart:!0}),p(this,u,P).call(this)};E=function({forward:t,allowRestart:e}){let{_thumbPositions:a,effectiveStopsEpoch:n}=this;if(!a||!n)return;let m=a.map(h=>{let f=n.indexOf(h);if(f!==-1)return f;let x=n.reduce((v,g)=>Math.abs(g-h)<Math.abs(v-h)?g:v);return n.indexOf(x)}),c=m.map(h=>h+=t?1:-1);if(c.some(h=>h<0||h>n.length-1))if(this.loop||e){let h=Math.min(...m),f=Math.max(...m),x=(t?m.map(v=>v-h):m.map(v=>v+(n.length-1-f))).map(v=>n[v]);this.timeExtent=p(this,u,F).call(this,x)}else this.state==="playing"&&this.stop();else{let h=c.map(f=>n[f]);this.timeExtent=p(this,u,F).call(this,h)}};T=function(){this._animationController?.abort(),this._animationController=void 0};F=function(t){if(!t)return;let e=[...t].sort((a,n)=>a-n).map(a=>new Date(a));return D(e,this.mode)};r([l()],o.prototype,"_adjustedTickFormat",1);r([l()],o.prototype,"_animationController",2);r([l()],o.prototype,"_dateFormat",1);r([l()],o.prototype,"_dateTimeFormat",1);r([l()],o.prototype,"_thumbPositions",1);r([l()],o.prototype,"_timeFormat",1);r([l()],o.prototype,"_userTimeZone",2);r([l()],o.prototype,"disabled",2);r([l()],o.prototype,"effectiveStops",1);r([l()],o.prototype,"effectiveStopsEpoch",1);r([l()],o.prototype,"era",1);r([l()],o.prototype,"format",2);r([l({type:w})],o.prototype,"fullTimeExtent",2);r([l()],o.prototype,"interactive",1);r([l()],o.prototype,"isOutOfRange",1);r([l()],o.prototype,"loadPersistedSettingsDisabled",2);r([l()],o.prototype,"locale",2);r([l()],o.prototype,"loop",2);r([l()],o.prototype,"mode",2);r([l({value:1e3})],o.prototype,"playRate",1);r([l()],o.prototype,"savePersistedSettingsDisabled",2);r([l()],o.prototype,"state",1);r([l({cast:Q})],o.prototype,"stops",2);r([l()],o.prototype,"tickFormat",2);r([l()],o.prototype,"tickFormatter",1);r([l()],o.prototype,"tickFormats",1);r([l({type:w})],o.prototype,"timeExtent",2);r([l()],o.prototype,"timeZone",1);r([l()],o.prototype,"view",2);r([l()],o.prototype,"viewTimeZone",1);o=r([pt("components.time-bar.TimeBarViewModel")],o);var Tt=R`:host{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight);transition:max-height var(--calcite-internal-animation-timing-medium) ease-in-out;--arcgis-internal-time-bar-shadow: none}::slotted([slot="actions-end"]){border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding-inline-start:var(--calcite-spacing-sm)}.action-bar,.time-extent-group,.time-extent-group>slot{display:flex;flex:1 0 auto;place-items:center}.action-bar{--calcite-action-bar-shadow: var(--arcgis-internal-time-bar-shadow);--calcite-action-bar-background-color: var(--calcite-color-foreground-1)}.label{block-size:var(--calcite-size-fixed-xxxl);inline-size:175px}.settings{inline-size:calc(var(--arcgis-internal-panel-width) - 2 * var(--calcite-spacing-lg))}`,Mt=L(o),O=class extends W{constructor(){super(...arguments),this._viewModel=Mt(this),this.messages=H({name:"time-bar",blocking:!0}),this.#t=z(),this.#e=I(),this.#i=e=>{this._settingsActionElement=e},this.autoDestroyDisabled=!1,this.disabled=this._viewModel.disabled,this.effectiveStops=this._viewModel.effectiveStops,this.format=this._viewModel.format,this.fullTimeExtent=this._viewModel.fullTimeExtent,this.icon="clock",this.loadPersistedSettingsDisabled=this._viewModel.loadPersistedSettingsDisabled,this.loop=this._viewModel.loop,this.mode=this._viewModel.mode,this.playRate=this._viewModel.playRate,this.savePersistedSettingsDisabled=this._viewModel.savePersistedSettingsDisabled,this.showNext=!1,this.showPlay=!1,this.showPrevious=!1,this.showSettings=!1,this.state=this._viewModel.state,this.stops=this._viewModel.stops,this.timeExtent=this._viewModel.timeExtent,this.timeZone=this._viewModel.timeZone,this.toolbarKind="floating",this.view=this._viewModel.view,this.arcgisPropertyChange=B()("effectiveStops","fullTimeExtent","state","timeExtent"),this.arcgisReady=A()}static{this.properties={_settingsActionElement:16,autoDestroyDisabled:5,disabled:5,effectiveStops:32,format:1,fullTimeExtent:0,icon:1,label:1,loadPersistedSettingsDisabled:5,loop:5,messageOverrides:0,mode:1,playRate:9,referenceElement:1,savePersistedSettingsDisabled:5,showNext:5,showPlay:5,showPrevious:5,showSettings:5,state:32,stops:0,timeExtent:0,timeZone:1,toolbarKind:1,view:0}}static{this.styles=Tt}#t;#e;#i;async applyTimeSettings(e){this._viewModel.set(e)}async destroy(){await this.manager.destroy()}async next(){this._viewModel.next()}async play(){this._viewModel.play()}async previous(){this._viewModel.previous()}async stop(){this._viewModel.stop()}async updateWebDocument(e){this._viewModel.updateWebDocument(e)}willUpdate(e){e.has("messages")&&(this._viewModel.locale=this.messages._lang)}#h(e){let{currentTarget:a}=e,n=j(a).at(0)??a.querySelector("arcgis-time-bar-extent");n&&(n.viewModel=this._viewModel)}async#c(){switch(this.state){case"disabled":case"playing":return await this.stop();case"ready":return await this.play()}}render(){return d`<div role=presentation><calcite-action-bar class="action-bar" layout=horizontal expand-disabled .floating=${this.toolbarKind==="floating"}>${this.#e==="ltr"?d`${this.#a()}${this.#m()}${this.#l()}${this.#s()}`:d`${this.#l()}${this.#m()}${this.#a()}${this.#s()}`}</calcite-action-bar></div>`}#s(){return d`<slot name=actions-end slot=actions-end></slot>`}#a(){return this.showPrevious||this.showPlay||this.showNext?d`<calcite-action-group>${this.#e==="ltr"?d`${this.#o()}${this.#r()}${this.#n()}`:d`${this.#n()}${this.#r()}${this.#o()}`}</calcite-action-group>`:null}#n(){return this.showNext?d`<calcite-action .disabled=${this._viewModel.isOutOfRange||!this._viewModel.interactive||!this.effectiveStops?.length||this.state==="playing"} icon=forward @click=${this.next} .text=${this.messages.next}></calcite-action>`:null}#o(){return this.showPlay?d`<calcite-action .disabled=${this._viewModel.isOutOfRange||!this._viewModel.interactive||!this.effectiveStops?.length} .icon=${this.state==="playing"?"pause-f":"play-f"} @click=${this.#c} .text=${this.state==="playing"?this.messages.stop:this.messages.play}></calcite-action>`:null}#r(){return this.showPrevious?d`<calcite-action .disabled=${this._viewModel.isOutOfRange||!this._viewModel.interactive||!this.effectiveStops?.length||this.state==="playing"} icon=reverse @click=${this.previous} .text=${this.messages.previous}></calcite-action>`:null}#l(){return this.showSettings?d`<calcite-action-group><calcite-action .disabled=${!this._viewModel.interactive} .text=${this.messages.settings} icon=sliders-horizontal ${M(this.#i)}></calcite-action>${this._settingsActionElement?d`<calcite-popover auto-close .heading=${this.messages.timeBarSettings} .label=${this.messages.timeBarSettings} .referenceElement=${this._settingsActionElement} @calcitePopoverClose=${()=>{this.#t.value?.navigateToOverview()}} overlay-positioning=fixed><slot name=settings><arcgis-time-bar-settings class="settings" .messages=${this.messages} .viewModel=${this._viewModel} ${M(this.#t)}></arcgis-time-bar-settings></slot></calcite-popover>`:void 0}</calcite-action-group>`:null}#m(){return d`<calcite-action-group class="time-extent-group"><slot name=time-extent @slotchange=${this.#h}><arcgis-time-bar-extent class="label" .viewModel=${this._viewModel}></arcgis-time-bar-extent></slot></calcite-action-group>`}};N("arcgis-time-bar",O);return O},"core/Accessor","time/TimeExtent","webdoc/widgets/TimeSlider","webdoc/Widgets","intl","time/TimeInterval","support/timeUtils","core/accessorSupport/decorators","core/reactiveUtils",a,b,c,e,f,g)