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

package/dist/cdn/27IFADBQ.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as I}from"./CIVENBYG.js";import b from"./BV3Q2Y7F.js";import{b as w,k as n}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,v,{c:m,e:c,j:p,k:h,l:g}])=>{var k=_`: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=k}#l;#c;#n;#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 c(this.viewModel?.stops)?this.viewModel.stops.interval.value:1}get _defaultStopIntervalUnit(){return c(this.viewModel?.stops)?this.viewModel.stops.interval.unit:"years"}get _messages(){return this.messages??I}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.#c??this._defaultStopIntervalValue}set _stopIntervalValue(e){let t=this._stopIntervalValue;t!==e&&(this.#c=e,this.requestUpdate("_stopIntervalValue",t))}get _stopIntervalUnit(){return this.#n??this._defaultStopIntervalUnit}set _stopIntervalUnit(e){let t=this._stopIntervalUnit;t!==e&&(this.#n=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(c(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=n(e.timeZone),l=g(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=n(e.timeZone),l=g(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.#g(e)}${this.#v(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=n(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>`}#g(e){if(this._selectedFlowItem!=="start")return null;let{fullTimeExtent:t,disabled:i,timeZone:s}=e;if(!t?.start)return null;let l=n(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>`}#v(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=${c(e.stops)} .labelText=${this._messages.regularInterval} @calciteRadioButtonChange=${()=>{e.stops={interval:new v({value:this._stopIntervalValue,unit:this._stopIntervalUnit})}}} value></calcite-radio-button><div class="stops-indent"><calcite-label><span class=${d({disabled:e.disabled||!c(e.stops)})}>${this._messages.count}</span><calcite-input-number .disabled=${e.disabled||!c(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 v({value:this._stopIntervalValue,unit:this._stopIntervalUnit})}}}></calcite-input-number></calcite-label><calcite-label><span class=${d({disabled:e.disabled||!c(e.stops)})}>${this._messages.unit}</span><calcite-combobox .disabled=${e.disabled||!c(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 v({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=${n(t)}></calcite-input-time-zone>`}};f("arcgis-time-bar-settings",b);return b},"time/TimeExtent","time/TimeInterval",b)