@arcgis/charts-components 5.0.0-next.0 → 5.0.0-next.10

package/dist/cdn/ZL7XAYFY.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.0 */
-import{b as te}from"./DUXJYIPO.js";import{b as E}from"./XQIX35SA.js";import{a as Q}from"./Q6RNSJKC.js";import{a as ee}from"./3VYSNBTN.js";import d from"./XBAJKPII.js";import"./XN6L2F3H.js";import{a as U}from"./4R3KXXGH.js";import b from"./OBWBM6T5.js";import{c as O,d as g}from"./U3MNYNST.js";import a from"./Q2QQP3OC.js";import{f as k,r as V,w as u}from"./IJ7S36YO.js";import"./DIGLZK7A.js";import{k as Y,o as W,p as H}from"./A4H4Y7K4.js";import{i as v}from"./6SZ36DP7.js";import{a as j}from"./SQDGJ3KG.js";import{A as o,B as S,D as I,F as N,g as R,h as r,l as X,w as c,x as h,y as z}from"./KKAZDMOE.js";import"./V74GF63P.js";export default $arcgis.t(([,,,,,,,{K:q,ib:p},{c:Z,d:D,e:P},{h:C,i:x,n:T,p:J,r:K}])=>{var a={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.am5-layer-30{z-index:100!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)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends z{constructor(){super(...arguments),this._messages=U(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),n=this.model.getGuideEnd(this.index,this.orientation);if(p(i,n)===u.SLS){let l=k(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),n=this.model.getGuideEnd(this.index,this.orientation);if(p(i,n)===u.SLS){let l=k(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:3,calculatedMinMaxBounds:2,index:11,orientation:3,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===j.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,n=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=Z(this.timeZone)??l,d=D(i,s),f=P(i,s),$=D(n,s),ie=P(n,s),_=this.startDateCalciteInput.value?.value??"",b=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?f:F,G=this.endDateCalciteInput.value?.value??"",y=G===""?$:G,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,w=!1;if(!Array.isArray(b)&&b!==void 0&&L!==void 0){let m=`${b}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),w=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let m=G===""?void 0:`${y}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),w=!0}w&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),n=this.model.getGuideEnd(this.index,this.orientation),l;p(i,n)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=I(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=q({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),n={...O(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(n,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;case"trash":default:i=this._messages.deleteGuide??"";break}this.tooltip=I(r`<calcite-tooltip style=${S({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){K(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&W(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&H(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,n,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),f=g(e)?J(e.style):V.Solid,$=p(s,d)===u.SLS?`line-${f}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(a.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${$} style=${S({color:`rgba(${t},${i},${n},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),n=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .open=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=control text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(a.row)}><calcite-label class=${o(a.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(a.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?Q("time-picker-row",r`<div class=${o(a.row)}>${e!=null?r`<calcite-label class=${o(a.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(a.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(a.row)}><div class=${o(a.column)}>${this.renderColorElement()}</div></div><div class=${o(a.row)}><calcite-label class=${o(a.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(a.row)}><calcite-label class=${o(a.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${n} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(a.row)}><calcite-label class=${o(a.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d)

package/dist/cdn/ZWIO4STZ.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.0 */
-import{b as D}from"./2IWONELS.js";import{a as O}from"./BJ2SGQR6.js";import{a as M,b as Y}from"./6W2WJWBY.js";import{a as W}from"./4SXQIUIG.js";import{a as w}from"./Q6RNSJKC.js";import{a as Q}from"./3VYSNBTN.js";import m from"./AK66PAHC.js";import{a as g}from"./DKSYZJ6L.js";import k from"./XBAJKPII.js";import{d as l}from"./XN6L2F3H.js";import{a as X}from"./4R3KXXGH.js";import j from"./ULHTMI2R.js";import"./VJCRMBB4.js";import i from"./OBWBM6T5.js";import e from"./KFX2WS7I.js";import d from"./3ZU5EL7Y.js";import c from"./ICAQ26HL.js";import b from"./HKN6FLM6.js";import"./U3MNYNST.js";import a from"./Q2QQP3OC.js";import{j as x}from"./IJ7S36YO.js";import"./DIGLZK7A.js";import{a as Z}from"./ITIIQPR3.js";import{e as P,f as L,h as G,k as I,l as H,q as B}from"./A4H4Y7K4.js";import"./6SZ36DP7.js";import{a as o,k as _}from"./SQDGJ3KG.js";import{A as h,B as V,D as v,F as U,g as E,h as n,l as f,w as N,x as A,y as F}from"./KKAZDMOE.js";import"./V74GF63P.js";export default $arcgis.t(([,,,,,,,{substitute:te},{Cb:R,Sa:b,db:S,xc:T},,,,,,z,{r:j},{a:q,d:y,e:K}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function J(m,e){let a=new Set,t=e;return m?.forEach((i,s)=>{let r=i.chartId;(a.has(r)||r===void 0||r==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=i.chartId)),a.add(r)}),t}function ae(m,e,a){return m?.filter(t=>b(a,t.config)&&t.layer?.id===e)??[]}function ie(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let c=r.layer;c&&s.set(c.id,c)}),i||a.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function se(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.layer?.id&&ee(a,t)})})}function ee(m,e){let a=m;if(a){let t=[...a?.charts??[]],i=t?.findIndex(r=>r.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!x(t[i],e.config),t[i]=e.config):a&&!T(e.config)&&(s=!0,t.push(e.config)),s&&(a.charts=t)}}function re(m,e){let a=m;if(a){let t=[...a.charts??[]],i=t.findIndex(s=>s.id===e);i>-1&&(t.splice(i,1),a.charts=t)}}function oe(m,e){let a=m;if(a){let t=[...a.charts??[]];t=S({arrayA:t,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),a.charts=t}}var le=E`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.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}`,k=class extends F{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=N(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=X(),this.chartDataProcessComplete=e=>{let a=e,{chartData:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:this.chartData=t,i&&(i.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:c,r2:C,aggregated:u}=r,p=C;Number.isFinite(C)||(p=void 0),this.r2=p,G(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=u,u&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(c),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:c}=t;if((L(s)||P(s)&&s.binTemporalData)&&(c?.size!==void 0&&s.temporalBinningSize!==c?.size&&(s.temporalBinningSize=c?.size),c?.unit!==void 0&&s.temporalBinningUnit!==c?.unit&&c?.unit!==_.Quarter&&(s.temporalBinningUnit=c?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),P(s)){let C=s.xAxisField,u=r.some($=>$[C]===null),p=s.nullCategory;u&&p===void 0&&(s.nullCategory=z.nullCategory)}break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:i}=a.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),c=s?.chartType;if(r)switch(c){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,i&&(i.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,i&&(i.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:i,model:s}=a.detail,r=this.modelList.find(c=>s?.isSameChartAs(c));if(r)switch(t){case"rotation":typeof i=="boolean"&&H(r)&&(r.rotatedState=i);break;case"legendPosition":typeof i=="string"&&B(r)&&(r.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&B(r)&&(r.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=async e=>{let a=e,{legendItemVisibility:t,model:i}=a.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(t),I(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),L(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:a,layerId:t}=e.target;a!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:a,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let a=e.target;ee(a?.layer,a)}this.requestUpdate()},this.allowChartSyncing=!1,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.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:K}],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()}modelListReorderChangeListener(e){let{modelList:a}=e.detail;if(this.modelList=S({arrayA:this.modelList,arrayB:a,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=a.find(i=>i.layer?.id!==void 0)?.layer?.id;if(t){let i=this.layerList.find(s=>s.id.toString()===t);i&&oe(i,a)}}}async layerListChange(){let e=[],a=this.layerList.map(i=>i.id.toString()),t=[...this.modelList.filter(i=>a.includes(i.layer?.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 c=await Z({layer:i,config:r});c!==void 0&&e.push(c)}}J(e),e.forEach(i=>{t.find(s=>s.isSameChartAs(i))===void 0&&t.push(i)}),this.modelList=t}async modelListChange(e,a){this.selectedChartId=J(e,this.selectedChartId),a?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?await D(t.chartType):"",this.syncChartsToLayers&&this.allowChartSyncing&&se(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=l.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.chartType!==void 0?await D(a.chartType):"",e!==void 0&&e!==M.selectedChartId&&(M.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:a})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),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 a=this.getModel(this.selectedChartId)?.config,t=[];if(a!==void 0&&e!==void 0){let i=R({chartConfig:a,chartData:e}),{minY:s,maxY:r,minX:c,maxX:C}=i;t=[{isXAxis:!0,minimum:c,maximum:C},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:i,minimum:s}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&I(r)&&this.selectedChartId!==void 0){let c=new O(r,t),C=Y({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:c.getLogarithmic()}),u=M.chartAxesBoundDataMap;u[this.selectedChartId]===void 0&&(u[this.selectedChartId]={});let p=u[this.selectedChartId]?.[C],$={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!x(p,$)&&this.selectedChartId!==void 0&&u?.[this.selectedChartId]!==void 0&&(u[this.selectedChartId][C]=$)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let a=this.modelList?.filter(t=>b(q,t.config)).length;e=Number(a)<=2?"bottom":"top"}return e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:a,layerId:t}=e.detail;this.setupSelectChartTypePopover(a,t)}setupSelectChartTypePopover(e,a){let t=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=v(n`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${a} .popoverPlacement=${t} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(a=>a.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=Q(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.config))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(s=>s.chartId===a),i=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==a)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&re(i,a)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,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.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 a=e.target,t="";switch(a.icon){case"configure":t=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":t=this._messages.series??"";break;case"graph-pie-slice":t=this._messages.slices??"";break;case"graph-axis":t=this._messages.axes??"";break;case"graph-guides":t=this._messages.guides??"";break;case"palette":t=this._messages.format??"";break;case"text":t=this._messages.general??"";break;default:t="";break}this.tooltip=v(n`<calcite-tooltip style=${V({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){j(this.tooltip)}renderViewCharts(){let e=ie({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return W(e,a=>a.id,a=>n`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ae(this.modelList,a.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${a} .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?n`<calcite-flow>${w("charts-list",n`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${A(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return w("chart-edit",n`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??l.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?te(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?n`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===l.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=l.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?n`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?n`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?n`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===l.Slices} @click=${()=>{this.selectedPanel=l.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===l.Axes} @click=${()=>{this.selectedPanel=l.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===l.Guides} @click=${()=>{this.selectedPanel=l.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===l.Format} @click=${()=>{this.selectedPanel=l.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===l.General} @click=${()=>{this.selectedPanel=l.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),a=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case"barSeries":t=n`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":t=n`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":t=n`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .chartData=${this.chartData} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case"histogramSeries":t=n`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":t=n`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":t=n`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return t}};U("arcgis-charts-config-create-flow",k);return k},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,c,d,e,i,j,k,m)