@arcgis/core 4.23.0-next.20220104 → 4.23.0-next.20220119

package/widgets/Feature/FeatureMedia.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import{eventKey as t}from"../../core/events.js";import{init as i}from"../../core/watchUtils.js";import{aliasOf as r}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import s from"../Widget.js";import n from"./FeatureMedia/FeatureMediaViewModel.js";import l from"./support/FeatureElementInfo.js";import{shouldOpenInNewTab as d}from"./support/featureUtils.js";import{loadChartsModule as c,getColorSet as m}from"../support/chartUtils.js";import{isRTL as u}from"../support/widgetUtils.js";import{messageBundle as h}from"../support/decorators/messageBundle.js";import"../../core/Logger.js";import{tsx as p}from"../support/jsxFactory.js";import{isDarkTheme as f}from"../support/widgetThemeUtils.js";const v={base:"esri-feature-media",mediaContainer:"esri-feature-media__container",mediaItemContainer:"esri-feature-media__item-container",mediaItem:"esri-feature-media__item",mediaItemTitle:"esri-feature-media__item-title",mediaItemCaption:"esri-feature-media__item-caption",mediaPrevious:"esri-feature-media__previous",mediaPreviousIconLTR:"esri-feature-media__previous-icon",mediaPreviousIconRTL:"esri-feature-media__previous-icon--rtl",mediaNext:"esri-feature-media__next",mediaNextIconLTR:"esri-feature-media__next-icon",mediaNextIconRTL:"esri-feature-media__next-icon--rtl",mediaChart:"esri-feature-media__chart",mediaButton:"esri-feature-media__button",mediaIcon:"esri-feature-media__icon",iconLeftTriangleArrow:"esri-icon-left-triangle-arrow",iconRightTriangleArrow:"esri-icon-right-triangle-arrow"},_=.05,I=.95,M=15;let w=class extends s{constructor(e,t){super(e,t),this._refreshTimer=null,this._refreshIntervalInfo=null,this._featureElementInfo=null,this.attributes=null,this.activeMediaInfoIndex=null,this.description=null,this.fieldInfoMap=null,this.layer=null,this.mediaInfos=null,this.popupTemplate=null,this.relatedInfos=null,this.title=null,this.viewModel=new n,this.messages=null,this._getChartDependencies=async e=>{const t=await c(),{viewModel:i}=this;if(!i)return;const{activeMediaInfo:r}=i;this._renderChart({chartDiv:e,mediaInfo:r,chartsModule:t})}}initialize(){this._featureElementInfo=new l,this.own(i(this,["viewModel.activeMediaInfo","viewModel.activeMediaInfoIndex"],(()=>this._setupMediaRefreshTimer())),i(this,["viewModel.description","viewModel.title"],(()=>this._setupFeatureElementInfo())))}destroy(){this._clearMediaRefreshTimer(),this._featureElementInfo.destroy()}render(){var e;return p("div",{bind:this,class:v.base,onkeyup:this._handleMediaKeyup},null==(e=this._featureElementInfo)?void 0:e.render(),this.renderMedia())}renderMedia(){const{formattedMediaInfoCount:e}=this.viewModel;return e?p("div",{key:"media-element-container",class:v.mediaContainer},this.renderMediaPageButton("previous"),this.renderMediaInfo(),this.renderMediaPageButton("next")):null}renderImageMediaInfo(e){const{_refreshIntervalInfo:t}=this,{activeMediaInfoIndex:i,formattedMediaInfoCount:r}=this.viewModel,{value:a,refreshInterval:o,altText:s,title:n,type:l}=e,{sourceURL:c,linkURL:m}=a,u=d(m)?"_blank":"_self",h="_blank"===u?"noreferrer":"",f=o?t:null,v=f?f.timestamp:0,_=f?f.sourceURL:c,I=p("img",{alt:s||n,key:`media-${l}-${i}-${r}-${v}`,src:_}),M=m?p("a",{title:n,href:m,rel:h,target:u},I):null;return M||I}renderChartMediaInfo(e){const{activeMediaInfoIndex:t,formattedMediaInfoCount:i}=this.viewModel;return p("div",{key:`media-${e.type}-${t}-${i}`,bind:this,class:v.mediaChart,afterCreate:this._getChartDependencies})}renderMediaInfoType(){const{activeMediaInfo:e}=this.viewModel;return e?"image"===e.type?this.renderImageMediaInfo(e):-1!==e.type.indexOf("chart")?this.renderChartMediaInfo(e):null:null}renderMediaInfo(){const{activeMediaInfo:e}=this.viewModel;if(!e)return null;const t=e.title?p("div",{key:"media-title",class:v.mediaItemTitle,innerHTML:e.title}):null,i=e.caption?p("div",{key:"media-caption",class:v.mediaItemCaption,innerHTML:e.caption}):null;return p("div",{key:"media-container",class:v.mediaItemContainer},p("div",{key:"media-item-container",class:v.mediaItem},this.renderMediaInfoType()),t,i)}renderMediaPageButton(e){if(this.viewModel.formattedMediaInfoCount<2)return null;const t="previous"===e,i=t?this.messages.previous:this.messages.next,r=t?this.classes(v.mediaButton,v.mediaPrevious):this.classes(v.mediaButton,v.mediaNext),a=t?this.classes(v.mediaIcon,v.mediaPreviousIconLTR,v.iconLeftTriangleArrow):this.classes(v.mediaIcon,v.mediaNextIconLTR,v.iconRightTriangleArrow),o=t?this.classes(v.mediaIcon,v.mediaPreviousIconRTL,v.iconRightTriangleArrow):this.classes(v.mediaIcon,v.mediaNextIconRTL,v.iconLeftTriangleArrow),s=t?"media-previous":"media-next",n=t?this._previous:this._next;return p("button",{type:"button",key:s,title:i,"aria-label":i,tabIndex:0,class:r,bind:this,onclick:n},p("span",{"aria-hidden":"true",class:a}),p("span",{"aria-hidden":"true",class:o}))}_setupFeatureElementInfo(){const{description:e,title:t}=this;this._featureElementInfo.set({description:e,title:t})}_next(){this.viewModel.next()}_previous(){this.viewModel.previous()}_handleMediaKeyup(e){const i=t(e);"ArrowLeft"===i&&(e.stopPropagation(),this.viewModel.previous()),"ArrowRight"===i&&(e.stopPropagation(),this.viewModel.next())}_renderChart(e){const{chartsModule:t,chartDiv:i,mediaInfo:r}=e,{value:a,type:o}=r,{am4core:s}=t,n=m(s);function l(e){e instanceof s.ColorSet&&n&&(e.list=n)}f()&&s.useTheme(t.am4themes_dark),s.useTheme(t.am4themes_animated),s.useTheme(l);const d="pie-chart"===o?this._createPieChart(e):this._createXYChart(e);i.setAttribute("aria-label",r.altText||r.title),d.data=a.series.map((e=>({tooltip:e.tooltip,value:e.value}))).filter((e=>"pie-chart"!==o||e.value>0))}_customizeChartTooltip(e,t){e.label.wrap=!0,e.label.maxWidth=200,e.autoTextColor=!1,e.getFillFromObject=!1,e.label.fill=t.color("#ffffff"),e.background.fill=t.color({r:0,g:0,b:0,a:.7})}_createPieChart(e){const{chartDiv:t,chartsModule:i}=e,{am4core:r,am4charts:a}=i,o=r.create(t,a.PieChart);o.rtl=u(this.container);const s=o.series.push(new a.PieSeries);return s.labels.template.disabled=!0,s.ticks.template.disabled=!0,s.dataFields.value="value",s.dataFields.category="tooltip",this._customizeChartTooltip(s.tooltip,r),o}_getMinSeriesValue(e){let t=0;return e.forEach((e=>t=Math.min(e.value,t))),t}_createColumnChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.xAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dy=-n.tooltip.contentHeight}));const l=e.yAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.ColumnSeries);c.dataFields.valueY="value",c.dataFields.categoryX="tooltip",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarX=new o.Scrollbar)}_createBarChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.yAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.inversed=!0,n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dx=n.tooltip.contentWidth}));const l=e.xAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.ColumnSeries);c.dataFields.valueX="value",c.dataFields.categoryY="tooltip",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarY=new o.Scrollbar)}_createLineChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.xAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dy=-n.tooltip.contentHeight}));const l=e.yAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.LineSeries);c.dataFields.categoryX="tooltip",c.dataFields.valueY="value",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarX=new o.Scrollbar)}_createXYChart(e){const{chartDiv:t,chartsModule:i,mediaInfo:r}=e,{type:a}=r,{am4core:o,am4charts:s}=i,n=o.create(t,s.XYChart);return n.rtl=u(this.container),"column-chart"===a&&this._createColumnChart(n,e),"bar-chart"===a&&this._createBarChart(n,e),"line-chart"===a&&this._createLineChart(n,e),n}_clearMediaRefreshTimer(){const{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=null)}_updateMediaInfoTimestamp(e){const t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:this._getImageSource(e,t)},this.scheduleRender()}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();const{activeMediaInfo:e}=this.viewModel;e&&"image"===e.type&&e.refreshInterval&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){const{refreshInterval:t,value:i}=e;if(!t)return;const r=6e4*t;this._updateMediaInfoTimestamp(i.sourceURL);const a=setInterval((()=>{this._updateMediaInfoTimestamp(i.sourceURL)}),r);this._refreshTimer=a}_getImageSource(e,t){const i=-1!==e.indexOf("?")?"&":"?",[r,a=""]=e.split("#");return`${r}${i}timestamp=${t}${a?"#":""}${a}`}};e([r("viewModel.attributes")],w.prototype,"attributes",void 0),e([r("viewModel.activeMediaInfoIndex")],w.prototype,"activeMediaInfoIndex",void 0),e([r("viewModel.description")],w.prototype,"description",void 0),e([r("viewModel.fieldInfoMap")],w.prototype,"fieldInfoMap",void 0),e([r("viewModel.layer")],w.prototype,"layer",void 0),e([r("viewModel.mediaInfos")],w.prototype,"mediaInfos",void 0),e([r("viewModel.popupTemplate")],w.prototype,"popupTemplate",void 0),e([r("viewModel.relatedInfos")],w.prototype,"relatedInfos",void 0),e([r("viewModel.title")],w.prototype,"title",void 0),e([a({type:n})],w.prototype,"viewModel",void 0),e([a(),h("esri/widgets/Feature/t9n/Feature")],w.prototype,"messages",void 0),w=e([o("esri.widgets.Feature.FeatureMedia")],w);const g=w;export{g as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import{eventKey as t}from"../../core/events.js";import{init as i}from"../../core/watchUtils.js";import{aliasOf as r}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import s from"../Widget.js";import n from"./FeatureMedia/FeatureMediaViewModel.js";import l from"./support/FeatureElementInfo.js";import{shouldOpenInNewTab as d}from"./support/featureUtils.js";import{loadChartsModule as c,getColorSet as m}from"../support/chartUtils.js";import{isRTL as u}from"../support/widgetUtils.js";import{messageBundle as h}from"../support/decorators/messageBundle.js";import"../../core/Logger.js";import{tsx as p}from"../support/jsxFactory.js";import{isDarkTheme as f}from"../support/widgetThemeUtils.js";const v={base:"esri-feature-media",mediaContainer:"esri-feature-media__container",mediaItemContainer:"esri-feature-media__item-container",mediaItem:"esri-feature-media__item",mediaItemTitle:"esri-feature-media__item-title",mediaItemCaption:"esri-feature-media__item-caption",mediaPrevious:"esri-feature-media__previous",mediaPreviousIconLTR:"esri-feature-media__previous-icon",mediaPreviousIconRTL:"esri-feature-media__previous-icon--rtl",mediaNext:"esri-feature-media__next",mediaNextIconLTR:"esri-feature-media__next-icon",mediaNextIconRTL:"esri-feature-media__next-icon--rtl",mediaChart:"esri-feature-media__chart",mediaButton:"esri-feature-media__button",mediaIcon:"esri-feature-media__icon",iconLeftTriangleArrow:"esri-icon-left-triangle-arrow",iconRightTriangleArrow:"esri-icon-right-triangle-arrow"},_=.05,I=.95,M=15;let w=class extends s{constructor(e,t){super(e,t),this._refreshTimer=null,this._refreshIntervalInfo=null,this._featureElementInfo=null,this.attributes=null,this.activeMediaInfoIndex=null,this.description=null,this.fieldInfoMap=null,this.layer=null,this.mediaInfos=null,this.popupTemplate=null,this.relatedInfos=null,this.title=null,this.viewModel=new n,this.messages=null,this._getChartDependencies=async e=>{const t=await c(),{destroyed:i,viewModel:r}=this;if(i||!r||!e)return;const{activeMediaInfo:a}=r;this._renderChart({chartDiv:e,mediaInfo:a,chartsModule:t})}}initialize(){this._featureElementInfo=new l,this.own(i(this,["viewModel.activeMediaInfo","viewModel.activeMediaInfoIndex"],(()=>this._setupMediaRefreshTimer())),i(this,["viewModel.description","viewModel.title"],(()=>this._setupFeatureElementInfo())))}destroy(){this._clearMediaRefreshTimer(),this._featureElementInfo.destroy()}render(){var e;return p("div",{bind:this,class:v.base,onkeyup:this._handleMediaKeyup},null==(e=this._featureElementInfo)?void 0:e.render(),this.renderMedia())}renderMedia(){const{formattedMediaInfoCount:e}=this.viewModel;return e?p("div",{key:"media-element-container",class:v.mediaContainer},this.renderMediaPageButton("previous"),this.renderMediaInfo(),this.renderMediaPageButton("next")):null}renderImageMediaInfo(e){const{_refreshIntervalInfo:t}=this,{activeMediaInfoIndex:i,formattedMediaInfoCount:r}=this.viewModel,{value:a,refreshInterval:o,altText:s,title:n,type:l}=e,{sourceURL:c,linkURL:m}=a,u=d(m)?"_blank":"_self",h="_blank"===u?"noreferrer":"",f=o?t:null,v=f?f.timestamp:0,_=f?f.sourceURL:c,I=p("img",{alt:s||n,key:`media-${l}-${i}-${r}-${v}`,src:_}),M=m?p("a",{title:n,href:m,rel:h,target:u},I):null;return M||I}renderChartMediaInfo(e){const{activeMediaInfoIndex:t,formattedMediaInfoCount:i}=this.viewModel;return p("div",{key:`media-${e.type}-${t}-${i}`,bind:this,class:v.mediaChart,afterCreate:this._getChartDependencies})}renderMediaInfoType(){const{activeMediaInfo:e}=this.viewModel;return e?"image"===e.type?this.renderImageMediaInfo(e):-1!==e.type.indexOf("chart")?this.renderChartMediaInfo(e):null:null}renderMediaInfo(){const{activeMediaInfo:e}=this.viewModel;if(!e)return null;const t=e.title?p("div",{key:"media-title",class:v.mediaItemTitle,innerHTML:e.title}):null,i=e.caption?p("div",{key:"media-caption",class:v.mediaItemCaption,innerHTML:e.caption}):null;return p("div",{key:"media-container",class:v.mediaItemContainer},p("div",{key:"media-item-container",class:v.mediaItem},this.renderMediaInfoType()),t,i)}renderMediaPageButton(e){if(this.viewModel.formattedMediaInfoCount<2)return null;const t="previous"===e,i=t?this.messages.previous:this.messages.next,r=t?this.classes(v.mediaButton,v.mediaPrevious):this.classes(v.mediaButton,v.mediaNext),a=t?this.classes(v.mediaIcon,v.mediaPreviousIconLTR,v.iconLeftTriangleArrow):this.classes(v.mediaIcon,v.mediaNextIconLTR,v.iconRightTriangleArrow),o=t?this.classes(v.mediaIcon,v.mediaPreviousIconRTL,v.iconRightTriangleArrow):this.classes(v.mediaIcon,v.mediaNextIconRTL,v.iconLeftTriangleArrow),s=t?"media-previous":"media-next",n=t?this._previous:this._next;return p("button",{type:"button",key:s,title:i,"aria-label":i,tabIndex:0,class:r,bind:this,onclick:n},p("span",{"aria-hidden":"true",class:a}),p("span",{"aria-hidden":"true",class:o}))}_setupFeatureElementInfo(){const{description:e,title:t}=this;this._featureElementInfo.set({description:e,title:t})}_next(){this.viewModel.next()}_previous(){this.viewModel.previous()}_handleMediaKeyup(e){const i=t(e);"ArrowLeft"===i&&(e.stopPropagation(),this.viewModel.previous()),"ArrowRight"===i&&(e.stopPropagation(),this.viewModel.next())}_renderChart(e){const{chartsModule:t,chartDiv:i,mediaInfo:r}=e,{value:a,type:o}=r,{am4core:s}=t,n=m(s);function l(e){e instanceof s.ColorSet&&n&&(e.list=n)}f()&&s.useTheme(t.am4themes_dark),s.useTheme(t.am4themes_animated),s.useTheme(l);const d="pie-chart"===o?this._createPieChart(e):this._createXYChart(e);i.setAttribute("aria-label",r.altText||r.title),d.data=a.series.map((e=>({tooltip:e.tooltip,value:e.value}))).filter((e=>"pie-chart"!==o||e.value>0))}_customizeChartTooltip(e,t){e.label.wrap=!0,e.label.maxWidth=200,e.autoTextColor=!1,e.getFillFromObject=!1,e.label.fill=t.color("#ffffff"),e.background.fill=t.color({r:0,g:0,b:0,a:.7})}_createPieChart(e){const{chartDiv:t,chartsModule:i}=e,{am4core:r,am4charts:a}=i,o=r.create(t,a.PieChart);o.rtl=u(this.container);const s=o.series.push(new a.PieSeries);return s.labels.template.disabled=!0,s.ticks.template.disabled=!0,s.dataFields.value="value",s.dataFields.category="tooltip",this._customizeChartTooltip(s.tooltip,r),o}_getMinSeriesValue(e){let t=0;return e.forEach((e=>t=Math.min(e.value,t))),t}_createColumnChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.xAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dy=-n.tooltip.contentHeight}));const l=e.yAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.ColumnSeries);c.dataFields.valueY="value",c.dataFields.categoryX="tooltip",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarX=new o.Scrollbar)}_createBarChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.yAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.inversed=!0,n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dx=n.tooltip.contentWidth}));const l=e.xAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.ColumnSeries);c.dataFields.valueX="value",c.dataFields.categoryY="tooltip",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarY=new o.Scrollbar)}_createLineChart(e,t){const{chartsModule:i,mediaInfo:r}=t,{value:a}=r,{am4core:o,am4charts:s}=i,n=e.xAxes.push(new s.CategoryAxis);n.dataFields.category="tooltip",n.renderer.labels.template.disabled=!0,this._customizeChartTooltip(n.tooltip,o),n.tooltip.events.on("sizechanged",(()=>{n.tooltip.dy=-n.tooltip.contentHeight}));const l=e.yAxes.push(new s.ValueAxis),d=l.renderer.labels.template;l.renderer.minLabelPosition=_,l.renderer.maxLabelPosition=I,l.min=this._getMinSeriesValue(a.series),this._customizeChartTooltip(l.tooltip,o),d.wrap=!0;const c=e.series.push(new s.LineSeries);c.dataFields.categoryX="tooltip",c.dataFields.valueY="value",e.cursor=new s.XYCursor,a.series.length>M&&(e.scrollbarX=new o.Scrollbar)}_createXYChart(e){const{chartDiv:t,chartsModule:i,mediaInfo:r}=e,{type:a}=r,{am4core:o,am4charts:s}=i,n=o.create(t,s.XYChart);return n.rtl=u(this.container),"column-chart"===a&&this._createColumnChart(n,e),"bar-chart"===a&&this._createBarChart(n,e),"line-chart"===a&&this._createLineChart(n,e),n}_clearMediaRefreshTimer(){const{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=null)}_updateMediaInfoTimestamp(e){const t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:this._getImageSource(e,t)},this.scheduleRender()}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();const{activeMediaInfo:e}=this.viewModel;e&&"image"===e.type&&e.refreshInterval&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){const{refreshInterval:t,value:i}=e;if(!t)return;const r=6e4*t;this._updateMediaInfoTimestamp(i.sourceURL);const a=setInterval((()=>{this._updateMediaInfoTimestamp(i.sourceURL)}),r);this._refreshTimer=a}_getImageSource(e,t){const i=-1!==e.indexOf("?")?"&":"?",[r,a=""]=e.split("#");return`${r}${i}timestamp=${t}${a?"#":""}${a}`}};e([r("viewModel.attributes")],w.prototype,"attributes",void 0),e([r("viewModel.activeMediaInfoIndex")],w.prototype,"activeMediaInfoIndex",void 0),e([r("viewModel.description")],w.prototype,"description",void 0),e([r("viewModel.fieldInfoMap")],w.prototype,"fieldInfoMap",void 0),e([r("viewModel.layer")],w.prototype,"layer",void 0),e([r("viewModel.mediaInfos")],w.prototype,"mediaInfos",void 0),e([r("viewModel.popupTemplate")],w.prototype,"popupTemplate",void 0),e([r("viewModel.relatedInfos")],w.prototype,"relatedInfos",void 0),e([r("viewModel.title")],w.prototype,"title",void 0),e([a({type:n})],w.prototype,"viewModel",void 0),e([a(),h("esri/widgets/Feature/t9n/Feature")],w.prototype,"messages",void 0),w=e([o("esri.widgets.Feature.FeatureMedia")],w);const g=w;export{g as default};

package/widgets/FeatureForm/FeatureFormViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../Graphic.js";import"../../intl.js";import i from"../../core/Evented.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import s from"../../core/Logger.js";import{ReentrantObjectPool as o}from"../../core/ReentrantObjectPool.js";import{init as l}from"../../core/watchUtils.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{cast as n}from"../../core/accessorSupport/decorators/cast.js";import{subclass as u}from"../../core/accessorSupport/decorators/subclass.js";import p from"../../form/FormTemplate.js";import{loadArcade as d}from"../../support/arcadeOnDemand.js";import f from"./FieldConfig.js";import c from"./FieldGroupConfig.js";import h from"./InputField.js";import m from"./InputFieldGroup.js";import{fieldConfigsFromFormTemplate as g}from"./support/formTemplateUtils.js";import{onLocaleChange as y}from"../../intl/locale.js";import{fetchMessageBundle as _}from"../../intl/messages.js";function v(e){return!!e.inputFields}function F(e){return!!e.fieldConfig}const C=new t({attributes:{}}),j="esri.widgets.FeatureForm.FeatureFormViewModel",E=s.getLogger(j);let O=class extends(r(i.EventedAccessor)){constructor(e){super(e),this._arcade=null,this._fieldPool=new o(h),this._fieldGroupPool=new o(m),this._featureClone=C.clone(),this._initialFeature=C.clone(),this._needsArcade=!1,this.messages=null,this.strict=!1}initialize(){const e=async()=>this.messages=await _("esri/widgets/FeatureForm/t9n/FeatureForm");e(),this.handles.add(y(e));const t=l(this,"fieldConfig",(async e=>{const i=[];e&&e.forEach((e=>{i.push(e.visibilityExpression),F(e)?e.fieldConfig.forEach((({requiredExpression:e,visibilityExpression:t})=>{i.push(e,t)})):i.push(e.requiredExpression)}));const r=i.filter((e=>!!e)),s=r.length>0;if(s){const e=await d(),{arcadeUtils:i}=e;r.some((e=>i.hasGeometryOperations(e)))&&(await i.enableGeometryOperations(),t.remove()),this._arcade=e,this.notifyChange("inputFields")}this._needsArcade=s}));this.handles.add(t)}destroy(){this.fieldConfig=null,this.feature=null,this.layer=null,this._fieldPool.destroy(),this._fieldGroupPool.destroy()}get _allInputFields(){return this.inputFields.reduce(((e,t)=>v(t)?[...e,...t.inputFields]:[...e,t]),[])}get _inputFieldCache(){const e=this._get("_inputFieldCache")||new Map;e.forEach((e=>this._disposeInputOrGroup(e))),e.clear();return(this.get("layer.fields")||[]).forEach((t=>e.set(t,this._fieldPool.acquire()))),e}get _inputFieldGroupCache(){const e=this._get("_inputFieldGroupCache")||new Map;e.forEach((e=>this._disposeInputOrGroup(e))),e.clear();return(this.fieldConfig||[]).filter(F).forEach((t=>e.set(t,this._fieldGroupPool.acquire()))),e}get description(){var e;return null==(e=this.formTemplate)?void 0:e.description}set description(e){void 0===e?this._clearOverride("description"):this._override("description",e)}get feature(){return this._get("feature")}set feature(e){this._featureClone=e?e.clone():C.clone(),this._initialFeature=this._featureClone.clone(),this._set("feature",e)}get fieldConfig(){const{formTemplate:e}=this;if(!e)return null;const{config:t,encounteredUnsupportedTypes:i}=g(e);return i.length>0&&E.warn("form-info::unsupported-type","encountered unsupported elements/types when parsing form info",i),t}set fieldConfig(e){e?this._override("fieldConfig",e):this._clearOverride("fieldConfig")}castFieldConfig(e){return e?e.map((e=>e instanceof f||e instanceof c?e:F(e)?new c(e):new f(e))):null}get formTemplate(){return this.layer&&"formTemplate"in this.layer?this.layer.formTemplate:null}set formTemplate(e){void 0===e?this._clearOverride("formTemplate"):this._override("formTemplate",e)}get inputFields(){const{_arcade:e,_inputFieldCache:t,_inputFieldGroupCache:i,_featureClone:r,messages:s,_needsArcade:o,layer:l,state:a}=this,n=r.clone();if("ready"!==a||o&&!e)return[];const u=this.get("layer.fields")||[],p=this.fieldConfig||[];let d;return d=0!==p.length?p.map((r=>{if(F(r)){const o=i.get(r),a=r.fieldConfig.map((i=>{const r=u.find((e=>e.name===i.name)),a=t.get(r);return a.set({arcade:e,field:r,config:i,feature:n,group:o,initialFeature:this._initialFeature,layer:l,messages:s,value:this.getValue(r.name)}),a})).filter((e=>e.visible));return o.set({arcade:e,config:r,feature:n,inputFields:a}),o}const o=u.find((e=>e.name===r.name)),a=t.get(o);return a.set({arcade:e,field:o,config:r,feature:n,group:null,initialFeature:this._initialFeature,layer:l,messages:s,value:this.getValue(o.name)}),a})):u.map((i=>{const r=t.get(i);return r.set({arcade:e,config:null,field:i,feature:n,group:null,initialFeature:this._initialFeature,layer:l,messages:s,value:this.getValue(i.name)}),r})),d.filter((e=>e.visible))}get layer(){var e;return null!=(e=this.feature)&&e.sourceLayer&&"applyEdits"in this.feature.sourceLayer?this.feature.sourceLayer:null}set layer(e){e?this._override("layer",e):this._clearOverride("layer")}get state(){return this.messages&&this.get("layer.loaded")?"ready":"disabled"}get title(){var e;return null==(e=this.formTemplate)?void 0:e.title}set title(e){void 0===e?this._clearOverride("title"):this._override("title",e)}get valid(){const e=this._allInputFields;return e.length>0&&e.every((({valid:e})=>e))}findField(e){return this._allInputFields.find((t=>t.name===e))}getValue(e){var t;const{_featureClone:i,layer:r}=this,s=!(null==r||!r.getField(e));return null!=(t=i.getAttribute(e))?t:s?null:void 0}setValue(e,t){const{_featureClone:i,strict:r}=this,s=this.findField(e);if(t=""===t?null:t,!s||i.getAttribute(e)===t)return;s.value=t;if(this.get("layer.typeIdField")===s.name&&"types"in this.layer){const e=new Set;this.layer.types.forEach((t=>Object.keys(t.domains).forEach((t=>e.add(t))))),e.forEach((e=>{const t=this.findField(e);t&&t.notifyChange("domain")}))}r&&!s.valid||(i.setAttribute(e,t),this.notifyChange("inputFields"),this._emitChangeEvent(s))}getValues(){return{...this._featureClone.attributes}}submit(){const e=this._allInputFields,t=e.filter((e=>e.valid)).map((({name:e})=>e)),i=e.filter((e=>!e.valid)).map((({name:e})=>e)),r=this.getValues();this.emit("submit",{valid:t,invalid:i,values:r})}_disposeInputOrGroup(e){v(e)?this._disposeGroup(e):this._disposeInput(e)}_disposeGroup(e){e.inputFields.forEach((e=>this._disposeInput(e))),this._fieldGroupPool.release(e)}_disposeInput(e){this._fieldPool.release(e)}_emitChangeEvent({name:e,valid:t,value:i}){this.emit("value-change",{layer:this.layer,feature:this.feature,fieldName:e,value:i,valid:t})}};e([a({readOnly:!0})],O.prototype,"_allInputFields",null),e([a({readOnly:!0})],O.prototype,"_inputFieldCache",null),e([a({readOnly:!0})],O.prototype,"_inputFieldGroupCache",null),e([a()],O.prototype,"description",null),e([a()],O.prototype,"feature",null),e([a()],O.prototype,"fieldConfig",null),e([n("fieldConfig")],O.prototype,"castFieldConfig",null),e([a({type:p})],O.prototype,"formTemplate",null),e([a({readOnly:!0,dependsOn:["messages","feature","fieldConfig","layer.fields","layer.loaded","state"]})],O.prototype,"inputFields",null),e([a()],O.prototype,"layer",null),e([a()],O.prototype,"messages",void 0),e([a()],O.prototype,"state",null),e([a()],O.prototype,"strict",void 0),e([a()],O.prototype,"title",null),e([a()],O.prototype,"valid",null),e([a()],O.prototype,"getValues",null),e([a()],O.prototype,"submit",null),O=e([u(j)],O);const b=O;export{b as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../Graphic.js";import"../../intl.js";import i from"../../core/Evented.js";import{HandleOwnerMixin as r}from"../../core/HandleOwner.js";import s from"../../core/Logger.js";import{isSome as l,isNone as n}from"../../core/maybe.js";import{watch as o}from"../../core/reactiveUtils.js";import{ReentrantObjectPool as a}from"../../core/ReentrantObjectPool.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as p}from"../../core/accessorSupport/decorators/subclass.js";import d from"../../form/FormTemplate.js";import{loadArcade as m}from"../../support/arcadeOnDemand.js";import c from"./InputField.js";import h from"./InputFieldGroup.js";import{onLocaleChange as f}from"../../intl/locale.js";import{fetchMessageBundle as y}from"../../intl/messages.js";function _(e){return!!e.inputFields}const F=new t({attributes:{}}),g="esri.widgets.FeatureForm.FeatureFormViewModel",v=s.getLogger(g);let E=class extends(r(i.EventedAccessor)){constructor(e){super(e),this._arcade=null,this._compiledExpressions=new Map,this._fieldPool=new a(c),this._fieldGroupPool=new a(h),this._featureClone=F.clone(),this._initialFeature=F.clone(),this._needsArcade=!1,this._inputFieldCache=new Map,this._inputFieldGroupCache=new Map,this.messages=null,this.strict=!1}initialize(){const e=async()=>this.messages=await y("esri/widgets/FeatureForm/t9n/FeatureForm");e();const t=o((()=>{var e,t;const{formTemplate:i}=this;if(n(i))return null;const r=null!=(e=i.expressionInfos)?e:[],s=null!=(t=i.elements)?t:[];return[...r.map((e=>e.expression)),...null==s?void 0:s.map((e=>this._getExpressionsFromElementRecursive(e))).flat()]}),(async e=>{if(e.length<1)return;const i=new Set(e),r=new Map;if(l(this.formTemplate)&&l(this.formTemplate.expressionInfos))for(const t of this.formTemplate.expressionInfos)i.delete(t.name),r.set(t.expression,t.name);for(const t of this._compiledExpressions.keys())i.delete(t);if(i.size<1)return;this._needsArcade=!0;const s=await m();this._arcade=s;const{arcadeUtils:n}=s;for(const l of i.values()){var o;n.hasGeometryOperations(l)&&(await n.enableGeometryOperations(),t.remove()),this._setFunctionForExpression(null!=(o=r.get(l))?o:l,l)}this.notifyChange("inputFields")})),i=o((()=>this.formTemplate),(()=>this._compiledExpressions.clear()));this.handles.add([f(e),t,i])}destroy(){this.feature=null,this.layer=null,this._fieldPool.destroy(),this._fieldGroupPool.destroy()}get _allInputFields(){return this.inputFields.reduce(((e,t)=>_(t)?[...e,...t.inputFields]:[...e,t]),[])}get _layerFieldsByName(){return new Map(this.layer.fields.map((e=>[e.name,e])))}get description(){const{formTemplate:e}=this;return l(e)?e.description:""}set description(e){void 0===e?this._clearOverride("description"):this._override("description",e)}get feature(){return this._get("feature")}set feature(e){this._featureClone=e?e.clone():F.clone(),this._initialFeature=this._featureClone.clone(),this._set("feature",e)}get formTemplate(){return this.layer&&"formTemplate"in this.layer?this.layer.formTemplate:null}set formTemplate(e){void 0===e?this._clearOverride("formTemplate"):this._override("formTemplate",e)}get inputFields(){const{_arcade:e,_featureClone:t,_initialFeature:i,_inputFieldCache:r,_needsArcade:s,formTemplate:n,messages:o,layer:a,state:u}=this;if("ready"!==u||s&&!e)return[];const p=t.clone(),d=Array.from(r.keys()),m={arcade:e,feature:p,initialFeature:i,layer:a,messages:o},c=l(n)&&n.elements.length>0?this._generateInputFieldsFromElements(n.elements,m):this._generateInputFieldsFromLayerFields(null==a?void 0:a.fields,m);return this._cullInputFieldCache(this._flattenGroups(c).map((e=>e.name)),d),this._releasePreviousInputFields(),c.filter((e=>e.visible))}get layer(){var e;return null!=(e=this.feature)&&e.sourceLayer&&"applyEdits"in this.feature.sourceLayer?this.feature.sourceLayer:null}set layer(e){e?this._override("layer",e):this._clearOverride("layer")}get state(){return this.messages&&this.get("layer.loaded")?"ready":"disabled"}get title(){const{formTemplate:e}=this;return l(e)?e.title:""}set title(e){void 0===e?this._clearOverride("title"):this._override("title",e)}get valid(){const e=this._allInputFields;return e.length>0&&e.every((({valid:e})=>e))}findField(e){return this._allInputFields.find((t=>t.name===e))}getValue(e){var t;const{_featureClone:i,layer:r}=this,s=!(null==r||!r.getField(e));return null!=(t=i.getAttribute(e))?t:s?null:void 0}setValue(e,t){const{_featureClone:i,strict:r}=this,s=this.findField(e);if(t=""===t?null:t,!s||i.getAttribute(e)===t)return;s.value=t;if(this.get("layer.typeIdField")===s.name&&"types"in this.layer){const e=new Set;this.layer.types.forEach((t=>Object.keys(t.domains).forEach((t=>e.add(t))))),e.forEach((e=>{const t=this.findField(e);t&&t.notifyChange("domain")}))}r&&!s.valid||(i.setAttribute(e,t),this.notifyChange("inputFields"),this._emitChangeEvent(s))}getValues(){return{...this._featureClone.attributes}}submit(){const e=this._allInputFields,t=e.filter((e=>e.valid)).map((({name:e})=>e)),i=e.filter((e=>!e.valid)).map((({name:e})=>e)),r=this.getValues();this.emit("submit",{valid:t,invalid:i,values:r})}_cullInputFieldCache(e,t){const i=t.filter((t=>!e.includes(t)));for(const r in i)this._inputFieldCache.delete(r)}_flattenGroups(e){return e.flatMap((e=>"groupElement"in e?e.inputFields:e))}_releasePreviousInputFields(){const e=this._get("inputFields");if(e&&!(e.length<1))for(const t of e)"groupElement"in t?this._releaseInputFieldGroup(t):this._releaseInputField(t)}_releaseInputFieldGroup(e){e.inputFields.forEach((e=>this._releaseInputField(e))),this._fieldGroupPool.release(e)}_releaseInputField(e){this._fieldPool.release(e)}_emitChangeEvent({name:e,valid:t,value:i}){this.emit("value-change",{layer:this.layer,feature:this.feature,fieldName:e,value:i,valid:t})}_generateInputFieldsFromElements(e,t){const i=[];for(const r of e)this._isSupportedElement(r)&&i.push("group"===r.type?this._acquireAndInitializeInputFieldGroup(r,t):this._acquireAndInitializeInputField({field:this._layerFieldsByName.get(r.fieldName),fieldElement:r,...t}));return i}_generateInputFieldsFromLayerFields(e,t){return Array.isArray(e)?e.map((e=>this._acquireAndInitializeInputField({field:e,fieldElement:null,...t}))):(v.warn(g,"No attribute fields found."),[])}_acquireAndInitializeInputField(e){var t,i,r,s;const{arcade:l,feature:n,field:o,fieldElement:a,group:u,initialFeature:p,layer:d,messages:m}=e,c=null!=(t=this._compiledExpressions.get(null==a?void 0:a.requiredExpression))?t:void 0,h=null!=(i=this._compiledExpressions.get(null==a?void 0:a.visibilityExpression))?i:void 0,f=o.name,y=null!=(r=null==(s=this._inputFieldCache.get(f))?void 0:s.value)?r:this.getValue(f),_=this._fieldPool.acquire();return this._inputFieldCache.set(f,_),_.set({field:o,fieldElement:a,arcade:l,feature:n,group:u,initialFeature:p,layer:d,messages:m,requiredFunction:c,visibilityFunction:h,value:y})}_acquireAndInitializeInputFieldGroup(e,t){const i=this._fieldGroupPool.acquire(),r=[];for(const o of e.elements)this._isSupportedElement(o)&&r.push(this._acquireAndInitializeInputField({field:this._layerFieldsByName.get(o.fieldName),fieldElement:o,group:i,...t}));const{arcade:s,feature:l}=t,n=this._compiledExpressions.get(e.visibilityExpression);return i.set({arcade:s,feature:l,groupElement:e,inputFields:r,visibilityFunction:n})}_getExpressionsFromElementRecursive(e){const t=[];if(e.visibilityExpression&&t.push(e.visibilityExpression),"field"===e.type&&e.requiredExpression&&t.push(e.requiredExpression),"group"===e.type&&e.elements)for(const i of e.elements)t.push(...this._getExpressionsFromElementRecursive(i));return t}_setFunctionForExpression(e,t){const{_arcade:{arcadeUtils:i},_compiledExpressions:r}=this;r.set(e,i.createFunction(t))}_isSupportedElement(e){return"field"===e.type||"group"===e.type||(v.warn("form-info::unsupported-element-type","Only element types 'field' and 'group' are supported",`Element ${e.label} has unsupported type '${e.type}'`),!1)}};e([u({readOnly:!0})],E.prototype,"_allInputFields",null),e([u()],E.prototype,"_layerFieldsByName",null),e([u({readOnly:!0})],E.prototype,"_inputFieldCache",void 0),e([u({readOnly:!0})],E.prototype,"_inputFieldGroupCache",void 0),e([u()],E.prototype,"description",null),e([u()],E.prototype,"feature",null),e([u({type:d})],E.prototype,"formTemplate",null),e([u({readOnly:!0,dependsOn:["formTemplate","messages","feature","layer.fields","layer.loaded","state"]})],E.prototype,"inputFields",null),e([u()],E.prototype,"layer",null),e([u()],E.prototype,"messages",void 0),e([u()],E.prototype,"state",null),e([u()],E.prototype,"strict",void 0),e([u()],E.prototype,"title",null),e([u()],E.prototype,"valid",null),e([u()],E.prototype,"getValues",null),e([u()],E.prototype,"submit",null),E=e([p(g)],E);const I=E;export{I as default};

package/widgets/FeatureForm/InputField.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import"../../intl.js";import t from"../../core/Accessor.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";import o from"../../layers/support/CodedValueDomain.js";import"../../layers/support/Domain.js";import"../../layers/support/InheritedDomain.js";import"../../layers/support/RangeDomain.js";import{validateDomainValue as n,DomainValidationError as l,getDomainRange as s}from"../../layers/support/domainUtils.js";import{isNumericField as a,isStringField as u,isDateField as d,TypeValidationError as p,validateFieldValue as c,getFeatureEditFields as m,getFeatureGeometryFields as h,NumericRangeValidationError as f,getFieldRange as y}from"../../layers/support/fieldUtils.js";import{substitute as v}from"../../intl/substitute.js";var g,b;!function(e){e.Text="text",e.Number="number",e.Date="date",e.Unsupported="unsupported"}(g||(g={})),function(e){e.TOO_SHORT="length-validation-error::too-short"}(b||(b={}));const _={type:"number"},O={type:"number",intlOptions:{notation:"scientific"}},F={type:"date",intlOptions:{day:"2-digit",month:"2-digit",year:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}};let E=class extends t{constructor(e){super(e),this.arcade=null,this.config=null,this.feature=null,this.field=null,this.initialFeature=null,this.layer=null,this.description=null,this.editorType=null,this.error=null,this.format=null,this.group=null,this.hint=null,this.messages=null,this.name=null}get compiledFunc(){var e;const{arcade:t}=this;return t&&t.arcadeUtils.createFunction(null==(e=this.config)?void 0:e.visibilityExpression)}get compiledRequiredFunc(){var e;const{arcade:t}=this;return t&&t.arcadeUtils.createFunction(null==(e=this.config)?void 0:e.requiredExpression)}get evaluatedRequirement(){const e=this.compiledRequiredFunc;if(!e)return null;const{arcade:t}=this;return t.arcadeUtils.executeFunction(e,t.arcadeUtils.createExecContext(this.feature))}get evaluatedVisibility(){const e=this.compiledFunc;if(!e)return null;const{arcade:t}=this;return t.arcadeUtils.executeFunction(e,t.arcadeUtils.createExecContext(this.feature))}get domain(){var e,t;const{typeIdField:i}=this.layer,r=i===this.name,n=null==(e=this.field)?void 0:e.domain;if(r&&!n)return new o({name:"__internal-type-based-coded-value-domain__",codedValues:this.layer.types.map((({id:e,name:t})=>({code:e,name:t})))});const{feature:l}=this,s=i&&this.layer.getFieldDomain(this.name,{feature:l})||n,a=null==(t=this.config)?void 0:t.domain;return this._isDomainCompatible(a)?a:s}get editable(){var e,t;const{config:i,field:r,layer:o,name:n}=this,l=o.capabilities.operations.supportsEditing&&r.editable,s=null==(e=o.popupTemplate)||null==(t=e.fieldInfos)?void 0:t.find((({fieldName:e})=>e===n)),a=i?!1!==i.editable:!1!==(null==s?void 0:s.isEditable);return l&&a}get errorMessage(){return this._toErrorMessage()}get includeTime(){var e;const t=null==(e=this.config)?void 0:e.includeTime;return void 0===t||t}get label(){var e;return(null==(e=this.config)?void 0:e.label)||this.field.alias||this.field.name}get maxLength(){var e,t;const i=-1;if(this.type===g.Date)return i;const r=null==(e=this.field)?void 0:e.length,o=null==(t=this.config)?void 0:t.maxLength;return!isNaN(o)&&o>=i&&(r===i||o<=r)?o:r}get minLength(){var e,t;const i=-1;if(this.type===g.Date)return i;const r=null==(e=this.field)?void 0:e.length,o=null==(t=this.config)?void 0:t.minLength;return!isNaN(o)&&o>=i&&(r===i||o<=r)?o:i}get required(){var e,t;if(!this.editable)return!1;if(!(null==(e=this.field)?void 0:e.nullable))return!0;if("boolean"==typeof this.evaluatedRequirement)return this.evaluatedRequirement;return!0===(null==(t=this.config)?void 0:t.required)}get type(){const{field:e}=this;return a(e)?g.Number:u(e)?g.Text:d(e)?g.Date:g.Unsupported}get valid(){const e=this.editable?this._validate():null;return this._set("error",e),null===e}get value(){return this._get("value")}set value(e){this.notifyChange("evaluatedVisibility"),this._set("value",e)}get visible(){if(this._isEditorField())return!1;return"boolean"==typeof this.evaluatedVisibility?this.evaluatedVisibility:!!this.config||this._shownByDefault()}_isDomainCompatible(e){const{field:t}=this;if("coded-value"===(null==e?void 0:e.type)){const i=typeof e.codedValues[0].code;if("string"===i&&u(t)||"number"===i&&a(t))return!0}return!!("range"===(null==e?void 0:e.type)&&a(t)||d(t))}_validate(){const{domain:e,field:t,initialFeature:i,minLength:r,required:o,type:l,valid:s,value:a}=this,u=o&&null===a,d=void 0!==s;return!u&&i.getAttribute(t.name)===a&&d?null:"text"===l&&r>-1&&"string"==typeof a&&a.length<r?b.TOO_SHORT:e?null!==a||o?n(e,a):null:u?p.INVALID_TYPE:c(t,a)}_shownByDefault(){var e;const t=null==(e=this.field)?void 0:e.type;return"oid"!==t&&"global-id"!==t&&!this._isGeometryField()}_isEditorField(){return m(this.layer).indexOf(this.name)>-1}_isGeometryField(){return h(this.layer).indexOf(this.name)>-1}_toErrorMessage(){const{domain:e,field:t,messages:i,minLength:r,value:o,required:n,type:a}=this,u=this.error;if(n&&null===o)return i.validationErrors.cannotBeNull;if(u===l.VALUE_OUT_OF_RANGE||u===f.OUT_OF_RANGE){const r=s(e)||y(t);return v(i.validationErrors.outsideRange,r,{format:{max:"date"===a?F:r.isInteger?_:O,min:"date"===a?F:r.isInteger?_:O}})}return u===l.INVALID_CODED_VALUE?i.validationErrors.invalidCodedValue:u===p.INVALID_TYPE?i.validationErrors.invalidType:u===b.TOO_SHORT?v(i.validationErrors.tooShort,{min:r}):null}};e([i()],E.prototype,"arcade",void 0),e([i()],E.prototype,"compiledFunc",null),e([i()],E.prototype,"compiledRequiredFunc",null),e([i()],E.prototype,"config",void 0),e([i()],E.prototype,"evaluatedRequirement",null),e([i()],E.prototype,"evaluatedVisibility",null),e([i()],E.prototype,"feature",void 0),e([i()],E.prototype,"field",void 0),e([i()],E.prototype,"initialFeature",void 0),e([i()],E.prototype,"layer",void 0),e([i({aliasOf:"config.description"})],E.prototype,"description",void 0),e([i()],E.prototype,"domain",null),e([i()],E.prototype,"editable",null),e([i({aliasOf:"config.editorType"})],E.prototype,"editorType",void 0),e([i({readOnly:!0})],E.prototype,"error",void 0),e([i({dependsOn:["error","messages","value"]})],E.prototype,"errorMessage",null),e([i({aliasOf:"config.format"})],E.prototype,"format",void 0),e([i()],E.prototype,"group",void 0),e([i({aliasOf:"config.hint"})],E.prototype,"hint",void 0),e([i()],E.prototype,"includeTime",null),e([i()],E.prototype,"label",null),e([i()],E.prototype,"maxLength",null),e([i()],E.prototype,"minLength",null),e([i()],E.prototype,"messages",void 0),e([i({aliasOf:"field.name"})],E.prototype,"name",void 0),e([i()],E.prototype,"required",null),e([i()],E.prototype,"type",null),e([i()],E.prototype,"valid",null),e([i({value:null})],E.prototype,"value",null),e([i()],E.prototype,"visible",null),E=e([r("esri.widgets.FeatureForm.InputField")],E);const T=E;export{T as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import"../../intl.js";import t from"../../core/Accessor.js";import{isNone as i,get as r,isSome as n}from"../../core/maybe.js";import{property as l}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import s from"../../layers/support/CodedValueDomain.js";import"../../layers/support/Domain.js";import"../../layers/support/InheritedDomain.js";import"../../layers/support/RangeDomain.js";import{validateDomainValue as a,DomainValidationError as u,getDomainRange as d}from"../../layers/support/domainUtils.js";import{isNumericField as p,isStringField as m,isDateField as c,TypeValidationError as y,validateFieldValue as h,getFeatureEditFields as f,getFeatureGeometryFields as v,NumericRangeValidationError as g,getFieldRange as b}from"../../layers/support/fieldUtils.js";import{substitute as E}from"../../intl/substitute.js";var _,O;!function(e){e.Text="text",e.Number="number",e.Date="date",e.Unsupported="unsupported"}(_||(_={})),function(e){e.TOO_SHORT="length-validation-error::too-short"}(O||(O={}));const F={type:"number"},T={type:"number",intlOptions:{notation:"scientific"}},x={type:"date",intlOptions:{day:"2-digit",month:"2-digit",year:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}};let D=class extends t{constructor(e){super(e),this.arcade=null,this.visibilityFunction=null,this.requiredFunction=null,this.feature=null,this.field=null,this.fieldElement=null,this.initialFeature=null,this.layer=null,this.description=null,this.inputType=null,this.error=null,this.group=null,this.hint=null,this.messages=null,this.name=null}get evaluatedRequirement(){const{requiredFunction:e}=this;if(i(e))return null;const{arcade:t}=this;return t.arcadeUtils.executeFunction(e,t.arcadeUtils.createExecContext(this.feature))}get evaluatedVisibility(){const{visibilityFunction:e}=this;if(i(e))return null;const{arcade:t}=this;return t.arcadeUtils.executeFunction(e,t.arcadeUtils.createExecContext(this.feature))}get domain(){var e;const{typeIdField:t}=this.layer,i=t===this.name,l=null==(e=this.field)?void 0:e.domain;if(i&&!l){const{layer:e}=this,t="subtype-group"===e.type?e.sublayers.map((({subtypeCode:e,title:t})=>({id:e,name:t}))):e.types.map((({id:e,name:t})=>({code:e,name:t})));return new s({name:"__internal-type-based-coded-value-domain__",codedValues:t})}const{feature:o}=this,a=t&&this.layer.getFieldDomain(this.name,{feature:o})||l,u=r(this.fieldElement,"domain");return n(u)&&this._isDomainCompatible(u)?u:a}get editable(){var e,t;const{field:i,fieldElement:r,layer:l,name:o}=this,s=l.capabilities.operations.supportsEditing&&i.editable;if("subtype-group"===l.type)return s;const a=null==(e=l.popupTemplate)||null==(t=e.fieldInfos)?void 0:t.find((({fieldName:e})=>e===o)),u=n(r)?!1!==r.editable:!1!==(null==a?void 0:a.isEditable);return s&&u}get errorMessage(){return this._toErrorMessage()}get includeTime(){const{fieldElement:e}=this,t=n(e)&&"datetime-picker"===e.input.type?e.input.includeTime:void 0;return void 0===t||t}get label(){return n(this.fieldElement)&&this.fieldElement.label||this.field.alias||this.field.name}get maxLength(){const e=-1;if(this.type===_.Date)return e;const{field:t,fieldElement:i}=this,r=null==t?void 0:t.length,l=n(i)&&N(i.input)?i.input.maxLength:NaN;return!isNaN(l)&&l>=e&&(r===e||l<=r)?l:r}get minLength(){const e=-1;if(this.type===_.Date)return e;const{field:t,fieldElement:i}=this,r=null==t?void 0:t.length,l=n(i)&&N(i.input)?i.input.minLength:NaN;return!isNaN(l)&&l>=e&&(r===e||l<=r)?l:e}get required(){var e,t;if(!this.editable)return!1;return!(null==(e=this.field)?void 0:e.nullable)||null!=(t=this.evaluatedRequirement)&&t}get type(){const{field:e}=this;return p(e)?_.Number:m(e)?_.Text:c(e)?_.Date:_.Unsupported}get valid(){const e=this.editable?this._validate():null;return this._set("error",e),null===e}get value(){return this._get("value")}set value(e){this.notifyChange("evaluatedVisibility"),this._set("value",e)}get visible(){return!this._isEditorField()&&(n(this.fieldElement)?null==(e=this.evaluatedVisibility)||e:this._isVisibleByDefault());var e}_isDomainCompatible(e){const{field:t}=this;if("coded-value"===(null==e?void 0:e.type)){const i=typeof e.codedValues[0].code;if("string"===i&&m(t)||"number"===i&&p(t))return!0}return!!("range"===(null==e?void 0:e.type)&&p(t)||c(t))}_validate(){const{domain:e,field:t,initialFeature:i,minLength:r,required:n,type:l,valid:o,value:s}=this,u=n&&null===s,d=void 0!==o;return!u&&i.getAttribute(t.name)===s&&d?null:"text"===l&&r>-1&&"string"==typeof s&&s.length<r?O.TOO_SHORT:e?null!==s||n?a(e,s):null:u?y.INVALID_TYPE:h(t,s)}_isVisibleByDefault(){var e;const t=null==(e=this.field)?void 0:e.type;return"oid"!==t&&"global-id"!==t&&!this._isGeometryField()}_isEditorField(){return f(this.layer).indexOf(this.name)>-1}_isGeometryField(){return v(this.layer).indexOf(this.name)>-1}_toErrorMessage(){const{domain:e,field:t,messages:i,minLength:r,value:n,required:l,type:o}=this,s=this.error;if(l&&null===n)return i.validationErrors.cannotBeNull;if(s===u.VALUE_OUT_OF_RANGE||s===g.OUT_OF_RANGE){const r=d(e)||b(t);return E(i.validationErrors.outsideRange,r,{format:{max:"date"===o?x:r.isInteger?F:T,min:"date"===o?x:r.isInteger?F:T}})}return s===u.INVALID_CODED_VALUE?i.validationErrors.invalidCodedValue:s===y.INVALID_TYPE?i.validationErrors.invalidType:s===O.TOO_SHORT?E(i.validationErrors.tooShort,{min:r}):null}};function N(e){return!!e&&"maxLength"in e}e([l()],D.prototype,"arcade",void 0),e([l()],D.prototype,"visibilityFunction",void 0),e([l()],D.prototype,"requiredFunction",void 0),e([l()],D.prototype,"evaluatedRequirement",null),e([l()],D.prototype,"evaluatedVisibility",null),e([l()],D.prototype,"feature",void 0),e([l()],D.prototype,"field",void 0),e([l()],D.prototype,"fieldElement",void 0),e([l()],D.prototype,"initialFeature",void 0),e([l()],D.prototype,"layer",void 0),e([l({aliasOf:"fieldElement.description"})],D.prototype,"description",void 0),e([l()],D.prototype,"domain",null),e([l()],D.prototype,"editable",null),e([l({aliasOf:"fieldElement.input.type"})],D.prototype,"inputType",void 0),e([l({readOnly:!0})],D.prototype,"error",void 0),e([l({dependsOn:["error","messages","value"]})],D.prototype,"errorMessage",null),e([l()],D.prototype,"group",void 0),e([l({aliasOf:"fieldElement.hint"})],D.prototype,"hint",void 0),e([l()],D.prototype,"includeTime",null),e([l()],D.prototype,"label",null),e([l()],D.prototype,"maxLength",null),e([l()],D.prototype,"minLength",null),e([l()],D.prototype,"messages",void 0),e([l({aliasOf:"field.name"})],D.prototype,"name",void 0),e([l()],D.prototype,"required",null),e([l()],D.prototype,"type",null),e([l()],D.prototype,"valid",null),e([l({value:null})],D.prototype,"value",null),e([l()],D.prototype,"visible",null),D=e([o("esri.widgets.FeatureForm.InputField")],D);const j=D;export{j as default};

package/widgets/FeatureForm/InputFieldGroup.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as i}from"../../chunks/tslib.es6.js";import t from"../../core/Accessor.js";import{HandleOwnerMixin as e}from"../../core/HandleOwner.js";import{aliasOf as s}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";let l=class extends(e(t)){constructor(i){super(i),this.arcade=null,this.config=null,this.description=null,this.feature=null,this.label=null,this.state=null,this.visibilityExpression=null}get compiledFunc(){const{arcade:i}=this;return i&&i.arcadeUtils.createFunction(this.visibilityExpression)}get evaluatedVisibility(){const i=this.compiledFunc;if(!i)return;const{arcade:t}=this;return t.arcadeUtils.executeFunction(i,t.arcadeUtils.createExecContext(this.feature))}get inputFields(){return this._get("inputFields")}set inputFields(i){this.handles.removeAll(),i&&this.handles.add(i.map((i=>i.watch("visible",this._dirtyEvaluatedVisibility)))),this._set("inputFields",i)}get visible(){return!1!==this.evaluatedVisibility&&this.inputFields&&this.inputFields.some((i=>i.visible))}_dirtyEvaluatedVisibility(){this.visibilityExpression&&this.notifyChange("evaluatedVisibility")}};i([o()],l.prototype,"arcade",void 0),i([o()],l.prototype,"compiledFunc",null),i([o()],l.prototype,"config",void 0),i([o()],l.prototype,"evaluatedVisibility",null),i([s("config.description")],l.prototype,"description",void 0),i([o()],l.prototype,"feature",void 0),i([o()],l.prototype,"inputFields",null),i([s("config.label")],l.prototype,"label",void 0),i([s("config.state")],l.prototype,"state",void 0),i([s("config.visibilityExpression")],l.prototype,"visibilityExpression",void 0),i([o()],l.prototype,"visible",null),l=i([r("esri.widgets.FeatureForm.InputFieldGroup")],l);const p=l;export{p as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import{HandleOwnerMixin as i}from"../../core/HandleOwner.js";import{isNone as s,isSome as r}from"../../core/maybe.js";import{aliasOf as o}from"../../core/accessorSupport/decorators/aliasOf.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{property as l}from"../../core/accessorSupport/decorators/property.js";import{subclass as p}from"../../core/accessorSupport/decorators/subclass.js";let a=class extends(i(e)){constructor(t){super(t),this.arcade=null,this.visibilityFunction=null,this.description=null,this.feature=null,this.groupElement=null,this.label=null}get evaluatedVisibility(){const{visibilityFunction:t}=this;if(s(t))return;const{arcade:e}=this;return e.arcadeUtils.executeFunction(t,e.arcadeUtils.createExecContext(this.feature))}get inputFields(){return this._get("inputFields")}set inputFields(t){this.handles.removeAll(),t&&this.handles.add(t.map((t=>t.watch("visible",this._dirtyEvaluatedVisibility)))),this._set("inputFields",t)}get state(){return r(this.groupElement)&&this.groupElement.initialState||"expanded"}set state(t){s(t)?this._clearOverride("state"):this._override("state",t)}get visible(){return!1!==this.evaluatedVisibility&&this.inputFields&&this.inputFields.some((t=>t.visible))}_dirtyEvaluatedVisibility(){const{groupElement:t}=this;r(t)&&t.visibilityExpression&&this.notifyChange("evaluatedVisibility")}};t([l()],a.prototype,"arcade",void 0),t([l()],a.prototype,"visibilityFunction",void 0),t([l()],a.prototype,"evaluatedVisibility",null),t([o("groupElement.description")],a.prototype,"description",void 0),t([l()],a.prototype,"feature",void 0),t([l()],a.prototype,"groupElement",void 0),t([l()],a.prototype,"inputFields",null),t([o("groupElement.label")],a.prototype,"label",void 0),t([l()],a.prototype,"state",null),t([l()],a.prototype,"visible",null),a=t([p("esri.widgets.FeatureForm.InputFieldGroup")],a);const n=a;export{n as default};

package/widgets/FeatureForm.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{aliasOf as t}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import{getDomainRange as l}from"../layers/support/domainUtils.js";import{getFieldRange as r}from"../layers/support/fieldUtils.js";import n from"./Widget.js";import s from"./FeatureForm/FeatureFormViewModel.js";import{Heading as o,incrementHeadingLevel as d}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as u}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as p}from"./support/decorators/vmEvent.js";import{tsx as c}from"./support/jsxFactory.js";import{DateTime as h}from"luxon";import{getLocale as m}from"../intl/locale.js";const f={base:"esri-feature-form",form:"esri-feature-form__form",formHeader:"esri-feature-form__form-header",label:"esri-feature-form__label",inputField:"esri-feature-form__input",inputDate:"esri-feature-form__input--date",inputTime:"esri-feature-form__input--time",inputRadioGroup:"esri-feature-form__input--radio-group",inputRadio:"esri-feature-form__input--radio",inputRadioLabel:"esri-feature-form__input--radio-label",inputDisabled:"esri-feature-form__input--disabled",inputSwitch:"esri-feature-form__input--switch",inputInvalid:"esri-feature-form__input--invalid",inputIconInvalid:"esri-feature-form__input-icon--invalid",errorMessage:"esri-feature-form__field-error-message",description:"esri-feature-form__description-text",dateInputPart:"esri-feature-form__date-input-part",loneDateInputPart:"esri-feature-form__date-input-part--lone",dateInputContainer:"esri-feature-form__date-input-container",dateFormatHint:"esri-feature-form__date-format-hint",group:"esri-feature-form__group",groupLabel:"esri-feature-form__group-label",groupHeader:"esri-feature-form__group-header",groupHeading:"esri-feature-form__group-header",groupTitle:"esri-feature-form__group-title",groupDescription:"esri-feature-form__group-description",groupToggleIcon:"esri-feature-form__group-toggle-icon",groupCollapsed:"esri-feature-form__group--collapsed",groupSequential:"esri-feature-form__group--sequential",groupActive:"esri-feature-form__group--active",collapseIcon:"esri-icon-up",errorIcon:"esri-icon-notice-triangle",expandIcon:"esri-icon-down",widget:"esri-widget",panel:"esri-widget--panel",input:"esri-input",select:"esri-select"},_={datePattern:"D",timePattern:"tt"};function v(e){return e&&e.inputFields}let g=class extends n{constructor(e,t){super(e,t),this._activeDateFieldEdit=null,this._activeInputName=null,this._fieldFocusNeeded=!1,this._fieldToInitialIncompatibleDomainValue=new Map,this._switchFieldsWithInitialIncompatibleValue=new Set,this._userUpdatedInputFieldNames=new Set,this.description=null,this.feature=null,this.fieldConfig=null,this.formTemplate=null,this.groupDisplay="all",this.headingLevel=2,this.label=void 0,this.layer=null,this.messages=null,this.strict=null,this.title=null,this.viewModel=new s,this._handleSwitchClick=e=>{e.target===e.currentTarget&&e.stopImmediatePropagation()},this._handleRadioInputChange=e=>{this._commitInputValue(e.target)},this._handleInputInput=e=>{this._commitInputValue(e.currentTarget,!0)},this._handleFormKeyDown=this._handleFormKeyDown.bind(this),this._handleInputBlur=this._handleInputBlur.bind(this),this._handleInputFocus=this._handleInputFocus.bind(this),this._handleNumberInputMouseDown=this._handleNumberInputMouseDown.bind(this),this._handleInputKeyDown=this._handleInputKeyDown.bind(this),this._handleOptionChange=this._handleOptionChange.bind(this),this._handleGroupClick=this._handleGroupClick.bind(this),this._handleSubmit=this._handleSubmit.bind(this),this._afterInputCreateOrUpdate=this._afterInputCreateOrUpdate.bind(this)}initialize(){this.own(this.watch("feature",(()=>{const e=this._getFocusableInput("forward");this._activeInputName=e&&e.name,this._userUpdatedInputFieldNames.clear(),this._fieldToInitialIncompatibleDomainValue.clear(),this._switchFieldsWithInitialIncompatibleValue.clear(),this._fieldFocusNeeded=!0})),this.on("submit",(e=>{if(e.invalid.length>0){const[t]=e.invalid;e.invalid.forEach((e=>this._userUpdatedInputFieldNames.add(e))),this._activeInputName=t,this._fieldFocusNeeded=!0,this.scheduleRender()}})))}loadDependencies(){return import("@esri/calcite-components/dist/components/calcite-switch.js")}destroy(){this._userUpdatedInputFieldNames.clear(),this._userUpdatedInputFieldNames=null}getValues(){return null}submit(){return null}render(){const{state:e}=this.viewModel;return c("div",{class:this.classes(f.base,f.widget,f.panel)},"ready"===e?this.renderForm():null)}renderForm(){const e=this.title?c(o,{key:"title",level:this.headingLevel},this.title):null,t=this.description?c("p",{class:f.description,key:"description"},this.description):null,i=e||t?c("div",{class:f.formHeader},e,t):null;return c("form",{class:f.form,novalidate:!0,onsubmit:this._handleSubmit,onkeydown:this._handleFormKeyDown},i,this.renderFields())}renderFields(){const{viewModel:{inputFields:e}}=this;return e.map(((e,t)=>v(e)?this.renderGroup(e,t):this.renderLabeledField(e)))}renderGroup(e,t){const{description:i,inputFields:a,label:l,state:r}=e,n=this.viewModel.findField(this._activeInputName),s=!(!n||n.group!==e),u=`${this.id}_group_${t}`,p=`${this.id}_group-label_${t}`,h=`${this.id}_group-description_${t}`,m=i?c("p",{class:this.classes(f.groupDescription,f.description),id:h},i):null,_="sequential"===this.groupDisplay,v=_?s:"expanded"===r,g=v?f.collapseIcon:f.expandIcon;return c("fieldset",{"aria-expanded":v.toString(),"aria-labelledby":p,"aria-describedby":i?h:"",class:this.classes(f.group,_?f.groupSequential:null,v?null:f.groupCollapsed,s?f.groupActive:null),"data-group":e,id:u,key:t,onclick:this._handleGroupClick},c("button",{role:_?"presentation":void 0,class:f.groupHeader,type:"button",tabIndex:_?-1:0},c("div",{class:f.groupTitle},c(o,{class:f.groupLabel,id:p,level:this.title?d(this.headingLevel):this.headingLevel},l),m),_?null:c("span",{class:this.classes(g,f.groupToggleIcon)})),a.map((e=>this.renderLabeledField(e))))}_getFocusableInput(e,t){const i=this.viewModel._allInputFields,a="forward"===e?i:i.slice().reverse();let l;if(t)if(v(t))l=a.indexOf(t.inputFields[0]);else{let i;if(this._isFieldInClosedCollapsibleGroup(t)){const{inputFields:a}=t.group;i="forward"===e?a[a.length-1]:a[0]}else i=t;l=a.indexOf(i)+1}else l=0;for(let r=l;r<a.length;r++){const e=a[r];if(e.visible)return e}return null}renderLabeledField(e){const{label:t,layer:i,type:a}=e;return c("label",{key:`${i.id}-${e.name}`,class:f.label},[t,"unsupported"!==a?this.renderInputField(e):this.renderUnsupportedField(e),this.renderAuxiliaryText(e)])}renderInputField(e){const{viewModel:t}=this,{domain:i,editable:a,name:l,type:r}=e,n=t.getValue(l),s=!a,o=this.getCommonInputProps(e);if("coded-value"===(null==i?void 0:i.type)&&!s){if("switch"===e.editorType){if(!(this._switchFieldsWithInitialIncompatibleValue.has(l)||null==n||e.config.onValue!==n&&e.config.offValue!==n))return this.renderSwitchInputField(n,o);this._switchFieldsWithInitialIncompatibleValue.add(l)}return"radio-buttons"===e.editorType?this.renderRadioButtonsInputField(n,i.codedValues.map((({code:e,name:t})=>({value:e,name:t}))),o):this.renderSelectInputField(n,i.codedValues.map((({code:e,name:t})=>({value:e,name:t}))),o)}return"text"===r&&"text-area"===e.editorType||"rich-text"===e.editorType?c("textarea",{...o}):"datetime-picker"===e.editorType||"date"===r?this.renderDateInputField(n,o):c("input",{type:"text"===r?"text":"number",...o})}_parseDateTime(e,t,i){if(i){var a;let l=h.fromJSDate(this._parseDate(e,i));const r=h.fromMillis(null!=(a=t.value)?a:Date.now());return l="date"===i?l.set({hour:r.hour,minute:r.minute,second:r.second}):l.set({day:r.day,month:r.month,year:r.year}),l.isValid?l.toMillis():null}const l=h.fromJSDate(this._parseDate(e));return l.isValid?l.toMillis():null}renderDateInputField(e,t){const{date:i,time:a}=this._formatDate(0),l=`${this.id}-${t.key}`,r=`${l}-date`,n=`${l}-time`,s=t["data-field"],{includeTime:o}=s,{_activeDateFieldEdit:d}=this;let{date:u,time:p}=this._formatDate(e);var h,m,_,v;(null==d?void 0:d.fieldName)===s.name&&(u=null!=(h=null==(m=d.date.input)?void 0:m.value)?h:u,p=null!=(_=null==(v=d.time.input)?void 0:v.value)?_:p);return c("div",{key:`${t.key}-date`,class:f.dateInputContainer},c("div",{class:this.classes(f.dateInputPart,o?null:f.loneDateInputPart)},c("input",{"aria-label":s.label,"aria-describedby":r,type:"text",...t,"data-date-part":"date",class:this.classes(t.class,f.inputDate),value:u}),c("div",{class:f.dateFormatHint,id:r},i)),o?c("div",{class:f.dateInputPart,key:"time-input"},c("input",{"aria-describedby":n,"aria-label":s.label,type:"text",...t,"data-date-part":"time",class:this.classes(t.class,f.inputTime),value:p}),c("div",{class:f.dateFormatHint,id:n},a)):null)}renderUnsupportedField(e){const t=this.getCommonInputProps(e);return c("input",{afterCreate:t.afterCreate,afterUpdate:t.afterUpdate,class:this.classes(f.input,f.inputField,f.inputDisabled),"data-field":t["data-field"],onfocus:t.onfocus,readOnly:!0,tabIndex:t.tabIndex,type:"text",value:t.value})}renderSelectInputField(e,t,i){const a=t.map((e=>c("option",{value:`${e.value}`,key:e.name},e.name))),l=i["data-field"];if(this._registerIncompatibleValue(e,t,l,(e=>{a.unshift(c("option",{value:`${e}`,key:"incompatible-option",readOnly:!0},e))})),!l.required&&("combo-box"!==l.editorType||l.config.showNoValueOption)){var r;const e="",t=(null==(r=l.config)?void 0:r.noValueOptionLabel)||this.messages.empty;a.unshift(c("option",{value:e,key:"empty-option"},t))}return c("select",{...i,class:this.classes(i.class,f.select),onchange:this._handleOptionChange},a)}_registerIncompatibleValue(e,t,i,a){const l=this._fieldToInitialIncompatibleDomainValue,r=l.has(i.name);(r||null!=e&&""!==e&&!t.find((t=>t.value===e))||r)&&(r||l.set(i.name,e),null==a||a(l.get(i.name)))}renderRadioButtonsInputField(e,t,i){const a=i["data-field"],l=t.map((t=>this.renderRadioButton({key:t.name,label:t.name,name:a.name,value:t.value,selected:t.value===e,props:i})));if(this._registerIncompatibleValue(e,t,a),!a.required&&(!a.config||a.config.showNoValueOption)){var r;const t="",n=(null==(r=a.config)?void 0:r.noValueOptionLabel)||this.messages.empty,s=e===t||null===e;l.unshift(this.renderRadioButton({key:"empty-option",label:n,name:a.name,value:t,selected:s,props:i}))}return c("div",{key:`${i.key}-radio`,class:f.inputRadioGroup},l)}renderSwitchInputField(e,t){const i=t["data-field"];return c("calcite-switch",{...t,class:f.inputSwitch,onclick:this._handleSwitchClick,checked:e===i.config.onValue})}renderRadioButton({key:e,name:t,value:i,selected:a,label:l,props:r}){return c("label",{key:e,class:f.inputRadioLabel},c("input",{...r,class:f.inputRadio,name:t,type:"radio",value:i,checked:a,onchange:this._handleRadioInputChange}),l)}renderAuxiliaryText(e){return this._userUpdatedInputFieldNames.has(e.name)&&!e.valid?c("div",{key:"error-message"},c("span",{class:this.classes(f.inputIconInvalid,f.errorIcon)}),c("div",{class:f.errorMessage},e.errorMessage)):e.description?c("div",{key:"description",class:f.description},e.description):void 0}getCommonInputProps(e){const{groupDisplay:t,viewModel:i}=this,{editable:a,group:l,hint:r,maxLength:n,minLength:s,name:o,required:d,type:u,valid:p}=e,c=i.getValue(o),h=this._userUpdatedInputFieldNames.has(o),m=!a,_="all"===t&&"collapsed"===(null==l?void 0:l.state);return{afterCreate:this._afterInputCreateOrUpdate,afterUpdate:this._afterInputCreateOrUpdate,"aria-invalid":p?"false":"true",class:this.classes(f.input,f.inputField,m?f.inputDisabled:null,h&&!p?f.inputInvalid:null),key:o,minlength:s>-1?`${s}`:"",maxlength:n>-1?`${n}`:"",...this._getNumberFieldConstraints(e),readOnly:m,value:null==c?"":`${c}`,"data-field":e,onfocus:this._handleInputFocus,oninput:this._handleInputInput,onblur:this._handleInputBlur,onkeydown:this._handleInputKeyDown,onmousedown:"number"===u?this._handleNumberInputMouseDown:null,placeholder:"number"===u||"text"===u?r:"",required:d,tabIndex:_?-1:0}}_isFieldInClosedCollapsibleGroup(e){var t;return"all"===this.groupDisplay&&!v(e)&&"collapsed"===(null==e||null==(t=e.group)?void 0:t.state)}_handleNumberInputMouseDown({target:e}){e.focus(),this.scheduleRender()}_getNumberFieldConstraints(e){const t=l(e.domain)||r(e.field);return t&&t.max!==Number.MAX_VALUE&&t.min!==Number.MIN_VALUE?t:{min:null,max:null}}_afterInputCreateOrUpdate(e){const t=e["data-field"],i=this.viewModel.findField(this._activeInputName),a=this._fieldToInitialIncompatibleDomainValue.get(t.name)===t.value;this._fieldFocusNeeded&&i===t&&("radio-buttons"!==t.editorType||a||e.checked)&&(this._fieldFocusNeeded=!1,e.focus())}_handleInputFocus(e){const t=e.target,i=t["data-field"];this._activeInputName=i.name,"date"===i.type&&this._syncDateFieldEdits(t)}_handleInputBlur(e){const t=e.target,i=t["data-field"];if("date"===i.type){const l=e.relatedTarget,r=l&&l["data-field"];if(r&&"date"===i.type&&"date"===r.type&&i.field===r.field){if(""!==t.value&&""===l.value){var a;const r=l.getAttribute("data-date-part");l.value=this._formatDate(null!=(a=i.value)?a:Date.now())[r],this._parseDate(t.value,t.getAttribute("data-date-part"))&&this._commitInputValue(e.target,!0,!1)}return}}this._commitInputValue(t),this.scheduleRender()}_commitInputValue(e,t=!1,i=!0){const a=e["data-field"];if(this._activeDateFieldEdit){const{date:o,time:d}=this._activeDateFieldEdit,u=this._parseDateTime(e.value,a,o.active?"date":"time"),p=null!==this.viewModel.getValue(a.name),c=o.input&&(d.input||!a.includeTime),h=null===u;if(t){if(h)return;(c||!i||p)&&this._updateDateFieldValue(a,u)}else{var l,r;if(""===(null==(l=o.input)?void 0:l.value)||""===(null==(r=d.input)?void 0:r.value))this._updateDateFieldValue(a,null);else if(c){var n,s;const e=`${o.input.value} ${null!=(n=null==(s=d.input)?void 0:s.value)?n:""}`,t=this._parseDateTime(e,a);!(null!==t)&&p||this._updateDateFieldValue(a,t)}this._activeDateFieldEdit=null}}else this._updateFieldValue(e)}_handleInputKeyDown(e){const{key:t,altKey:i,ctrlKey:a,metaKey:l}=e,r=e.target["data-field"];if("Enter"===t)this._isFieldInClosedCollapsibleGroup(r)&&(r.group.state="expanded");else{const{type:n}=r.field,s="single"===n||"double"===n,o=!i&&!a&&!l;if(("integer"===n||"small-integer"===n||s)&&o&&1===t.length){const i=Number(t),a=["-","+"],l=["e","."],r=s?[...a,...l]:a;isNaN(i)&&-1===r.indexOf(t)&&e.preventDefault()}}}_syncDateFieldEdits(e){var t,i;const a=e["data-field"];if("date"!==a.type)return;const l=e.getAttribute("data-date-part"),r="date"===l?{value:e.value,input:e,active:!0}:{...null==(t=this._activeDateFieldEdit)?void 0:t.date,active:!1},n="time"===l?{value:e.value,input:e,active:!0}:{...null==(i=this._activeDateFieldEdit)?void 0:i.time,active:!1};this._activeDateFieldEdit={fieldName:a.name,date:r,time:n}}_updateFieldValue(e){const t=e["data-field"];this.viewModel.setValue(t.name,this._parseValue(e)),this._userUpdatedInputFieldNames.add(t.name)}_updateDateFieldValue(e,t){this.viewModel.setValue(e.name,t),this._userUpdatedInputFieldNames.add(e.name)}_parseValue(e){const t=e["data-field"],i=e.value;if("switch"===t.editorType&&!(e instanceof HTMLSelectElement))return e.checked?t.config.onValue:t.config.offValue;if("radio-buttons"===t.editorType&&"radio"===e.type&&!e.checked)return t.value;const{type:a}=t;if("number"===a)return i?parseFloat(i):null;if("date"===a){if(!i)return null;const a=Number(i);if(!isNaN(a))return a;const l=e.getAttribute("data-date-part"),r=this._parseDate(i,l);if(!r)return null;let n=h.fromJSDate(r);const s=t.domain,o=h.now();let d=o;if(s&&"range"===s.type){const e=h.fromMillis(s.maxValue);o<e&&(d=e)}const u=this.viewModel.getValue(t.name),p=null!=u?h.fromMillis(u):d;return n="date"===l?n.set({hour:p.hour,minute:p.minute,second:p.second}):n.set({day:p.day,month:p.month,year:p.year}),n.toMillis()}return i}_handleOptionChange(e){this._commitInputValue(e.target),this.scheduleRender()}_handleGroupClick(e){var t;const i=e.currentTarget["data-group"],a="expanded"===i.state,l="sequential"===this.groupDisplay,r=`.${f.groupHeader}`;if(!(a&&!e.target.closest(r))){if(this._activeInputName=null==(t=this._getFocusableInput("forward",i))?void 0:t.name,l){const t=e.target.closest(r);if(a&&!t)return;this.viewModel.inputFields.forEach((e=>{v(e)&&e!==i&&(e.state="collapsed")}))}i.state=a?"collapsed":"expanded",this._fieldFocusNeeded=l,this.scheduleRender()}}_handleSubmit(e){e.preventDefault()}_handleFormKeyDown(e){"Enter"===e.key&&this.viewModel.submit()}_formatDate(e){if(null==e)return{date:"",time:""};const t=h.fromMillis(e,{locale:m(),numberingSystem:"latn"});return{date:t.toLocaleString({year:"numeric",month:"2-digit",day:"2-digit"}),time:t.toFormat(_.timePattern)}}_parseDate(e,t){if(null==e||""===e)return null;const{timePattern:i,datePattern:a}=_,l=t?"date"===t?a:i:`${a} ${i}`,r=h.fromFormat(e,l,{locale:m(),numberingSystem:"latn"});return r.isValid?r.toJSDate():null}};e([t("viewModel.description")],g.prototype,"description",void 0),e([t("viewModel.feature")],g.prototype,"feature",void 0),e([t("viewModel.fieldConfig")],g.prototype,"fieldConfig",void 0),e([t("viewModel.formTemplate")],g.prototype,"formTemplate",void 0),e([i()],g.prototype,"groupDisplay",void 0),e([i()],g.prototype,"headingLevel",void 0),e([i({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],g.prototype,"label",void 0),e([t("viewModel.layer")],g.prototype,"layer",void 0),e([i(),u("esri/widgets/FeatureForm/t9n/FeatureForm")],g.prototype,"messages",void 0),e([t("viewModel.strict")],g.prototype,"strict",void 0),e([t("viewModel.title")],g.prototype,"title",void 0),e([i(),p(["value-change","submit"])],g.prototype,"viewModel",void 0),e([t("viewModel.getValues")],g.prototype,"getValues",null),e([t("viewModel.submit")],g.prototype,"submit",null),g=e([a("esri.widgets.FeatureForm")],g);const y=g;export{y as default};
+import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{isNone as t,isSome as i}from"../core/maybe.js";import{aliasOf as a}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as n}from"../core/accessorSupport/decorators/property.js";import{subclass as l}from"../core/accessorSupport/decorators/subclass.js";import{getDomainRange as s}from"../layers/support/domainUtils.js";import{getFieldRange as r}from"../layers/support/fieldUtils.js";import o from"./Widget.js";import u from"./FeatureForm/FeatureFormViewModel.js";import{Heading as d,incrementHeadingLevel as p}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as c}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as m}from"./support/decorators/vmEvent.js";import{tsx as h}from"./support/jsxFactory.js";import{DateTime as f}from"luxon";import{getLocale as _}from"../intl/locale.js";const v={base:"esri-feature-form",form:"esri-feature-form__form",formHeader:"esri-feature-form__form-header",label:"esri-feature-form__label",inputField:"esri-feature-form__input",inputDate:"esri-feature-form__input--date",inputTime:"esri-feature-form__input--time",inputRadioGroup:"esri-feature-form__input--radio-group",inputRadio:"esri-feature-form__input--radio",inputRadioLabel:"esri-feature-form__input--radio-label",inputDisabled:"esri-feature-form__input--disabled",inputSwitch:"esri-feature-form__input--switch",inputInvalid:"esri-feature-form__input--invalid",inputIconInvalid:"esri-feature-form__input-icon--invalid",errorMessage:"esri-feature-form__field-error-message",description:"esri-feature-form__description-text",dateInputPart:"esri-feature-form__date-input-part",loneDateInputPart:"esri-feature-form__date-input-part--lone",dateInputContainer:"esri-feature-form__date-input-container",dateFormatHint:"esri-feature-form__date-format-hint",group:"esri-feature-form__group",groupLabel:"esri-feature-form__group-label",groupHeader:"esri-feature-form__group-header",groupHeading:"esri-feature-form__group-header",groupTitle:"esri-feature-form__group-title",groupDescription:"esri-feature-form__group-description",groupToggleIcon:"esri-feature-form__group-toggle-icon",groupCollapsed:"esri-feature-form__group--collapsed",groupSequential:"esri-feature-form__group--sequential",groupActive:"esri-feature-form__group--active",collapseIcon:"esri-icon-up",errorIcon:"esri-icon-notice-triangle",expandIcon:"esri-icon-down",widget:"esri-widget",panel:"esri-widget--panel",input:"esri-input",select:"esri-select"},g={datePattern:"D",timePattern:"tt"};function y(e){return e&&e.inputFields}let I=class extends o{constructor(e,t){super(e,t),this._activeDateFieldEdit=null,this._activeInputName=null,this._fieldFocusNeeded=!1,this._fieldToInitialIncompatibleDomainValue=new Map,this._switchFieldsWithInitialIncompatibleValue=new Set,this._userUpdatedInputFieldNames=new Set,this.description=null,this.feature=null,this.fieldConfig=null,this.formTemplate=null,this.groupDisplay="all",this.headingLevel=2,this.label=void 0,this.layer=null,this.messages=null,this.strict=null,this.title=null,this.viewModel=new u,this._handleSwitchClick=e=>{e.target===e.currentTarget&&e.stopImmediatePropagation()},this._handleRadioInputChange=e=>{this._commitInputValue(e.target)},this._handleInputInput=e=>{this._commitInputValue(e.currentTarget,!0)},this._handleFormKeyDown=this._handleFormKeyDown.bind(this),this._handleInputBlur=this._handleInputBlur.bind(this),this._handleInputFocus=this._handleInputFocus.bind(this),this._handleNumberInputMouseDown=this._handleNumberInputMouseDown.bind(this),this._handleInputKeyDown=this._handleInputKeyDown.bind(this),this._handleOptionChange=this._handleOptionChange.bind(this),this._handleGroupClick=this._handleGroupClick.bind(this),this._handleSubmit=this._handleSubmit.bind(this),this._afterInputCreateOrUpdate=this._afterInputCreateOrUpdate.bind(this)}initialize(){this.own(this.watch("feature",(()=>{const e=this._getFocusableInput("forward");this._activeInputName=e&&e.name,this._userUpdatedInputFieldNames.clear(),this._fieldToInitialIncompatibleDomainValue.clear(),this._switchFieldsWithInitialIncompatibleValue.clear(),this._fieldFocusNeeded=!0})),this.on("submit",(e=>{if(e.invalid.length>0){const[t]=e.invalid;e.invalid.forEach((e=>this._userUpdatedInputFieldNames.add(e))),this._activeInputName=t,this._fieldFocusNeeded=!0,this.scheduleRender()}})))}loadDependencies(){return import("@esri/calcite-components/dist/components/calcite-switch.js")}destroy(){this._userUpdatedInputFieldNames.clear(),this._userUpdatedInputFieldNames=null}getValues(){return null}submit(){return null}render(){const{state:e}=this.viewModel;return h("div",{class:this.classes(v.base,v.widget,v.panel)},"ready"===e?this.renderForm():null)}renderForm(){const e=this.title?h(d,{key:"title",level:this.headingLevel},this.title):null,t=this.description?h("p",{class:v.description,key:"description"},this.description):null,i=e||t?h("div",{class:v.formHeader},e,t):null;return h("form",{class:v.form,novalidate:!0,onsubmit:this._handleSubmit,onkeydown:this._handleFormKeyDown},i,this.renderFields())}renderFields(){const{viewModel:{inputFields:e}}=this;return e.map(((e,t)=>y(e)?this.renderGroup(e,t):this.renderLabeledField(e)))}renderGroup(e,t){const{description:i,inputFields:a,label:n,state:l}=e,s=this.viewModel.findField(this._activeInputName),r=!(!s||s.group!==e),o=`${this.id}_group_${t}`,u=`${this.id}_group-label_${t}`,c=`${this.id}_group-description_${t}`,m=i?h("p",{class:this.classes(v.groupDescription,v.description),id:c},i):null,f="sequential"===this.groupDisplay,_=f?r:"expanded"===l,g=_?v.collapseIcon:v.expandIcon;return h("fieldset",{"aria-expanded":_.toString(),"aria-labelledby":u,"aria-describedby":i?c:"",class:this.classes(v.group,f?v.groupSequential:null,_?null:v.groupCollapsed,r?v.groupActive:null),"data-group":e,id:o,key:t,onclick:this._handleGroupClick},h("button",{role:f?"presentation":void 0,class:v.groupHeader,type:"button",tabIndex:f?-1:0},h("div",{class:v.groupTitle},h(d,{class:v.groupLabel,id:u,level:this.title?p(this.headingLevel):this.headingLevel},n),m),f?null:h("span",{class:this.classes(g,v.groupToggleIcon)})),a.map((e=>this.renderLabeledField(e))))}_getFocusableInput(e,t){const i=this.viewModel._allInputFields,a="forward"===e?i:i.slice().reverse();let n;if(t)if(y(t))n=a.indexOf(t.inputFields[0]);else{let i;if(this._isInputFieldInGroup(t)&&"collapsed"===t.group.state){const{inputFields:a}=t.group;i="forward"===e?a[a.length-1]:a[0]}else i=t;n=a.indexOf(i)+1}else n=0;for(let l=n;l<a.length;l++){const e=a[l];if(e.visible)return e}return null}renderLabeledField(e){const{label:t,layer:i,type:a}=e;return h("label",{key:`${i.id}-${e.name}`,class:v.label},[t,"unsupported"!==a?this.renderInputField(e):this.renderUnsupportedField(e),this.renderAuxiliaryText(e)])}renderInputField(e){const{viewModel:t}=this,{domain:i,editable:a,name:n,type:l}=e,s=t.getValue(n),r=!a,o=this.getCommonInputProps(e);if("coded-value"===(null==i?void 0:i.type)&&!r){if(this._inputFieldHasInputType(e,"switch")){const{fieldElement:t}=e;if(!(this._switchFieldsWithInitialIncompatibleValue.has(n)||null==s||t.input.onValue!==s&&t.input.offValue!==s))return this.renderSwitchInputField(s,o);this._switchFieldsWithInitialIncompatibleValue.add(n)}return"radio-buttons"===e.inputType?this.renderRadioButtonsInputField(s,i.codedValues.map((({code:e,name:t})=>({value:e,name:t}))),o):this.renderSelectInputField(s,i.codedValues.map((({code:e,name:t})=>({value:e,name:t}))),o)}return"text"===l&&"text-area"===e.inputType?h("textarea",{...o}):"datetime-picker"===e.inputType||"date"===l?this.renderDateInputField(s,o):h("input",{type:"text"===l?"text":"number",...o})}_parseDateTime(e,t,i){if(i){var a;let n=f.fromJSDate(this._parseDate(e,i));const l=f.fromMillis(null!=(a=t.value)?a:Date.now());return n="date"===i?n.set({hour:l.hour,minute:l.minute,second:l.second}):n.set({day:l.day,month:l.month,year:l.year}),n.isValid?n.toMillis():null}const n=f.fromJSDate(this._parseDate(e));return n.isValid?n.toMillis():null}renderDateInputField(e,t){const{date:i,time:a}=this._formatDate(0),n=`${this.id}-${t.key}`,l=`${n}-date`,s=`${n}-time`,r=t["data-field"],{includeTime:o}=r,{_activeDateFieldEdit:u}=this;let{date:d,time:p}=this._formatDate(e);var c,m,f,_;(null==u?void 0:u.fieldName)===r.name&&(d=null!=(c=null==(m=u.date.input)?void 0:m.value)?c:d,p=null!=(f=null==(_=u.time.input)?void 0:_.value)?f:p);return h("div",{key:`${t.key}-date`,class:v.dateInputContainer},h("div",{class:this.classes(v.dateInputPart,o?null:v.loneDateInputPart)},h("input",{"aria-label":r.label,"aria-describedby":l,type:"text",...t,"data-date-part":"date",class:this.classes(t.class,v.inputDate),value:d}),h("div",{class:v.dateFormatHint,id:l},i)),o?h("div",{class:v.dateInputPart,key:"time-input"},h("input",{"aria-describedby":s,"aria-label":r.label,type:"text",...t,"data-date-part":"time",class:this.classes(t.class,v.inputTime),value:p}),h("div",{class:v.dateFormatHint,id:s},a)):null)}renderUnsupportedField(e){const t=this.getCommonInputProps(e);return h("input",{afterCreate:t.afterCreate,afterUpdate:t.afterUpdate,class:this.classes(v.input,v.inputField,v.inputDisabled),"data-field":t["data-field"],onfocus:t.onfocus,readOnly:!0,tabIndex:t.tabIndex,type:"text",value:t.value})}renderSelectInputField(e,i,a){const n=i.map((e=>h("option",{value:`${e.value}`,key:e.name},e.name))),l=a["data-field"];this._registerIncompatibleValue(e,i,l,(e=>{n.unshift(h("option",{value:`${e}`,key:"incompatible-option",readOnly:!0},e))}));const s=t(l.fieldElement)||this._inputFieldHasInputType(l,"combo-box")&&l.fieldElement.input.showNoValueOption;if(!l.required&&s){const e="",t=this._inputFieldHasInputType(l,"combo-box")&&l.fieldElement.input.noValueOptionLabel||this.messages.empty;n.unshift(h("option",{value:e,key:"empty-option"},t))}return h("select",{...a,class:this.classes(a.class,v.select),onchange:this._handleOptionChange},n)}_registerIncompatibleValue(e,t,i,a){const n=this._fieldToInitialIncompatibleDomainValue,l=n.has(i.name);(l||null!=e&&""!==e&&!t.find((t=>t.value===e))||l)&&(l||n.set(i.name,e),null==a||a(n.get(i.name)))}renderRadioButtonsInputField(e,i,a){const n=a["data-field"],l=i.map((t=>this.renderRadioButton({key:t.name,label:t.name,name:n.name,value:t.value,selected:t.value===e,props:a})));this._registerIncompatibleValue(e,i,n);const s=t(n.fieldElement)||this._inputFieldHasInputType(n,"radio-buttons")&&n.fieldElement.input.showNoValueOption;if(!n.required&&s){const t="",i=this._inputFieldHasInputType(n,"radio-buttons")&&n.fieldElement.input.noValueOptionLabel||this.messages.empty,s=e===t||null===e;l.unshift(this.renderRadioButton({key:"empty-option",label:i,name:n.name,value:t,selected:s,props:a}))}return h("div",{key:`${a.key}-radio`,class:v.inputRadioGroup},l)}renderSwitchInputField(e,t){const i=t["data-field"],a=!!this._inputFieldHasInputType(i,"switch")&&e===i.fieldElement.input.onValue;return h("calcite-switch",{...t,class:v.inputSwitch,onclick:this._handleSwitchClick,checked:a})}renderRadioButton({key:e,name:t,value:i,selected:a,label:n,props:l}){return h("label",{key:e,class:v.inputRadioLabel},h("input",{...l,class:v.inputRadio,name:t,type:"radio",value:i,checked:a,onchange:this._handleRadioInputChange}),n)}renderAuxiliaryText(e){return this._userUpdatedInputFieldNames.has(e.name)&&!e.valid?h("div",{key:"error-message"},h("span",{class:this.classes(v.inputIconInvalid,v.errorIcon)}),h("div",{class:v.errorMessage},e.errorMessage)):e.description?h("div",{key:"description",class:v.description},e.description):void 0}getCommonInputProps(e){const{groupDisplay:t,viewModel:a}=this,{editable:n,group:l,hint:s,maxLength:r,minLength:o,name:u,required:d,type:p,valid:c}=e,m=a.getValue(u),h=this._userUpdatedInputFieldNames.has(u),f=!n,_="all"===t&&i(l)&&"collapsed"===l.state;return{afterCreate:this._afterInputCreateOrUpdate,afterUpdate:this._afterInputCreateOrUpdate,"aria-invalid":c?"false":"true",class:this.classes(v.input,v.inputField,f?v.inputDisabled:null,h&&!c?v.inputInvalid:null),key:u,minlength:o>-1?`${o}`:"",maxlength:r>-1?`${r}`:"",...this._getNumberFieldConstraints(e),readOnly:f,value:null==m?"":`${m}`,"data-field":e,onfocus:this._handleInputFocus,oninput:this._handleInputInput,onblur:this._handleInputBlur,onkeydown:this._handleInputKeyDown,onmousedown:"number"===p?this._handleNumberInputMouseDown:null,placeholder:"number"===p||"text"===p?s:"",required:d,tabIndex:_?-1:0}}_isInputFieldInGroup(e){return!y(e)&&i(e.group)}_handleNumberInputMouseDown({target:e}){e.focus(),this.scheduleRender()}_getNumberFieldConstraints(e){const t=s(e.domain)||r(e.field);return t&&t.max!==Number.MAX_VALUE&&t.min!==Number.MIN_VALUE?t:{min:null,max:null}}_afterInputCreateOrUpdate(e){const t=e["data-field"],i=this.viewModel.findField(this._activeInputName),a=this._fieldToInitialIncompatibleDomainValue.get(t.name)===t.value;this._fieldFocusNeeded&&i===t&&("radio-buttons"!==t.inputType||a||e.checked)&&(this._fieldFocusNeeded=!1,e.focus())}_handleInputFocus(e){const t=e.target,i=t["data-field"];this._activeInputName=i.name,"date"===i.type&&this._syncDateFieldEdits(t)}_handleInputBlur(e){const t=e.target,i=t["data-field"];if("date"===i.type){const n=e.relatedTarget,l=n&&n["data-field"];if(l&&"date"===i.type&&"date"===l.type&&i.field===l.field){if(""!==t.value&&""===n.value){var a;const l=n.getAttribute("data-date-part");n.value=this._formatDate(null!=(a=i.value)?a:Date.now())[l],this._parseDate(t.value,t.getAttribute("data-date-part"))&&this._commitInputValue(e.target,!0,!1)}return}}this._commitInputValue(t),this.scheduleRender()}_commitInputValue(e,t=!1,i=!0){const a=e["data-field"];if(this._activeDateFieldEdit){const{date:o,time:u}=this._activeDateFieldEdit,d=this._parseDateTime(e.value,a,o.active?"date":"time"),p=null!==this.viewModel.getValue(a.name),c=o.input&&(u.input||!a.includeTime),m=null===d;if(t){if(m)return;(c||!i||p)&&this._updateDateFieldValue(a,d)}else{var n,l;if(""===(null==(n=o.input)?void 0:n.value)||""===(null==(l=u.input)?void 0:l.value))this._updateDateFieldValue(a,null);else if(c){var s,r;const e=`${o.input.value} ${null!=(s=null==(r=u.input)?void 0:r.value)?s:""}`,t=this._parseDateTime(e,a);!(null!==t)&&p||this._updateDateFieldValue(a,t)}this._activeDateFieldEdit=null}}else this._updateFieldValue(e)}_handleInputKeyDown(e){const{key:t,altKey:i,ctrlKey:a,metaKey:n}=e,l=e.target["data-field"];if("Enter"===t)this._isInputFieldInGroup(l)&&"collapsed"===l.group.state&&(l.group.state="expanded");else{const{type:s}=l.field,r="single"===s||"double"===s,o=!i&&!a&&!n;if(("integer"===s||"small-integer"===s||r)&&o&&1===t.length){const i=Number(t),a=["-","+"],n=["e","."],l=r?[...a,...n]:a;isNaN(i)&&-1===l.indexOf(t)&&e.preventDefault()}}}_syncDateFieldEdits(e){var t,i;const a=e["data-field"];if("date"!==a.type)return;const n=e.getAttribute("data-date-part"),l="date"===n?{value:e.value,input:e,active:!0}:{...null==(t=this._activeDateFieldEdit)?void 0:t.date,active:!1},s="time"===n?{value:e.value,input:e,active:!0}:{...null==(i=this._activeDateFieldEdit)?void 0:i.time,active:!1};this._activeDateFieldEdit={fieldName:a.name,date:l,time:s}}_updateFieldValue(e){const t=e["data-field"];this.viewModel.setValue(t.name,this._parseValue(e)),this._userUpdatedInputFieldNames.add(t.name)}_updateDateFieldValue(e,t){this.viewModel.setValue(e.name,t),this._userUpdatedInputFieldNames.add(e.name)}_parseValue(e){const t=e["data-field"],i=e.value;if(this._inputFieldHasInputType(t,"switch")&&!(e instanceof HTMLSelectElement))return e.checked?t.fieldElement.input.onValue:t.fieldElement.input.offValue;if("radio-buttons"===t.inputType&&"radio"===e.type&&!e.checked)return t.value;const{type:a}=t;if("number"===a)return i?parseFloat(i):null;if("date"===a){if(!i)return null;const a=Number(i);if(!isNaN(a))return a;const n=e.getAttribute("data-date-part"),l=this._parseDate(i,n);if(!l)return null;let s=f.fromJSDate(l);const r=t.domain,o=f.now();let u=o;if(r&&"range"===r.type){const e=f.fromMillis(r.maxValue);o<e&&(u=e)}const d=this.viewModel.getValue(t.name),p=null!=d?f.fromMillis(d):u;return s="date"===n?s.set({hour:p.hour,minute:p.minute,second:p.second}):s.set({day:p.day,month:p.month,year:p.year}),s.toMillis()}return i}_handleOptionChange(e){this._commitInputValue(e.target),this.scheduleRender()}_handleGroupClick(e){var t;const i=e.currentTarget["data-group"],a="expanded"===i.state,n="sequential"===this.groupDisplay,l=`.${v.groupHeader}`;if(!(a&&!e.target.closest(l))){if(this._activeInputName=null==(t=this._getFocusableInput("forward",i))?void 0:t.name,n){const t=e.target.closest(l);if(a&&!t)return;this.viewModel.inputFields.forEach((e=>{y(e)&&e!==i&&(e.state="collapsed")}))}i.state=a?"collapsed":"expanded",this._fieldFocusNeeded=n,this.scheduleRender()}}_handleSubmit(e){e.preventDefault()}_handleFormKeyDown(e){"Enter"===e.key&&this.viewModel.submit()}_formatDate(e){if(null==e)return{date:"",time:""};const t=f.fromMillis(e,{locale:_(),numberingSystem:"latn"});return{date:t.toLocaleString({year:"numeric",month:"2-digit",day:"2-digit"}),time:t.toFormat(g.timePattern)}}_parseDate(e,t){if(null==e||""===e)return null;const{timePattern:i,datePattern:a}=g,n=t?"date"===t?a:i:`${a} ${i}`,l=f.fromFormat(e,n,{locale:_(),numberingSystem:"latn"});return l.isValid?l.toJSDate():null}_inputFieldHasInputType(e,t){var a;return i(e.fieldElement)&&(null==(a=e.fieldElement.input)?void 0:a.type)===t}};e([a("viewModel.description")],I.prototype,"description",void 0),e([a("viewModel.feature")],I.prototype,"feature",void 0),e([a("viewModel.fieldConfig")],I.prototype,"fieldConfig",void 0),e([a("viewModel.formTemplate")],I.prototype,"formTemplate",void 0),e([n()],I.prototype,"groupDisplay",void 0),e([n()],I.prototype,"headingLevel",void 0),e([n({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],I.prototype,"label",void 0),e([a("viewModel.layer")],I.prototype,"layer",void 0),e([n(),c("esri/widgets/FeatureForm/t9n/FeatureForm")],I.prototype,"messages",void 0),e([a("viewModel.strict")],I.prototype,"strict",void 0),e([a("viewModel.title")],I.prototype,"title",void 0),e([n(),m(["value-change","submit"])],I.prototype,"viewModel",void 0),e([a("viewModel.getValues")],I.prototype,"getValues",null),e([a("viewModel.submit")],I.prototype,"submit",null),I=e([l("esri.widgets.FeatureForm")],I);const b=I;export{b as default};

package/widgets/FeatureTemplates.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{HandleOwnerMixin as t}from"../core/HandleOwner.js";import{isNone as r}from"../core/maybe.js";import{init as s}from"../core/watchUtils.js";import{aliasOf as i}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import{cast as o}from"../core/accessorSupport/decorators/cast.js";import{property as l}from"../core/accessorSupport/decorators/property.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import a from"./Widget.js";import c from"./FeatureTemplates/FeatureTemplatesViewModel.js";import{ItemList as d}from"./FeatureTemplates/ItemList.js";import m from"./FeatureTemplates/TemplateItem.js";import"./support/widgetUtils.js";import{messageBundle as p}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as h}from"./support/decorators/vmEvent.js";import{tsx as u}from"./support/jsxFactory.js";const f={base:"esri-feature-templates",loader:"esri-feature-templates__loader",widget:"esri-widget"};function v(e){return"items"in e}function b(e){return e.length>0&&v(e[0])}function I(e){const{label:t}=e;return v(e)?t:`${t}–${e.layer.id}`}const y={filter:!0};let g=class extends(t(a)){constructor(e,t){super(e,t),this._iconIntersectionObserver=new IntersectionObserver(((e,t)=>{e.forEach((async e=>{if(e.isIntersecting){const s=e.target;if(s["data-has-icon"])return void t.unobserve(s);const i=s["data-item"],{layer:o,template:l}=i;s["data-has-icon"]=!0;const n=await m.fetchThumbnail(o,l).catch((()=>(s["data-has-icon"]=!1,null)));if(r(n))return;s.appendChild(n)}}))}),{root:document.body}),this.enableListScroll=!0,this.filterFunction=null,this.filterText="",this.groupBy=null,this.headingLevel=4,this.label=void 0,this.layers=null,this.messages=null,this.selectedItem=null,this.viewModel=new c,this.visibleElements={...y},this.renderItemIcon=this.renderItemIcon.bind(this),this._afterItemCreateOrUpdate=this._afterItemCreateOrUpdate.bind(this),this._afterItemRemoved=this._afterItemRemoved.bind(this)}initialize(){const e=({label:e})=>!this.filterText||e.toLowerCase().indexOf(this.filterText.toLowerCase())>-1;this.own(s(this,"viewModel",((t,r)=>{t&&!t.filterFunction&&(this.filterFunction=e),r&&r!==t&&r.filterFunction===e&&(r.filterFunction=null)})))}destroy(){this._iconIntersectionObserver&&(this._iconIntersectionObserver.disconnect(),this._iconIntersectionObserver=null)}loadDependencies(){return Promise.all([import("@esri/calcite-components/dist/components/calcite-icon.js"),import("@esri/calcite-components/dist/components/calcite-input.js"),import("@esri/calcite-components/dist/components/calcite-list-item.js"),import("@esri/calcite-components/dist/components/calcite-progress.js")])}castVisibleElements(e){return{...y,...e}}select(e){return null}render(){const{enableListScroll:e,filterText:t,headingLevel:r,messages:s,viewModel:{items:i,selectedItem:o,state:l}}=this,n=this.visibleElements.filter;if(b(i)){const e=i.find((e=>e.label===c.nullGroupBy.label));e&&(e.label=s.other)}return u("div",{class:this.classes(f.base,f.widget),"aria-label":s.widgetLabel},"loading"===l?this.renderLoader():"ready"===l?u(d,{id:this.id,identify:I,filterText:t,items:i,headingLevel:r,messages:{filterPlaceholder:s.filterPlaceholder,noItems:s.noItems,noMatches:s.noMatches},filterEnabled:n,onItemSelect:e=>{this.viewModel.select(e)},onFilterChange:e=>{this.filterText=e,this.viewModel.refresh()},renderIcon:this.renderItemIcon,selectedItem:o,enableListScroll:e}):null)}renderItemIcon({item:e}){return u("span",{key:"icon",afterCreate:this._afterItemCreateOrUpdate,afterUpdate:this._afterItemCreateOrUpdate,afterRemoved:this._afterItemRemoved,"data-item":e,"data-has-icon":!1})}renderLoader(){return u("div",{class:f.loader,key:"loader"})}_afterItemCreateOrUpdate(e){this._iconIntersectionObserver.observe(e)}_afterItemRemoved(e){this._iconIntersectionObserver.unobserve(e)}};e([l()],g.prototype,"enableListScroll",void 0),e([i("viewModel.filterFunction")],g.prototype,"filterFunction",void 0),e([l()],g.prototype,"filterText",void 0),e([i("viewModel.groupBy")],g.prototype,"groupBy",void 0),e([l()],g.prototype,"headingLevel",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],g.prototype,"label",void 0),e([i("viewModel.layers")],g.prototype,"layers",void 0),e([l(),p("esri/widgets/FeatureTemplates/t9n/FeatureTemplates")],g.prototype,"messages",void 0),e([i("viewModel.selectedItem")],g.prototype,"selectedItem",void 0),e([l(),h("select")],g.prototype,"viewModel",void 0),e([l()],g.prototype,"visibleElements",void 0),e([o("visibleElements")],g.prototype,"castVisibleElements",null),e([i("viewModel.select")],g.prototype,"select",null),g=e([n("esri.widgets.FeatureTemplates")],g);const w=g;export{w as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{HandleOwnerMixin as t}from"../core/HandleOwner.js";import{isNone as r}from"../core/maybe.js";import{init as s}from"../core/watchUtils.js";import{aliasOf as i}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import{cast as o}from"../core/accessorSupport/decorators/cast.js";import{property as l}from"../core/accessorSupport/decorators/property.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import a from"./Widget.js";import c from"./FeatureTemplates/FeatureTemplatesViewModel.js";import{ItemList as d}from"./FeatureTemplates/ItemList.js";import m from"./FeatureTemplates/TemplateItem.js";import"./support/widgetUtils.js";import{messageBundle as p}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{vmEvent as h}from"./support/decorators/vmEvent.js";import{tsx as u}from"./support/jsxFactory.js";const f={base:"esri-feature-templates",loader:"esri-feature-templates__loader",widget:"esri-widget"};function v(e){return"items"in e}function b(e){return e.length>0&&v(e[0])}function I(e){const{label:t}=e;return v(e)?t:`${t}–${e.layer.id}`}const y={filter:!0};let g=class extends(t(a)){constructor(e,t){super(e,t),this._iconIntersectionObserver=new IntersectionObserver(((e,t)=>{e.forEach((async e=>{if(e.isIntersecting){const s=e.target;if(s["data-has-icon"])return void t.unobserve(s);const i=s["data-item"],{layer:o,template:l}=i;s["data-has-icon"]=!0;const n=await m.fetchThumbnail(o,l).catch((()=>(s["data-has-icon"]=!1,null)));if(r(n))return;s.appendChild(n)}}))})),this.enableListScroll=!0,this.filterFunction=null,this.filterText="",this.groupBy=null,this.headingLevel=4,this.label=void 0,this.layers=null,this.messages=null,this.selectedItem=null,this.viewModel=new c,this.visibleElements={...y},this.renderItemIcon=this.renderItemIcon.bind(this),this._afterItemCreateOrUpdate=this._afterItemCreateOrUpdate.bind(this),this._afterItemRemoved=this._afterItemRemoved.bind(this)}initialize(){const e=({label:e})=>!this.filterText||e.toLowerCase().indexOf(this.filterText.toLowerCase())>-1;this.own(s(this,"viewModel",((t,r)=>{t&&!t.filterFunction&&(this.filterFunction=e),r&&r!==t&&r.filterFunction===e&&(r.filterFunction=null)})))}destroy(){this._iconIntersectionObserver&&(this._iconIntersectionObserver.disconnect(),this._iconIntersectionObserver=null)}loadDependencies(){return Promise.all([import("@esri/calcite-components/dist/components/calcite-icon.js"),import("@esri/calcite-components/dist/components/calcite-input.js"),import("@esri/calcite-components/dist/components/calcite-list-item.js"),import("@esri/calcite-components/dist/components/calcite-progress.js")])}castVisibleElements(e){return{...y,...e}}select(e){return null}render(){const{enableListScroll:e,filterText:t,headingLevel:r,messages:s,viewModel:{items:i,selectedItem:o,state:l}}=this,n=this.visibleElements.filter;if(b(i)){const e=i.find((e=>e.label===c.nullGroupBy.label));e&&(e.label=s.other)}return u("div",{class:this.classes(f.base,f.widget),"aria-label":s.widgetLabel},"loading"===l?this.renderLoader():"ready"===l?u(d,{id:this.id,identify:I,filterText:t,items:i,headingLevel:r,messages:{filterPlaceholder:s.filterPlaceholder,noItems:s.noItems,noMatches:s.noMatches},filterEnabled:n,onItemSelect:e=>{this.viewModel.select(e)},onFilterChange:e=>{this.filterText=e,this.viewModel.refresh()},renderIcon:this.renderItemIcon,selectedItem:o,enableListScroll:e}):null)}renderItemIcon({item:e}){return u("span",{key:"icon",afterCreate:this._afterItemCreateOrUpdate,afterUpdate:this._afterItemCreateOrUpdate,afterRemoved:this._afterItemRemoved,"data-item":e,"data-has-icon":!1})}renderLoader(){return u("div",{class:f.loader,key:"loader"})}_afterItemCreateOrUpdate(e){this._iconIntersectionObserver.observe(e)}_afterItemRemoved(e){this._iconIntersectionObserver.unobserve(e)}};e([l()],g.prototype,"enableListScroll",void 0),e([i("viewModel.filterFunction")],g.prototype,"filterFunction",void 0),e([l()],g.prototype,"filterText",void 0),e([i("viewModel.groupBy")],g.prototype,"groupBy",void 0),e([l()],g.prototype,"headingLevel",void 0),e([l({aliasOf:{source:"messages.widgetLabel",overridable:!0}})],g.prototype,"label",void 0),e([i("viewModel.layers")],g.prototype,"layers",void 0),e([l(),p("esri/widgets/FeatureTemplates/t9n/FeatureTemplates")],g.prototype,"messages",void 0),e([i("viewModel.selectedItem")],g.prototype,"selectedItem",void 0),e([l(),h("select")],g.prototype,"viewModel",void 0),e([l()],g.prototype,"visibleElements",void 0),e([o("visibleElements")],g.prototype,"castVisibleElements",null),e([i("viewModel.select")],g.prototype,"select",null),g=e([n("esri.widgets.FeatureTemplates")],g);const w=g;export{w as default};

package/widgets/FloorFilter.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{eventKey as t}from"../core/events.js";import{watch as i}from"../core/watchUtils.js";import{aliasOf as s}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as l}from"../core/accessorSupport/decorators/property.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import r from"./FloorFilter/FloorFilterViewModel.js";import{Heading as a,incrementHeadingLevel as c}from"./support/Heading.js";import{isRTL as d,storeNode as u}from"./support/widgetUtils.js";import{messageBundle as h}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{tsx as v}from"./support/jsxFactory.js";import{substitute as f}from"../intl/substitute.js";const m={esriWidget:"esri-widget",esriWidgetButton:"esri-widget--button",esriWidgetButtonActive:"esri-widget--button-active",esriButtonDisabled:"esri-button--disabled",esriDisabled:"esri-disabled",esriIcon:"esri-icon",esriInteractive:"esri-interactive",esriWidgetContentEmpty:"esri-widget__content--empty",floorFilter:"esri-floor-filter",floorFilterLayout:"esri-floor-filter__layout--",floorFilterPosition:"esri-floor-filter__position--",buttonContainer:"esri-floor-filter__button-container",buttonContainerLevels:"esri-floor-filter__button-container--levels",buttonInfo:"esri-floor-filter__button-info",buttonLabel:"esri-floor-filter__button-label",browseButton:"esri-floor-filter__browse-button",closeLevelsButton:"esri-floor-filter__close-levels-button",zoomButton:"esri-floor-filter__zoom-button",zoomButtonLevels:"esri-floor-filter__zoom-button--levels",minimizeToggleButton:"esri-floor-filter__minimize-toggle-button",levelsContainer:"esri-floor-filter__levels-container",levelButton:"esri-floor-filter__level-button",levelButtonActive:"esri-floor-filter__level-button--active",separator:"esri-floor-filter__separator",filterMenu:"esri-floor-filter__filter-menu",filterMenuHeader:"esri-floor-filter__filter-menu-header",filterMenuHeaderTextGroup:"esri-floor-filter__filter-menu-header-text-group",filterMenuHeaderText:"esri-floor-filter__filter-menu-header-text",filterMenuHeaderSubtext:"esri-floor-filter__filter-menu-header-subtext",filterMenuHeaderBack:"esri-floor-filter__filter-menu-header-back",filterMenuSearch:"esri-floor-filter__filter-menu-search",filterMenuSearchInput:"esri-floor-filter__filter-menu-search-input",filterMenuItems:"esri-floor-filter__filter-menu-items",filterMenuItemName:"esri-floor-filter__filter-menu-item-name",filterMenuSelectedItem:"esri-floor-filter__filter-menu-item-name--selected",filterMenuSite:"esri-floor-filter__filter-menu-site",filterMenuFacility:"esri-floor-filter__filter-menu-facility",selectedItemCircle:"esri-floor-filter__selected-item-circle",urbanIcon:"esri-icon-urban-model",zoomToIcon:"esri-icon-zoom-to-object",collapseIconRight:"esri-icon-collapse",collapseIconLeft:"esri-icon-expand",expandIconRight:"esri-icon-expand",expandIconLeft:"esri-icon-collapse",closeIcon:"esri-icon-close",searchIcon:"esri-icon-search",rightIcon:"esri-icon-right",leftIcon:"esri-icon-left"},p=["ArrowUp","ArrowDown","End","Home"];let M=class extends n{constructor(e,t){super(e,t),this._activeMenu=null,this._activeMenuIndex={levels:-1,menuItems:-1},this._baseNode=null,this._facilitiesListNode=null,this._levelsListNode=null,this._sitesListNode=null,this._searchInput=null,this.enabled=null,this.longNames=null,this.minimized=null,this.pinnedLevels=null,this.site=null,this.facility=null,this.level=null,this.view=null,this.viewModel=new r,this.messages=null,this.messagesCommon=null,this.goToOverride=null,this.headingLevel=2,this._resizeObserver=new ResizeObserver((()=>this.scheduleRender())),this.own(i(this,"_searchInput",(()=>this._focusSearch())))}destroy(){this._resizeObserver.disconnect()}updateWebDocument(){}render(){var e;const{longNames:t}=this,i=t&&this.viewModel.isNormalMode?"expanded":"collapsed",s=this.renderButtons(),l=this.renderFilterMenu(),o=v("div",{class:this.classes(m.separator)}),n=this._getComponentPosition(),r=this._getPosition(n),a="top-right"===n||"bottom-right"===n,c="top-left"===n||"bottom-left"===n,u=d(this.container),h=u&&c||!u&&a?l:s,f=u&&c||!u&&a?s:l;return v("div",{afterCreate:this._afterBaseNodeCreate,key:"floor-filter-menu",class:this.classes(m.floorFilter,m.esriWidget,`${m.floorFilterLayout}${i}`,`${m.floorFilterPosition}${r}`)},h,(null==(e=this.viewModel)?void 0:e.filterMenuOpen)&&o,f)}renderButtons(){const e=this._getComponentPosition(),t=[];return"top"===this._getPosition(e)?(t.push(this.renderBrowseButton()),t.push(this.renderLevelButtons()),t.push(this.renderCloseLevelsButton()),t.push(this.renderZoomButton()),t.push(this.renderCollapseToggleButton())):(t.push(this.renderCollapseToggleButton()),t.push(this.renderZoomButton()),t.push(this.renderCloseLevelsButton()),t.push(this.renderLevelButtons()),t.push(this.renderBrowseButton())),v("div",{key:"button-container",class:this.classes(m.esriWidget,m.buttonContainer)},t)}renderBrowseButton(){var e;const{longNames:t,messages:i}=this;return v("button",{key:"browse-button",title:i.buttons.browse,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,("loading"===this.viewModel.state||"disabled"===this.viewModel.state)&&m.esriButtonDisabled,m.browseButton,(null==(e=this.viewModel)?void 0:e.filterMenuOpen)&&m.esriWidgetButtonActive),"aria-expanded":this.viewModel.filterMenuOpen.toString(),"aria-label":i.buttons.browse,onclick:this._toggleFilterMenu},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.urbanIcon)}),v("span",{class:this.classes(m.buttonLabel)},t&&this.viewModel.isNormalMode&&i.buttons.browse)))}renderLevelButtons(){var e,t,i,s,l;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.levels)||!i.levelsInfo||!this.facility)return null;const{facility:o,messagesCommon:n,messages:r}=this,a=null==(s=this.viewModel)?void 0:s.getFacility(o),c=(null==(l=this.viewModel)?void 0:l.getFacilityLevels(o)).map((e=>this.renderLevelButton(e)));if(!c.length)return null;const d=a&&f(r.selector.levelsLabel,{name:`"${a.name}"`});if(this._isWebScene(this.view.map)&&(null==c?void 0:c.length)>1){const e={id:`all--${o}`,facilityId:o,shortName:n.all,longName:n.all,levelNumber:null,verticalOrder:null},t=this.renderLevelButton(e);c.push(t)}return v("ul",{key:"levels-button-container",class:this.classes(m.levelsContainer),bind:this,"data-id":"levels",afterCreate:u,"data-node-ref":"_levelsListNode","aria-label":d,onkeydown:this._handleListKeydown},c)}renderLevelButton(e){const{longNames:t}=this,{shortName:i,longName:s,id:l}=e,o=`levels--${l}`,n=this.level===l,r=t&&this.viewModel.isNormalMode?s:i;return this.viewModel.isNormalMode||n||this.viewModel.levelsExpanded?v("li",{key:o},v("button",{"data-id":l,"data-list-id":"levels",bind:this,class:this.classes(m.esriWidgetButton,n?m.esriWidgetButtonActive:null,m.esriInteractive,m.levelButton),onclick:this._levelSelected,onfocus:this._onItemFocus},r)):null}renderCloseLevelsButton(){if(!this.level||this.viewModel.isNormalMode||!this.viewModel.levelsExpanded)return null;const{messagesCommon:e}=this;return v("button",{key:"close-levels-button",title:e.close,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,m.closeLevelsButton),"aria-label":e.close,onclick:this._closeLevels},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.closeIcon)})))}renderZoomButton(){var e,t,i,s,l;const{longNames:o,messages:n,facility:r,site:a}=this,c=null==(e=this.viewModel)?void 0:e.filterMenuType,d=null==(t=this.viewModel)?void 0:t.filterMenuOpen,u=null==(i=this.viewModel)?void 0:i.getSite(a),h=null==(s=this.viewModel)?void 0:s.getFacility(r),f="site"===c&&d?!u:!h;return v("button",{key:"zoom-button",title:n.buttons.zoomTo,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,f&&m.esriButtonDisabled,m.esriInteractive,(null==(l=this.viewModel)?void 0:l.getFacilityLevels(r).length)>0?m.zoomButtonLevels:m.zoomButton),"aria-label":n.buttons.zoomTo,onclick:this._zoomToClicked},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.zoomToIcon)}),v("span",{class:this.classes(m.buttonLabel)},o&&this.viewModel.isNormalMode&&n.buttons.zoomTo)))}renderCollapseToggleButton(){const{longNames:e,messagesCommon:t}=this,i=e?m.collapseIconRight:m.expandIconRight,s=this.classes(m.esriIcon,i),l=e?t.collapse:t.expand;return v("button",{key:"minimize-toggle-button",title:l,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,m.minimizeToggleButton),"aria-label":l,onclick:this._toggleCollapsed},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:s}),v("span",{class:this.classes(m.buttonLabel)},e&&this.viewModel.isNormalMode&&t.collapse)))}renderFilterMenu(){var e,t,i;return null!=(e=this.viewModel)&&e.filterMenuOpen?"site"===(null==(t=this.viewModel)?void 0:t.filterMenuType)?this.renderSiteFilterMenu():"facility"===(null==(i=this.viewModel)?void 0:i.filterMenuType)?this.renderFacilityFilterMenu():null:null}renderSiteFilterMenu(){var e,t;const{messages:i,messagesCommon:s}=this,l=this.site?null==(e=this.viewModel)||null==(t=e.getSite(this.site))?void 0:t.name:i.selector.selectSite,o=v("div",{key:"filter-menu-site-header",class:this.classes(`${m.filterMenuHeader}`)},v("div",{class:this.classes(m.filterMenuHeaderTextGroup)},v(a,{level:this.headingLevel,class:this.classes(m.filterMenuHeaderText)},l)),v("button",{bind:this,title:s.close,class:this.classes(m.esriIcon,m.closeIcon),onclick:this._closeClicked})),n=this.renderSearchInput(),r=this.renderSiteItems();return v("div",{key:"filter-menu-site",class:this.classes(m.filterMenu)},o,n,r)}renderFacilityFilterMenu(){var e,t,i,s;const{messages:l,messagesCommon:o,site:n}=this,r=null==(e=this.viewModel)||null==(t=e.getSite(n))?void 0:t.name,u=this.facility&&(null==(i=this.viewModel)||null==(s=i.getFacility(this.facility))?void 0:s.name)||l.selector.selectFacility,h=this.viewModel.hasMultipleSites?v("button",{bind:this,title:o.back,class:this.classes(m.filterMenuHeaderBack),onclick:this._backClicked},v("span",{class:this.classes(d(this.container)?m.rightIcon:m.leftIcon)})):null,f=this.viewModel.hasMultipleSites?v(a,{level:c(this.headingLevel),class:this.classes(m.filterMenuHeaderSubtext)},r):null,p=v("div",{key:"filter-menu-site-header",class:this.classes(m.filterMenuHeader)},h,v("div",{class:this.classes(m.filterMenuHeaderTextGroup)},v(a,{level:this.headingLevel,class:this.classes(m.filterMenuHeaderText)},u),f),v("button",{bind:this,title:o.close,class:this.classes(m.esriIcon,m.closeIcon),onclick:this._closeClicked})),M=this.renderSearchInput(),g=this.renderFacilityItems();return v("div",{key:"filter-menu-facility",class:this.classes(m.filterMenu)},p,M,g)}renderSearchInput(){const{messagesCommon:e}=this;return v("div",{key:"filter-menu-search",class:this.classes(m.filterMenuSearch)},v("span",{class:this.classes(m.esriIcon,m.searchIcon)}),v("input",{bind:this,key:"filter-menu-search__input",afterCreate:u,"data-node-ref":"_searchInput",class:this.classes(m.filterMenuSearchInput),placeholder:e.search,oninput:this._onSearchChange,onpaste:this._onSearchChange,value:this.viewModel.searchTerm}))}renderBlueCircle(){return v("span",{key:"floor-filter__selected-item-circle",class:this.classes(m.selectedItemCircle)})}renderSiteItems(){var e,t,i,s;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.sites)||!i.sitesInfo)return null;const{messages:l}=this,o=this.viewModel.filterFeatures.sites.sitesInfo,n=this.viewModel.filterSites(o).map((e=>this.renderSiteItem(e))),r=0===n.length&&(null==(s=this.viewModel)?void 0:s.searchTerm)&&v("div",{class:this.classes(m.esriWidgetContentEmpty)},l.noResults);return v("ul",{key:"filter-menu-items--sites",class:this.classes(m.filterMenuItems),bind:this,afterCreate:u,"data-node-ref":"_sitesListNode","data-id":"sites",onkeydown:this._handleListKeydown,tabIndex:-1,"aria-label":l.selector.sitesLabel},n,r)}renderSiteItem(e){const{name:t,id:i}=e,s=`filter-menu-site--${i}`,l=this.site===i;return v("li",{key:s},v("button",{"data-id":i,"data-list-id":"sites",bind:this,class:this.classes(m.filterMenuSite),onclick:this._siteSelected,onfocus:this._onItemFocus},l&&this.renderBlueCircle(),v("span",{class:this.classes(l?m.filterMenuSelectedItem:m.filterMenuItemName)},t),v("span",{class:this.classes(d(this.container)?m.leftIcon:m.rightIcon)})))}renderFacilityItems(){var e,t,i,s;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.facilities)||!i.facilitiesInfo)return null;const{messages:l,site:o}=this,n=this.viewModel.getSite(o),r=this.viewModel.filterFeatures.facilities.facilitiesInfo,a=this.viewModel.filterFacilities(r).map((e=>this.renderFacilityItem(e))),c=0===a.length&&(null==(s=this.viewModel)?void 0:s.searchTerm)&&v("div",{class:this.classes(m.esriWidgetContentEmpty)},l.noResults),d=n?f(l.selector.siteFacilitiesLabel,{name:`"${n.name}"`}):l.selector.facilitiesLabel;return v("ul",{key:"filter-menu-items--facilities",class:this.classes(m.filterMenuItems),bind:this,afterCreate:u,"data-node-ref":"_facilitiesListNode","data-id":"facilities",onkeydown:this._handleListKeydown,tabIndex:-1,"aria-label":d},a,c)}renderFacilityItem(e){const{name:t,id:i}=e,s=`filter-menu-facility--${i}`,l=this.facility===i;return v("li",{key:s},v("button",{"data-id":i,"data-list-id":"facilities",bind:this,class:this.classes(m.filterMenuFacility),onclick:this._facilitySelected,onfocus:this._onItemFocus},l&&this.renderBlueCircle(),v("span",{class:this.classes(l?m.filterMenuSelectedItem:m.filterMenuItemName)},t)))}_afterBaseNodeCreate(e){var t,i;this._baseNode&&(null==(i=this._resizeObserver)||i.unobserve(this._baseNode));this._baseNode=e,null==(t=this._resizeObserver)||t.observe(this._baseNode)}_toggleCollapsed(){this.longNames=!this.longNames}_toggleFilterMenu(){var e,t;const i=null!=(e=null==(t=this.viewModel)?void 0:t.filterMenuOpen)&&e;this.viewModel.filterMenuOpen=!i}_setFilterMenuType(e){this.viewModel.filterMenuType=e}_zoomToClicked(){var e,t;if(this.site&&"site"===(null==(e=this.viewModel)?void 0:e.filterMenuType)&&null!=(t=this.viewModel)&&t.filterMenuOpen){var i;const e=null==(i=this.viewModel)?void 0:i.getSite(this.site);this.viewModel.goTo(e)}else if(this.facility){var s;const e=null==(s=this.viewModel)?void 0:s.getFacility(this.facility);this.viewModel.goTo(e)}else if(this.site){var l;const e=null==(l=this.viewModel)?void 0:l.getSite(this.site);this.viewModel.goTo(e)}}_onSearchChange(e){var t;const i=e.target;""===i.value?this.viewModel.searchTerm=null:i.value&&(null==(t=this.viewModel)?void 0:t.searchTerm)!==i.value&&(this.viewModel.searchTerm=i.value.toLowerCase().trim())}_closeClicked(){this.viewModel.searchTerm=null,this.viewModel.filterMenuOpen=!1}_backClicked(){this._setFilterMenuType("site"),this.viewModel.searchTerm=null}_siteSelected(e){const t=e.currentTarget.getAttribute("data-id"),i=this.viewModel.getSite(t);let s=!1;this.site!==t&&(this.facility=void 0,this.level=void 0,s=!0,this.viewModel.levelsExpanded=!1),this.site=t,this.viewModel.searchTerm=null,this._setFilterMenuType("facility"),this.viewModel.goTo(i),s&&this.viewModel.setFloors(null)}_facilitySelected(e){const t=e.currentTarget.getAttribute("data-id"),i=this.viewModel.getFacility(t);let s=!1;if(this.facility!==t){if("base-floors"===this.viewModel.filterMode){var l;const e=null==(l=this.viewModel)?void 0:l.getBaseLevel(i);this.level=e?e.id:void 0}else this.level=void 0;s=!0,this.viewModel.levelsExpanded=!1}if(this.facility=t,this.viewModel.goTo(i),s){const e=this.viewModel.getLevel(this.level);this.viewModel.setFloors(e)}if(!this.viewModel.isNormalMode){const e=this.viewModel.getFacilityLevels(t);(null==e?void 0:e.length)>1&&(this.viewModel.levelsExpanded=!0)}setTimeout((()=>{this._focusActiveLevel()}),50)}_levelSelected(e){const t=e.currentTarget.getAttribute("data-id");this.level=t}_closeLevels(){this.viewModel.levelsExpanded=!1}_isWebScene(e){return"esri.WebScene"===e.declaredClass}_getComponentPosition(){var e,t;return null==(e=this.view)||null==(t=e.ui)?void 0:t.getPosition(this.container)}_getPosition(e){switch(e){case"bottom-right":case"bottom-left":return"bottom";default:return"top"}}_handleListKeydown(e){const i=e.currentTarget.getAttribute("data-id");let s=null;"sites"===i||"facilities"===i?(this._activeMenu!==i&&(this._activeMenuIndex.menuItems=-1),this._activeMenu=i,s="menuItems"):"levels"===i&&(s="levels");const l="sites"===i?this._sitesListNode:"facilities"===i?this._facilitiesListNode:"levels"===i?this._levelsListNode:null,o=t(e),n="Tab"===o,r=p.includes(o);r&&e.preventDefault();const a=null==l?void 0:l.getElementsByTagName("li");a&&0!==a.length&&(r||n)&&this._handleItemNavigation(o,e.shiftKey,a,n,s)}_handleItemNavigation(e,t,i,s,l){if(!l)return;this._activeMenuIndex[l]===i.length&&this._activeMenuIndex[l]--,-1===this._activeMenuIndex[l]&&this._activeMenuIndex[l]++;const o=this._activeMenuIndex[l];switch(e){case"Home":this._activeMenuIndex[l]=0;break;case"End":this._activeMenuIndex[l]=i.length-1;break;case"ArrowUp":this._activeMenuIndex[l]=this._activeMenuIndex[l]<=0?i.length-1:this._activeMenuIndex[l]-1;break;case"ArrowDown":this._activeMenuIndex[l]=this._activeMenuIndex[l]===i.length-1?0:this._activeMenuIndex[l]+1}if("Tab"===e&&t&&this._activeMenuIndex[l]>=0&&this._activeMenuIndex[l]--,"Tab"===e&&!t&&this._activeMenuIndex[l]<i.length&&this._activeMenuIndex[l]++,o!==this._activeMenuIndex[l]&&this._activeMenuIndex[l]>-1&&this._activeMenuIndex[l]<i.length&&!s){const e=i[this._activeMenuIndex[l]].getElementsByTagName("button"),t=1===(null==e?void 0:e.length)&&e[0];null==t||t.focus()}}_focusSearch(){var e;null==(e=this._searchInput)||e.focus()}_focusActiveLevel(){var e;const{level:t}=this,i=this._levelsListNode,s=null==i?void 0:i.getElementsByTagName("li");if(!t||!i||!s)return;const l=null==(e=this._facilitiesListNode)?void 0:e.getElementsByTagName("li");this._activeMenuIndex.menuItems=l?l.length-1:-1;const o=[];for(let n=0;n<s.length;n++){const e=s[n].getElementsByTagName("button");1===(null==e?void 0:e.length)&&o.push(e[0])}o.forEach(((e,i)=>{e.getAttribute("data-id")===t&&(e.focus(),this._activeMenuIndex.levels=i)}))}_onItemFocus(e){const t=e.currentTarget,i=t.getAttribute("data-list-id"),s=t.getAttribute("data-id"),l="sites"===i?this._sitesListNode:"facilities"===i?this._facilitiesListNode:"levels"===i?this._levelsListNode:null;if(!l)return;const o=null==l?void 0:l.getElementsByTagName("li");if(!o)return;const n=[];Array.from(o).forEach((e=>{const t=e.getElementsByTagName("button");1===(null==t?void 0:t.length)&&n.push(t[0])}));let r=null;switch(i){case"sites":case"facilities":r="menuItems";break;case"levels":r="levels"}r&&n.forEach(((e,t)=>{e.getAttribute("data-id")===s&&this._activeMenuIndex[r]!==t&&(this._activeMenuIndex[r]=t)}))}};e([l()],M.prototype,"_searchInput",void 0),e([s("viewModel.enabled")],M.prototype,"enabled",void 0),e([s("viewModel.longNames")],M.prototype,"longNames",void 0),e([s("viewModel.minimized")],M.prototype,"minimized",void 0),e([s("viewModel.pinnedLevels")],M.prototype,"pinnedLevels",void 0),e([s("viewModel.site")],M.prototype,"site",void 0),e([s("viewModel.facility")],M.prototype,"facility",void 0),e([s("viewModel.level")],M.prototype,"level",void 0),e([s("viewModel.view")],M.prototype,"view",void 0),e([l({type:r})],M.prototype,"viewModel",void 0),e([l(),h("esri/widgets/FloorFilter/t9n/FloorFilter")],M.prototype,"messages",void 0),e([l(),h("esri/t9n/common")],M.prototype,"messagesCommon",void 0),e([s("viewModel.goToOverride")],M.prototype,"goToOverride",void 0),e([l()],M.prototype,"headingLevel",void 0),e([s("viewModel.updateWebDocument")],M.prototype,"updateWebDocument",null),M=e([o("esri.widgets.FloorFilter")],M);const g=M;export{g as default};
+import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{eventKey as t}from"../core/events.js";import{watch as i}from"../core/watchUtils.js";import{aliasOf as s}from"../core/accessorSupport/decorators/aliasOf.js";import"../core/arrayUtils.js";import"../core/has.js";import"../core/accessorSupport/ensureType.js";import{property as l}from"../core/accessorSupport/decorators/property.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import r from"./FloorFilter/FloorFilterViewModel.js";import{Heading as a,incrementHeadingLevel as c}from"./support/Heading.js";import{isRTL as d,storeNode as u}from"./support/widgetUtils.js";import{messageBundle as h}from"./support/decorators/messageBundle.js";import"../core/Logger.js";import{tsx as v}from"./support/jsxFactory.js";import{substitute as f}from"../intl/substitute.js";const m={esriWidget:"esri-widget",esriWidgetButton:"esri-widget--button",esriWidgetButtonActive:"esri-widget--button-active",esriButtonDisabled:"esri-button--disabled",esriDisabled:"esri-disabled",esriIcon:"esri-icon",esriInteractive:"esri-interactive",esriWidgetContentEmpty:"esri-widget__content--empty",floorFilter:"esri-floor-filter",floorFilterLayout:"esri-floor-filter__layout--",floorFilterPosition:"esri-floor-filter__position--",buttonContainer:"esri-floor-filter__button-container",buttonContainerLevels:"esri-floor-filter__button-container--levels",buttonInfo:"esri-floor-filter__button-info",buttonLabel:"esri-floor-filter__button-label",browseButton:"esri-floor-filter__browse-button",closeLevelsButton:"esri-floor-filter__close-levels-button",zoomButton:"esri-floor-filter__zoom-button",zoomButtonLevels:"esri-floor-filter__zoom-button--levels",minimizeToggleButton:"esri-floor-filter__minimize-toggle-button",levelsContainer:"esri-floor-filter__levels-container",levelButton:"esri-floor-filter__level-button",levelButtonActive:"esri-floor-filter__level-button--active",separator:"esri-floor-filter__separator",filterMenu:"esri-floor-filter__filter-menu",filterMenuHeader:"esri-floor-filter__filter-menu-header",filterMenuHeaderTextGroup:"esri-floor-filter__filter-menu-header-text-group",filterMenuHeaderText:"esri-floor-filter__filter-menu-header-text",filterMenuHeaderSubtext:"esri-floor-filter__filter-menu-header-subtext",filterMenuHeaderBack:"esri-floor-filter__filter-menu-header-back",filterMenuSearch:"esri-floor-filter__filter-menu-search",filterMenuSearchInput:"esri-floor-filter__filter-menu-search-input",filterMenuItems:"esri-floor-filter__filter-menu-items",filterMenuItemName:"esri-floor-filter__filter-menu-item-name",filterMenuSelectedItem:"esri-floor-filter__filter-menu-item-name--selected",filterMenuSite:"esri-floor-filter__filter-menu-site",filterMenuFacility:"esri-floor-filter__filter-menu-facility",selectedItemCircle:"esri-floor-filter__selected-item-circle",urbanIcon:"esri-icon-urban-model",zoomToIcon:"esri-icon-zoom-to-object",collapseIconRight:"esri-icon-collapse",collapseIconLeft:"esri-icon-expand",expandIconRight:"esri-icon-expand",expandIconLeft:"esri-icon-collapse",closeIcon:"esri-icon-close",searchIcon:"esri-icon-search",rightIcon:"esri-icon-right",leftIcon:"esri-icon-left"},p=["ArrowUp","ArrowDown","End","Home"];let M=class extends n{constructor(e,t){super(e,t),this._activeMenu=null,this._activeMenuIndex={levels:-1,menuItems:-1},this._baseNode=null,this._facilitiesListNode=null,this._levelsListNode=null,this._sitesListNode=null,this._searchInput=null,this.enabled=null,this.longNames=null,this.minimized=null,this.pinnedLevels=null,this.site=null,this.facility=null,this.level=null,this.view=null,this.viewModel=new r,this.messages=null,this.messagesCommon=null,this.goToOverride=null,this.headingLevel=2,this._resizeObserver=new ResizeObserver((()=>this.scheduleRender())),this.own(i(this,"_searchInput",(()=>this._focusSearch())))}destroy(){this._resizeObserver.disconnect()}updateWebDocument(){}render(){var e;const{longNames:t}=this,i=t&&this.viewModel.isNormalMode?"expanded":"collapsed",s=this.renderButtons(),l=this.renderFilterMenu(),o=v("div",{class:this.classes(m.separator)}),n=this._getComponentPosition(),r=this._getPosition(n),a="top-right"===n||"bottom-right"===n,c="top-left"===n||"bottom-left"===n,u=d(this.container),h=u&&c||!u&&a?l:s,f=u&&c||!u&&a?s:l;return v("div",{afterCreate:this._afterBaseNodeCreate,key:"floor-filter-menu",class:this.classes(m.floorFilter,m.esriWidget,`${m.floorFilterLayout}${i}`,`${m.floorFilterPosition}${r}`)},h,(null==(e=this.viewModel)?void 0:e.filterMenuOpen)&&o,f)}renderButtons(){const e=this._getComponentPosition(),t=[];return"top"===this._getPosition(e)?(t.push(this.renderBrowseButton()),t.push(this.renderLevelButtons()),t.push(this.renderCloseLevelsButton()),t.push(this.renderZoomButton()),t.push(this.renderCollapseToggleButton())):(t.push(this.renderCollapseToggleButton()),t.push(this.renderZoomButton()),t.push(this.renderCloseLevelsButton()),t.push(this.renderLevelButtons()),t.push(this.renderBrowseButton())),v("div",{key:"button-container",class:this.classes(m.esriWidget,m.buttonContainer)},t)}renderBrowseButton(){var e;const{longNames:t,messages:i}=this;return v("button",{key:"browse-button",title:i.buttons.browse,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,("loading"===this.viewModel.state||"disabled"===this.viewModel.state)&&m.esriButtonDisabled,m.browseButton,(null==(e=this.viewModel)?void 0:e.filterMenuOpen)&&m.esriWidgetButtonActive),"aria-expanded":this.viewModel.filterMenuOpen.toString(),"aria-label":i.buttons.browse,onclick:this._toggleFilterMenu,type:"button"},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.urbanIcon)}),v("span",{class:this.classes(m.buttonLabel)},t&&this.viewModel.isNormalMode&&i.buttons.browse)))}renderLevelButtons(){var e,t,i,s,l;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.levels)||!i.levelsInfo||!this.facility)return null;const{facility:o,messagesCommon:n,messages:r}=this,a=null==(s=this.viewModel)?void 0:s.getFacility(o),c=(null==(l=this.viewModel)?void 0:l.getFacilityLevels(o)).map((e=>this.renderLevelButton(e)));if(!c.length)return null;const d=a&&f(r.selector.levelsLabel,{name:`"${a.name}"`});if(this._isWebScene(this.view.map)&&(null==c?void 0:c.length)>1){const e={id:`all--${o}`,facilityId:o,shortName:n.all,longName:n.all,levelNumber:null,verticalOrder:null},t=this.renderLevelButton(e);c.push(t)}return v("ul",{key:"levels-button-container",class:this.classes(m.levelsContainer),bind:this,"data-id":"levels",afterCreate:u,"data-node-ref":"_levelsListNode","aria-label":d,onkeydown:this._handleListKeydown},c)}renderLevelButton(e){const{longNames:t}=this,{shortName:i,longName:s,id:l}=e,o=`levels--${l}`,n=this.level===l,r=t&&this.viewModel.isNormalMode?s:i;return this.viewModel.isNormalMode||n||this.viewModel.levelsExpanded?v("li",{key:o},v("button",{"data-id":l,"data-list-id":"levels",bind:this,class:this.classes(m.esriWidgetButton,n?m.esriWidgetButtonActive:null,m.esriInteractive,m.levelButton),onclick:this._levelSelected,onfocus:this._onItemFocus,type:"button"},r)):null}renderCloseLevelsButton(){if(!this.level||this.viewModel.isNormalMode||!this.viewModel.levelsExpanded)return null;const{messagesCommon:e}=this;return v("button",{key:"close-levels-button",title:e.close,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,m.closeLevelsButton),"aria-label":e.close,onclick:this._closeLevels,type:"button"},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.closeIcon)})))}renderZoomButton(){var e,t,i,s,l;const{longNames:o,messages:n,facility:r,site:a}=this,c=null==(e=this.viewModel)?void 0:e.filterMenuType,d=null==(t=this.viewModel)?void 0:t.filterMenuOpen,u=null==(i=this.viewModel)?void 0:i.getSite(a),h=null==(s=this.viewModel)?void 0:s.getFacility(r),f="site"===c&&d?!u:!h;return v("button",{key:"zoom-button",title:n.buttons.zoomTo,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,f&&m.esriButtonDisabled,m.esriInteractive,(null==(l=this.viewModel)?void 0:l.getFacilityLevels(r).length)>0?m.zoomButtonLevels:m.zoomButton),"aria-label":n.buttons.zoomTo,onclick:this._zoomToClicked,type:"button"},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:this.classes(m.esriIcon,m.zoomToIcon)}),v("span",{class:this.classes(m.buttonLabel)},o&&this.viewModel.isNormalMode&&n.buttons.zoomTo)))}renderCollapseToggleButton(){const{longNames:e,messagesCommon:t}=this,i=e?m.collapseIconRight:m.expandIconRight,s=this.classes(m.esriIcon,i),l=e?t.collapse:t.expand;return v("button",{key:"minimize-toggle-button",title:l,bind:this,class:this.classes(m.esriWidget,m.esriWidgetButton,m.esriInteractive,m.minimizeToggleButton),"aria-label":l,onclick:this._toggleCollapsed,type:"button"},v("div",{class:this.classes(m.buttonInfo)},v("span",{class:s}),v("span",{class:this.classes(m.buttonLabel)},e&&this.viewModel.isNormalMode&&t.collapse)))}renderFilterMenu(){var e,t,i;return null!=(e=this.viewModel)&&e.filterMenuOpen?"site"===(null==(t=this.viewModel)?void 0:t.filterMenuType)?this.renderSiteFilterMenu():"facility"===(null==(i=this.viewModel)?void 0:i.filterMenuType)?this.renderFacilityFilterMenu():null:null}renderSiteFilterMenu(){var e,t;const{messages:i,messagesCommon:s}=this,l=this.site?null==(e=this.viewModel)||null==(t=e.getSite(this.site))?void 0:t.name:i.selector.selectSite,o=v("div",{key:"filter-menu-site-header",class:this.classes(`${m.filterMenuHeader}`)},v("div",{class:this.classes(m.filterMenuHeaderTextGroup)},v(a,{level:this.headingLevel,class:this.classes(m.filterMenuHeaderText)},l)),v("button",{bind:this,title:s.close,class:this.classes(m.esriIcon,m.closeIcon),onclick:this._closeClicked,type:"button"})),n=this.renderSearchInput(),r=this.renderSiteItems();return v("div",{key:"filter-menu-site",class:this.classes(m.filterMenu)},o,n,r)}renderFacilityFilterMenu(){var e,t,i,s;const{messages:l,messagesCommon:o,site:n}=this,r=null==(e=this.viewModel)||null==(t=e.getSite(n))?void 0:t.name,u=this.facility&&(null==(i=this.viewModel)||null==(s=i.getFacility(this.facility))?void 0:s.name)||l.selector.selectFacility,h=this.viewModel.hasMultipleSites?v("button",{bind:this,title:o.back,class:this.classes(m.filterMenuHeaderBack),onclick:this._backClicked,type:"button"},v("span",{class:this.classes(d(this.container)?m.rightIcon:m.leftIcon)})):null,f=this.viewModel.hasMultipleSites?v(a,{level:c(this.headingLevel),class:this.classes(m.filterMenuHeaderSubtext)},r):null,p=v("div",{key:"filter-menu-site-header",class:this.classes(m.filterMenuHeader)},h,v("div",{class:this.classes(m.filterMenuHeaderTextGroup)},v(a,{level:this.headingLevel,class:this.classes(m.filterMenuHeaderText)},u),f),v("button",{bind:this,title:o.close,class:this.classes(m.esriIcon,m.closeIcon),onclick:this._closeClicked,type:"button"})),M=this.renderSearchInput(),g=this.renderFacilityItems();return v("div",{key:"filter-menu-facility",class:this.classes(m.filterMenu)},p,M,g)}renderSearchInput(){const{messagesCommon:e}=this;return v("div",{key:"filter-menu-search",class:this.classes(m.filterMenuSearch)},v("span",{class:this.classes(m.esriIcon,m.searchIcon)}),v("input",{bind:this,key:"filter-menu-search__input",afterCreate:u,"data-node-ref":"_searchInput",class:this.classes(m.filterMenuSearchInput),placeholder:e.search,oninput:this._onSearchChange,onpaste:this._onSearchChange,value:this.viewModel.searchTerm}))}renderBlueCircle(){return v("span",{key:"floor-filter__selected-item-circle",class:this.classes(m.selectedItemCircle)})}renderSiteItems(){var e,t,i,s;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.sites)||!i.sitesInfo)return null;const{messages:l}=this,o=this.viewModel.filterFeatures.sites.sitesInfo,n=this.viewModel.filterSites(o).map((e=>this.renderSiteItem(e))),r=0===n.length&&(null==(s=this.viewModel)?void 0:s.searchTerm)&&v("div",{class:this.classes(m.esriWidgetContentEmpty)},l.noResults);return v("ul",{key:"filter-menu-items--sites",class:this.classes(m.filterMenuItems),bind:this,afterCreate:u,"data-node-ref":"_sitesListNode","data-id":"sites",onkeydown:this._handleListKeydown,tabIndex:-1,"aria-label":l.selector.sitesLabel},n,r)}renderSiteItem(e){const{name:t,id:i}=e,s=`filter-menu-site--${i}`,l=this.site===i;return v("li",{key:s},v("button",{"data-id":i,"data-list-id":"sites",bind:this,class:this.classes(m.filterMenuSite),onclick:this._siteSelected,onfocus:this._onItemFocus,type:"button"},l&&this.renderBlueCircle(),v("span",{class:this.classes(l?m.filterMenuSelectedItem:m.filterMenuItemName)},t),v("span",{class:this.classes(d(this.container)?m.leftIcon:m.rightIcon)})))}renderFacilityItems(){var e,t,i,s;if(null==(e=this.viewModel)||null==(t=e.filterFeatures)||null==(i=t.facilities)||!i.facilitiesInfo)return null;const{messages:l,site:o}=this,n=this.viewModel.getSite(o),r=this.viewModel.filterFeatures.facilities.facilitiesInfo,a=this.viewModel.filterFacilities(r).map((e=>this.renderFacilityItem(e))),c=0===a.length&&(null==(s=this.viewModel)?void 0:s.searchTerm)&&v("div",{class:this.classes(m.esriWidgetContentEmpty)},l.noResults),d=n?f(l.selector.siteFacilitiesLabel,{name:`"${n.name}"`}):l.selector.facilitiesLabel;return v("ul",{key:"filter-menu-items--facilities",class:this.classes(m.filterMenuItems),bind:this,afterCreate:u,"data-node-ref":"_facilitiesListNode","data-id":"facilities",onkeydown:this._handleListKeydown,tabIndex:-1,"aria-label":d},a,c)}renderFacilityItem(e){const{name:t,id:i}=e,s=`filter-menu-facility--${i}`,l=this.facility===i;return v("li",{key:s},v("button",{"data-id":i,"data-list-id":"facilities",bind:this,class:this.classes(m.filterMenuFacility),onclick:this._facilitySelected,onfocus:this._onItemFocus,type:"button"},l&&this.renderBlueCircle(),v("span",{class:this.classes(l?m.filterMenuSelectedItem:m.filterMenuItemName)},t)))}_afterBaseNodeCreate(e){var t,i;this._baseNode&&(null==(i=this._resizeObserver)||i.unobserve(this._baseNode));this._baseNode=e,null==(t=this._resizeObserver)||t.observe(this._baseNode)}_toggleCollapsed(){this.longNames=!this.longNames}_toggleFilterMenu(){var e,t;const i=null!=(e=null==(t=this.viewModel)?void 0:t.filterMenuOpen)&&e;this.viewModel.filterMenuOpen=!i}_setFilterMenuType(e){this.viewModel.filterMenuType=e}_zoomToClicked(){var e,t;if(this.site&&"site"===(null==(e=this.viewModel)?void 0:e.filterMenuType)&&null!=(t=this.viewModel)&&t.filterMenuOpen){var i;const e=null==(i=this.viewModel)?void 0:i.getSite(this.site);this.viewModel.goTo(e)}else if(this.facility){var s;const e=null==(s=this.viewModel)?void 0:s.getFacility(this.facility);this.viewModel.goTo(e)}else if(this.site){var l;const e=null==(l=this.viewModel)?void 0:l.getSite(this.site);this.viewModel.goTo(e)}}_onSearchChange(e){var t;const i=e.target;""===i.value?this.viewModel.searchTerm=null:i.value&&(null==(t=this.viewModel)?void 0:t.searchTerm)!==i.value&&(this.viewModel.searchTerm=i.value.toLowerCase().trim())}_closeClicked(){this.viewModel.searchTerm=null,this.viewModel.filterMenuOpen=!1}_backClicked(){this._setFilterMenuType("site"),this.viewModel.searchTerm=null}_siteSelected(e){const t=e.currentTarget.getAttribute("data-id"),i=this.viewModel.getSite(t);let s=!1;this.site!==t&&(this.facility=void 0,this.level=void 0,s=!0,this.viewModel.levelsExpanded=!1),this.site=t,this.viewModel.searchTerm=null,this._setFilterMenuType("facility"),this.viewModel.goTo(i),s&&this.viewModel.setFloors(null)}_facilitySelected(e){const t=e.currentTarget.getAttribute("data-id"),i=this.viewModel.getFacility(t);let s=!1;if(this.facility!==t){if("base-floors"===this.viewModel.filterMode){var l;const e=null==(l=this.viewModel)?void 0:l.getBaseLevel(i);this.level=e?e.id:void 0}else this.level=void 0;s=!0,this.viewModel.levelsExpanded=!1}if(this.facility=t,this.viewModel.goTo(i),s){const e=this.viewModel.getLevel(this.level);this.viewModel.setFloors(e)}if(!this.viewModel.isNormalMode){const e=this.viewModel.getFacilityLevels(t);(null==e?void 0:e.length)>1&&(this.viewModel.levelsExpanded=!0)}setTimeout((()=>{this._focusActiveLevel()}),50)}_levelSelected(e){const t=e.currentTarget.getAttribute("data-id");this.level=t}_closeLevels(){this.viewModel.levelsExpanded=!1}_isWebScene(e){return"esri.WebScene"===e.declaredClass}_getComponentPosition(){var e,t;return null==(e=this.view)||null==(t=e.ui)?void 0:t.getPosition(this.container)}_getPosition(e){switch(e){case"bottom-right":case"bottom-left":return"bottom";default:return"top"}}_handleListKeydown(e){const i=e.currentTarget.getAttribute("data-id");let s=null;"sites"===i||"facilities"===i?(this._activeMenu!==i&&(this._activeMenuIndex.menuItems=-1),this._activeMenu=i,s="menuItems"):"levels"===i&&(s="levels");const l="sites"===i?this._sitesListNode:"facilities"===i?this._facilitiesListNode:"levels"===i?this._levelsListNode:null,o=t(e),n="Tab"===o,r=p.includes(o);r&&e.preventDefault();const a=null==l?void 0:l.getElementsByTagName("li");a&&0!==a.length&&(r||n)&&this._handleItemNavigation(o,e.shiftKey,a,n,s)}_handleItemNavigation(e,t,i,s,l){if(!l)return;this._activeMenuIndex[l]===i.length&&this._activeMenuIndex[l]--,-1===this._activeMenuIndex[l]&&this._activeMenuIndex[l]++;const o=this._activeMenuIndex[l];switch(e){case"Home":this._activeMenuIndex[l]=0;break;case"End":this._activeMenuIndex[l]=i.length-1;break;case"ArrowUp":this._activeMenuIndex[l]=this._activeMenuIndex[l]<=0?i.length-1:this._activeMenuIndex[l]-1;break;case"ArrowDown":this._activeMenuIndex[l]=this._activeMenuIndex[l]===i.length-1?0:this._activeMenuIndex[l]+1}if("Tab"===e&&t&&this._activeMenuIndex[l]>=0&&this._activeMenuIndex[l]--,"Tab"===e&&!t&&this._activeMenuIndex[l]<i.length&&this._activeMenuIndex[l]++,o!==this._activeMenuIndex[l]&&this._activeMenuIndex[l]>-1&&this._activeMenuIndex[l]<i.length&&!s){const e=i[this._activeMenuIndex[l]].getElementsByTagName("button"),t=1===(null==e?void 0:e.length)&&e[0];null==t||t.focus()}}_focusSearch(){var e;null==(e=this._searchInput)||e.focus()}_focusActiveLevel(){var e;const{level:t}=this,i=this._levelsListNode,s=null==i?void 0:i.getElementsByTagName("li");if(!t||!i||!s)return;const l=null==(e=this._facilitiesListNode)?void 0:e.getElementsByTagName("li");this._activeMenuIndex.menuItems=l?l.length-1:-1;const o=[];for(let n=0;n<s.length;n++){const e=s[n].getElementsByTagName("button");1===(null==e?void 0:e.length)&&o.push(e[0])}o.forEach(((e,i)=>{e.getAttribute("data-id")===t&&(e.focus(),this._activeMenuIndex.levels=i)}))}_onItemFocus(e){const t=e.currentTarget,i=t.getAttribute("data-list-id"),s=t.getAttribute("data-id"),l="sites"===i?this._sitesListNode:"facilities"===i?this._facilitiesListNode:"levels"===i?this._levelsListNode:null;if(!l)return;const o=null==l?void 0:l.getElementsByTagName("li");if(!o)return;const n=[];Array.from(o).forEach((e=>{const t=e.getElementsByTagName("button");1===(null==t?void 0:t.length)&&n.push(t[0])}));let r=null;switch(i){case"sites":case"facilities":r="menuItems";break;case"levels":r="levels"}r&&n.forEach(((e,t)=>{e.getAttribute("data-id")===s&&this._activeMenuIndex[r]!==t&&(this._activeMenuIndex[r]=t)}))}};e([l()],M.prototype,"_searchInput",void 0),e([s("viewModel.enabled")],M.prototype,"enabled",void 0),e([s("viewModel.longNames")],M.prototype,"longNames",void 0),e([s("viewModel.minimized")],M.prototype,"minimized",void 0),e([s("viewModel.pinnedLevels")],M.prototype,"pinnedLevels",void 0),e([s("viewModel.site")],M.prototype,"site",void 0),e([s("viewModel.facility")],M.prototype,"facility",void 0),e([s("viewModel.level")],M.prototype,"level",void 0),e([s("viewModel.view")],M.prototype,"view",void 0),e([l({type:r})],M.prototype,"viewModel",void 0),e([l(),h("esri/widgets/FloorFilter/t9n/FloorFilter")],M.prototype,"messages",void 0),e([l(),h("esri/t9n/common")],M.prototype,"messagesCommon",void 0),e([s("viewModel.goToOverride")],M.prototype,"goToOverride",void 0),e([l()],M.prototype,"headingLevel",void 0),e([s("viewModel.updateWebDocument")],M.prototype,"updateWebDocument",null),M=e([o("esri.widgets.FloorFilter")],M);const g=M;export{g as default};

package/widgets/LayerList/ListItemPanel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Handles.js";import{IdentifiableMixin as s}from"../../core/Identifiable.js";import{init as n}from"../../core/watchUtils.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";import o from"../Widget.js";import{isWidget as l}from"../support/widget.js";import{tsx as a}from"../support/jsxFactory.js";const c={base:"esri-layer-list-panel",content:"esri-layer-list-panel__content",contentLegend:"esri-layer-list-panel__content--legend",contentString:"esri-layer-list-panel__content--string",contentElement:"esri-layer-list-panel__content--html-element",contentWidget:"esri-layer-list-panel__content--widget"},d="legends";let h=class extends(s(o)){constructor(e,s){super(e,s),this._legend=null,this._handles=new t,this.content=null,this.image=null,this.listItem=null,this.open=!1,this.visible=!0}initialize(){this.own([n(this,"content",(e=>this._createLegend(e)))])}destroy(){const{_legend:e}=this;e&&e.destroy(),this._legend=null}get className(){const{image:e}=this,t=this._getFirstWidget();return this._get("className")||!e&&t?t.iconClass:""}set className(e){void 0!==e?this._override("className",e):this._clearOverride("className")}get title(){const e=this._getFirstWidget();return this._get("title")||e?e.label:""}set title(e){void 0!==e?this._override("title",e):this._clearOverride("title")}render(){return a("div",{class:c.base},this._renderContents())}_renderContent(e){const{_legend:t,listItem:s}=this;if(!e)return null;if("legend"===e){return s&&s.view&&s.layer&&t?a("div",{class:this.classes(c.content,c.contentLegend),key:t},t.render()):null}return"string"==typeof e?a("div",{class:this.classes(c.content,c.contentString),key:e,innerHTML:e}):l(e)?a("div",{class:this.classes(c.content,c.contentWidget),key:e},e.render()):e instanceof HTMLElement?a("div",{class:this.classes(c.content,c.contentElement),key:e,bind:e,afterCreate:this._attachToNode}):null}_renderContents(){const{content:e}=this;return Array.isArray(e)?e.map((e=>this._renderContent(e))):this._renderContent(e)}_getLegendOptions(e){if(!e)return;const{layer:t,view:s}=e;return t&&s?{view:s,layerInfos:[{layer:t,title:""}]}:void 0}_createLegend(e){this._hasLegend(e)&&!this._legend&&import("../Legend.js").then((({default:e})=>{const{_handles:t,listItem:s}=this,i=new e(this._getLegendOptions(s));this._legend=i,this.notifyChange("className"),this.notifyChange("title");const r=n(this,["listItem.view","listItem.layer"],(()=>this._updateLegend(i)));t.add(r,d),this.scheduleRender()}))}_hasLegend(e){const t="legend";return e===t||!!Array.isArray(e)&&e.some((e=>e===t))}_attachToNode(e){e.appendChild(this)}_updateLegend(e){const{listItem:t}=this;if(!t)return;const{layer:s,view:n}=t;e.view=n,e.layerInfos=[{layer:s,title:null}],this.scheduleRender()}_getWidget(e){return"legend"===e?this._legend:l(e)?e:null}_getFirstWidget(){const{content:e}=this;if(Array.isArray(e)){let t=null;return e.some((e=>{const s=this._getWidget(e);return s&&(t=s),!!s})),t}return this._getWidget(e)}};e([i()],h.prototype,"className",null),e([i()],h.prototype,"content",void 0),e([i()],h.prototype,"image",void 0),e([i()],h.prototype,"listItem",void 0),e([i()],h.prototype,"title",null),e([i()],h.prototype,"open",void 0),e([i()],h.prototype,"visible",void 0),h=e([r("esri.widgets.LayerList.ListItemPanel")],h);const p=h;export{p as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Handles.js";import{IdentifiableMixin as s}from"../../core/Identifiable.js";import{init as n}from"../../core/watchUtils.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/arrayUtils.js";import"../../core/has.js";import"../../core/accessorSupport/ensureType.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";import o from"../Widget.js";import{getLegendLayerInfo as l}from"./support/layerListUtils.js";import{isWidget as a}from"../support/widget.js";import{tsx as c}from"../support/jsxFactory.js";const d={base:"esri-layer-list-panel",content:"esri-layer-list-panel__content",contentLegend:"esri-layer-list-panel__content--legend",contentString:"esri-layer-list-panel__content--string",contentElement:"esri-layer-list-panel__content--html-element",contentWidget:"esri-layer-list-panel__content--widget"},h="legends";let p=class extends(s(o)){constructor(e,s){super(e,s),this._legend=null,this._handles=new t,this.content=null,this.image=null,this.listItem=null,this.open=!1,this.visible=!0}initialize(){this.own([n(this,"content",(e=>this._createLegend(e)))])}destroy(){const{_legend:e}=this;e&&e.destroy(),this._legend=null}get className(){const{image:e}=this,t=this._getFirstWidget();return this._get("className")||!e&&t?t.iconClass:""}set className(e){void 0!==e?this._override("className",e):this._clearOverride("className")}get title(){const e=this._getFirstWidget();return this._get("title")||e?e.label:""}set title(e){void 0!==e?this._override("title",e):this._clearOverride("title")}render(){return c("div",{class:d.base},this._renderContents())}_renderContent(e){const{_legend:t,listItem:s}=this;if(!e)return null;if("legend"===e){return s&&s.view&&s.layer&&t?c("div",{class:this.classes(d.content,d.contentLegend),key:t},t.render()):null}return"string"==typeof e?c("div",{class:this.classes(d.content,d.contentString),key:e,innerHTML:e}):a(e)?c("div",{class:this.classes(d.content,d.contentWidget),key:e},e.render()):e instanceof HTMLElement?c("div",{class:this.classes(d.content,d.contentElement),key:e,bind:e,afterCreate:this._attachToNode}):null}_renderContents(){const{content:e}=this;return Array.isArray(e)?e.map((e=>this._renderContent(e))):this._renderContent(e)}_getLegendOptions(){const{listItem:e}=this;if(!e)return{};const{layer:t,view:s}=e;return t&&s?{view:s,layerInfos:[l(t)]}:{}}_createLegend(e){this._hasLegend(e)&&!this._legend&&import("../Legend.js").then((({default:e})=>{const{_handles:t}=this,s=new e(this._getLegendOptions());this._legend=s,this.notifyChange("className"),this.notifyChange("title");const i=n(this,["listItem.view","listItem.layer","listItem.layer.source","listItem.layer.parent"],(()=>this._updateLegend(s)));t.add(i,h),this.scheduleRender()}))}_hasLegend(e){const t="legend";return e===t||!!Array.isArray(e)&&e.some((e=>e===t))}_attachToNode(e){e.appendChild(this)}_updateLegend(e){e.set(this._getLegendOptions()),this.scheduleRender()}_getWidget(e){return"legend"===e?this._legend:a(e)?e:null}_getFirstWidget(){const{content:e}=this;if(Array.isArray(e)){let t=null;return e.some((e=>{const s=this._getWidget(e);return s&&(t=s),!!s})),t}return this._getWidget(e)}};e([i()],p.prototype,"className",null),e([i()],p.prototype,"content",void 0),e([i()],p.prototype,"image",void 0),e([i()],p.prototype,"listItem",void 0),e([i()],p.prototype,"title",null),e([i()],p.prototype,"open",void 0),e([i()],p.prototype,"visible",void 0),p=e([r("esri.widgets.LayerList.ListItemPanel")],p);const g=p;export{g as default};

package/widgets/LayerList/support/layerListUtils.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.23/esri/copyright.txt for details.
 */
-const e={hide:"hide",hideChildren:"hide-children"};function i(e){if(e)return null!=e.listMode?e.listMode:void 0}function n(e){if(e)return null!=e.minScale?e.minScale:void 0}function t(e){if(e)return null!=e.maxScale?e.maxScale:void 0}function r(e){if(!e)return"inherited";const i=e.get("layer.capabilities.exportMap.supportsSublayerVisibility");if("boolean"==typeof i)return i?"independent":"inherited";const n=e.get("capabilities.exportMap.supportsSublayerVisibility");return"boolean"==typeof n?n?"independent":"inherited":null!=e.visibilityMode?e.visibilityMode:"independent"}function u(i){if(!i)return;if(!("type"in i)){return"sublayers"}if(!(i.listMode===e.hideChildren||"wmts"===i.type))switch(i.type){case"group":return"layers";case"analysis":return"analyses";default:return"sublayers"}}function l(e){const i=e&&(e.get("layer.layer")||e.layer);if(!i)return!1;const n=i.get("capabilities.exportMap.supportsDynamicLayers");return"boolean"!=typeof n||n}function o(n){return i(n)!==e.hide}function a(e,i){if(!e||isNaN(i))return!1;const r=n(e),u=t(e),l=!isNaN(r)&&r>0&&i>r,o=!isNaN(u)&&u>0&&i<u;return l||o}function s(e,i){e&&e.sort(((e,n)=>{const t=i.indexOf(e.uid),r=i.indexOf(n.uid);return t>r?-1:t<r?1:0}))}function d(e,i){const n=null==e?void 0:e.layer;if(!n)return;const t=u(n);if(!t)return;s(n.get(t),i)}function c(e){const i=null==e?void 0:e.layer;return i&&"group"===i.type?i.layers:null}function f(e,i){var n;const t=null==(n=e.layer)?void 0:n.uid;return t&&i.find((e=>{var i;return(null==(i=e.layer)?void 0:i.uid)===t}))}export{o as canDisplayLayer,l as canSortSublayers,i as findLayerListMode,t as findLayerMaxScale,n as findLayerMinScale,r as findLayerVisibilityMode,f as findSelectedItem,c as getItemLayers,u as getNormalizedChildLayerProperty,a as isLayerOutsideScaleRange,d as sortChildLayersToIds,s as sortLayersToIds};
+const e={hide:"hide",hideChildren:"hide-children"};function n(e){if(e)return null!=e.listMode?e.listMode:void 0}function i(e){if(e)return null!=e.minScale?e.minScale:void 0}function t(e){if(e)return null!=e.maxScale?e.maxScale:void 0}function r(e){if(!e)return"inherited";const n=e.get("layer.capabilities.exportMap.supportsSublayerVisibility");if("boolean"==typeof n)return n?"independent":"inherited";const i=e.get("capabilities.exportMap.supportsSublayerVisibility");return"boolean"==typeof i?i?"independent":"inherited":null!=e.visibilityMode?e.visibilityMode:"independent"}function l(n){if(!n)return;if(!("type"in n)){return"sublayers"}if(!(n.listMode===e.hideChildren||"wmts"===n.type))switch(n.type){case"group":return"layers";case"analysis":return"analyses";default:return"sublayers"}}function u(e){const n=e&&(e.get("layer.layer")||e.layer);if(!n)return!1;const i=n.get("capabilities.exportMap.supportsDynamicLayers");return"boolean"!=typeof i||i}function o(i){return n(i)!==e.hide}function a(e,n){if(!e||isNaN(n))return!1;const r=i(e),l=t(e),u=!isNaN(r)&&r>0&&n>r,o=!isNaN(l)&&l>0&&n<l;return u||o}function s(e,n){e&&e.sort(((e,i)=>{const t=n.indexOf(e.uid),r=n.indexOf(i.uid);return t>r?-1:t<r?1:0}))}function d(e,n){const i=null==e?void 0:e.layer;if(!i)return;const t=l(i);if(!t)return;s(i.get(t),n)}function c(e){const n=null==e?void 0:e.layer;return n&&"group"===n.type?n.layers:null}function y(e,n){var i;const t=null==(i=e.layer)?void 0:i.uid;return t&&n.find((e=>{var n;return(null==(n=e.layer)?void 0:n.uid)===t}))}function f(e){const n=p(e)?e:null,i=null==e?void 0:e.parent,t="map-image"===(null==i?void 0:i.type)&&n.source,r="";return t&&i?{layer:i,title:r,sublayerIds:[t.mapLayerId]}:{layer:e,title:r}}function p(e){return!(null==e||!e.layer)}export{o as canDisplayLayer,u as canSortSublayers,n as findLayerListMode,t as findLayerMaxScale,i as findLayerMinScale,r as findLayerVisibilityMode,y as findSelectedItem,c as getItemLayers,f as getLegendLayerInfo,l as getNormalizedChildLayerProperty,a as isLayerOutsideScaleRange,p as isSublayer,d as sortChildLayersToIds,s as sortLayersToIds};