@arcgis/charts-components 4.33.0-next.113 → 4.33.0-next.118

package/dist/arcgis-charts-components/LCNPGIJI.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.113 */
-import c from"./3QVZMCKL.js";import{b as e,c as t,d as o}from"./3VD75ABB.js";import{a as k,b as I}from"./TSDU67NY.js";import{a as d}from"./WVYBXGJD.js";import b from"./CIPMKWIW.js";import a from"./5TVODVO3.js";import{A as y,C as s,E as D,c as C,d as l,n as h,z as B}from"./6G2IDNZ7.js";import"./MVTEIRGW.js";export default $arcgis.t(([,,,,,,,,{a:g},{a:r,c:w,d:v,e:n}])=>{function O(m){return m?.tagName.toLowerCase()==="arcgis-chart"}var z={actionBar:"action-bar"},_=C`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);overflow-x:hidden}`,u=class extends B{constructor(){super(...arguments),this.calciteActionBar=k(),this.expandAction=null,this._messages=d(),this.commonStrings=d({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==="DIV"&&(i=a.firstChild),i!==void 0&&(this.actionTooltip=v(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=r.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.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=h(),this.arcgisDefaultActionSelect=h()}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,expanded:7,hiddenActions:0}}static{this.styles=_}async load(){this.chartElement=O(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}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=r.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}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})}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=v(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(M=>!this.hiddenActions?.includes(M)),a=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=c.includes(e.EditChart),A=c.includes(e.Legend),T=c.includes(e.RotateChart),p=c.includes(e.FilterBySelection),f=c.includes(e.FilterByExtent)&&!a,S=c.includes(e.Zoom),$=c.includes(e.Selection),x=c.includes(e.ClearSelection),E=c.includes(e.FullExtent),b=c.includes(e.SwitchSelection);return[A||T?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}${A?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}${T?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,p||f?l`<calcite-action-group>${p?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}${f?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,$||S||E||x||b?l`<calcite-action-group>${S?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}${$?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}${x?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}${E?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]}render(){return l`<calcite-action-bar class=${y(z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${I(this.calciteActionBar)}><slot name=${g.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${g.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};D("arcgis-charts-action-bar",u);return u},"geometry/support/jsonUtils","rest/support/StatisticDefinition","rest/support/AttributeBinsQuery","rest/support/Query","time/TimeExtent","core/promiseUtils","request",a,b,c)

package/dist/arcgis-charts-components/N3MMYIZS.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.113 */
-import n from"./7VKYKWJR.js";import{a as le}from"./GLJ35A5B.js";import{a as v,b as oe}from"./NPAP5EMD.js";import{a as w}from"./NJJDDEJP.js";import{a as me}from"./Q5DBVZFJ.js";import m from"./DZKDMBDF.js";import l from"./3KHTNAHI.js";import k from"./H7P3UIOF.js";import j from"./62NQLUML.js";import{a as g}from"./3VD75ABB.js";import{a as _,b as U}from"./TSDU67NY.js";import i from"./UDUTXX3U.js";import{a as ae}from"./WVYBXGJD.js";import e from"./DV2KKSCL.js";import c from"./CIPMKWIW.js";import a from"./5TVODVO3.js";import{A as d,C as b,E as A,c as N,d as h,n as f,z as F}from"./6G2IDNZ7.js";import"./MVTEIRGW.js";export default $arcgis.t(([,,,,,,,,,,,,,,{Ab:G,Kb:S,V:M,Xb:T,Za:z,b:o,eb:O,fa:H,kd:L,m:V,ta:R,tc:Y,za:X},{d:c},,{k:$,l:j,m:Z,n:q,o:W,p:K,q:Q,r:J,s:ee,t:te},{c:x,g:P,h:ie,m:I,n:se},{a:re},{o:ne,p:ce},{a:he,c:de},{b:B}])=>{var ue=(n,e)=>e.series?.[n]?.hideOversizedStackedLabels,fe=(n,e,t)=>{t.series?.[e]!==void 0&&(t.series[e].hideOversizedStackedLabels=n)},k=class extends q{constructor(){super(...arguments),this._chartType=o.BarSeries}async setup(e){await this.loadConfigFromLayer(e),e.config!==void 0&&await this.updateSeriesFromLayerFilter(),this.resolveSetup()}async generateDefaultConfig(){let e=await O();return e.series=[await z({objectIDField:this.layerInfo?.objectIdField})],e}getSeriesHideOversizedStackedLabels(e){return ue(e,this._config)}setSeriesHideOversizedStackedLabels(e,t){fe(e,t,this._config),this.emitConfigUpdate("setSeriesHideOversizedStackedLabels")}async resetSeriesStyling(){let e=this.getSeriesLength();for(let t=0;t<e;t+=1){let a=this.getSeriesId(t),i=X({colorIndex:t,opacity:R});if(Z(i,t,this._config),this.layerInfo!==void 0){let s=await $(this._config,t,this.layerInfo);s!==this.layerInfo.objectIdField&&j(s??a,t,this._config)}}this._config.colorMatch=!0,this.emitConfigUpdate("resetSeriesStyling")}async resetAvailable(){let e=!this.getColorMatch(),t=!1;if(!e&&this.layerInfo!==void 0){let a=this.getSeriesLength();for(let i=0;i<a;i+=1){let s=await $(this._config,i,this.layerInfo),r=this.getSeriesName(i);if(s!==void 0&&s!==this.layerInfo.objectIdField&&s!==r){t=!0;break}}}return e||t}};async function ge(n){let{config:e,layer:t}=n,a=n.chartType,i;switch(a){case o.BarSeries:{i=new k;break}case o.LineSeries:{i=new J;break}case o.PieSeries:{i=new ee;break}case o.HistogramSeries:{i=new Q;break}case o.ScatterSeries:{i=new te;break}case o.BoxPlotSeries:{i=new W;break}case o.GaugeSeries:{i=new K;break}default:{i=void 0;break}}if(await i?.setup({layer:t,config:e}),a!==void 0&&se(i,a))return i}var m={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab",rtl:"arcgis-charts-rtl"};function pe(n,e){let t=new Set,a=e;return n?.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 ye(n,e,t){return n?.filter(a=>S(t,a.getConfig())&&a.getLayer()?.id===e)??[]}function ve(n){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=n,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 be(n,e){n.forEach(t=>{e.forEach(a=>{t?.id===a.getLayer()?.id&&Ce(t,a)})})}function Ce(n,e){let t=n,a=t?.charts?.findIndex(i=>i.id===e.getChartId());t?.charts&&a!==void 0&&a>-1?t.charts[a]=e.getConfig():t&&!L(e.getConfig())&&Me(n,e)}function Me(n,e){let t=n;t?.charts?t.charts.push(e.getConfig()):t&&(t.charts=[e.getConfig()])}function Se(n,e){let t=n;if(t?.charts){let a=t.charts.findIndex(i=>i.id===e);a>-1&&t.charts.splice(a,1)}}function Te(n,e){let t=n;t&&(t.charts?t.charts=T({arrayA:t.charts,arrayB:e.map(a=>a.getConfig()),getKey:a=>a.id??a.title?.content.text??""}):t.charts=e.map(a=>a.getConfig()))}var Le=N`: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(n,e){return!M(n,e)}var D=class extends F{constructor(){super(),this.chartsListFlowItem=_(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=ae(),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;x(s)&&(l?.size!==void 0&&s.getTemporalBinningSize()!==l?.size&&s.setTemporalBinningSize(l?.size),l?.unit!==void 0&&s.getTemporalBinningUnit()!==l?.unit&&l?.unit!==V.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"&&ie(r)&&r.setRotatedState(i);break;case"legendPosition":typeof i=="string"&&I(r)&&r.setLegendPosition(i);break;case"legendVisibility":typeof i=="boolean"&&I(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),x(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{selectedChartType: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;Ce(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=Le}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=T({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&&Te(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 ge({layer:i,chartType:G(r.series),config:r});l!==void 0&&e.push(l)}}pe(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),this.modelList=a}async modelListChange(e,t){this.selectedChartId=pe(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&&be(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=c.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.getChartType()!==void 0?await B(t.getChartType()):"",e!==void 0&&e!==v.selectedChartId&&(v.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=Y({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 le(r,a),C=oe({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),p=v.chartAxesBoundDataMap;p[this.selectedChartId]===void 0&&(p[this.selectedChartId]={});let u=p[this.selectedChartId]?.[C],E={defaultMinBound:u?.defaultMinBound===u?.currMinBound?s:u?.defaultMinBound,currMinBound:s,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?i:u?.defaultMaxBound,currMaxBound:i};!M(u,E)&&this.selectedChartId!==void 0&&p?.[this.selectedChartId]!==void 0&&(p[this.selectedChartId][C]=E)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let t=this.modelList?.filter(a=>S(re,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=de(he.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=>!L(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&&Se(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=ne(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(){ce(this.tooltip)}renderViewCharts(){let e=ve({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return me(e,t=>t.id,t=>h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ye(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?h`<calcite-flow class=${d({[m.rtl]:this.direction==="rtl"})} dir=${this.direction??b}>${w("charts-list",h`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${U(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return w("chart-edit",h`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??c.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?H(this._messages.pageFlowTitle,{chartName:e?.getTitleText()??this.currentChartTypeText,layerName:e?.getLayer()?.title??""}):""}>${e?.getChartType()!==void 0?h`<calcite-action-bar class=${d(m.tabBar)} layout=horizontal expand-disabled dir=${this.direction??b}><calcite-action class=${d(m.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===c.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=c.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.getChartType()===o.BarSeries?h`<calcite-action class=${d(m.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.LineSeries?h`<calcite-action class=${d(m.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.BoxPlotSeries?h`<calcite-action class=${d(m.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.PieSeries?h`<calcite-action class=${d(m.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===c.Slices} @click=${()=>{this.selectedPanel=c.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?h`<calcite-action class=${d(m.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===c.Axes} @click=${()=>{this.selectedPanel=c.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?h`<calcite-action class=${d(m.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===c.Guides} @click=${()=>{this.selectedPanel=c.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${d(m.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===c.Format} @click=${()=>{this.selectedPanel=c.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${d(m.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===c.General} @click=${()=>{this.selectedPanel=c.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=h`<arcgis-charts-config-bar-chart class=${d(m.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":a=h`<arcgis-charts-config-line-chart class=${d(m.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??c.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":a=h`<arcgis-charts-config-pie-chart class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case"histogramSeries":a=h`<arcgis-charts-config-histogram class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??c.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":a=h`<arcgis-charts-config-scatter-plot class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??c.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":a=h`<arcgis-charts-config-box-plot class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return a}};A("arcgis-charts-config-create-flow",D);return D},"geometry/support/jsonUtils","rest/support/StatisticDefinition","rest/support/AttributeBinsQuery","rest/support/Query","time/TimeExtent","core/promiseUtils","request","geometry/support/jsonUtils","rest/support/StatisticDefinition","rest/support/AttributeBinsQuery","rest/support/Query","time/TimeExtent","core/promiseUtils","request",a,c,e,i,j,k,l,m,n)

package/dist/arcgis-charts-components/OJFAQUKE.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.113 */
-import{a as $}from"./NJJDDEJP.js";import{a as k}from"./Q5DBVZFJ.js";import g from"./DZKDMBDF.js";import f from"./3KHTNAHI.js";import{a as m,b as p}from"./TSDU67NY.js";import e from"./UDUTXX3U.js";import{a as D}from"./WVYBXGJD.js";import d from"./DV2KKSCL.js";import c from"./CIPMKWIW.js";import a from"./5TVODVO3.js";import{A as o,E as x,c as F,d as l,n as b,z as I}from"./6G2IDNZ7.js";import"./MVTEIRGW.js";export default $arcgis.t(([,,,,,,,{Hb:T,Ob:A,V:u,Xc:v,Zc:E,m:r,p:h,rb:P,sb:w,x:f},{f:s},,,{a:C,c:y,g:z,k:d,q:S},{d:N}])=>{var c={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},K=F`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,L=class extends I{constructor(){super(...arguments),this._messages=D(),this.picklist=m(),this.intervalSizeElement=m(),this.intervalTypeElement=m(),this.popoverElement=m(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=b(),this.arcgisChartsConfigLineChartPopoverClose=b()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:3,referenceElement:2,open:7,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=K}async reposition(){await this.popoverElement.value?.reposition()}async willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=await Promise.all(y.map(async i=>await P(i)));u(this.aggregationLabels,t)||(this.aggregationLabels=t);let a=[h.Start,h.End],n=await Promise.all(a.map(async i=>await w(i)));u(this.timeAggregationLabels,n)||(this.timeAggregationLabels=n)}async updated(){setTimeout(async()=>{typeof this.picklist.value?.setFocus=="function"&&await this.picklist.value?.setFocus()},C.PopoverTimer),N(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},C.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=!u(e,t)}buildAggregationPickListItems(){return k(y,e=>e,(e,t)=>l`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[h.Start,h.End];return k(e,t=>t,(t,a)=>l`<calcite-list-item .label=${this.timeAggregationLabels?.[a]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,l`<calcite-list-item .label=${T(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case s.numericFields:{for(let n=0;n<t;n+=1){let i=this.layerFieldsInfo?.[n];i&&v(i)&&a.push(this.buildPickListItem(i))}break}case s.xAxisField:{for(let n=0;n<t;n+=1){let i=this.layerFieldsInfo?.[n];i&&(v(i)||i.type===f.Date)&&a.push(this.buildPickListItem(i))}break}case s.splitByField:{let n=$(" ",l`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);a.push(n);for(let i=0;i<t;i+=1){let g=this.layerFieldsInfo?.[i];g&&(E(g)||g.type===f.String)&&a.push(this.buildPickListItem(g))}break}}return a}closePopover(){if(this.contentKind===s.numericFields){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return l`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return l`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return l`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return l`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return l`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return l`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${z(e?.size,1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${p(this.intervalTypeElement)}>${t.map(a=>l`<calcite-option .value=${a} .label=${A(a,this._messages)} .selected=${e?.unit===a}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=l`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),l`<div class=${o(c.jsAppFlyout)}><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};x("arcgis-charts-config-line-chart-popover",L);return L},"geometry/support/jsonUtils","rest/support/StatisticDefinition","rest/support/AttributeBinsQuery","rest/support/Query","time/TimeExtent","core/promiseUtils","request",a,c,d,e,f,g)