@arcgis/charts-components 5.2.0-next.26 → 5.2.0-next.28

package/dist/cdn/{IHJWEEOX.js → MVUIKY5Y.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import q from"./IUMYBJDG.js";import p from"./NJAGOS7G.js";import o from"./IP3FZZNM.js";import n from"./ADJHTT4M.js";import l from"./XWDLT2E4.js";import"./THTYR6IL.js";import k from"./Y5GMGU4M.js";import j from"./AYNWMLFD.js";import i from"./N3FUI2RC.js";import h from"./Y7HYSSRW.js";import g from"./6ODWWOUP.js";import{c as I}from"./Y7HBWU3M.js";import e from"./7LI5APDL.js";import d from"./L6SM2ORZ.js";import c from"./D46R6YHX.js";import"./WNKDEOFZ.js";import a from"./HFSVUO2D.js";import"./EZV7JSQJ.js";import{n as f}from"./3TBK72EK.js";import{T as _,U as m,oa as A}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{k as y,l as F}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import"./RIM4HLHN.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as b}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:te},{wb:L},{a:v,d:p,g:C,q:M},,{c:d},{a:P},w,{b:g},{b:K},{a:z,b:E,c:O,d:k},{b:j,d:q,f:B},{b:G,d:H,f:J},{d:W,e:Y},{a:D,b:N},X])=>{var R=s=>{p({config:s,value:null,axisIndex:0,isMax:!1}),p({config:s,value:null,axisIndex:0,isMax:!0}),p({config:s,value:null,axisIndex:1,isMax:!1}),p({config:s,value:null,axisIndex:1,isMax:!0})},U=s=>{let{name:e,axisIndex:i,config:t,layerInfo:r}=s,{layerFieldsInfo:o}=r,n=o.find(x=>x.name===e),l=n!==void 0&&L(n);C(t,i,l)};function V(s,e,i){let t=T(s,e,i),r=P(s),o=g(s);return t===r||o}function Z(s,e){let{layerFieldsInfo:i}=e,t=f(i,h(s)),r=I(1,s),o=g(s);return t===r||o}function $(s,e){let{layerFieldsInfo:i}=e,t=u(s),r=f(i,t),o=I(0,s),n=g(s);return r===o||n}function T(s,e,i){let t=u(s),r=h(s),{layerFieldsInfo:o}=e,n=f(o,t),l=f(o,r);return te(i.titleLabels.xAndY,{x:n,y:l})}var ee=s=>{let{x:e,y:i,config:t,layerInfo:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l,commonStrings:x}=s,{layerFieldsInfo:S}=r,se=f(S,e),ie=f(S,i);!y(e)&&n&&v(t,0,se),!y(i)&&l&&v(t,1,ie),!y(e)&&!y(i)&&t.title&&o&&(t.title.content.text=T(t,r,x))},u=s=>s.series[0]?.x??"",h=s=>s.series[0]?.y??"",re=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].x=e),ee({x:e,y:h(i),config:i,layerInfo:t,updateChartTitle:o,commonStrings:r,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:0,config:i,layerInfo:t})},oe=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].y=e),ee({x:u(i),y:e,config:i,layerInfo:t,commonStrings:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:1,config:i,layerInfo:t})},ne=s=>{let e={};return s.series[0]?.markerSymbol??e},ae=(s,e)=>{e.series[0]&&(e.series[0].markerSymbol=s)},le=s=>(s.series[0]?.overlays?.trendLine?.visible??!0)&&(s.series[0]?.overlays?.trendLine?.created??!1),de=s=>{let e={};return s.series[0]?.overlays?.trendLine?.symbol??e},fe=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.symbol=s},ce=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.visible=s},me=(s,e)=>{!(e.series[0]?.overlays?.trendLine?.created??!1)&&s&&(e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.created=s),ce(s,e)},Q=s=>s.series[0]?.sizePolicy??_(),ye=(s,e)=>{e.series[0]&&(s!==void 0&&s.field?.trim()!==""?e.series[0].sizePolicy={...e.series[0].sizePolicy,...s}:e.series[0].sizePolicy=void 0)},pe=s=>s?.series?.[0]?.overlays,ge=(s,e)=>{e?.series[0]!==void 0&&(e.series[0].overlays=s)},ue=s=>s.series.find(e=>e.additionalTooltipFields!==void 0)?.additionalTooltipFields??[],he=(s,e)=>{e.series.forEach(i=>{Array.isArray(s)?i.additionalTooltipFields=s:typeof s=="string"?i.additionalTooltipFields=s.trim()===""?[]:[s]:i.additionalTooltipFields=[]})},xe=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,c=(s,e,i,t)=>{for(var r=ve(e,i),o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(e,i,r)||r);return r&&xe(e,i,r),r},a=class extends w{constructor(){super(...arguments),this._chartType=b.ScatterSeries}async setup(e){await this.loadConfigFromLayer(e),typeof this.resolveSetup=="function"&&this.resolveSetup()}get xAxisField(){return u(this._config)}set xAxisField(e){re({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get yAxisField(){return h(this._config)}set yAxisField(e){oe({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get showLinearTrend(){return le(this._config)}set showLinearTrend(e){me(e,this._config)}get linearTrendSymbol(){return de(this._config)}set linearTrendSymbol(e){fe(e,this._config)}get fixedMarkerSymbol(){return ne(this._config)}set fixedMarkerSymbol(e){ae(e,this._config)}get sizePolicy(){return Q(this._config)}set sizePolicy(e){let i=Q(this._config);F(i,e)||ye(e,this._config)}get seriesOverlays(){return pe(this._config)}set seriesOverlays(e){e!==void 0&&ge(e,this._config)}get additionalTooltipField(){return ue(this._config)}set additionalTooltipField(e){he(e,this._config)}generateChartTitle(){return T(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){let e=this.yAxisField;return f(this.layerInfo.layerFieldsInfo,e)}generateDefaultConfig(){return A(this.commonStrings)}};c([d],a.prototype,"xAxisField");c([d],a.prototype,"yAxisField");c([d],a.prototype,"showLinearTrend");c([d],a.prototype,"linearTrendSymbol");c([d],a.prototype,"fixedMarkerSymbol");c([d],a.prototype,"sizePolicy");c([d],a.prototype,"seriesOverlays");c([d],a.prototype,"additionalTooltipField");var Ie=[D,z,E,O,k,K,X,N,G,W,H,Y,j,q,B,J];M(a,Ie);return a},"intl",a,c,d,e,g,h,i,j,k,l,n,o,p,q)
+import q from"./6GV2QPKV.js";import p from"./T5TFLMQL.js";import o from"./RKG6CXUU.js";import n from"./ADYDCO3M.js";import l from"./U3MRRFML.js";import"./THTYR6IL.js";import k from"./5XCU5SR2.js";import j from"./6ANVHVX4.js";import i from"./3QO6REDF.js";import h from"./BKU72IQC.js";import g from"./YWCIV7ZZ.js";import{c as I}from"./Y7HBWU3M.js";import e from"./BQXXD2HU.js";import d from"./WU62O2AU.js";import c from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as f}from"./3TBK72EK.js";import{T as _,U as m,oa as A}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{k as y,l as F}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import"./RIM4HLHN.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as b}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:te},{wb:L},{a:v,d:p,g:C,q:M},,{c:d},{a:P},w,{b:g},{b:K},{a:z,b:E,c:O,d:k},{b:j,d:q,f:B},{b:G,d:H,f:J},{d:W,e:Y},{a:D,b:N},X])=>{var R=s=>{p({config:s,value:null,axisIndex:0,isMax:!1}),p({config:s,value:null,axisIndex:0,isMax:!0}),p({config:s,value:null,axisIndex:1,isMax:!1}),p({config:s,value:null,axisIndex:1,isMax:!0})},U=s=>{let{name:e,axisIndex:i,config:t,layerInfo:r}=s,{layerFieldsInfo:o}=r,n=o.find(x=>x.name===e),l=n!==void 0&&L(n);C(t,i,l)};function V(s,e,i){let t=T(s,e,i),r=P(s),o=g(s);return t===r||o}function Z(s,e){let{layerFieldsInfo:i}=e,t=f(i,h(s)),r=I(1,s),o=g(s);return t===r||o}function $(s,e){let{layerFieldsInfo:i}=e,t=u(s),r=f(i,t),o=I(0,s),n=g(s);return r===o||n}function T(s,e,i){let t=u(s),r=h(s),{layerFieldsInfo:o}=e,n=f(o,t),l=f(o,r);return te(i.titleLabels.xAndY,{x:n,y:l})}var ee=s=>{let{x:e,y:i,config:t,layerInfo:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l,commonStrings:x}=s,{layerFieldsInfo:S}=r,se=f(S,e),ie=f(S,i);!y(e)&&n&&v(t,0,se),!y(i)&&l&&v(t,1,ie),!y(e)&&!y(i)&&t.title&&o&&(t.title.content.text=T(t,r,x))},u=s=>s.series[0]?.x??"",h=s=>s.series[0]?.y??"",re=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].x=e),ee({x:e,y:h(i),config:i,layerInfo:t,updateChartTitle:o,commonStrings:r,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:0,config:i,layerInfo:t})},oe=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].y=e),ee({x:u(i),y:e,config:i,layerInfo:t,commonStrings:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:1,config:i,layerInfo:t})},ne=s=>{let e={};return s.series[0]?.markerSymbol??e},ae=(s,e)=>{e.series[0]&&(e.series[0].markerSymbol=s)},le=s=>(s.series[0]?.overlays?.trendLine?.visible??!0)&&(s.series[0]?.overlays?.trendLine?.created??!1),de=s=>{let e={};return s.series[0]?.overlays?.trendLine?.symbol??e},fe=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.symbol=s},ce=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.visible=s},me=(s,e)=>{!(e.series[0]?.overlays?.trendLine?.created??!1)&&s&&(e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.created=s),ce(s,e)},Q=s=>s.series[0]?.sizePolicy??_(),ye=(s,e)=>{e.series[0]&&(s!==void 0&&s.field?.trim()!==""?e.series[0].sizePolicy={...e.series[0].sizePolicy,...s}:e.series[0].sizePolicy=void 0)},pe=s=>s?.series?.[0]?.overlays,ge=(s,e)=>{e?.series[0]!==void 0&&(e.series[0].overlays=s)},ue=s=>s.series.find(e=>e.additionalTooltipFields!==void 0)?.additionalTooltipFields??[],he=(s,e)=>{e.series.forEach(i=>{Array.isArray(s)?i.additionalTooltipFields=s:typeof s=="string"?i.additionalTooltipFields=s.trim()===""?[]:[s]:i.additionalTooltipFields=[]})},xe=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,c=(s,e,i,t)=>{for(var r=ve(e,i),o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(e,i,r)||r);return r&&xe(e,i,r),r},a=class extends w{constructor(){super(...arguments),this._chartType=b.ScatterSeries}async setup(e){await this.loadConfigFromLayer(e),typeof this.resolveSetup=="function"&&this.resolveSetup()}get xAxisField(){return u(this._config)}set xAxisField(e){re({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get yAxisField(){return h(this._config)}set yAxisField(e){oe({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get showLinearTrend(){return le(this._config)}set showLinearTrend(e){me(e,this._config)}get linearTrendSymbol(){return de(this._config)}set linearTrendSymbol(e){fe(e,this._config)}get fixedMarkerSymbol(){return ne(this._config)}set fixedMarkerSymbol(e){ae(e,this._config)}get sizePolicy(){return Q(this._config)}set sizePolicy(e){let i=Q(this._config);F(i,e)||ye(e,this._config)}get seriesOverlays(){return pe(this._config)}set seriesOverlays(e){e!==void 0&&ge(e,this._config)}get additionalTooltipField(){return ue(this._config)}set additionalTooltipField(e){he(e,this._config)}generateChartTitle(){return T(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){let e=this.yAxisField;return f(this.layerInfo.layerFieldsInfo,e)}generateDefaultConfig(){return A(this.commonStrings)}};c([d],a.prototype,"xAxisField");c([d],a.prototype,"yAxisField");c([d],a.prototype,"showLinearTrend");c([d],a.prototype,"linearTrendSymbol");c([d],a.prototype,"fixedMarkerSymbol");c([d],a.prototype,"sizePolicy");c([d],a.prototype,"seriesOverlays");c([d],a.prototype,"additionalTooltipField");var Ie=[D,z,E,O,k,K,X,N,G,W,H,Y,j,q,B,J];M(a,Ie);return a},"intl",a,c,d,e,g,h,i,j,k,l,n,o,p,q)

package/dist/cdn/{RSYMKZMX.js → N673JFHK.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as u}from"./AQIB3VEP.js";import{a as f}from"./S7Z4HRW7.js";import{a as o}from"./IHO3OLL3.js";import d from"./LSKFMUX4.js";import{a as S}from"./JHANH4UG.js";import"./AK7X7SGI.js";import b from"./D46R6YHX.js";import"./WNKDEOFZ.js";import a from"./HFSVUO2D.js";import"./EZV7JSQJ.js";import{d as p}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)
+import{a as u}from"./AQIB3VEP.js";import{a as f}from"./S7Z4HRW7.js";import{a as o}from"./IHO3OLL3.js";import d from"./6CB5R4QQ.js";import{a as S}from"./JHANH4UG.js";import"./AK7X7SGI.js";import b from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{d as p}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)

package/dist/cdn/{VWW6TY7N.js → NKVZYKL5.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as Q,h as ee}from"./OBPAQN4H.js";import{a as te}from"./IHO3OLL3.js";import l from"./LSKFMUX4.js";import{a as A}from"./JHANH4UG.js";import{l as s,m as y}from"./AK7X7SGI.js";import k from"./XKHA7K4P.js";import j from"./N3FUI2RC.js";import e from"./L6SM2ORZ.js";import b from"./D46R6YHX.js";import"./WNKDEOFZ.js";import a from"./HFSVUO2D.js";import"./EZV7JSQJ.js";import{c as B,n as R,y as W}from"./3TBK72EK.js";import{q as V,r as g,wa as K}from"./PAIRUVLU.js";import{f as q}from"./KX7KGXKQ.js";import{f as I,q as L}from"./SP2IPHWF.js";import{e as _,g as N,h as O}from"./IHHPUKGG.js";import{A as c,B as D,C as o,D as x,F as T,H as w,g as E,i,n as M,z as n}from"./RIM4HLHN.js";import{c as X}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h,b as d,l as u,m as C,n as m,w as H,x as f}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{a:U,rb:S},{s:Z},{b:j,g:G,h:b,i:Y},{b:J},{h:z},{g:ae,s:k}])=>{var le=E`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},P=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===d.Count||t===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,l=this.model.colorRampName!==t,p=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(l||p)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=le}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=K(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(J(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=N(this.el??document.documentElement),a=O(e);return U.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==_}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:h.CalendarDateParts,unit:u.DayOfMonth},t={type:h.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:h.CalendarDateParts,unit:u.HourOfDay},t={type:h.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,l=ee(Q);return l&&(a=await G({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:V.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);Y({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return z({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<g.min?a=g.min:a>g.max&&(a=g.max),W(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,l;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,l=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(i`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=te(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Z(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero),this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return i`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return i`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[I(this.model.classificationMethod)]??"":"";return i`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?j(a.symbol.color):"#FFFFFF";return i`<div class=${o(r.colorRampSegment)} style=${x({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return i`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>i`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??B.grayColor,[l,p,v,$]=[...t],F=`rgba(${l},${p},${v},${$/255})`;return i`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${x({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return i`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),p=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),se=this.renderEmptyBins();return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ae(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${se}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?i`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",P);return P},a,b,e,j,k,l)
+import{a as Q,h as ee}from"./OBPAQN4H.js";import{a as te}from"./IHO3OLL3.js";import l from"./6CB5R4QQ.js";import{a as A}from"./JHANH4UG.js";import{l as s,m as y}from"./AK7X7SGI.js";import k from"./3YN4EKSJ.js";import j from"./3QO6REDF.js";import e from"./WU62O2AU.js";import b from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{c as B,n as R,y as W}from"./3TBK72EK.js";import{q as V,r as g,wa as K}from"./PAIRUVLU.js";import{f as q}from"./KX7KGXKQ.js";import{f as I,q as L}from"./SP2IPHWF.js";import{e as _,g as N,h as O}from"./IHHPUKGG.js";import{A as c,B as D,C as o,D as x,F as T,H as w,g as E,i,n as M,z as n}from"./RIM4HLHN.js";import{c as X}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h,b as d,l as u,m as C,n as m,w as H,x as f}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{a:U,rb:S},{s:Z},{b:j,g:G,h:b,i:Y},{b:J},{h:z},{g:ae,s:k}])=>{var le=E`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},P=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===d.Count||t===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,l=this.model.colorRampName!==t,p=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(l||p)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=le}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=K(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(J(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=N(this.el??document.documentElement),a=O(e);return U.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==_}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:h.CalendarDateParts,unit:u.DayOfMonth},t={type:h.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:h.CalendarDateParts,unit:u.HourOfDay},t={type:h.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,l=ee(Q);return l&&(a=await G({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:V.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);Y({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return z({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<g.min?a=g.min:a>g.max&&(a=g.max),W(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,l;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,l=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(i`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=te(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Z(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero),this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return i`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return i`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[I(this.model.classificationMethod)]??"":"";return i`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?j(a.symbol.color):"#FFFFFF";return i`<div class=${o(r.colorRampSegment)} style=${x({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return i`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>i`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??B.grayColor,[l,p,v,$]=[...t],F=`rgba(${l},${p},${v},${$/255})`;return i`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${x({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return i`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),p=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),se=this.renderEmptyBins();return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ae(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${se}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?i`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",P);return P},a,b,e,j,k,l)

package/dist/cdn/{ECG7HC37.js → O5NKLK7V.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as k}from"./IHO3OLL3.js";import t from"./LSKFMUX4.js";import{a as H}from"./JHANH4UG.js";import"./AK7X7SGI.js";import s from"./XWDLT2E4.js";import{g as T,i as O,k as I,l as d,m as L,p as h}from"./THTYR6IL.js";import q from"./AYNWMLFD.js";import"./Y7HBWU3M.js";import o from"./7LI5APDL.js";import n from"./L6SM2ORZ.js";import e from"./D46R6YHX.js";import{d as f,f as a}from"./WNKDEOFZ.js";import c from"./HFSVUO2D.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import{b as z,f as g}from"./KX7KGXKQ.js";import{a as P,b as C,g as r,i as D,k as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as w,B as M,C as p,F as G,H as N,g as V,i as u}from"./RIM4HLHN.js";import"./KDJ5RVHA.js";import{g as i,h as m,i as j}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as l}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,,,{a:E},{a:y,c:v,e:S},{e:_}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:"none",style:"normal",weight:"normal"}},$={type:g.SLS,color:[1,1,1,255],style:z.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},X=V`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends M{constructor(){super(...arguments),this._messages=H(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((n,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(n)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(j.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),n=a(c)?c:void 0;this.setFormatValue(o,{...n,type:g.TS,font:{...n?.font,...e},color:s??n?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=X}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let n=this.getFormatValue(c);return D(o,n,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=G(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return y(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return d(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return v(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return L(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return E(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return S(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return d(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return T(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:y(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:d(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:v(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:L(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:E(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:S(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(I(this.model))this.model.setGridLinesSymbol(e);else if(d(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:T(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...y(this.model)?[i.XAxisTitle]:[],...d(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...v(this.model)?[i.AxisLabels]:[],...L(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...E(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],O(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...S(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...d(this.model)?[m.GridLines]:[],...T(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=_(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",n=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${n} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};N("arcgis-charts-config-format",A);return A},c,e,n,o,q,s,t)
+import{a as k}from"./IHO3OLL3.js";import t from"./6CB5R4QQ.js";import{a as H}from"./JHANH4UG.js";import"./AK7X7SGI.js";import s from"./U3MRRFML.js";import{g as T,i as O,k as I,l as d,m as L,p as h}from"./THTYR6IL.js";import q from"./6ANVHVX4.js";import"./Y7HBWU3M.js";import o from"./BQXXD2HU.js";import n from"./WU62O2AU.js";import e from"./MEA74C44.js";import{d as f,f as a}from"./WNKDEOFZ.js";import c from"./BJBNELDD.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import{b as z,f as g}from"./KX7KGXKQ.js";import{a as P,b as C,g as r,i as D,k as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as w,B as M,C as p,F as G,H as N,g as V,i as u}from"./RIM4HLHN.js";import"./KDJ5RVHA.js";import{g as i,h as m,i as j}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as l}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,,,{a:E},{a:y,c:v,e:S},{e:_}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:"none",style:"normal",weight:"normal"}},$={type:g.SLS,color:[1,1,1,255],style:z.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},X=V`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends M{constructor(){super(...arguments),this._messages=H(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((n,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(n)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(j.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),n=a(c)?c:void 0;this.setFormatValue(o,{...n,type:g.TS,font:{...n?.font,...e},color:s??n?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=X}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let n=this.getFormatValue(c);return D(o,n,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=G(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return y(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return d(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return v(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return L(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return E(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return S(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return d(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return T(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:y(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:d(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:v(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:L(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:E(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:S(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(I(this.model))this.model.setGridLinesSymbol(e);else if(d(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:T(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...y(this.model)?[i.XAxisTitle]:[],...d(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...v(this.model)?[i.AxisLabels]:[],...L(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...E(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],O(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...S(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...d(this.model)?[m.GridLines]:[],...T(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=_(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",n=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${n} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};N("arcgis-charts-config-format",A);return A},c,e,n,o,q,s,t)