@arcgis/charts-components 4.33.0-next.133 → 4.33.0-next.135

package/dist/cdn/OETJNH4B.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-import o from"./UWZLWNKA.js";import n from"./GL52KLX6.js";import{a as g}from"./TI4SL5TU.js";import{a as O}from"./F5VDL3PM.js";import{a as M,b as Y}from"./LLRT6EAZ.js";import{a as I}from"./T6NO4HMT.js";import{a as F,b as V}from"./QLEHIC7Y.js";import{a as q}from"./7GTXELLN.js";import m from"./LBIYOUHG.js";import l from"./3HEGQ2IX.js";import{a as H}from"./QKHCJZGM.js";import j from"./SRWVE6XO.js";import{A as h,C as $,E as N,c as k,d as c,n as f,z as E}from"./ZTGQLL5H.js";import i from"./QJ2GOTYQ.js";import e from"./XGP3SLBO.js";import d from"./BCJPSTYH.js";import b from"./UKD35OEF.js";import a from"./PNEJFXUB.js";import"./E7DFIMUO.js";export default $arcgis.t(([,,,,,,,{Lb:T,W:v,Yb:b,b:o,ga:U,m:A,md:x,vc:_},,,{c:L,h:P,i:X,n:S},{c:K},{d:n},{o:z,p:G},{a:Z,c:j},{a:R},{b:B}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab",rtl:"arcgis-charts-rtl"};function Q(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let r=i.getChartId();(t.has(r)||r===void 0||r==="")&&(i.setChartId(`Chart_${Date.now()}_${s}`),e===r&&(a=i.getChartId())),t.add(r)}),a}function J(m,e,t){return m?.filter(a=>T(t,a.getConfig())&&a.getLayer()?.id===e)??[]}function ee(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let l=r.getLayer();l&&s.set(l.id,l)}),i||t.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!a||r.id===a)}function te(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.getLayer()?.id&&W(t,a)})})}function W(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(r=>r.id===e.getChartId()),s=!1;i!==void 0&&i>-1?(s=!v(a[i],e.getConfig()),a[i]=e.getConfig()):t&&!x(e.getConfig())&&(s=!0,a.push(e.getConfig())),s&&(t.charts=a)}}function ae(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ie(m,e){let t=m;if(t){let a=[...t.charts??[]];a=b({arrayA:a,arrayB:e.map(i=>i.getConfig()),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var se=k`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}:host .arcgis-charts-rtl .label{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .bin-count-slider{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .bin-count-input{margin-left:0rem;margin-right:1rem}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;function y(m,e){return!v(m,e)}var w=class extends E{constructor(){super(),this.chartsListFlowItem=F(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=H(),this.direction="ltr",this.chartDataProcessComplete=e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.HistogramSeries:this.chartData=a,i&&(i.dataStore.chartData=a);break;case o.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case o.ScatterSeries:{let r=a,{dataItems:l,r2:C}=r,p=C;Number.isFinite(C)||(p=void 0),this.r2=p,i&&(i.dataStore.r2=p),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:{let{dataItems:r,timeIntervalInfo:l}=a;L(s)&&(l?.size!==void 0&&s.getTemporalBinningSize()!==l?.size&&s.setTemporalBinningSize(l?.size),l?.unit!==void 0&&s.getTemporalBinningUnit()!==l?.unit&&l?.unit!==A.Quarter&&s.setTemporalBinningUnit(l?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),l=s?.getChartType();if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{data:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=a,i&&(i.dataStore.seriesColor=a);break;case o.PieSeries:{let r=new Map([[0,a]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(a){case"rotation":typeof i=="boolean"&&X(r)&&r.setRotatedState(i);break;case"legendPosition":typeof i=="string"&&S(r)&&r.setLegendPosition(i);break;case"legendVisibility":typeof i=="boolean"&&S(r)&&r.setLegendVisibility(i);break}},this.chartLegendItemVisibilityChange=async e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(a),P(s)&&((s.getMinYBound()===null||Number.isNaN(s.getMinYBound()))&&await s.setMinYBound(null),(s.getMaxYBound()===null||Number.isNaN(s.getMaxYBound()))&&await s.setMaxYBound(null),L(s)&&((s.getMinXBound()===null||Number.isNaN(s.getMinXBound()))&&await s.setMinXBound(null),(s.getMaxXBound()===null||Number.isNaN(s.getMaxXBound()))&&await s.setMaxXBound(null)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a})},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers){let t=e.target;W(t?.getLayer(),t)}this.requestUpdate()},this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,this.arcgisChartsConfigChartViewChartClose=f(),this.arcgisChartsConfigModelListChange=f(),this.arcgisChartsConfigNewChart=f(),this.arcgisChartsConfigPanelNumberChange=f(),this.arcgisChartsConfigPopoverOpenChange=f(),this.arcgisChartsConfigSelectedChartChange=f(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:3,activeLayerId:3,disableEditing:7,syncChartsToLayers:7,timeZone:3,headerTitle:3,open:7,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[2,{hasChanged:y}],seriesColor:[2,{hasChanged:y}],popoverPlacement:3,usePopupTemplateFieldsInfo:5,panelNumber:11,filterBySelection:5}}static{this.styles=se}async setFocus(){this.chartsListFlowItem.value?.setFocus()}connectedCallback(){super.connectedCallback(),this.addChartEventListeners()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}async willUpdate(e){e.has("layerList")&&(this.hasUpdated||this.layerList?.length>0)&&await this.layerListChange(),e.has("modelList")&&(this.hasUpdated||this.modelList?.length>0)&&await this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&await this.selectedChartIdChange(this.selectedChartId),e.has("panelNumber")&&(this.hasUpdated||this.panelNumber!==0)&&this.panelNumberChange(this.panelNumber)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover(),this.removeChartEventListeners(),this.selectChartTypePopover=void 0}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=b({arrayA:this.modelList,arrayB:t,getKey:a=>a.getChartId()??a.getTitleText()??""}),this.syncChartsToLayers){let a=t.find(i=>i.getLayer()?.id!==void 0)?.getLayer()?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ie(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.getLayer()?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i;for(let r of s.charts??[]){let l=await K({layer:i,config:r});l!==void 0&&e.push(l)}}Q(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),this.modelList=a}async modelListChange(e,t){this.selectedChartId=Q(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.getChartType()!==void 0?await B(a.getChartType()):"",this.syncChartsToLayers&&te(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.getChartType()!==void 0?await B(t.getChartType()):"",e!==void 0&&e!==M.selectedChartId&&(M.selectedChartId=e),this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&(this.arcgisChartsConfigPopoverOpenChange.emit({open:!1}),this.removeSelectChartTypePopover(),this.selectChartTypePopover=void 0),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){document.addEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.addEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.addEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.addEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.addEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}removeChartEventListeners(){document.removeEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.removeEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.removeEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.removeEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.removeEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.getConfig(),a=[];if(t!==void 0&&e!==void 0){let i=_({chartConfig:t,chartData:e}),{minY:s,maxY:r,minX:l,maxX:C}=i;a=[{isXAxis:!0,minimum:l,maximum:C},{isXAxis:!1,minimum:s,maximum:r}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,r=this.getModel(this.selectedChartId);if(r!==void 0&&P(r)&&this.selectedChartId!==void 0){let l=new O(r,a),C=Y({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),p=M.chartAxesBoundDataMap;p[this.selectedChartId]===void 0&&(p[this.selectedChartId]={});let u=p[this.selectedChartId]?.[C],D={defaultMinBound:u?.defaultMinBound===u?.currMinBound?s:u?.defaultMinBound,currMinBound:s,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?i:u?.defaultMaxBound,currMaxBound:i};!v(u,D)&&this.selectedChartId!==void 0&&p?.[this.selectedChartId]!==void 0&&(p[this.selectedChartId][C]=D)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let t=this.modelList?.filter(a=>T(R,a.getConfig())).length;e=Number(t)<=2?"bottom":"top"}return e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:t,layerId:a}=e.detail;this.setupSelectChartTypePopover(t,a),this.addSelectChartTypePopover()}setupSelectChartTypePopover(e,t){if(this.selectChartTypePopover===void 0){let a={onSelectChartTypeChange:this.onSelectChartTypeChange,popoverClose:this.onAddChartClose};this.selectChartTypePopover=j(Z.SelectChartTypePopover,a)}this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover.layerId=t,this.selectChartTypePopover.popoverReferenceElement=e,this.selectChartTypePopover.popoverPlacement=this.getPlacement())}addSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(document.body.contains(this.selectChartTypePopover)||(this.selectChartTypePopover.open=!0,document.body.appendChild(this.selectChartTypePopover),this.arcgisChartsConfigPopoverOpenChange.emit({open:!0})))}getModel(e){return this.modelList?.find(t=>t.getChartId()===e)}removeSelectChartTypePopover(){this.selectChartTypePopover?.remove(),this.selectChartTypePopover=void 0,this.arcgisChartsConfigPopoverOpenChange.emit({open:!1})}clearPartialModels(){this.modelList=this.modelList.filter(e=>!x(e.getConfig()))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.getChartId()===t),i=this.layerList.find(s=>s.id===a?.getLayer()?.id);this.modelList=[...this.modelList.filter(s=>s.getChartId()!==t)],i&&this.syncChartsToLayers&&ae(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)}),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.open=!1,this.removeSelectChartTypePopover(),this.selectChartTypePopover=void 0,this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let t=e.target;switch(this.tooltip=z(t),t.icon){case"configure":this.tooltip.innerHTML=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":this.tooltip.innerHTML=this._messages.series??"";break;case"graph-pie-slice":this.tooltip.innerHTML=this._messages.slices??"";break;case"graph-axis":this.tooltip.innerHTML=this._messages.axes??"";break;case"graph-guides":this.tooltip.innerHTML=this._messages.guides??"";break;case"palette":this.tooltip.innerHTML=this._messages.format??"";break;case"text":this.tooltip.innerHTML=this._messages.general??"";break;default:this.tooltip.innerHTML="";break}document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=ee({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return q(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${J(this.modelList,t.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.open!==!1?c`<calcite-flow class=${h({[d.rtl]:this.direction==="rtl"})} dir=${this.direction??$}>${I("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return I("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?U(this._messages.pageFlowTitle,{chartName:e?.getTitleText()??this.currentChartTypeText,layerName:e?.getLayer()?.title??""}):""}>${e?.getChartType()!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled dir=${this.direction??$}><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.getChartType()===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),t=e?.getLayer(),a=null;if(e!==void 0&&!this.disableEditing)switch(e?.getChartType()){case"barSeries":a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case"histogramSeries":a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return a}};N("arcgis-charts-config-create-flow",w);return w},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d,e,i,j,l,m,n,o)

package/dist/cdn/TI4SL5TU.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-var a={DataProcessComplete:"arcgisDataProcessComplete",DataFetchComplete:"arcgisDataFetchComplete",DataProcessError:"arcgisDataProcessError",LegendItemVisibilityChange:"arcgisLegendItemVisibilityChange",UpdateComplete:"arcgisUpdateComplete",SeriesColorChange:"arcgisSeriesColorChange",AxesMinMaxChange:"arcgisAxesMinMaxChange",DefaultActionSelect:"arcgisDefaultActionSelect",SelectionComplete:"arcgisSelectionComplete",ActionBarToggle:"arcgisActionBarToggle",NoRenderPropChange:"arcgisNoRenderPropChange",BadDataWarningRaise:"arcgisBadDataWarningRaise",SeriesOrder:"arcgisSeriesOrder",RuntimeError:"arcgisRuntimeError",ConfigChange:"arcgisConfigChange"},t={FilterBySelection:"filterBySelection",FilterByExtent:"filterByExtent",Legend:"legend",RotateChart:"rotateChart",Selection:"selection",ClearSelection:"clearSelection",SwitchSelection:"switchSelection",Zoom:"zoom",FullExtent:"fullExtent",EditChart:"editChart",ExportAsImage:"exportAsImage"},r={Active:"active",Inactive:"inactive"},i={Enabled:"enabled",Disabled:"disabled"},o={Ignore:"ignore",Throw:"throw"},e={Ignore:"ignore",Refresh:"refresh"},n=e,s=e,l=e,c=e,g={Enabled:"enabled",Disabled:"disabled"};export{a,t as b,r as c,i as d,o as e,n as f,s as g,l as h,c as i,g as j};

package/dist/cdn/XGP3SLBO.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-import b from"./BCJPSTYH.js";import a from"./PNEJFXUB.js";export default $arcgis.t(([{b:t},{o:i}])=>{function s(e){return e!==void 0&&"getConfig"in e}function u(e){return e!==void 0&&e.getChartType()===t.BarSeries}function d(e){return e!==void 0&&e.getChartType()===t.LineSeries}function c(e){return e!==void 0&&e.getChartType()===t.PieSeries}function g(e){return e!==void 0&&e.getChartType()===t.BoxPlotSeries}function f(e){return e!==void 0&&e.getChartType()===t.ScatterSeries}function v(e){return e!==void 0&&"getXAxisTitleText"in e}function S(e){let n=[t.BarSeries,t.BoxPlotSeries,t.HistogramSeries,t.ScatterSeries,t.LineSeries,t.ComboLineAndBarSeries];return e!==void 0&&n.includes(e.getChartType())&&"getYAxisTitleText"in e}function p(e){return e!==void 0&&"getRotatedState"in e}function T(e){return e!==void 0&&"getDataLabelsVisibility"in e}function y(e){return e!==void 0&&"getGuideVisibility"in e}function l(e){return e!==void 0&&"addXAxisGuide"in e}function x(e){return e!==void 0&&"addYAxisGuide"in e}function C(e){return e!==void 0&&"getLegendVisibility"in e}function h(e){return e!==void 0&&"getTemporalBinningSize"in e}function m(e,n){let r=i(e?.getChartType());return e!==void 0&&r===n}return{a:s,b:u,c:d,d:c,e:g,f:f,g:v,h:S,i:p,j:T,k:y,l:l,m:x,n:C,o:h,p:m}},a,b)

package/dist/cdn/XV77NEBL.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-import c from"./JA3VQMLM.js";import{b as e,c as t,d as o}from"./TI4SL5TU.js";import{a as h,b as d}from"./QLEHIC7Y.js";import{a as v}from"./QKHCJZGM.js";import b from"./SRWVE6XO.js";import{A as I,C as s,E as M,c as D,d as l,n as r,z as k}from"./ZTGQLL5H.js";import a from"./PNEJFXUB.js";import"./E7DFIMUO.js";export default $arcgis.t(([,,,,,,,,{a:m},{a:g,c:w,d:u,e:n}])=>{function _(p){return p?.tagName.toLowerCase()==="arcgis-chart"}var z={actionBar:"action-bar"},F=D`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);overflow-x:hidden}:host{z-index:1001}`,A=class extends k{constructor(){super(...arguments),this.calciteActionBar=h(),this.exportCalciteActionBar=h(),this.expandAction=null,this._messages=v(),this.commonStrings=v({name:"common",blocking:!0}),this.handleMouseOver=c=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let a=c.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;a?.tagName==="CALCITE-ACTION"?i=a:(a?.tagName==="CALCITE-ACTION-MENU"||a?.tagName==="DIV")&&(i=a.firstChild),i!==void 0&&(this.actionTooltip=u(i.text,i),this.actionTooltip.open=!0)}else this.actionTooltip=n(this.actionTooltip)},this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=o.Disabled,this.legendToggle=t.Inactive,this.legendState=o.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=o.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=o.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=o.Enabled,this.actionBarSelectionMode=g.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=o.Enabled,this.zoomToggle=t.Inactive,this.zoomState=o.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=o.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=o.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=o.Enabled,this.exportAsImageState=o.Enabled,this.disabledExportAction=!1,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:3,chartElement:0,forceDisableActions:7,editChartToggle:3,editChartState:3,editChartTitle:3,legendToggle:3,legendState:3,legendTitle:3,rotateChartToggle:3,rotateChartState:3,rotateChartTitle:3,filterBySelectionToggle:3,filterBySelectionState:3,filterBySelectionTitle:3,filterByExtentToggle:3,filterByExtentState:3,filterByExtentTitle:3,actionBarSelectionMode:3,selectionToggle:3,selectionState:3,selectionTitle:3,zoomToggle:3,zoomState:3,zoomTitle:3,fullExtentToggle:3,fullExtentState:3,fullExtentTitle:3,clearSelectionToggle:3,clearSelectionState:3,clearSelectionTitle:3,switchSelectionToggle:3,switchSelectionState:3,switchSelectionTitle:3,exportAsImageState:3,exportAsImageTitle:3,disabledExportAction:7,expanded:7,hiddenActions:0}}static{this.styles=F}async load(){this.chartElement=_(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(c){let a=c.currentTarget,i={actionId:a.id,actionActive:!1};switch(a.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.legendVisibility=i.actionActive);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.rotation=i.actionActive);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=g.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(c){let a=c.currentTarget.assignedElements();for(let i of a)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(c=>{let a=c;a.textEnabled=this.expanded}),this.calciteActionBar.value?.querySelectorAll("calcite-action").forEach(c=>{let a=c;a.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.expandAction.addEventListener("mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=u(this._messages.expand??"",this.expandAction),this.actionTooltip.open=!0)}),this.expandAction.addEventListener("mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.expandAction.addEventListener("click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let c=w(this.chartType).filter(O=>!this.hiddenActions?.includes(O)),a=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=c.includes(e.EditChart),T=c.includes(e.Legend),x=c.includes(e.RotateChart),f=c.includes(e.FilterBySelection),S=c.includes(e.FilterByExtent)&&!a,$=c.includes(e.Zoom),E=c.includes(e.Selection),b=c.includes(e.ClearSelection),C=c.includes(e.FullExtent),B=c.includes(e.SwitchSelection),y=c.includes(e.ExportAsImage);return[T||x?l`<calcite-action-group>${i?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.actions?.editChart??""} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${T?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${x?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,f||S?l`<calcite-action-group>${f?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${S?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,E||$||C||b||B?l`<calcite-action-group>${$?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${E?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${b?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,y?l`<div @mouseover=${this.handleMouseOver}><calcite-action-menu .label=${this._messages?.export??""} ${d(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .disabled=${this.disabledExportAction} slot=trigger></calcite-action>${y?l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ExportAsImage??s} icon=download-to .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===o.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-menu></div>`:null]}render(){return l`<calcite-action-bar class=${I(z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${d(this.calciteActionBar)}><slot name=${m.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${m.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};M("arcgis-charts-action-bar",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,c)

package/dist/chunks/interfaces3.js

@@ -1,93 +0,0 @@
-import { WebChartStatisticType as e } from "@arcgis/charts-spec";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-const i = {
-  actionBar: "action-bar",
-  customActionTop: "custom-action-top",
-  customActionBelow: "custom-action-below"
-}, a = {
-  Mean: "mean",
-  Median: "median",
-  StandardDev: "standardDev",
-  NormalDist: "normalDist"
-}, o = {
-  Mean: "mean",
-  Median: "median",
-  StandardDev: "standardDev",
-  Count: e.Count,
-  CountExcludingNulls: "countExcludingNulls",
-  Min: e.Minimum,
-  Max: e.Maximum,
-  Sum: e.Sum,
-  Nulls: "nulls"
-}, n = {
-  Data: "data",
-  Series: "series",
-  Slices: "slices",
-  Axes: "axes",
-  Guides: "guides",
-  Format: "format",
-  General: "general"
-}, s = {
-  Title: "title",
-  Text: "text",
-  Label: "label",
-  Palette: "palette"
-}, r = {
-  xAxisField: "xAxisField",
-  aggregation: "aggregation",
-  numericFields: "numericField",
-  splitByField: "splitByField",
-  interval: "interval",
-  intervalAlignment: "intervalAlignment"
-}, l = {
-  category: "category",
-  aggregation: "aggregation",
-  numericFields: "numericField",
-  splitByField: "splitByField",
-  sortOrder: "sortOrder"
-}, d = {
-  category: "category",
-  aggregation: "aggregation",
-  numericFields: "numericFields",
-  sortOrder: "sortOrder"
-}, c = {
-  numericFields: "numericField",
-  transformation: "transformation",
-  fillSymbol: "fillSymbol",
-  lineSymbol: "lineSymbol"
-}, m = {
-  xAxisField: "xAxis",
-  yAxisField: "yAxis",
-  sizeVariable: "sizeVariable",
-  symbol: "symbol",
-  trendLine: "trendLine",
-  none: "none"
-}, g = {
-  category: "category",
-  numericFields: "numericField",
-  splitByField: "splitByField",
-  sortOrder: "sortOrder"
-}, u = {
-  Fixed: "fixed",
-  Proportional: "proportional"
-}, p = {
-  Up: "up",
-  Down: "down"
-};
-export {
-  l as B,
-  n as C,
-  s as F,
-  c as H,
-  r as L,
-  d as P,
-  m as S,
-  g as a,
-  u as b,
-  a as c,
-  o as d,
-  p as e,
-  i as f
-};

package/dist/chunks/interfaces4.js

@@ -1,17 +0,0 @@
-import { WebChartTypes as e } from "@arcgis/charts-spec";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
-const r = [
-  e.BarSeries,
-  e.BoxPlotSeries,
-  e.LineSeries,
-  e.PieSeries,
-  e.HistogramSeries,
-  e.ScatterSeries
-], a = 1, t = { PNG: "png" };
-export {
-  t as D,
-  a as m,
-  r as s
-};