@esri/solutions-components 1.1.0-next.20250918 → 1.1.0-next.20250922

package/dist/cdn/{6DS6ZO67.js → L6GECRZM.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250918 */
-import{a as u}from"./GBO2INNV.js";import a from"./CLP7WGVJ.js";import{a as C}from"./A2G2CVO3.js";import{a as x}from"./TTOT3E4E.js";import{c as _,h as b,i as M,k as f,l as c,x as $,z as V}from"./2LYCBURA.js";import{b as S}from"./HRBA3DQH.js";import"./SBVCJO27.js";import"./BJO4PB2J.js";import{C as E,D as v,E as T,G as d,h as y,i as s,r as I}from"./LZOLHH3N.js";import"./MYHIWH5I.js";export default $arcgis.t(([L])=>{var{state:t,onChange:P}=L({timeInfoConfigItems:[],filterMode:{type:"filter"},view:null,timeSlider:null,timeInfoItems:[],selectedTimeInfoItem:null,loading:!0,timeSliderConfig:{},autoPlay:!1}),h="time-slider-watch",w=class{constructor(){this.initializeModules()}async initializeModules(){try{let e=await V();this.reactiveUtils=e,this.handles=await _()}catch{}}async init(e){if(!e)return;e&&(e.innerHTML=""),t?.timeSlider?.viewModel?.state==="playing"&&t.timeSlider.stop();let{view:i,timeInfoConfigItems:a}=t;if(i)try{if(await i.when(),a.length===1&&a[0]?.type==="map")this.initTimeSlider(e,a[0]);else{let n=await this.getTimeLayerViews(i,a);t.timeInfoItems=this.generateTimeInfoItems(n,a),this.initTimeSlider(e)}return Promise.resolve()}catch{}finally{this.setupFilterModeWatcher()}}destroy(){this.handles?.removeAll(),this.handles=null,t.timeSlider?.destroy()}async getTimeLayerViews(e,i){let a=e.map?.allLayers,n=l=>a?.find(({id:p})=>l===p),r=i.map(({id:l})=>n(l)).map(async l=>await e.whenLayerView(l));return await Promise.all(r)}generateTimeInfoItems(e,i){return[...i].map(a=>{let n=e.find(({layer:r})=>r.id===a.id);return this.generateTimeInfoItem(n,a)})}generateTimeInfoItem(e,{increments:i,rangeStart:a,rangeEnd:n,timeIntervalValue:r}){let l=e?.layer?.timeInfo?.fullTimeExtent;return{layerView:e,unit:i,timeIntervalValue:r??1,rangeStart:new Date(a),rangeEnd:new Date(n),timeExtent:l,previousTimeExtent:null}}async initTimeSlider(e,i){let a=async n=>(t.timeSlider=await $(n),t.autoPlay&&t.timeSlider.play(),await Promise.resolve());if(i){let n=await this.getTimeSliderConfig(e,i);await a(n)}else{let n=t?.timeInfoItems?.[0];if(!n)return;t.selectedTimeInfoItem=n;let r=await this.getTimeSliderConfig(e);await a(r)}t.view?.type==="2d"&&this.initialize2DView()}setupFilterModeWatcher(){P("filterMode",e=>{e&&t.timeInfoItems.forEach(i=>{let a=i.layerView;this.applyTimeExtent(a,a?.featureEffect?.filter?.timeExtent||a.filter?.timeExtent,e)})})}async getTimeSliderConfig(e,i){let a={container:e,mode:"time-window",view:t.view?.type==="3d"?t.view:null,...t.timeSliderConfig};if(i){let n=t.view?.map?.widgets?.timeSlider,r={...a,fullTimeExtent:n?.fullTimeExtent,timeExtent:n?.currentTimeExtent};return n?.stopInterval?.unit&&n?.stopInterval?.value&&(r.stops={interval:await c({unit:n?.stopInterval?.unit,value:n?.stopInterval?.value})}),r}else{let[{timeExtent:n,rangeStart:r,rangeEnd:l,unit:p,timeIntervalValue:F}]=t.timeInfoItems;return{...a,fullTimeExtent:n,timeExtent:await f({start:r,end:l}),stops:{interval:await c({unit:p,value:F})}}}}initialize2DView(){t.timeInfoItems.forEach(async e=>this.applyTimeExtent(e.layerView,await f({start:e.rangeStart,end:e.rangeEnd}))),this.setupTimeExtentWatcher()}applyTimeExtent(e,i,a){t.filterMode?.type==="effect"?this.applyFeatureEffect(e,i,a):this.applyFeatureFilter(e,i)}applyFeatureEffect(e,i,a){if(e){if(e.filter&&e.set("filter",null),!e?.featureEffect?.filter||a){this.handleUpdatedFeatureEffect(e,i);return}e.featureEffect.filter.timeExtent=i}}async handleUpdatedFeatureEffect(e,i){e.featureEffect=await b({filter:{timeExtent:i},includedEffect:await u(t.filterMode?.effect?.includedEffect??"",e,"includedEffect"),excludedEffect:await u(t.filterMode?.effect?.excludedEffect??"",e,"excludedEffect")})}async applyFeatureFilter(e,i){if(e.featureEffect&&e.set("featureEffect",null),!e.filter){e.filter=await M({timeExtent:i});return}e.filter.timeExtent=i}setupTimeExtentWatcher(){this.handles?.has(h)&&this.handles?.remove(h),t?.timeSlider&&this.handles?.add(t.timeSlider.watch("timeExtent",e=>this.applyTimeExtent(t.selectedTimeInfoItem?.layerView,e)),h)}updateSelectedTimeInfoItem(e){t.timeSlider&&(t.selectedTimeInfoItem&&(t.selectedTimeInfoItem.previousTimeExtent=t.timeSlider.timeExtent),t.selectedTimeInfoItem=e,this.reconfigureTimeSlider(e),this.applyTimeExtent(e.layerView,t.timeSlider.timeExtent),this.setupTimeExtentWatcher())}async reconfigureTimeSlider(e){t.timeSlider&&(t.timeSlider.fullTimeExtent=e.timeExtent,t.timeSlider.timeExtent=await this.getTimeExtent(e),t.timeSlider.stops={interval:await this.getTimeInterval(e)})}async getTimeExtent({rangeStart:e,rangeEnd:i,previousTimeExtent:a}){let n=a??await f({start:e,end:i});return await Promise.resolve(n)}async getTimeInterval(e){let i=e.unit??e.layerView?.layer?.timeInfo?.interval?.unit;return await c({unit:i,value:1})}getLabel(e){return e?.layerView?.layer?.title||""}},o=new w,k=y`@layer{.instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand: var(--calcite-ui-text-1);--calcite-ui-brand: var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}}`,m={base:"instant-apps-time-filter",layerTitle:"instant-apps-time-filter__layer-title",loadingContainer:"instant-apps-time-filter__loading-container",background:"instant-apps-time-filter__background",threeD:" instant-apps-time-filter--3d"},g=class extends T{constructor(){super(...arguments),this._messages=x({name:"instant-apps-time-filter"}),this.timeSliderRef=E(),this.timeInfoConfigItems=[],this.autoPlay=!1}static{this.properties={timeInfoConfigItems:0,filterMode:0,view:0,timeSliderConfig:0,autoPlay:5}}static{this.styles=k}static{this.shadowRootOptions=I}async load(){t.view=this.view,t.timeInfoConfigItems=this.timeInfoConfigItems,t.autoPlay=!!this.autoPlay,this.timeSliderConfig&&(t.timeSliderConfig=this.timeSliderConfig),this.filterMode&&(t.filterMode=this.filterMode)}willUpdate(e){e.has("timeInfoConfigItems")&&(this.hasUpdated||this.timeInfoConfigItems?.length>0)&&(t.timeInfoConfigItems=this.timeInfoConfigItems,o.init(this.timeSliderRef.value)),e.has("filterMode")&&(t.filterMode=this.filterMode),e.has("timeSliderConfig")&&(t.timeSliderConfig=this.timeSliderConfig,o.init(this.timeSliderRef.value)),e.has("autoPlay")&&(this.hasUpdated||this.autoPlay)&&(t.autoPlay=this.autoPlay,t.timeSlider&&(t.autoPlay?t.timeSlider.play():t.timeSlider.stop()))}async loaded(){try{await o.init(this.timeSliderRef.value)}catch{}finally{t.loading=!1}}render(){return s`<div class=${`${m.base}${this.view.type!=="2d"?m.threeD:""}`}>${this._renderLoader()}${this.view.type==="2d"&&this._renderTopEl()||""}${C("time-slider",s`<div ${v(this.timeSliderRef)}></div>`)}</div>`}_renderLoader(){return t.loading?s`<div><div class=${d(m.background)}></div><div class=${d(m.loadingContainer)}><calcite-loader scale=m .label=${this._messages.loading??""} .text=${this._messages.loading}></calcite-loader></div></div>`:null}_renderTopEl(){return this.timeInfoConfigItems.length>1?this._renderDropdown():this._renderLayerTitle()}_renderLayerTitle(){let e=t.selectedTimeInfoItem?.layerView?.layer?.title;return s`<span class=${d(m.layerTitle)}>${e}</span>`}_renderDropdown(){return t.selectedTimeInfoItem?s`<calcite-dropdown>${this._renderDropdownButton()}${this._renderDropdownItems()}</calcite-dropdown>`:null}_renderDropdownButton(){return s`<calcite-button slot=trigger appearance=transparent icon-end=chevron-down width=full alignment=space-between>${o.getLabel(t.selectedTimeInfoItem)}</calcite-button>`}_renderDropdownItems(){return t.timeInfoItems.map(e=>this._renderDropdownItem(e))}_renderDropdownItem(e){let i=t.selectedTimeInfoItem?.layerView?.layer?.id,a=e?.layerView?.layer?.id;return s`<calcite-dropdown-item @calciteDropdownItemSelect=${()=>o.updateSelectedTimeInfoItem(e)} .selected=${i===a}>${o.getLabel(e)}</calcite-dropdown-item>`}};S("instant-apps-time-filter",g);return g},a)
+v1.1.0-next.20250922 */
+import{a as u}from"./Q7MZ3HNH.js";import a from"./HVRKQGIN.js";import{a as C}from"./ABYIUR5M.js";import{a as x}from"./6XJNZQLF.js";import{c as _,h as b,i as M,k as f,l as c,x as $,z as V}from"./GSRJFFKE.js";import{b as S}from"./C72IEAQ2.js";import"./JWMINJ2Q.js";import"./BEOHG5JT.js";import{C as E,D as v,E as T,G as d,h as y,i as s,r as I}from"./54TLZXVO.js";import"./X5AJPO47.js";export default $arcgis.t(([L])=>{var{state:t,onChange:P}=L({timeInfoConfigItems:[],filterMode:{type:"filter"},view:null,timeSlider:null,timeInfoItems:[],selectedTimeInfoItem:null,loading:!0,timeSliderConfig:{},autoPlay:!1}),h="time-slider-watch",w=class{constructor(){this.initializeModules()}async initializeModules(){try{let e=await V();this.reactiveUtils=e,this.handles=await _()}catch{}}async init(e){if(!e)return;e&&(e.innerHTML=""),t?.timeSlider?.viewModel?.state==="playing"&&t.timeSlider.stop();let{view:i,timeInfoConfigItems:a}=t;if(i)try{if(await i.when(),a.length===1&&a[0]?.type==="map")this.initTimeSlider(e,a[0]);else{let n=await this.getTimeLayerViews(i,a);t.timeInfoItems=this.generateTimeInfoItems(n,a),this.initTimeSlider(e)}return Promise.resolve()}catch{}finally{this.setupFilterModeWatcher()}}destroy(){this.handles?.removeAll(),this.handles=null,t.timeSlider?.destroy()}async getTimeLayerViews(e,i){let a=e.map?.allLayers,n=l=>a?.find(({id:p})=>l===p),r=i.map(({id:l})=>n(l)).map(async l=>await e.whenLayerView(l));return await Promise.all(r)}generateTimeInfoItems(e,i){return[...i].map(a=>{let n=e.find(({layer:r})=>r.id===a.id);return this.generateTimeInfoItem(n,a)})}generateTimeInfoItem(e,{increments:i,rangeStart:a,rangeEnd:n,timeIntervalValue:r}){let l=e?.layer?.timeInfo?.fullTimeExtent;return{layerView:e,unit:i,timeIntervalValue:r??1,rangeStart:new Date(a),rangeEnd:new Date(n),timeExtent:l,previousTimeExtent:null}}async initTimeSlider(e,i){let a=async n=>(t.timeSlider=await $(n),t.autoPlay&&t.timeSlider.play(),await Promise.resolve());if(i){let n=await this.getTimeSliderConfig(e,i);await a(n)}else{let n=t?.timeInfoItems?.[0];if(!n)return;t.selectedTimeInfoItem=n;let r=await this.getTimeSliderConfig(e);await a(r)}t.view?.type==="2d"&&this.initialize2DView()}setupFilterModeWatcher(){P("filterMode",e=>{e&&t.timeInfoItems.forEach(i=>{let a=i.layerView;this.applyTimeExtent(a,a?.featureEffect?.filter?.timeExtent||a.filter?.timeExtent,e)})})}async getTimeSliderConfig(e,i){let a={container:e,mode:"time-window",view:t.view?.type==="3d"?t.view:null,...t.timeSliderConfig};if(i){let n=t.view?.map?.widgets?.timeSlider,r={...a,fullTimeExtent:n?.fullTimeExtent,timeExtent:n?.currentTimeExtent};return n?.stopInterval?.unit&&n?.stopInterval?.value&&(r.stops={interval:await c({unit:n?.stopInterval?.unit,value:n?.stopInterval?.value})}),r}else{let[{timeExtent:n,rangeStart:r,rangeEnd:l,unit:p,timeIntervalValue:F}]=t.timeInfoItems;return{...a,fullTimeExtent:n,timeExtent:await f({start:r,end:l}),stops:{interval:await c({unit:p,value:F})}}}}initialize2DView(){t.timeInfoItems.forEach(async e=>this.applyTimeExtent(e.layerView,await f({start:e.rangeStart,end:e.rangeEnd}))),this.setupTimeExtentWatcher()}applyTimeExtent(e,i,a){t.filterMode?.type==="effect"?this.applyFeatureEffect(e,i,a):this.applyFeatureFilter(e,i)}applyFeatureEffect(e,i,a){if(e){if(e.filter&&e.set("filter",null),!e?.featureEffect?.filter||a){this.handleUpdatedFeatureEffect(e,i);return}e.featureEffect.filter.timeExtent=i}}async handleUpdatedFeatureEffect(e,i){e.featureEffect=await b({filter:{timeExtent:i},includedEffect:await u(t.filterMode?.effect?.includedEffect??"",e,"includedEffect"),excludedEffect:await u(t.filterMode?.effect?.excludedEffect??"",e,"excludedEffect")})}async applyFeatureFilter(e,i){if(e.featureEffect&&e.set("featureEffect",null),!e.filter){e.filter=await M({timeExtent:i});return}e.filter.timeExtent=i}setupTimeExtentWatcher(){this.handles?.has(h)&&this.handles?.remove(h),t?.timeSlider&&this.handles?.add(t.timeSlider.watch("timeExtent",e=>this.applyTimeExtent(t.selectedTimeInfoItem?.layerView,e)),h)}updateSelectedTimeInfoItem(e){t.timeSlider&&(t.selectedTimeInfoItem&&(t.selectedTimeInfoItem.previousTimeExtent=t.timeSlider.timeExtent),t.selectedTimeInfoItem=e,this.reconfigureTimeSlider(e),this.applyTimeExtent(e.layerView,t.timeSlider.timeExtent),this.setupTimeExtentWatcher())}async reconfigureTimeSlider(e){t.timeSlider&&(t.timeSlider.fullTimeExtent=e.timeExtent,t.timeSlider.timeExtent=await this.getTimeExtent(e),t.timeSlider.stops={interval:await this.getTimeInterval(e)})}async getTimeExtent({rangeStart:e,rangeEnd:i,previousTimeExtent:a}){let n=a??await f({start:e,end:i});return await Promise.resolve(n)}async getTimeInterval(e){let i=e.unit??e.layerView?.layer?.timeInfo?.interval?.unit;return await c({unit:i,value:1})}getLabel(e){return e?.layerView?.layer?.title||""}},o=new w,k=y`@layer{.instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand: var(--calcite-ui-text-1);--calcite-ui-brand: var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}}`,m={base:"instant-apps-time-filter",layerTitle:"instant-apps-time-filter__layer-title",loadingContainer:"instant-apps-time-filter__loading-container",background:"instant-apps-time-filter__background",threeD:" instant-apps-time-filter--3d"},g=class extends T{constructor(){super(...arguments),this._messages=x({name:"instant-apps-time-filter"}),this.timeSliderRef=E(),this.timeInfoConfigItems=[],this.autoPlay=!1}static{this.properties={timeInfoConfigItems:0,filterMode:0,view:0,timeSliderConfig:0,autoPlay:5}}static{this.styles=k}static{this.shadowRootOptions=I}async load(){t.view=this.view,t.timeInfoConfigItems=this.timeInfoConfigItems,t.autoPlay=!!this.autoPlay,this.timeSliderConfig&&(t.timeSliderConfig=this.timeSliderConfig),this.filterMode&&(t.filterMode=this.filterMode)}willUpdate(e){e.has("timeInfoConfigItems")&&(this.hasUpdated||this.timeInfoConfigItems?.length>0)&&(t.timeInfoConfigItems=this.timeInfoConfigItems,o.init(this.timeSliderRef.value)),e.has("filterMode")&&(t.filterMode=this.filterMode),e.has("timeSliderConfig")&&(t.timeSliderConfig=this.timeSliderConfig,o.init(this.timeSliderRef.value)),e.has("autoPlay")&&(this.hasUpdated||this.autoPlay)&&(t.autoPlay=this.autoPlay,t.timeSlider&&(t.autoPlay?t.timeSlider.play():t.timeSlider.stop()))}async loaded(){try{await o.init(this.timeSliderRef.value)}catch{}finally{t.loading=!1}}render(){return s`<div class=${`${m.base}${this.view.type!=="2d"?m.threeD:""}`}>${this._renderLoader()}${this.view.type==="2d"&&this._renderTopEl()||""}${C("time-slider",s`<div ${v(this.timeSliderRef)}></div>`)}</div>`}_renderLoader(){return t.loading?s`<div><div class=${d(m.background)}></div><div class=${d(m.loadingContainer)}><calcite-loader scale=m .label=${this._messages.loading??""} .text=${this._messages.loading}></calcite-loader></div></div>`:null}_renderTopEl(){return this.timeInfoConfigItems.length>1?this._renderDropdown():this._renderLayerTitle()}_renderLayerTitle(){let e=t.selectedTimeInfoItem?.layerView?.layer?.title;return s`<span class=${d(m.layerTitle)}>${e}</span>`}_renderDropdown(){return t.selectedTimeInfoItem?s`<calcite-dropdown>${this._renderDropdownButton()}${this._renderDropdownItems()}</calcite-dropdown>`:null}_renderDropdownButton(){return s`<calcite-button slot=trigger appearance=transparent icon-end=chevron-down width=full alignment=space-between>${o.getLabel(t.selectedTimeInfoItem)}</calcite-button>`}_renderDropdownItems(){return t.timeInfoItems.map(e=>this._renderDropdownItem(e))}_renderDropdownItem(e){let i=t.selectedTimeInfoItem?.layerView?.layer?.id,a=e?.layerView?.layer?.id;return s`<calcite-dropdown-item @calciteDropdownItemSelect=${()=>o.updateSelectedTimeInfoItem(e)} .selected=${i===a}>${o.getLabel(e)}</calcite-dropdown-item>`}};S("instant-apps-time-filter",g);return g},a)