@arcgis/charts-components 5.2.0-next.12 → 5.2.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{VFUFK3UT.js → 2A24D2CL.js} +1 -1
- package/dist/cdn/{RMBD6ZSC.js → 2D43CHPT.js} +1 -1
- package/dist/cdn/{LJDGLKFL.js → 2JXQPKO5.js} +1 -1
- package/dist/cdn/{7HUD5SQI.js → 2TWHFFC4.js} +1 -1
- package/dist/cdn/{W55GZOYQ.js → 3MDFLGUF.js} +1 -1
- package/dist/cdn/{3T4NYRGX.js → 4KW327JN.js} +1 -1
- package/dist/cdn/4NYV2JV3.js +3 -0
- package/dist/cdn/{BXJZ4YYQ.js → 4PUPQ4ZW.js} +1 -1
- package/dist/cdn/{O363DXQ4.js → 64LHZA6T.js} +1 -1
- package/dist/cdn/{OEOAL6JO.js → 6OEWH6DU.js} +1 -1
- package/dist/cdn/{KUUBYC33.js → 6QPY3WVJ.js} +1 -1
- package/dist/cdn/{SN2GPX3I.js → 7QSJHT6K.js} +1 -1
- package/dist/cdn/{QT3VTHUJ.js → A5TGCD54.js} +1 -1
- package/dist/cdn/{624WBDC3.js → A6ZKJNCI.js} +1 -1
- package/dist/cdn/{66GCPNDR.js → AGIHYXGK.js} +1 -1
- package/dist/cdn/{KL33ETQG.js → AIPJCK34.js} +1 -1
- package/dist/cdn/{ODWDODUY.js → BBPUHC7W.js} +1 -1
- package/dist/cdn/{CTE365PT.js → BES3KNGY.js} +1 -1
- package/dist/cdn/{EYYQKOXI.js → CAYUSURH.js} +1 -1
- package/dist/cdn/{EYF75TH5.js → CMH6WLB4.js} +1 -1
- package/dist/cdn/{2PFDGKA5.js → CPQGJVLJ.js} +1 -1
- package/dist/cdn/{IM5PHXV3.js → CW44UMK6.js} +1 -1
- package/dist/cdn/{NVEIMJJ7.js → D6IGHHX3.js} +1 -1
- package/dist/cdn/{QSBAOCG4.js → E3AWZQWL.js} +1 -1
- package/dist/cdn/{26ESJ72L.js → EH3OIMGC.js} +1 -1
- package/dist/cdn/{DYNPQ2KT.js → ESYY65PY.js} +1 -1
- package/dist/cdn/{IDHDU3DJ.js → FMF37DQF.js} +1 -1
- package/dist/cdn/{RMHGA6AU.js → FZDYLJRV.js} +1 -1
- package/dist/cdn/{3UFVHYX5.js → GKRMQS5Q.js} +1 -1
- package/dist/cdn/{MPSRB65O.js → GN4O3BCI.js} +1 -1
- package/dist/cdn/{HQONJQEW.js → GNVJXOOV.js} +1 -1
- package/dist/cdn/{PGWOWXHQ.js → GRNKGPDQ.js} +1 -1
- package/dist/cdn/{DKRPN24O.js → H4CCTXTD.js} +1 -1
- package/dist/cdn/{T2SFRF7I.js → IKBGE4XH.js} +1 -1
- package/dist/cdn/{LA7COTN7.js → INCK5AFZ.js} +1 -1
- package/dist/cdn/{ZFK3D55V.js → IVM77SOL.js} +1 -1
- package/dist/cdn/{Z2UG6CUL.js → JCWTD6DG.js} +1 -1
- package/dist/cdn/{6VVUN6AX.js → JFMBYHTG.js} +1 -1
- package/dist/cdn/{DOVGECFB.js → JK7I63SC.js} +1 -1
- package/dist/cdn/{N5ZIF7M4.js → JMACRJOV.js} +1 -1
- package/dist/cdn/{V2UF2WVE.js → K2JOJV52.js} +1 -1
- package/dist/cdn/{J47CNZCT.js → KPXVJR6S.js} +1 -1
- package/dist/cdn/{PIONRTCB.js → KR22STZN.js} +1 -1
- package/dist/cdn/{RJSCJBFO.js → L4OHTO6S.js} +1 -1
- package/dist/cdn/{WMXNQ5XH.js → LRNKTAWO.js} +1 -1
- package/dist/cdn/{PGHVUDMJ.js → LZMT7YW7.js} +1 -1
- package/dist/cdn/{W4XQNHSD.js → M4S67KAQ.js} +1 -1
- package/dist/cdn/{U7TKKTUC.js → MB36GVIV.js} +1 -1
- package/dist/cdn/{BJYCLLJL.js → MFGMIXHS.js} +1 -1
- package/dist/cdn/{JKTF2L3L.js → MNX2OQM7.js} +7 -7
- package/dist/cdn/{JQX5EJZV.js → O6JHQR4V.js} +1 -1
- package/dist/cdn/{ZP22BN3G.js → O6X4UVEJ.js} +1 -1
- package/dist/cdn/{KJPXY6NE.js → OBEDC3OT.js} +1 -1
- package/dist/cdn/{5F5N7ZZ6.js → OFXDO3EK.js} +1 -1
- package/dist/cdn/{SNMFJ4CN.js → OWO3NDGM.js} +1 -1
- package/dist/cdn/{5PKMZMGG.js → OZIAUW3A.js} +1 -1
- package/dist/cdn/{ECICE4SU.js → PBOTADC5.js} +1 -1
- package/dist/cdn/{X5PNAE7T.js → PQGX64RE.js} +1 -1
- package/dist/cdn/{KZTGYTHS.js → QBKIVOUQ.js} +1 -1
- package/dist/cdn/{5BADQJ64.js → RMJKQIQM.js} +1 -1
- package/dist/cdn/{4LQHAOMY.js → RWRGGCHV.js} +1 -1
- package/dist/cdn/{DL6PRHZT.js → SKG5NCDS.js} +1 -1
- package/dist/cdn/{MGMUUWSP.js → TFXFKPTU.js} +1 -1
- package/dist/cdn/{SMCXHMTP.js → TR7YC7GX.js} +1 -1
- package/dist/cdn/{YCJIOFQR.js → TRRB6DUE.js} +1 -1
- package/dist/cdn/{K2P5RSE5.js → U2CTDP7X.js} +1 -1
- package/dist/cdn/{IYP3GZSC.js → U2GTLQKQ.js} +1 -1
- package/dist/cdn/{S5EYODWJ.js → ULUPQFHW.js} +1 -1
- package/dist/cdn/{JLWDVTJW.js → US4WU5ZB.js} +1 -1
- package/dist/cdn/{GHLJNZ27.js → VETKGJXJ.js} +1 -1
- package/dist/cdn/{AIFWLINL.js → VNIK56MD.js} +1 -1
- package/dist/cdn/{WVV5DAII.js → VS6T5RFW.js} +1 -1
- package/dist/cdn/{YBN53S4C.js → W4XWIKEA.js} +1 -1
- package/dist/cdn/{CVF3NLTS.js → WL5E6TAV.js} +1 -1
- package/dist/cdn/{SOOQD5FC.js → WM36AOX7.js} +1 -1
- package/dist/cdn/{VP42WLDX.js → X3UPL6NZ.js} +1 -1
- package/dist/cdn/{EEFS6HU7.js → YG5HX7O4.js} +1 -1
- package/dist/cdn/{ISSVKLHV.js → YXQHE47P.js} +1 -1
- package/dist/cdn/{IBKS2NZ3.js → ZN73TUTH.js} +1 -1
- package/dist/cdn/{LL757OZ7.js → ZNXBQWBM.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index2.js +1003 -997
- package/dist/components/arcgis-chart/customElement.js +849 -859
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/cdn/73JQ2I2Q.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import p from"./
|
|
2
|
+
import p from"./6QPY3WVJ.js";import o from"./U2CTDP7X.js";import n from"./OBEDC3OT.js";import m from"./KR22STZN.js";import l from"./H4CCTXTD.js";import"./THTYR6IL.js";import k from"./W4XWIKEA.js";import j from"./CMH6WLB4.js";import i from"./64LHZA6T.js";import f from"./OZIAUW3A.js";import e from"./L4OHTO6S.js";import"./Y7HBWU3M.js";import d from"./MFGMIXHS.js";import c from"./ZN73TUTH.js";import b from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{ta as g}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import"./RIM4HLHN.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,{q:y},,{c:e},,z,,{b:tt},{a:A,b:L,c:B,d:G},{b:U,d:V,f:X},{b:Y,d:Z,f:$},{d:J,e:K},{a:Q,b:R},{A:q,a:c,b:f,c:p,d:l,e:d,f:u,g:v,h:_,i:b,j:S,k:O,l:w,m:D,n:C,o:M,p:T,q:E,r:F,s:W,t:j,u:x,v:I,w:N,x:H,y:P,z:k}])=>{var st=Object.defineProperty,et=Object.getOwnPropertyDescriptor,o=(a,t,i,rt)=>{for(var r=et(t,i),n=a.length-1,m;n>=0;n--)(m=a[n])&&(r=m(t,i,r)||r);return r&&st(t,i,r),r},s=class extends z{constructor(){super(...arguments),this._chartType=h.HistogramSeries}async setup(t){await this.loadConfigFromLayer(t),typeof this.resolveSetup=="function"&&this.resolveSetup()}get numericField(){return f(this._config)}set numericField(t){p({numericField:t,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get binCount(){return u(this._config)}set binCount(t){v(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get binSymbol(){return _(this._config)}set binSymbol(t){b(t,this._config)}get dataTransformationType(){return l(this._config)}set dataTransformationType(t){d(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get meanSymbol(){return w(this._config)}set meanSymbol(t){D(t,this._config)}get medianSymbol(){return C(this._config)}set medianSymbol(t){M(t,this._config)}get normalDistSymbol(){return S(this._config)}set normalDistSymbol(t){O(t,this._config)}get standardDevSymbol(){return T(this._config)}set standardDevSymbol(t){E(t,this._config)}get showNormalDistOverlay(){return F(this._config)}set showNormalDistOverlay(t){W(t,this._config)}get showMeanOverlay(){return j(this._config)}set showMeanOverlay(t){x(t,this._config)}get showMedianOverlay(){return I(this._config)}set showMedianOverlay(t){N(t,this._config)}get showStandardDevOverlay(){return H(this._config)}set showStandardDevOverlay(t){P(t,this._config)}get seriesOverlays(){return k(this._config)}set seriesOverlays(t){q(t,this._config)}generateChartTitle(){return c(this._config,this.layerInfo,this.commonStrings)}generateDefaultConfig(){return g(this.commonStrings)}};o([e],s.prototype,"numericField");o([e],s.prototype,"binCount");o([e],s.prototype,"binSymbol");o([e],s.prototype,"dataTransformationType");o([e],s.prototype,"meanSymbol");o([e],s.prototype,"medianSymbol");o([e],s.prototype,"normalDistSymbol");o([e],s.prototype,"standardDevSymbol");o([e],s.prototype,"showNormalDistOverlay");o([e],s.prototype,"showMeanOverlay");o([e],s.prototype,"showMedianOverlay");o([e],s.prototype,"showStandardDevOverlay");o([e],s.prototype,"seriesOverlays");var ot=[Q,A,L,B,G,tt,R,Y,J,Z,K,U,V,X,$];y(s,ot);return s},a,b,c,d,e,f,i,j,k,l,m,n,o,p)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as e,c as r,d as o}from"./IVLVCLDE.js";import c from"./
|
|
2
|
+
import{b as e,c as r,d as o}from"./IVLVCLDE.js";import c from"./6OEWH6DU.js";import{a as d,p}from"./THTYR6IL.js";import b from"./64LHZA6T.js";import a from"./4NYV2JV3.js";import{e as f}from"./EZV7JSQJ.js";import{B as C,a as g,d as m,p as x}from"./3TBK72EK.js";import{a as s}from"./XJFVSX2E.js";import{a as l}from"./547RDEMV.js";export default $arcgis.t(([{U:B},{b:y},{a:h}])=>{var D=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsCSV,e.ExportAsImage],V=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],L=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],T=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],Z=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],M=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],R=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],P=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],G=[e.EditChart,e.FilterByExtent,e.ExportAsImage,e.ExportAsCSV];function q(a){switch(a){case l.BarSeries:return D;case l.LineSeries:return V;case l.ComboLineAndBarSeries:return L;case l.PieSeries:return T;case l.HistogramSeries:return M;case l.ScatterSeries:return R;case l.BoxPlotSeries:return P;case l.GaugeSeries:return G;case l.HeatSeries:return Z;default:return[]}}var J=(a,i,t)=>{let n=a.target.assignedNodes().find(c=>"legendToggle"in c),S=s(t?.series);return n&&(n.chartType=S,H({actionBar:n,chartComponent:i,config:t})),n};function H(a){let{actionBar:i,chartComponent:t,config:n,isInfoModalDisplayed:S}=a,c=C(t.selectionData),u=n?.legend?n.legend.visible??!0:!1;if(i.chartType=s(n?.series),t.enableConfiguration||t.configurationEnabled){let v=i.hiddenActions??[];i.hiddenActions=v.filter(w=>w!==e.EditChart)}i.editChartState=t.enableConfiguration||t.configurationEnabled?o.Enabled:o.Disabled;let E=n&&x(n.series);i.legendState=E?o.Enabled:o.Disabled;let A=d(t?.model)&&p(t?.model)?t.model.legendVisibility:u;i.legendToggle=E&&A?r.Active:r.Inactive;let b=d(t?.model)&&h(t.model)?t.model.rotated:n?.rotated;i.rotateChartToggle=b?r.Active:r.Inactive;let F=B(n?.series??[])===m.PieFromFields,I=f(t.layer);i.filterBySelectionState=!I&&!F&&(t.filterBySelection||!c&&!t.filterByExtent)?o.Enabled:o.Disabled,i.filterBySelectionToggle=t.filterBySelection?r.Active:r.Inactive,i.filterByExtentState=t.filterByViewExtent||!t.filterBySelection?o.Enabled:o.Disabled,i.filterByExtentToggle=t.filterByViewExtent?r.Active:r.Inactive,i.zoomState=t.filterBySelection?o.Disabled:o.Enabled,i.zoomToggle=t.actionMode===g.Zoom?r.Active:r.Inactive,i.selectionState=t.filterBySelection?o.Disabled:o.Enabled,i.selectionToggle=(t.actionMode??i.actionBarSelectionMode)===i.actionBarSelectionMode?r.Active:r.Inactive,i.clearSelectionState=c?o.Disabled:o.Enabled,i.fullExtentState=t.filterBySelection?o.Disabled:o.Enabled,i.switchSelectionState=t.filterBySelection?o.Disabled:o.Enabled,i.exportActionState=S||y(n)?o.Disabled:o.Enabled}function O(a){return a?.tagName.toLowerCase()==="arcgis-chart"}function W(a){return a!==void 0&&s(a.series)===l.GaugeSeries}return{a:q,b:J,c:H,d:O,e:W}},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b}from"./IHO3OLL3.js";import e from"./
|
|
2
|
+
import{b}from"./IHO3OLL3.js";import e from"./AIPJCK34.js";import{a as $}from"./JHANH4UG.js";import"./AK7X7SGI.js";import d from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import c from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{i as y}from"./PAIRUVLU.js";import{b as i}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as a,B as f,C as l,E as o,H as S,g as u,i as v,n as s,z as n}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var c={sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=u`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,C=y*255;this.selectedColor=[p,m,g,C],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,C]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(c.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(c.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(c.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??o}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??o}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??o}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(c.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};S("arcgis-charts-config-line-chart-series-popover",h);return h},c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./OBEDC3OT.js";import b from"./MFGMIXHS.js";import a from"./JFMBYHTG.js";import{j as s}from"./QP5UAIC6.js";export default $arcgis.t(([{q:p},{c:a},{a:g,b:c,c:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,f;n>=0;n--)(f=r[n])&&(t=f(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];p(i,h);return i},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as C}from"./IHO3OLL3.js";import j from"./
|
|
2
|
+
import{b as C}from"./IHO3OLL3.js";import j from"./AIPJCK34.js";import{a as g}from"./JHANH4UG.js";import"./AK7X7SGI.js";import f from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import b from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{k as d}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as s,B as m,C as e,H as p,g as c,i as h,n as a,z as i}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{h:v,i:n}])=>{var r={chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},u=c`.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)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=i(),this.popoverElement=i(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=a(),this.arcgisChartsConfigPopoverClose=a()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=u}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(t){t.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),C(this.popoverElement.value,this.open)}onNameChange(t){let o=t.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?n.INVALID:n.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[r.chartRenameComponent]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${s(this.popoverElement)}><calcite-panel class=${e(r.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(r.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${s(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},b,f,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./S7Z4HRW7.js";import{a as P}from"./IHO3OLL3.js";import e from"./KL33ETQG.js";import{a as z}from"./JHANH4UG.js";import"./AK7X7SGI.js";import c from"./6VVUN6AX.js";import"./WNKDEOFZ.js";import a from"./73JQ2I2Q.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{Aa as I,o as S}from"./PAIRUVLU.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./RIM4HLHN.js";import{f as h}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,M]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${M/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
|
|
2
|
+
import{a as b}from"./S7Z4HRW7.js";import{a as P}from"./IHO3OLL3.js";import e from"./AIPJCK34.js";import{a as z}from"./JHANH4UG.js";import"./AK7X7SGI.js";import c from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{Aa as I,o as S}from"./PAIRUVLU.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./RIM4HLHN.js";import{f as h}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,M]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${M/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./OZIAUW3A.js";import a from"./MFGMIXHS.js";import{C as p,E as b,L as g,c as r}from"./PAIRUVLU.js";import{e as u}from"./547RDEMV.js";export default $arcgis.t(([{b:v,c:l},y])=>{var m=t=>{let e=!1;return t.legend!==void 0&&(e=t.legend.visible??!0),e},L=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.visible=t},V=t=>t.legend?.title?.content,M=(t,e)=>{e.legend===void 0&&(e.legend=g()),(e.legend.title===void 0||t===void 0)&&(e.legend.title=b({text:"",visible:!0,font:p(r.LegendTitle),type:r.LegendTitle})),t!==void 0&&(e.legend.title.content=t)},D=t=>t.legend?.body,O=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.body=t??b({text:"",visible:!0,font:p(r.LegendText),type:r.LegendText}).content},h=t=>t.legend?.title?.content.text??"",P=(t,e)=>{if(e.legend?.title!==void 0)e.legend.title.content.text=t;else if(e.legend===void 0&&t!==void 0){let i=g();i.title!==void 0&&(i.title.content.text=t,i.title.visible=!0,e.legend=i)}},R=t=>t.legend?.title?.visible??!1,j=(t,e)=>{if(e.legend?.title!==void 0)e.legend.title.visible=t;else if(e.legend!==void 0&&e.legend?.title===void 0&&t)e.legend.title=b({text:h(e),visible:t,font:p(r.LegendTitle),type:r.LegendTitle});else if(e.legend===void 0){let i=g();i.title=b({text:h(e),visible:t,font:p(r.LegendTitle),type:r.LegendTitle}),e.legend=i}},C=t=>t.legend?.position??u.Right,S=(t,e)=>{if(e.legend!==void 0)e.legend.position=t;else if(e.legend===void 0){let i=g();i.position=t,e.legend=i}},k=t=>t.legend?.roundMarkers??!1,H=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.roundMarkers=t},w=t=>t.legend?.maxHeight??void 0,E=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.maxHeight=t},I=Object.defineProperty,W=Object.getOwnPropertyDescriptor,a=(t,e,i,c)=>{for(var o=W(e,i),n=t.length-1,s;n>=0;n--)(s=t[n])&&(o=s(e,i,o)||o);return o&&I(e,i,o),o},d=class extends y{get legendVisibility(){return m(this._config)}set legendVisibility(e){L(e,this._config)}get legendTitleText(){return h(this._config)}set legendTitleText(e){P(e,this._config)}get legendTitleVisibility(){return R(this._config)}set legendTitleVisibility(e){j(e,this._config)}get legendPosition(){return C(this._config)}set legendPosition(e){S(e,this._config)}get legendTitleSymbol(){return V(this._config)}set legendTitleSymbol(e){M(e,this._config)}get legendTextSymbol(){return D(this._config)}set legendTextSymbol(e){O(e,this._config)}get legendMaxHeight(){return w(this._config)}set legendMaxHeight(e){e!==void 0&&E(e,this._config)}get legendRoundMarker(){return k(this._config)}set legendRoundMarker(e){H(e,this._config)}};a([l],d.prototype,"legendVisibility");a([l],d.prototype,"legendTitleText");a([l],d.prototype,"legendTitleVisibility");a([l],d.prototype,"legendPosition");a([l],d.prototype,"legendTitleSymbol");a([l],d.prototype,"legendTextSymbol");a([l],d.prototype,"legendMaxHeight");a([l],d.prototype,"legendRoundMarker");var q=(t,e)=>t.series?.[e??0]?.dataTooltipVisible??!0,z=(t,e,i)=>{i&&t.series?.[i]?t.series[i].dataTooltipVisible=e:t.series&&t.series.forEach(c=>{c.dataTooltipVisible=e})},A=(t,e)=>t.series?.[e??0]?.dataTooltipReverseColor??!1,B=(t,e,i)=>{i&&t.series?.[i]?t.series[i].dataTooltipReverseColor=e:t.series&&t.series.forEach(c=>{c.dataTooltipReverseColor=e})},F=Object.defineProperty,G=Object.getOwnPropertyDescriptor,_=(t,e,i,c)=>{for(var o=G(e,i),n=t.length-1,s;n>=0;n--)(s=t[n])&&(o=s(e,i,o)||o);return o&&F(e,i,o),o},f=class extends y{getDataTooltipVisibility(e){return q(this._config,e)}setDataTooltipVisibility(e,i){z(this._config,e,i)}getDataTooltipReverseColor(e){return A(this._config,e)}setDataTooltipReverseColor(e,i){B(this._config,e,i)}};_([l],f.prototype,"setDataTooltipVisibility");_([l],f.prototype,"setDataTooltipReverseColor");var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,N=(t,e,i,c)=>{for(var o=K(e,i),n=t.length-1,s;n>=0;n--)(s=t[n])&&(o=s(e,i,o)||o);return o&&J(e,i,o),o},U=t=>t.colorMatch??!0,X=(t,e)=>{e.colorMatch=t},T=class extends v{get colorMatch(){return U(this._config)}set colorMatch(e){X(e,this._config)}};N([l],T.prototype,"colorMatch");var Y=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,$=(t,e,i,c)=>{for(var o=Z(e,i),n=t.length-1,s;n>=0;n--)(s=t[n])&&(o=s(e,i,o)||o);return o&&Y(e,i,o),o},Q=t=>t.series[0]?.dataLabels?.visible??!1,ee=(t,e)=>{e.series.forEach(i=>{i.dataLabels!==void 0?i.dataLabels.visible=t:i.dataLabels=b({text:"",visible:t,font:p(r.DataLabels),type:r.DataLabels})})},x=class extends v{get dataLabelsVisibility(){return Q(this._config)}set dataLabelsVisibility(e){ee(e,this._config)}};$([l],x.prototype,"dataLabelsVisibility");return{a:d,b:f,c:T,d:x}},a,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import o from"./
|
|
2
|
+
import o from"./VETKGJXJ.js";import n from"./OBEDC3OT.js";import m from"./KR22STZN.js";import k from"./H4CCTXTD.js";import"./THTYR6IL.js";import j from"./OZIAUW3A.js";import i from"./L4OHTO6S.js";import"./Y7HBWU3M.js";import g from"./MFGMIXHS.js";import e from"./ZN73TUTH.js";import d from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{E as p,O as v,X as l,ga as h,na as _}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import"./RIM4HLHN.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as c,b as f,s as b}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{rb:S},{b:I,q:C},,{c:i},,L,{b:B,d:E,f:W},{b:w,d:V,f:D},{d:T,e:A},F])=>{var M=t=>t.axes[0].needle?.visible??!0,P=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.visible=t},$=t=>t.axes[0].needle?.symbol,G=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.symbol=t},j=t=>t.axes[0].needle?.startWidth,q=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.startWidth=t},O=t=>t.axes[0].needle?.endWidth,N=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.endWidth=t},J=t=>t.axes[0].needle?.innerRadius,K=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.innerRadius=t},z=t=>t.axes[0].needle?.displayPin??!1,H=(t,e)=>{e.axes[0].needle===void 0&&(e.axes[0].needle=l()),e.axes[0].needle.displayPin=t},Q=t=>t.axes[0].innerLabel?.visible??!0,U=(t,e)=>{e.axes[0].innerLabel===void 0&&(e.axes[0].innerLabel=p()),e.axes[0].innerLabel.visible=t},X=t=>t.axes[0].innerLabel?.content,Y=(t,e)=>{e.axes[0].innerLabel===void 0&&(e.axes[0].innerLabel=p()),t!==void 0&&(e.axes[0].innerLabel.content=t)},Z=t=>t.axes[0].progressBands?.visible??!0,ee=(t,e)=>{e.axes[0].progressBands===void 0&&(e.axes[0].progressBands={type:c.FixedProgressBands}),e.axes[0].progressBands.visible=t},te=t=>t.axes[0].progressBands,ne=(t,e)=>{t===void 0?delete e.axes[0].progressBands:e.axes[0].progressBands=t},se=t=>t.axes[0].ticks?.visible??!0,ie=(t,e)=>{e.axes[0].ticks===void 0&&(e.axes[0].ticks={type:c.GaugeAxisTick}),e.axes[0].ticks.visible=t},oe=t=>t.axes[0].labelsIncrement,re=(t,e)=>{e.axes[0].labelsIncrement=t},ae=t=>t.axes[0].onlyShowFirstAndLastLabels??!1,ge=(t,e)=>{e.axes[0].onlyShowFirstAndLastLabels=t},le=t=>t.series[0]?.valueConversion,de=(t,e)=>{e.series[0]!==void 0&&(e.series[0].valueConversion=t)},k=t=>t.series[0]?.featureIndex,R=t=>{let{featureIndex:e,config:n,layerInfo:a,commonStrings:r}=t,g=x(n),d=u(n);e===null?delete n.series[0].featureIndex:n.series[0]!==void 0&&(n.series[0].featureIndex=e),y({config:n,layerInfo:a,field:g,aggregationType:d,commonStrings:r})},ce=t=>t.subType??b.StatisticGauge,fe=t=>{let{config:e,field:n,aggregationType:a}=t;if(a!==f.NoAggregation){let r=k(e),g=m(r)?{}:{outStatistics:[{statisticType:a,onStatisticField:n,outStatisticFieldName:`${a}_${n}`}]};e.series[0].query=g}},pe=t=>{let{config:e,layerInfo:n,commonStrings:a,field:r,aggregationType:g}=t;e.title&&(e.title.content.text=I({config:e,layerInfo:n,commonStrings:a,numericFields:[r],aggregationType:g}))},y=t=>{let{config:e,field:n,aggregationType:a}=t;e.series[0]===void 0&&(e.series=[h({})]);let r=m(e.series[0]?.featureIndex),g=r?n:`${a}_${n}`;r&&n.startsWith(`${a}_`)&&(g=n.replace(`${a}_`,"")),e.series[0].x=g,fe({config:e,field:n,aggregationType:a}),pe(t)},u=t=>t.series[0]?.query?.outStatistics?.[0]?.statisticType??f.Count,he=t=>{let{config:e,layerInfo:n,commonStrings:a,aggregationType:r}=t,g=x(e);y({config:e,layerInfo:n,commonStrings:a,field:g,aggregationType:r})},m=t=>typeof t=="number"&&t>=0,x=t=>m(t.series[0]?.featureIndex)?t.series[0]?.x:t.series[0]?.query?.outStatistics?.[0]?.onStatisticField??"",ye=t=>{let{field:e,config:n,layerInfo:a,commonStrings:r}=t,g=u(n);y({config:n,layerInfo:a,commonStrings:r,field:e,aggregationType:g})},ue=t=>t.innerRadius??50,me=(t,e)=>{e.innerRadius=t},xe=t=>t.startAngle??-90,be=(t,e)=>{e.startAngle=t},ve=t=>t.endAngle??270,_e=(t,e)=>{e.endAngle=t};function Se(t){return v(t)}var Ie=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,o=(t,e,n,a)=>{for(var r=Ce(e,n),g=t.length-1,d;g>=0;g--)(d=t[g])&&(r=d(e,n,r)||r);return r&&Ie(e,n,r),r},s=class extends L{constructor(){super(...arguments),this._chartType=c.GaugeSeries}generateChartTitle(){return Se(this.commonStrings)}async setup(e){await this.loadConfigFromLayer(e),typeof this.resolveSetup=="function"&&this.resolveSetup()}get field(){return x(this._config)}set field(e){ye({field:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get aggregationType(){return u(this._config)}set aggregationType(e){he({aggregationType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get innerRadius(){return ue(this._config)}set innerRadius(e){me(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get startAngle(){return xe(this._config)}set startAngle(e){be(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get endAngle(){return ve(this._config)}set endAngle(e){_e(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get valueConversion(){return le(this._config)}set valueConversion(e){de(e,this._config)}get featureIndex(){return k(this._config)}set featureIndex(e){R({featureIndex:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}removeFeatureIndex(){R({featureIndex:null,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get gaugeSubType(){return ce(this._config)}get needleVisibility(){return M(this._config)}set needleVisibility(e){P(e,this._config)}get needleSymbol(){return $(this._config)}set needleSymbol(e){G(e,this._config)}get needleStartWidth(){return j(this._config)}set needleStartWidth(e){q(e,this._config)}get needleEndWidth(){return O(this._config)}set needleEndWidth(e){N(e,this._config)}get needleInnerRadius(){return J(this._config)}set needleInnerRadius(e){K(e,this._config)}get needleDisplayPin(){return z(this._config)}set needleDisplayPin(e){H(e,this._config)}get innerLabelVisible(){return Q(this._config)}set innerLabelVisible(e){U(e,this._config)}get innerLabelContent(){return X(this._config)}set innerLabelContent(e){Y(e,this._config)}get progressBandsVisibility(){return Z(this._config)}set progressBandsVisibility(e){ee(e,this._config)}get progressBands(){return te(this._config)}set progressBands(e){ne(e,this._config)}get axisTickVisibility(){return se(this._config)}set axisTickVisibility(e){ie(e,this._config)}get labelsIncrement(){return oe(this._config)}set labelsIncrement(e){re(e,this._config)}get onlyShowFirstAndLastLabels(){return ae(this._config)}set onlyShowFirstAndLastLabels(e){ge(e,this._config)}generateDefaultConfig(){let e=_(this.commonStrings);return e.series=[h({objectIDField:S(this.layerInfo.layer).idField})],e}};o([i],s.prototype,"field");o([i],s.prototype,"aggregationType");o([i],s.prototype,"innerRadius");o([i],s.prototype,"startAngle");o([i],s.prototype,"endAngle");o([i],s.prototype,"valueConversion");o([i],s.prototype,"featureIndex");o([i],s.prototype,"removeFeatureIndex");o([i],s.prototype,"needleVisibility");o([i],s.prototype,"needleSymbol");o([i],s.prototype,"needleStartWidth");o([i],s.prototype,"needleEndWidth");o([i],s.prototype,"needleInnerRadius");o([i],s.prototype,"needleDisplayPin");o([i],s.prototype,"innerLabelVisible");o([i],s.prototype,"innerLabelContent");o([i],s.prototype,"progressBandsVisibility");o([i],s.prototype,"progressBands");o([i],s.prototype,"axisTickVisibility");o([i],s.prototype,"labelsIncrement");o([i],s.prototype,"onlyShowFirstAndLastLabels");var Le=[w,T,V,A,B,E,W,D,F];C(s,Le);return s},a,d,e,g,i,j,k,m,n,o)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import b from"./
|
|
2
|
+
import b from"./MFGMIXHS.js";import a from"./4NYV2JV3.js";import{a as n}from"./547RDEMV.js";export default $arcgis.t(([{Pb:l,m:s},{b:u,c:c}])=>{var g=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,d=(t,e,i,o)=>{for(var r=Z(e,i),a=t.length-1,p;a>=0;a--)(p=t[a])&&(r=p(e,i,r)||r);return r&&g(e,i,r),r},v=t=>{let e;return s(t)?e=t.outTimeZone:t?.series.forEach(i=>{(i.type===n.BarSeries||i.type===n.RadarSeries||i.type===n.LineSeries)&&i.temporalBinning&&(e=i.temporalBinning.outTimeZone)}),e||(e=t?.axes?.[0]?.valueFormat.type===n.DateAxisFormat?t.axes[0].valueFormat.intlOptions.timeZone:void 0),e},h=(t,e)=>{let i=l(t);s(e)?t?e.outTimeZone=i:delete e.outTimeZone:e?.series.forEach(o=>{(o.type===n.BarSeries||o.type===n.RadarSeries||o.type===n.LineSeries)&&(t?(o.temporalBinning??={},o.temporalBinning.outTimeZone=i):o.temporalBinning&&delete o.temporalBinning.outTimeZone)}),e?.axes?.[0]?.valueFormat.type===n.DateAxisFormat&&(t?e.axes[0].valueFormat.intlOptions.timeZone=i:delete e.axes[0].valueFormat.intlOptions.timeZone)},m=class extends u{get timeZone(){return v(this._config)}set timeZone(e){h(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};d([c],m.prototype,"timeZone");return{a:h,b:m}},a,b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import u from"./5F5N7ZZ6.js";import t from"./W4XQNHSD.js";import{a as f}from"./IVLVCLDE.js";import{a as ae}from"./L7CMLBHB.js";import{a as $,b as W,e as ee}from"./OBPAQN4H.js";import{a as ie}from"./AQIB3VEP.js";import{a as k}from"./S7Z4HRW7.js";import{a as se}from"./IHO3OLL3.js";import s from"./KL33ETQG.js";import{a as P}from"./JHANH4UG.js";import{d as n}from"./AK7X7SGI.js";import r from"./3UFVHYX5.js";import q from"./T2SFRF7I.js";import p from"./KUUBYC33.js";import m from"./DOVGECFB.js";import l from"./OEOAL6JO.js";import j from"./U7TKKTUC.js";import{b as B,c as L,i as Y,l as w,p as D}from"./THTYR6IL.js";import i from"./O363DXQ4.js";import g from"./RJSCJBFO.js";import"./Y7HBWU3M.js";import e from"./BJYCLLJL.js";import d from"./IBKS2NZ3.js";import b from"./6VVUN6AX.js";import"./WNKDEOFZ.js";import a from"./73JQ2I2Q.js";import{d as x,e as O}from"./EZV7JSQJ.js";import{C as v,c as R,q as T}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as S}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as V,B as _,C as h,D as z,F as M,H as U,g as N,i as c,n as C,z as A}from"./RIM4HLHN.js";import{a as J}from"./LJDGLKFL.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as o,k as H}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:le},{Ha:X,Nb:K,hb:Z,kb:G,nc:j},,,,,{b:I},,{a:Q},,,,,{r:te},{e:y,f:q},{b:E}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function re(m,e){let i=new Set,t=e;return m?.forEach((a,s)=>{let r=a.chartId;(i.has(r)||r===void 0||r==="")&&(a.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=a.chartId)),i.add(r)}),t}function ne(m,e,i){return m?.filter(t=>T(i,t.config)&&t.layer?.id===e)??[]}function ce(m){let{modelList:e,layerList:i,activeLayerId:t,disableEditing:a}=m,s=new Map;return e?.forEach(r=>{let l=r.layer;l&&s.set(l.id,l)}),a||i.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function he(m,e){m.forEach(i=>{e.forEach(t=>{i?.id===t.layer?.id&&oe(i,t)})})}function oe(m,e){let i=m;if(i){let t=[...i?.charts??[]],a=t?.findIndex(r=>r.id===e.chartId),s=!1;a!==void 0&&a>-1?(s=!S(t[a],e.config),t[a]=e.config):i&&!I(e.config)&&(s=!0,t.push(e.config)),s&&(i.charts=t)}}function de(m,e){let i=m;if(i){let t=[...i.charts??[]],a=t.findIndex(s=>s.id===e);a>-1&&(t.splice(a,1),i.charts=t)}}function me(m,e){let i=m;if(i){let t=[...i.charts??[]];t=v({arrayA:t,arrayB:e.map(a=>a.config),getKey:a=>a.id??a.title?.content.text??""}),i.charts=t}}var pe=N`.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;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}`,F=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let i=e,{chartData:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:if(this.chartData=t,a&&(a.dataStore.chartData=t,O(a.layer))){let r=a,l=t?.bins?.length;l!==void 0&&r.binCount!==l&&(r.binCount=l)}break;case o.PieSeries:{this.chartData=t,a&&(a.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:g,aggregated:u}=r,p=g;Number.isFinite(g)||(p=void 0),this.r2=p,Y(a)&&(a.dataStore.r2=p,a.dataStore.aggregated=u,u&&(a.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:l}=t;if((L(s)||B(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==H.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ee($,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),B(s)){let g=s.xAxisField,u=r.some(b=>b[g]===null),p=s.nullCategory;u&&p===void 0&&(s.nullCategory=R.nullCategory)}break}}},this.chartAxesMinMaxChange=e=>{let i=e,{bounds:t,model:a}=i.detail,s=this.getModel(this.selectedChartId),r=a?.isSameChartAs(s),l=s?.chartType;if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,a&&(a.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let i=e,{data:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,a&&(a.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,a&&(a.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let i=e,{propName:t,value:a,model:s}=i.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof a=="boolean"&&Q(r)&&(r.rotated=a);break;case"legendPosition":typeof a=="string"&&D(r)&&(r.legendPosition=a);break;case"legendVisibility":typeof a=="boolean"&&D(r)&&(r.legendVisibility=a);break}},this.chartLegendItemVisibilityChange=e=>{let i=e,{legendItemVisibility:t,model:a}=i.detail,s=this.modelList.find(r=>a?.isSameChartAs(r));s?.setSeriesVisibility(t),w(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:i,layerId:t}=e.target;i!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:i,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let i=e.target;oe(i?.layer,i)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=pe}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:i}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:i,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=i.find(a=>a.layer?.id!==void 0)?.layer?.id;if(t){let a=this.layerList.find(s=>s.id.toString()===t);a&&me(a,i)}}}async layerListChange(){let e=[],i=this.layerList.map(a=>a.id.toString()),t=[...this.modelList.filter(a=>i.includes(a.layer?.id??""))];for(let a of this.layerList??[]){if(a.type==="sublayer"){let r=await a.createFeatureLayer();if(!r)continue;a=r}let s=a.charts;for(let r of s??[]){let l=await J({layer:a,config:r,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}re(e),e.forEach(a=>{t.find(s=>s.isSameChartAs(a))===void 0&&t.push(a)}),t=t.filter(a=>!K(a.config)),this.modelList=t}modelListChange(e,i){this.selectedChartId=re(e,this.selectedChartId),i?.forEach(a=>{a.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(a=>{a.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?E({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&he(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let i=this.getModel(e);this.setEventBasedPropsFromModelData(i),this.currentChartTypeText=i?.chartType!==void 0?E({chartType:i.chartType,commonStrings:this.commonStrings,config:i.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:i})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let i=this.getModel(this.selectedChartId)?.config,t=[];if(i!==void 0&&e!==void 0){let a=j({chartConfig:i,chartData:e}),{minY:s,maxY:r,minX:l,maxX:g}=a;t=[{isXAxis:!0,minimum:l,maximum:g},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(i=>{let{isXAxis:t,maximum:a,minimum:s}=i,r=this.getModel(this.selectedChartId);if(r!==void 0&&w(r)&&this.selectedChartId!==void 0){let l=new ae(r,t),g=W({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),u=$.chartAxesBoundDataMap;u[this.selectedChartId]===void 0&&(u[this.selectedChartId]={});let p=u[this.selectedChartId]?.[g],b={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?a:p?.defaultMaxBound,currMaxBound:a};!S(p,b)&&this.selectedChartId!==void 0&&u?.[this.selectedChartId]!==void 0&&(u[this.selectedChartId][g]=b)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(i=>T(X,i.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:i,layerId:t,layerType:a}=e.detail,s=!0;if(x(a)&&t){let r=this.layerList.find(l=>l.id===t);x(r?.type)&&(s=!!(await G(r))?.attributeTable)}this.setupSelectChartTypePopover(i,t,a,s)}setupSelectChartTypePopover(e,i,t,a=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=M(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${i} .layerType=${t} .isRasterBarChartSupported=${a} .popoverPlacement=${s} @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(i=>i.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=se(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:i}=e.detail;if(i!==void 0){let t=this.modelList.find(s=>s.chartId===i),a=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==i)],a&&this.syncChartsToLayers&&this.allowChartSyncing&&de(a,i)}}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.close=!0,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 i=e.target,t="";switch(i.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=M(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){te(this.tooltip)}renderViewCharts(){let e=ce({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ie(e,i=>i.id,i=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ne(this.modelList,i.id.toString(),x(i.type)?Z:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?le(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<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===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),i=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return t}};U("arcgis-charts-config-create-flow",F);return F},"intl",a,b,d,e,g,i,j,l,m,p,q,r,s,t,u)
|
|
2
|
+
import u from"./OFXDO3EK.js";import t from"./M4S67KAQ.js";import{a as f}from"./IVLVCLDE.js";import{a as ae}from"./L7CMLBHB.js";import{a as $,b as W,e as ee}from"./OBPAQN4H.js";import{a as ie}from"./AQIB3VEP.js";import{a as k}from"./S7Z4HRW7.js";import{a as se}from"./IHO3OLL3.js";import s from"./AIPJCK34.js";import{a as P}from"./JHANH4UG.js";import{d as n}from"./AK7X7SGI.js";import r from"./GKRMQS5Q.js";import q from"./IKBGE4XH.js";import p from"./6QPY3WVJ.js";import m from"./JK7I63SC.js";import l from"./6OEWH6DU.js";import j from"./MB36GVIV.js";import{b as B,c as L,i as Y,l as w,p as D}from"./THTYR6IL.js";import i from"./64LHZA6T.js";import g from"./L4OHTO6S.js";import"./Y7HBWU3M.js";import e from"./MFGMIXHS.js";import d from"./ZN73TUTH.js";import b from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import{d as x,e as O}from"./EZV7JSQJ.js";import{C as v,c as R,q as T}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as S}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as V,B as _,C as h,D as z,F as M,H as U,g as N,i as c,n as C,z as A}from"./RIM4HLHN.js";import{a as J}from"./2JXQPKO5.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as o,k as H}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:le},{Ha:X,Nb:K,hb:Z,kb:G,nc:j},,,,,{b:I},,{a:Q},,,,,{r:te},{e:y,f:q},{b:E}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function re(m,e){let i=new Set,t=e;return m?.forEach((a,s)=>{let r=a.chartId;(i.has(r)||r===void 0||r==="")&&(a.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=a.chartId)),i.add(r)}),t}function ne(m,e,i){return m?.filter(t=>T(i,t.config)&&t.layer?.id===e)??[]}function ce(m){let{modelList:e,layerList:i,activeLayerId:t,disableEditing:a}=m,s=new Map;return e?.forEach(r=>{let l=r.layer;l&&s.set(l.id,l)}),a||i.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function he(m,e){m.forEach(i=>{e.forEach(t=>{i?.id===t.layer?.id&&oe(i,t)})})}function oe(m,e){let i=m;if(i){let t=[...i?.charts??[]],a=t?.findIndex(r=>r.id===e.chartId),s=!1;a!==void 0&&a>-1?(s=!S(t[a],e.config),t[a]=e.config):i&&!I(e.config)&&(s=!0,t.push(e.config)),s&&(i.charts=t)}}function de(m,e){let i=m;if(i){let t=[...i.charts??[]],a=t.findIndex(s=>s.id===e);a>-1&&(t.splice(a,1),i.charts=t)}}function me(m,e){let i=m;if(i){let t=[...i.charts??[]];t=v({arrayA:t,arrayB:e.map(a=>a.config),getKey:a=>a.id??a.title?.content.text??""}),i.charts=t}}var pe=N`.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;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}`,F=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let i=e,{chartData:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:if(this.chartData=t,a&&(a.dataStore.chartData=t,O(a.layer))){let r=a,l=t?.bins?.length;l!==void 0&&r.binCount!==l&&(r.binCount=l)}break;case o.PieSeries:{this.chartData=t,a&&(a.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:g,aggregated:u}=r,p=g;Number.isFinite(g)||(p=void 0),this.r2=p,Y(a)&&(a.dataStore.r2=p,a.dataStore.aggregated=u,u&&(a.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:l}=t;if((L(s)||B(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==H.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ee($,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),B(s)){let g=s.xAxisField,u=r.some(b=>b[g]===null),p=s.nullCategory;u&&p===void 0&&(s.nullCategory=R.nullCategory)}break}}},this.chartAxesMinMaxChange=e=>{let i=e,{bounds:t,model:a}=i.detail,s=this.getModel(this.selectedChartId),r=a?.isSameChartAs(s),l=s?.chartType;if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,a&&(a.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let i=e,{data:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,a&&(a.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,a&&(a.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let i=e,{propName:t,value:a,model:s}=i.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof a=="boolean"&&Q(r)&&(r.rotated=a);break;case"legendPosition":typeof a=="string"&&D(r)&&(r.legendPosition=a);break;case"legendVisibility":typeof a=="boolean"&&D(r)&&(r.legendVisibility=a);break}},this.chartLegendItemVisibilityChange=e=>{let i=e,{legendItemVisibility:t,model:a}=i.detail,s=this.modelList.find(r=>a?.isSameChartAs(r));s?.setSeriesVisibility(t),w(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:i,layerId:t}=e.target;i!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:i,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let i=e.target;oe(i?.layer,i)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=pe}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:i}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:i,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=i.find(a=>a.layer?.id!==void 0)?.layer?.id;if(t){let a=this.layerList.find(s=>s.id.toString()===t);a&&me(a,i)}}}async layerListChange(){let e=[],i=this.layerList.map(a=>a.id.toString()),t=[...this.modelList.filter(a=>i.includes(a.layer?.id??""))];for(let a of this.layerList??[]){if(a.type==="sublayer"){let r=await a.createFeatureLayer();if(!r)continue;a=r}let s=a.charts;for(let r of s??[]){let l=await J({layer:a,config:r,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}re(e),e.forEach(a=>{t.find(s=>s.isSameChartAs(a))===void 0&&t.push(a)}),t=t.filter(a=>!K(a.config)),this.modelList=t}modelListChange(e,i){this.selectedChartId=re(e,this.selectedChartId),i?.forEach(a=>{a.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(a=>{a.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?E({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&he(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let i=this.getModel(e);this.setEventBasedPropsFromModelData(i),this.currentChartTypeText=i?.chartType!==void 0?E({chartType:i.chartType,commonStrings:this.commonStrings,config:i.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:i})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let i=this.getModel(this.selectedChartId)?.config,t=[];if(i!==void 0&&e!==void 0){let a=j({chartConfig:i,chartData:e}),{minY:s,maxY:r,minX:l,maxX:g}=a;t=[{isXAxis:!0,minimum:l,maximum:g},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(i=>{let{isXAxis:t,maximum:a,minimum:s}=i,r=this.getModel(this.selectedChartId);if(r!==void 0&&w(r)&&this.selectedChartId!==void 0){let l=new ae(r,t),g=W({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),u=$.chartAxesBoundDataMap;u[this.selectedChartId]===void 0&&(u[this.selectedChartId]={});let p=u[this.selectedChartId]?.[g],b={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?a:p?.defaultMaxBound,currMaxBound:a};!S(p,b)&&this.selectedChartId!==void 0&&u?.[this.selectedChartId]!==void 0&&(u[this.selectedChartId][g]=b)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(i=>T(X,i.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:i,layerId:t,layerType:a}=e.detail,s=!0;if(x(a)&&t){let r=this.layerList.find(l=>l.id===t);x(r?.type)&&(s=!!(await G(r))?.attributeTable)}this.setupSelectChartTypePopover(i,t,a,s)}setupSelectChartTypePopover(e,i,t,a=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=M(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${i} .layerType=${t} .isRasterBarChartSupported=${a} .popoverPlacement=${s} @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(i=>i.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=se(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:i}=e.detail;if(i!==void 0){let t=this.modelList.find(s=>s.chartId===i),a=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==i)],a&&this.syncChartsToLayers&&this.allowChartSyncing&&de(a,i)}}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.close=!0,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 i=e.target,t="";switch(i.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=M(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){te(this.tooltip)}renderViewCharts(){let e=ce({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ie(e,i=>i.id,i=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ne(this.modelList,i.id.toString(),x(i.type)?Z:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?le(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<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===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),i=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return t}};U("arcgis-charts-config-create-flow",F);return F},"intl",a,b,d,e,g,i,j,l,m,p,q,r,s,t,u)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as u,c as P,d as T,f as _}from"./OBPAQN4H.js";import{a as w}from"./S7Z4HRW7.js";import{a as N}from"./IHO3OLL3.js";import{a as C}from"./JHANH4UG.js";import{f as l}from"./AK7X7SGI.js";import e from"./U7TKKTUC.js";import a from"./73JQ2I2Q.js";import"./EZV7JSQJ.js";import{n as p,u as S}from"./3TBK72EK.js";import{wa as B,xa as k}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as I}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as F,C as s,F as x,H as A,g as y,i as r,n as g,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as c,k as b,n as d}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=y`.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,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
|
|
2
|
+
import{a as u,c as P,d as T,f as _}from"./OBPAQN4H.js";import{a as w}from"./S7Z4HRW7.js";import{a as N}from"./IHO3OLL3.js";import{a as C}from"./JHANH4UG.js";import{f as l}from"./AK7X7SGI.js";import e from"./MB36GVIV.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import{n as p,u as S}from"./3TBK72EK.js";import{wa as B,xa as k}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as I}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as F,C as s,F as x,H as A,g as y,i as r,n as g,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as c,k as b,n as d}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=y`.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,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as m}from"./S7Z4HRW7.js";import{b as P}from"./IHO3OLL3.js";import d from"./
|
|
2
|
+
import{a as m}from"./S7Z4HRW7.js";import{b as P}from"./IHO3OLL3.js";import d from"./AIPJCK34.js";import{a as S}from"./JHANH4UG.js";import{j as r}from"./AK7X7SGI.js";import b from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import{n as y}from"./3TBK72EK.js";import"./PAIRUVLU.js";import{f as h}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as p,B as f,C as l,H as v,g,i as s,n as o,z as c}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:$},,{a:u,k:d,l:b}])=>{var n={scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},k=g`.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:100%}.pick-list-panel{max-height:60vh}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=S(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},u.PopoverTimer),P(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${b(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import a from"./
|
|
2
|
+
import a from"./4NYV2JV3.js";import{q as x}from"./PAIRUVLU.js";import{a as C,b as g,d as b,f as k}from"./KX7KGXKQ.js";import{d as j,g as z,j as q,l as B,r as L}from"./SP2IPHWF.js";import{a as W}from"./547RDEMV.js";export default $arcgis.t(([Z,{createClassBreaksRenderer:Q},{getSchemes:U},K,{mb:G,tc:A}])=>{function X(e){let a;switch(e.length){case 4:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),255]);break}case 5:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),Number.parseInt(`${t[4]}${t[4]}`,16)]);break}case 7:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),255]);break}case 9:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),Number.parseInt(t[4],16)]);break}}return a}function _(e){let a;if(typeof e=="string"&&e.startsWith("#")){let t=X(e);t&&(a=t)}else Array.isArray(e)&&e.every(t=>typeof t=="number")&&(e.length===4?a=e:e.length===3&&(a=[...e,255]));return a}function J(e){return e===b.BackwardDiagonal||e===b.Cross||e===b.DiagonalCross||e===b.ForwardDiagonal||e===b.Horizontal||e===b.Null||e===b.Solid||e===b.Vertical}function R(e){return e===g.Dash||e===g.DashDot||e===g.DashDotDot||e===g.Dot||e===g.Null||e===g.Solid}function ee(e){let{categoryField:a,numericFields:t,configFields:r,inlineData:c}=e,n={};return r&&Object.keys(r).length>0&&"dataItems"in c&&(n={type:"uniqueValue",field1:a,uniqueValueInfos:[]},c.dataItems.forEach(s=>{let l=s[a];if(l!=null){let o={value:l};t.forEach(i=>{let u=_(s[`${r.fillColor}_${i}`]),m=s[`${r.fillOpacity}_${i}`],p=s[`${r.fillStyle}_${i}`],f=s[`${r.markerSize}_${i}`],d=_(s[`${r.outlineColor}_${i}`]),F=s[`${r.outlineOpacity}_${i}`],$=s[`${r.outlineWidth}_${i}`],N=s[`${r.outlineStyle}_${i}`],S=_(s[`${r.lineColor}_${i}`]),O=s[`${r.lineOpacity}_${i}`],I=s[`${r.lineWidth}_${i}`],w=s[`${r.lineStyle}_${i}`],V=s[`${r.displayLabel}_${i}`];if(typeof V=="string"&&(o={...o,label:V}),f!=null){let y={type:k.SMS};f&&typeof f=="number"&&(y.size=f),o.symbol=y}if(u||J(p)){let y=o.symbol?.type===k.SMS?o.symbol:{type:k.SFS};if(u&&(m&&typeof m=="number"&&(u[3]=m),y.color=u),J(p)&&(y.style=p),o.symbol=y,d||$!=null||R(N)){let D={type:k.SLS};d&&(F&&typeof F=="number"&&(d[3]=F),D.color=d),R(N)&&(D.style=N),$&&typeof $=="number"&&(D.width=$),o.symbol.outline=D}}else if(S||I!=null||R(w)){let y={type:k.SLS};S&&(O&&typeof O=="number"&&(S[3]=O),y.color=S),R(w)&&(y.style=w),I!=null&&typeof I=="number"&&(y.width=I),o.symbol=y}}),(o.label||o.symbol)&&n.uniqueValueInfos.push(o)}})),n}function te(e){let{numericFields:a,configFields:t,inlineData:r}=e,c=r;return"dataItems"in r&&Object.entries(t).forEach(([n,s])=>{a.forEach(l=>{let o=`${s}_${l}`;r.dataItems.forEach(i=>{o in i&&delete i[o]})})}),c}function ae(e){let{categoryField:a,categoryType:t,numericFields:r,inlineData:c}=e,n;if("dataItems"in c){let{dataItems:s}=c,l=[],o="OBJECTID",i=s.map((m,p)=>{let f={...m};return"FID"in m?o="FID":"ObjectId"in m&&(o="ObjectId"),f[o]||(f[o]=p),{attributes:f}});l.push({type:"esriFieldTypeOID",name:o});let u;switch(t){case"dateOnly":u=C.DateOnly;break;case"timeStampOffset":u=C.TimestampOffset;break;case"date":u=C.Date;break;case"number":u=C.Double;break;default:u=C.String;break}l.push({type:u,name:a}),r.forEach(m=>{l.push({type:C.Double,name:m})}),n={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:l},featureSet:{features:i}}]}}}return n}async function re(e){let{categoryField:a,categoryType:t,numericFields:r,configFields:c,inlineData:n}=e,s,l,o=z(n);c&&(s=ee({categoryField:a,numericFields:r,configFields:c,inlineData:o}),o=te({numericFields:r,configFields:c,inlineData:o}));let i=ae({categoryField:a,categoryType:t,numericFields:r,inlineData:o});return i&&(l=await G(i)),{chartRenderer:s,iLayer:i,layer:l}}var E=K.all(),se=U({geometryType:"point",theme:"high-to-low"});function H(e,a,t){let r=Math.max(0,Math.min(1,t));return[Math.round(e[0]+(a[0]-e[0])*r),Math.round(e[1]+(a[1]-e[1])*r),Math.round(e[2]+(a[2]-e[2])*r),Math.round(e[3]+(a[3]-e[3])*r)]}function ne(e,a){return a?.length===e?a:[]}function oe(e){let{numberOfClassBreaks:a,baseColors:t,fallbackStartColor:r=[237,248,251,255],fallbackEndColor:c=[136,65,157,255]}=e,n=[];if(a>0){let s=t?.[0]??r,l=t&&t.length>1?t[t.length-1]:c;if(a===1)n=[s];else for(let o=0;o<a;o++){let i=o/(a-1);n.push(H(s,l,i))}}return n}function le(e){let{colorRamp:a,numberOfClassBreaks:t,isFlipped:r}=e,c=[],n=!1;if(a.colorsForClassBreaks&&a.colorsForClassBreaks.length>0){let s=a.colorsForClassBreaks.find(l=>l.numClasses===t);if(s?.colors?.length===t){let l=s.colors.map(o=>M(o));l.every(o=>o!==void 0)&&(c=r?l.reverse():l,n=!0)}}if(!n){let s=a.colors||[];if(s.length>0){let l=s.map(M).filter(i=>i!==void 0);r&&(l=l.reverse());let o=[];for(let i=0;i<t;i++){let u=t>1?i/(t-1):0,m=Math.floor(u*(l.length-1)),p=Math.min(m+1,l.length-1),f=l[m],d=l[p];if(!f||!d){c=[];break}let F=u*(l.length-1)-m,$=H(f,d,F);o.push($)}c=o}}return c}function P(e){let{numberOfClassBreaks:a,selectedColorRamp:t,colorRamp:r,isFlipped:c=!1}=e,n=ne(a,r),s=t?le({colorRamp:t,numberOfClassBreaks:a,isFlipped:c}):[];return n.length!==a&&(n=s),n.length!==a&&(n=oe({numberOfClassBreaks:a,baseColors:s.length>0?s:r})),n}function ie(e,a=2){return`\u2264 ${(t=>{let r="";return t%1===0?r=t.toString():r=t.toFixed(a),r})(e)}`}function Ie(e){let a="#000000";if(e&&Array.isArray(e)&&e.length>=3){let t=h(e[0]||0),r=h(e[1]||0),c=h(e[2]||0),n=t.toString(16).padStart(2,"0"),s=r.toString(16).padStart(2,"0"),l=c.toString(16).padStart(2,"0");a=`#${n}${s}${l}`}return a}var De={all:["*"],light:["light"],dark:["dark"],redsAndYellows:["oranges","reds","yellows"],greens:["greens"],blues:["blues"],purplesAndPinks:["purples","pinks"],browns:["browns"],grays:["grays"],bright:["bright"],subdued:["subdued"],colorblindFriendly:["colorblind-friendly"]},Be={all:"all"},ce=e=>{let a=0,t=n=>{let s=0;return n.forEach(l=>{let o=l.toString().split(".")[1];o&&(s=Math.max(s,o.length))}),s},r=[...e].sort((n,s)=>n-s),c=t(r);for(;a<=c&&r.some((n,s)=>s>0&&A(n,a)<=A(r[s-1],a));)a++;return Math.min(a,c)};function h(e){return Math.max(0,Math.min(255,Math.round(e)))}function M(e){let a;if(e instanceof Z){let t=e.toRgba();a=[h(t[0]),h(t[1]),h(t[2]),h(t[3]*255)]}else if(Array.isArray(e)&&e.every(t=>typeof t=="number")&&e.length===4){let t=e.length>=4?e[3]??255:255,r=h(t<=1?t*255:t);a=[h(e[0]??0),h(e[1]??0),h(e[2]??0),r]}return a}function v(e){let a=[];for(let t of e){let r=M(t);r&&a.push(r)}return a}function T(e,a){let t=0,r=e.size<=a.size?e:a,c=r===e?a:e;for(let n of r)c.has(n)&&t++;return t}function ue(e){return[...e.colors??[],...q(e.colorsForClassBreaks??[],a=>a.colors??[])]}function me(e){let{ramp:a,breakKeys:t,breakCount:r,weights:c}=e,n=d=>d.join(","),s=a.colorsForClassBreaks?.find(d=>d.numClasses===r)?.colors??[],l=new Set(v(s).map(n)),o=T(t,l),i=new Set(v(P({numberOfClassBreaks:r,selectedColorRamp:a})).map(n)),u=T(t,i),m=ue(a).filter(d=>!!d),p=new Set(v(m).map(n)),f=T(t,p);return o*c.exactN+u*c.generated+f*c.anyOverlap}function Re(e,a){let t={exactN:100,generated:10,anyOverlap:1},r=n=>n.join(","),c;if(e?.length){let n=v(e.map(u=>u.symbol?.color)),s=new Set(n.map(r)),l=n.length,o=a.map(u=>{let m=me({ramp:u,breakKeys:s,breakCount:l,weights:t});return{ramp:u,score:m}}),i=L(o,[u=>-u.score,u=>u.ramp.name]);i[0]?.score>0&&(c=i[0].ramp)}return c}function ve(e,a){let t=!0;if(!e?.length||a.length<2)t=!1;else{let r=e.map(M),c=a.map(n=>n.symbol.color);if(r.length!==c.length)t=!1;else{let n=(o,i)=>!!o&&!!i&&o.length===i.length&&o.every((u,m)=>u===i[m]),s=0,l=c.length-1;for(;s<r.length&&l>=0;){if(!n(r[s],c[l])){t=!1;break}s++,l--}}}return t}async function fe(e){let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorsForClassBreaks:n}=e,s=[],l=await re({categoryField:c??"",categoryType:W.DateAxisFormat,numericFields:[x.valueField],inlineData:a});if(l.layer){let o=se?.primaryScheme,i=await Q({layer:l.layer,field:x.valueField,classificationMethod:r,numClasses:t,colorScheme:o});if(i?.classBreaksResult?.classBreakInfos?.length){let u=ce(i.classBreaksResult.classBreakInfos.map(m=>m.maxValue));s=i.classBreaksResult.classBreakInfos.map((m,p)=>({classMinValue:m.minValue,classMaxValue:m.maxValue,label:ie(m.maxValue,u),symbol:{type:k.SFS,style:b.Solid,color:n?.[p]||[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}))}}return s}function pe(e){return e?.length?e:Y.esriColorRamps}function de(e,a){return e?pe(a).find(t=>t.name===e):void 0}function ye(e){let{colorRampName:a,availableColorRamps:t}=e;return de(a,t)??Y.defaultColorRampForCharts}var Me=j(async e=>{let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorRampName:n,availableColorRamps:s,existingClassBreakInfos:l,useExistingColors:o,isColorRampFlipped:i}=e,u=ye({colorRampName:n,availableColorRamps:s}),m=i??!1,p=P({numberOfClassBreaks:t,selectedColorRamp:u,colorRamp:o?l?.map(f=>f.symbol?.color):void 0,isFlipped:m});return await fe({data:a,classificationMethod:r,breaksCount:t,xAxisField:c,colorsForClassBreaks:p})},e=>JSON.stringify(e)),Y={esriColorRamps:E,defaultColorRampForCharts:E.find(e=>e.name==="Blue 3")??E[0]};function Ne({currentBreaks:e,configBreaks:a,treatReversedColorsAsEqual:t=!0}){let r=!0;if(Array.isArray(e)&&Array.isArray(a)){let c=n=>n.map(({symbol:s,...l})=>l);if(B(c(e),c(a))){let n=e.map(i=>i.symbol?.color),s=a.map(i=>i.symbol?.color),l=B(n,s),o=B(n,[...s].reverse());r=t?!(l||o):!l}}return r}return{a:P,b:Ie,c:De,d:Be,e:Re,f:ve,g:Me,h:Y,i:Ne}},"Color","smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps",a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as c}from"./S7Z4HRW7.js";import{b as k}from"./IHO3OLL3.js";import e from"./
|
|
2
|
+
import{a as c}from"./S7Z4HRW7.js";import{b as k}from"./IHO3OLL3.js";import e from"./AIPJCK34.js";import{a as $}from"./JHANH4UG.js";import{i as l}from"./AK7X7SGI.js";import d from"./JFMBYHTG.js";import"./WNKDEOFZ.js";import a from"./4NYV2JV3.js";import"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as C}from"./PAIRUVLU.js";import{f as v}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as h,B as f,C as i,H as y,g,i as t,n as p,z as m}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{c as s}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:u},,{a:P,l:S}])=>{var o={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",pickListItemLabel:"pick-list-item-label",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},w=g`.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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=w}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===l.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(s.None,t`<calcite-list-item .label=${this._messages.none} .value=${s.None} .selected=${this.selectedTransformationType===s.None}></calcite-list-item>`),c(s.Log,t`<calcite-list-item .label=${this._messages.log} .value=${s.Log} .selected=${this.selectedTransformationType===s.Log}></calcite-list-item>`),c(s.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${s.Sqrt} .selected=${this.selectedTransformationType===s.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===l.fillSymbol||this.contentKind===l.lineSymbol?o.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,L]=n,T=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:v.SFS,color:[r,a,L,T]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(o.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(o.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(l.numericFields);return t`<calcite-panel class=${i(o.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(l.transformation);return t`<calcite-panel class=${i(o.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case l.fillSymbol:return this.renderFillColor();case l.lineSymbol:return this.renderOverlayStyle();case l.numericFields:return this.renderFieldSelect();case l.transformation:return this.renderTransformationSelect();default:return}}};y("arcgis-charts-config-histogram-popover",d);return d},a,d,e)
|