@arcgis/charts-components 5.2.0-next.120 → 5.2.0-next.121
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/{S5QSKGOD.js → 22GEDSID.js} +1 -1
- package/dist/cdn/{4ETHEVDM.js → 2DSJEDV6.js} +1 -1
- package/dist/cdn/{65WBRNOB.js → 2IMGLB5P.js} +1 -1
- package/dist/cdn/{EB5Z3G6D.js → 2MG6R4WZ.js} +1 -1
- package/dist/cdn/{SDDU5POB.js → 346W6JSX.js} +1 -1
- package/dist/cdn/{N7E2X5IX.js → 3JFIDJNK.js} +1 -1
- package/dist/cdn/3QIWL4Y6.js +2 -0
- package/dist/cdn/{ZAW4TN54.js → 4UPY7IZR.js} +1 -1
- package/dist/cdn/{CZGKNCIX.js → 55HD5ASD.js} +1 -1
- package/dist/cdn/{C22JKC32.js → 5NGZOXPZ.js} +1 -1
- package/dist/cdn/{P3VQFUQZ.js → 5NRVL7NV.js} +1 -1
- package/dist/cdn/{EAQZOXHL.js → 5OKYID5L.js} +1 -1
- package/dist/cdn/{UGJ6ZOQG.js → 5VU34FMQ.js} +1 -1
- package/dist/cdn/{U3W5ZPMZ.js → 6BYOOUOD.js} +1 -1
- package/dist/cdn/{FC6VMJIM.js → 6ESJJXFR.js} +1 -1
- package/dist/cdn/{WI4ABUKJ.js → 6IREEVIJ.js} +1 -1
- package/dist/cdn/{UQP6Q7H2.js → 72NDGOVB.js} +1 -1
- package/dist/cdn/{XNGFPEGT.js → 73RZMSJU.js} +1 -1
- package/dist/cdn/{7XTX3KFW.js → 74GBWUON.js} +1 -1
- package/dist/cdn/{JPCSR3D6.js → 7CVC24HH.js} +1 -1
- package/dist/cdn/{HBNL5LOO.js → 7MZUUBLN.js} +1 -1
- package/dist/cdn/{QJL354WC.js → A5JPFNVL.js} +1 -1
- package/dist/cdn/{V7JCHSX7.js → AAVHXU5D.js} +1 -1
- package/dist/cdn/BPEDCIDB.js +2 -0
- package/dist/cdn/{WFMMHYSH.js → CBSDCSFV.js} +1 -1
- package/dist/cdn/{6UUPPMVB.js → CFMJKZLO.js} +1 -1
- package/dist/cdn/{5NMUWLMG.js → CR5FDXHH.js} +1 -1
- package/dist/cdn/{OKH3U3GN.js → CSSKK7IZ.js} +1 -1
- package/dist/cdn/{J6RFRXEU.js → CXWIF2KU.js} +1 -1
- package/dist/cdn/{2LE4U3GT.js → DFR64RQY.js} +1 -1
- package/dist/cdn/{FF547HMW.js → ELRXUJGD.js} +1 -1
- package/dist/cdn/{XA4KE5YW.js → EWRTR7X6.js} +1 -1
- package/dist/cdn/{OQEUNYYG.js → F5DTLXOB.js} +1 -1
- package/dist/cdn/{VIQEFX6O.js → FUBHLZ4H.js} +1 -1
- package/dist/cdn/{VVWD3AMY.js → FZVZ5MJE.js} +1 -1
- package/dist/cdn/{FNDN7EW7.js → G5ND4PUZ.js} +1 -1
- package/dist/cdn/GSF5JMAE.js +2 -0
- package/dist/cdn/{ASQ2GJVW.js → GXCZ6WXB.js} +1 -1
- package/dist/cdn/{UVKFQG23.js → HDPGUTTH.js} +1 -1
- package/dist/cdn/{HXB7PSCG.js → HQO53B54.js} +1 -1
- package/dist/cdn/{RWAKKYLM.js → IGCN2436.js} +1 -1
- package/dist/cdn/INWA5VAO.js +2 -0
- package/dist/cdn/{7WZGORIO.js → K3VIGXRU.js} +24 -24
- package/dist/cdn/{XZ37Y4W5.js → K7OSRGWZ.js} +1 -1
- package/dist/cdn/{4YFDRBNS.js → KDIC74D5.js} +1 -1
- package/dist/cdn/{OMLLMMVS.js → LYOBJZHA.js} +1 -1
- package/dist/cdn/{5LI7FA5C.js → MHHVGZZG.js} +1 -1
- package/dist/cdn/{O5QM6RFL.js → MKCJDMSH.js} +1 -1
- package/dist/cdn/{BYRJMIXU.js → MV4GOTGG.js} +1 -1
- package/dist/cdn/NE2LIVPM.js +2 -0
- package/dist/cdn/{FTTD7LG7.js → O23HS34R.js} +1 -1
- package/dist/cdn/{NNCCPCL2.js → ONW2IT27.js} +1 -1
- package/dist/cdn/{PENUTMVD.js → OVXUFZCS.js} +1 -1
- package/dist/cdn/{3QSV7I2J.js → PQDWXZQQ.js} +1 -1
- package/dist/cdn/{NI5E2OS4.js → QNW7XSUO.js} +1 -1
- package/dist/cdn/{ZOOL6KEW.js → QXDNKTZG.js} +1 -1
- package/dist/cdn/{HPJM5ZOD.js → S6P4Y54X.js} +1 -1
- package/dist/cdn/SAQBQSQJ.js +2 -0
- package/dist/cdn/{4QQPANET.js → SZ5CW7OV.js} +1 -1
- package/dist/cdn/{ZXW6JPMX.js → T34EUD7U.js} +1 -1
- package/dist/cdn/T7I3TS7D.js +2 -0
- package/dist/cdn/{PO2ZDNTQ.js → UELAD6BI.js} +1 -1
- package/dist/cdn/{JQ7S563J.js → UQ2QHPXB.js} +1 -1
- package/dist/cdn/{SZHJZL2A.js → URI7A66F.js} +1 -1
- package/dist/cdn/{STJ2HTKL.js → V7YFMMPW.js} +1 -1
- package/dist/cdn/{T3VRQEKN.js → VTVZQCHN.js} +1 -1
- package/dist/cdn/{S2G75NCQ.js → VWLVU22M.js} +1 -1
- package/dist/cdn/{DPICOEXC.js → WAZUL35Q.js} +1 -1
- package/dist/cdn/{HI7Z5QTR.js → WSU3OSWJ.js} +1 -1
- package/dist/cdn/{BG65SP3R.js → X25OSCFT.js} +1 -1
- package/dist/cdn/{X2R5WPB4.js → XXMGWWQ4.js} +1 -1
- package/dist/cdn/{7QDL4TE3.js → Y5TN6VKQ.js} +2 -2
- package/dist/cdn/{V6MI3KKW.js → Y6NNKV6H.js} +1 -1
- package/dist/cdn/{7SE3B7E2.js → Y6UMC7NU.js} +1 -1
- package/dist/cdn/{WGGNHZDW.js → Y6WT7UDU.js} +1 -1
- package/dist/cdn/{LGS2QMGB.js → YQN5N3XC.js} +1 -1
- package/dist/cdn/{HQX6SMWC.js → YWFQXN7J.js} +1 -1
- package/dist/cdn/{JTO6MPTF.js → ZDDZVKMH.js} +1 -1
- package/dist/cdn/{LQKGTJZ6.js → ZDJAMFJK.js} +1 -1
- package/dist/cdn/{POB26WCE.js → ZMS2AX7K.js} +1 -1
- package/dist/cdn/{LE4F6FBR.js → ZPZQIWBB.js} +1 -1
- package/dist/cdn/{BIUADXHB.js → ZUVDEUDH.js} +1 -1
- package/dist/cdn/assets/charts-config-general/t9n/messages.en.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/box-plot-data.js +2 -2
- package/dist/chunks/box-plot-model.js +1 -1
- package/dist/chunks/chart-ui-utils.js +13 -13
- package/dist/chunks/class-breaks.js +1 -1
- package/dist/chunks/combo-bar-line-chart-model.js +7 -7
- package/dist/chunks/data-labels-visibility.js +2 -2
- package/dist/chunks/data.js +12 -12
- package/dist/chunks/histogram-data.js +1 -1
- package/dist/chunks/index.js +1167 -1119
- package/dist/chunks/index4.js +7 -7
- package/dist/chunks/model-setter.js +3 -3
- package/dist/chunks/model-with-y-guides.js +1 -1
- package/dist/chunks/negative-values-stacked-to-baseline.js +1 -1
- package/dist/chunks/pie-chart-model.js +1 -1
- package/dist/chunks/rounded-corners.js +1 -1
- package/dist/chunks/scatterplot-model.js +6 -6
- package/dist/chunks/serial-chart-data.js +701 -708
- package/dist/chunks/serial-chart-model.js +15 -15
- package/dist/chunks/utils.js +6 -6
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/web-component-utils.js +7 -7
- package/dist/chunks/x-bounds.js +44 -42
- package/dist/components/arcgis-chart/customElement.js +3085 -3010
- package/dist/components/arcgis-charts-config-bar-chart/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-bar-chart-data/customElement.js +52 -47
- package/dist/components/arcgis-charts-config-bar-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-box-plot/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-box-plot-data/customElement.js +10 -7
- package/dist/components/arcgis-charts-config-box-plot-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-create-flow/customElement.js +9 -9
- package/dist/components/arcgis-charts-config-format/customElement.js +5 -5
- package/dist/components/arcgis-charts-config-guide/customElement.js +21 -21
- package/dist/components/arcgis-charts-config-heat-chart/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-histogram/customElement.js +4 -4
- package/dist/components/arcgis-charts-config-line-chart/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-line-chart-data/customElement.js +41 -39
- package/dist/components/arcgis-charts-config-line-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-pie-chart/customElement.js +4 -4
- package/dist/components/arcgis-charts-config-pie-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-scatter-plot/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.js +351 -347
- package/dist/model/mixins/model-with-guides.d.ts +2 -2
- package/dist/utils/chart-config/converter/index.js +20 -20
- package/dist/utils/data/index.d.ts +47 -1
- package/package.json +5 -5
- package/dist/cdn/27DMKFXK.js +0 -2
- package/dist/cdn/7DMHLVYX.js +0 -2
- package/dist/cdn/FVYM4LYH.js +0 -2
- package/dist/cdn/WQ5MRC4U.js +0 -2
- package/dist/cdn/YM3BNPLM.js +0 -2
- package/dist/cdn/ZDQWQTZE.js +0 -2
- package/dist/cdn/ZYWOR5AX.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import d from"./
|
|
2
|
+
import d from"./T34EUD7U.js";import a from"./FUBHLZ4H.js";import{F as m,H as p,I as g,c}from"./ZTVR6KBG.js";import{g as b}from"./SP2IPHWF.js";export default $arcgis.t(([{d:i,e:l},{g:v,h:S}])=>{var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,L=(e,t,o,a)=>{for(var s=u(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&d(t,o,s),s};function X(e){return e!==void 0&&"xAxisTitleSymbol"in e}var f=class extends i{get xAxisTitleSymbol(){return v(this._config,0)}set xAxisTitleSymbol(t){S({symbol:t,axisIndex:0,config:this._config})}};L([l],f.prototype,"xAxisTitleSymbol");var h=Object.defineProperty,O=Object.getOwnPropertyDescriptor,j=(e,t,o,a)=>{for(var s=O(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&h(t,o,s),s},A=e=>{for(let t of e.axes??[])if(t?.labels!==void 0)return t.labels.content},P=(e,t)=>{for(let o of t.axes??[])if(o!==void 0){let a=o.labels?.content.text;e===void 0?o.labels=p({text:"",visible:!0,font:m(c.AxisLabels),type:c.AxisLabels}):o.labels.content=b(e),o.labels.content.text=a}};function k(e){return e!==void 0&&"axisLabelsSymbol"in e}var x=class extends i{get axisLabelsSymbol(){return A(this._config)}set axisLabelsSymbol(t){P(t,this._config)}};j([l],x.prototype,"axisLabelsSymbol");var _=Object.defineProperty,D=Object.getOwnPropertyDescriptor,T=(e,t,o,a)=>{for(var s=D(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&_(t,o,s),s},w=e=>{for(let t of e.axes??[])if(t?.lineSymbol!==void 0)return t.lineSymbol},W=(e,t)=>{for(let o of t.axes??[])o!==void 0&&(o.lineSymbol=b(e)??g())};function q(e){return e!==void 0&&"axisLinesSymbol"in e}var y=class extends i{get axisLinesSymbol(){return w(this._config)}set axisLinesSymbol(t){W(t,this._config)}};T([l],y.prototype,"axisLinesSymbol");return{a:X,b:f,c:k,d:x,e:q,f:y}},a,d)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import g from"./BPEDCIDB.js";import f from"./346W6JSX.js";import e from"./FZVZ5MJE.js";import d from"./T34EUD7U.js";import c from"./FUBHLZ4H.js";import b from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import{c as W,d as D,n as E}from"./WIIKUAWF.js";import{e as oe,f as Ye}from"./WOGALV3T.js";import{J as ae,K as Q,L as Ve,Y as Me,ba as $e,ca as je,ea as We,f as Pe,za as Ze}from"./ZTVR6KBG.js";import{a as pe,f as De}from"./KX7KGXKQ.js";import{d as Oe,g as H,k as Ne,l as we}from"./SP2IPHWF.js";import{a as ce}from"./QP5UAIC6.js";import{a as Se,c as _e}from"./QYRHZJH3.js";import{a as B,b as v,e as Le,h as Ee,k as ne,l as L,n as j,o as Re,v as k}from"./PWJBGZPW.js";export default $arcgis.t(([{substitute:_},{$a:ni,$b:be,A:Je,Gb:ci,Ha:ti,I:Y,Ja:si,Ob:gi,Pb:yi,Qb:U,Rb:ui,S:Z,Sb:R,T:Ge,Tb:z,Ub:J,Vb:he,Vc:Si,Ya:ri,Yb:Be,Z:Ke,bb:ai,bc:mi,cb:oi,d:Ue,dc:Te,fb:li,k:Xe,na:Fe,pa:N,pc:di,qa:w,qc:le,ra:M,rc:fi,sa:xe,sc:G,t:He,ta:ei,ua:ii,vc:pi,w:Qe,wc:q,y:ze},{c:$,d:ge,f:K,g:ve,h:Fi,i:Ie,l:Ce,t:xi},{a:hi,d:Bi,e:bi},{c:ee},{a:Ti,e:vi},{d:te},{a:Ii,b:Ae,f:P,g:ie,i:ye}])=>{var wt=t=>{let e,i=t.series[0];return q(i)&&(e=i.temporalBinning?.size),e},$i=t=>{let e,i=t.series[0];return q(i)&&(e=i.temporalBinning?.unit),e},Lt=t=>{let e,i=t.series[0];return q(i)&&(e=i.temporalBinning?.timeAggregationType),e},Et=t=>{let e,i=t.series[0];return q(i)&&(e=i.temporalBinning?.trimIncompleteTimeInterval),e},Rt=t=>{let e,i=t.series[0];return q(i)&&(e=i.temporalBinning?.nullPolicy),e},ji=(t,e)=>{e?.series?.forEach(i=>{q(i)&&(i.temporalBinning??={},i.temporalBinning.size=t)})},Wi=(t,e)=>{e?.series?.forEach(i=>{q(i)&&(i.temporalBinning??={},i.temporalBinning.nullPolicy=t)})},Dt=(t,e)=>{e.series?.forEach(i=>{q(i)&&(i.temporalBinning??={},i.temporalBinning.unit=t)})},Pt=(t,e)=>{e.series?.forEach(i=>{q(i)&&(i.temporalBinning??={},i.temporalBinning.timeAggregationType=t)})},Vt=(t,e)=>{e.series?.forEach(i=>{q(i)&&(i.temporalBinning??={},i.temporalBinning.trimIncompleteTimeInterval=t)})},Zi=t=>{ji(0,t)},_i=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,Ui=(t,e,i,r)=>{for(var s=Yi(e,i),n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=a(e,i,s)||s);return s&&_i(e,i,s),s},Xi=t=>{let e;return Z(t)?e=t.outTimeZone:t?.series.forEach(i=>{(i.type===B.BarSeries||i.type===B.RadarSeries||i.type===B.LineSeries)&&i.temporalBinning&&(e=i.temporalBinning.outTimeZone)}),e||(e=t?.axes?.[0]?.valueFormat.type===B.DateAxisFormat?t.axes[0].valueFormat.intlOptions.timeZone:void 0),e},wi=(t,e)=>{let i=si(t);Z(e)?t?e.outTimeZone=i:delete e.outTimeZone:e?.series.forEach(r=>{(r.type===B.BarSeries||r.type===B.RadarSeries||r.type===B.LineSeries)&&(t?(r.temporalBinning??={},r.temporalBinning.outTimeZone=i):r.temporalBinning&&delete r.temporalBinning.outTimeZone)}),e?.axes?.[0]?.valueFormat.type===B.DateAxisFormat&&(t?e.axes[0].valueFormat.intlOptions.timeZone=i:delete e.axes[0].valueFormat.intlOptions.timeZone)},qe=class extends Bi{get timeZone(){return Xi(this._config)}set timeZone(e){wi(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};Ui([bi],qe.prototype,"timeZone");function Mt(t,e){let i;return e!==void 0&&(i={...e},i.legend!==void 0&&(i.legend.position=t)),i}function $t(t,e){let i;return e!==void 0&&(i={...e},i.legend!==void 0&&(i.legend.visible=t)),i}function jt(t,e){let i;return e!==void 0&&(i={...e,rotated:t}),i}function Hi(t){let e;return t!==void 0&&(e={...t},delete e.axes?.[0]?.minimum,delete e.axes?.[0]?.maximum,delete e.axes?.[1]?.minimum,delete e.axes?.[1]?.maximum),e}function Wt(t,e){return e!=null||Fe(t)}async function Zt(t){let{config:e,layer:i,abortSignal:r}=t,s=!1;return oe(i)||Ye(e)?e&&oe(i)&&(s=await ci({config:e,layer:i,abortSignal:r})):s=!0,s}async function Qi(t){let{queryObject:e,chartConfig:i,splitByField:r,errorStrings:s,abortSignal:n,runtimeDataFilters:a,ignoreViewExtent:o,setTimeBinningInfoWhenNotProvided:l,returnFeaturesExtent:u,returnStatisticsAggregatedIds:d,chartLimits:p}=t,f=[],y,g=H(i),m=g.series[0],c=mi({queryObject:e,chartConfig:g,runtimeDataFilters:a,ignoreViewExtent:o});if(c.outStatistics?.[0]?.outStatisticFieldName&&(c.outStatistics[0].outStatisticFieldName=Pe.outStatistics.outStatisticFieldName),q(m)&&pi({xAxisValueFormatType:Ue(g),setTimeBinningInfoWhenNotProvided:l,seriesConfig:m,queryObject:e})&&He(r,e)){let{temporalBinning:x,x:S}=m,{uniqueQuery:F}=Te({chartConfig:g,queryConfig:c,queryObject:e,setTimeBinningInfoWhenNotProvided:l,returnFeaturesExtent:u,chartLimits:p}),I=i.axes?.[0].valueFormat.type===B.DateAxisFormat?i.axes[0].valueFormat.intlOptions.timeZone:void 0;y=await Je({queryObject:e,dateField:S,splitByField:r,queryConfig:F,axisTimeZone:I,temporalBinning:x,returnStatisticsAggregatedIds:d,errorStrings:s,abortSignal:n}),f=Array.from(new Set(y.flatMap(T=>{let{stackedAttributes:h}=T,C=[];return h&&(C=h.map(A=>A[r]).filter(A=>A!==void 0)),C})).values())}else{let{uniqueQuery:x}=Te({chartConfig:g,queryObject:e,queryConfig:c,setTimeBinningInfoWhenNotProvided:l,returnFeaturesExtent:u,chartLimits:p}),{elementCount:S}=await ri({chartConfig:g,queryObject:e,queryConfig:c,behaviorAfterLimit:p?.behaviorAfterLimit,numberMaxOfFeaturesToFetch:x.num,abortSignal:n});y=await ze({queryObject:e,queryConfig:x,featureCount:S,returnStatisticsAggregatedIds:d,errorStrings:s,abortSignal:n}),f=Array.from(new Set(y.map(F=>F.attributes[r]).filter(F=>F!==void 0)).values())}return{allValues:f,preFetchedQueryResponse:y}}function zi(t,e){let i=new Map;return t.series.forEach(r=>{let s=le({where:r.query?.where,normalize:!0,escape:!1});e&&s!==null&&(s=Number(s));let n=Se([r]);n!==void 0&&i.set(n,[...i.get(n)??[],s])}),i}function Ji(t){let{allValues:e,configUniqueValuesPerSeriesType:i,initialConfigWasEmpty:r}=t,s=new Map;return Array.from(i.keys()).forEach(n=>{let a=i.get(n)??[],o=[];r?o=e:e.forEach(l=>{a.includes(l)||o.push(l)}),s.set(n,o)}),s}function Gi(t){let{chartConfig:e,missingValue:i,splitByField:r,seriesTemplate:s}=t,n=JSON.parse(JSON.stringify({...e.series[0],...s}));if(n.query){if(i===null?n.id=W.nullValue:i===""?n.id=W.emptyStringValue:n.id=`${i}`,n.name=`${i}`,n.query.outStatistics?.[0]!==void 0){let o=n.id;n.query.outStatistics[0].outStatisticFieldName=o,"y"in n&&(n.y=o)}let a=typeof i=="number"||i===null?i:`'${i}'`;n.query.where=`${r}=${a}`}return n}async function Ki(t){let{updateSplitBySeries:e,config:i,queryObject:r,errorStrings:s,abortSignal:n,runtimeDataFilters:a,ignoreViewExtent:o,setTimeBinningInfoWhenNotProvided:l,returnFeaturesExtent:u,returnStatisticsAggregatedIds:d,chartLimits:p}=t,{seriesTemplate:f}=e??{},y;if(r&&!oe(r)&&e!==void 0&&i!==void 0&&(i.series.length>0||f!==void 0)&&e.addMissingSeries){let g=i.series.length===0;i.series.length===0&&f!==void 0&&i.series.push(f);let m=G(i.series);if(m===D.BoxPlotC5MonoFieldAndSplitBy||m===D.BoxPlotC6MultiFieldsAndSplitBy||m===D.BoxPlotC7MonoFieldAndCategoryAndSplitBy||m===D.BarAndLineSplitBy||m===D.BarAndLineSplitByNoAggregation){let c=di(i.series[0]?.query?.where),x=gi(r),S=yi(c,x),F=S?ui(S):!1,I=await Qi({queryObject:r,chartConfig:i,splitByField:c,abortSignal:n,runtimeDataFilters:a,ignoreViewExtent:o,setTimeBinningInfoWhenNotProvided:l,returnFeaturesExtent:u,returnStatisticsAggregatedIds:d,chartLimits:p,errorStrings:s}),{allValues:T}=I;if({preFetchedQueryResponse:y}=I,T.length>0){let h=zi(i,F),C=Ji({allValues:T,configUniqueValuesPerSeriesType:h,initialConfigWasEmpty:g});Array.from(C.keys()).forEach(A=>{(C.get(A)??[]).forEach(V=>{i.series.push(Gi({chartConfig:i,seriesTemplate:f,missingValue:V,splitByField:c}))}),g&&i.series.shift()})}}}return y}function et(t,e){e&&!Fe(e)&&(e=Qe({chartConfig:e,queryObject:t}))}async function _t(t){let{configToAlter:e,layer:i,addMissingSeries:r,updateSplitBySeries:s,chartContainer:n,queryObject:a,abortSignal:o,runtimeDataFilters:l,ignoreViewExtent:u,setTimeBinningInfoWhenNotProvided:d,returnFeaturesExtent:p,returnStatisticsAggregatedIds:f,chartLimits:y,timeZone:g,errorStrings:m}=t,c=e,x;return c&&(et(i,c),c=await hi(c,i,void 0,o),r&&a&&(x=await Ki({updateSplitBySeries:s,config:c,queryObject:a,errorStrings:m,abortSignal:o,runtimeDataFilters:l,ignoreViewExtent:u,setTimeBinningInfoWhenNotProvided:d,returnFeaturesExtent:p,returnStatisticsAggregatedIds:f,chartLimits:y})),c=Si(c,n),wi(g,c)),{alteredConfig:c,preFetchedQueryResponse:x}}function it(t,e){let i=!1;if(e!==void 0){let r=ai({key:Xe.Average,splitBy:e});i=Number.isFinite(t[r])}return i}function Yt(t){let{data:e,config:i,showEmptySeries:r}=t,s=i.series.length,n=H(i),a=!1;if(!r&&s>1&&e){let o=ni(e),l=Se(i?.series),u=G(i?.series),d=new Set;switch(l){case B.ComboLineAndBarSeries:case B.BarSeries:case B.RadarSeries:case B.LineSeries:{n.series.forEach(f=>{if(Array.isArray(o)){let y="";"y"in f&&(y=Array.isArray(f.y)?f.y[0]:f.y,u===D.BarAndLineSplitByNoAggregation&&(y=`${y}_${le({where:f.query?.where,keepSurroundingQuotes:!1,escape:!1})}`),o.some(g=>li({dataItem:g,x:f.x,y,aggregationType:i.series[0].query?.outStatistics?.[0]?.statisticType}))&&d.add(f))}});break}case B.BoxPlotSeries:{if(Ge(i)){let f=Ke(i);i.series.forEach(y=>{let g,m;y.type===B.BoxPlotSeries?(g=e.dataItems,m=g?.some(c=>oi({dataItem:c,splitBy:y.query?.where,showOutliers:f}))):y.type===B.LineSeries&&(g=e.meanLines,m=g?.some(c=>it(c,y.query?.where))),m&&d.add(y)})}break}}let p=Array.from(d.values());a=p.length>0&&p.length<s,a&&(n.series=p)}return{seriesFilteredOut:a,filteredConfig:n}}var Ut=t=>t.hideEmptyRowsAndColumns,Xt=(t,e)=>{t.hideEmptyRowsAndColumns=e},Ht=(t,e)=>{let i=t.series[0];i.heatRulesType=e},Qt=t=>t.series[0].heatRulesType,zt=(t,e)=>{let i=t.series[0];i.gradientRules=e},Jt=t=>t.series[0].gradientRules,Gt=t=>{let{yField:e,config:i,layerInfo:r,commonStrings:s}=t,{layerFieldsInfo:n}=r,a=ee(1,i),o=tt(i),l=te(i),u=i.series[0];if(typeof e=="string"&&o!==e&&u){if(u.y=e,Hi(i),o===a||l){let d=E(n,e);$(i,1,d)}Li({commonStrings:s,config:i,layerInfo:r})}},tt=t=>t.series[0].y??"",Kt=t=>{let{binning:e,config:i,commonStrings:r}=t,s=i.series[0];if(s.xTemporalBinning=e,e?.unit!==void 0&&e.unit in r.utilsStrings.heatChartCalendarDatePartsUnits){let n=r.utilsStrings.heatChartCalendarDatePartsUnits[e.unit];$(i,0,n)}ue({axisIndex:0,commonStrings:r,config:i})},st=t=>t.series[0].xTemporalBinning,es=t=>{let{binning:e,config:i,commonStrings:r}=t,s=i.series[0];if(s.yTemporalBinning=e,e?.unit!==void 0&&e.unit in r.utilsStrings.heatChartCalendarDatePartsUnits){let n=r.utilsStrings.heatChartCalendarDatePartsUnits[e.unit];$(i,1,n)}ue({axisIndex:1,commonStrings:r,config:i})},rt=t=>t.series[0].yTemporalBinning,nt=(t,e)=>{e.orderOptions??={};let i=e.axes?.[0]?.valueFormat?.type==="category"?k.Category:k.YValue,r=ke(e)[0],s=e.axes?.[1]?.valueFormat?.type==="category"?k.Category:k.YValue,n=ke(e)[1],a={...e.orderOptions.data??{},orderType:k.MultiAxes};r===ce.customSort&&i===k.Category&&(a.orderByX=[...t]),n===ce.customSort&&s===k.Category&&(a.orderByY=[...t]),Object.keys(a).length>1&&(e.orderOptions.data=a)},is=(t,e)=>{let i=e.series[0];i.gridLine&&(i.gridLine.width=t)},ts=t=>t.series[0].gridLine?.width,ss=(t,e)=>{let i=e.series[0],r=t?.length===4&&t.every(s=>typeof s=="number");i.gridLine&&r&&(i.gridLine.color=t)},rs=t=>t.series[0].gridLine?.color,ns=(t,e)=>{let i=e.legend;i&&(i.position=t)},as=t=>t.legend?.position??Le.Bottom,os=t=>t.series[0].query?.outStatistics?.[0]?.onStatisticField,ls=t=>{let{field:e,config:i,layerInfo:r,commonStrings:s}=t,n=i.series[0].query?.outStatistics?.[0],a=fe(i,r,s);n?(n.onStatisticField=e,n.outStatisticFieldName=`${n.statisticType}_${e}`):i.series[0].query={outStatistics:[{onStatisticField:e,outStatisticFieldName:`${v.Count}_${e}`,statisticType:v.Count}]},a&&i.title&&(i.title.content.text=se(i,r,s))},cs=t=>t.series[0].query?.outStatistics?.[0].statisticType??v.Count,gs=t=>{let{aggregationType:e,config:i,layerInfo:r,commonStrings:s}=t,n=i.series[0]?.query?.outStatistics?.[0],a=fe(i,r,s);n&&e!==v.NoAggregation&&(n.statisticType=e,n.outStatisticFieldName=`${e}_${n.onStatisticField}`),(e===v.Count||e===v.Sum)&&at(j.Zero,i),a&&i.title&&(i.title.content.text=se(i,r,s))},ys=t=>t.nullPolicy,at=(t,e)=>{e.nullPolicy=t},us=t=>t.series[0].emptyCells,ms=(t,e)=>{e.series[0].emptyCells=t},ds=t=>t.series[0].emptyCells?.text,fs=(t,e)=>{e.series[0].emptyCells?e.series[0].emptyCells.text=t:e.series[0].emptyCells={text:t}},ps=t=>t.includeLeapDay,Ss=(t,e)=>{e.includeLeapDay=t},Fs=t=>t.series[0].emptyCells?.symbol,xs=(t,e)=>{e.series[0].emptyCells?e.series[0].emptyCells.symbol=t:e.series[0].emptyCells={symbol:t}};function hs(t){return t.viewType}function Bs(t,e){ti(e)||(e.viewType=t)}function bs(t){return t.series[0].classBreaksRules?.breaksCount??W.classBreaks.breaksCount}function Ts(t,e){e.series[0].classBreaksRules!==void 0?e.series[0].classBreaksRules.breaksCount=t??W.classBreaks.breaksCount:e.series[0].classBreaksRules={breaksCount:t??W.classBreaks.breaksCount}}function vs(t){return t.series[0].classBreaksRules?.classificationMethod}function Is(t,e){e.series[0].classBreaksRules!==void 0?e.series[0].classBreaksRules.classificationMethod=t:e.series[0].classBreaksRules={classificationMethod:t},e.series[0].classBreaksRules.breaksCount=e.series[0].classBreaksRules.breaksCount??W.classBreaks.breaksCount}function Cs(t,e){e.firstDayOfWeek=t}function As(t){return t.firstDayOfWeek}function qs(t){return t.series[0].classBreaksRules?.colorRampInfo?.name}function ks(t,e){e.series[0].classBreaksRules!==void 0?e.series[0].classBreaksRules.colorRampInfo={...e.series[0].classBreaksRules.colorRampInfo,name:t}:e.series[0].classBreaksRules={colorRampInfo:{name:t,flipped:!1}}}function Os(t){return t.series[0].classBreaksRules?.colorRampInfo?.flipped??!1}function Ns(t,e){e.series[0].classBreaksRules!==void 0?e.series[0].classBreaksRules.colorRampInfo={...e.series[0].classBreaksRules.colorRampInfo,flipped:t}:e.series[0].classBreaksRules={colorRampInfo:{flipped:t}}}var ot=[L.DayOfMonth,L.MonthOfYear],Ci=t=>{let e;return z(t)?e=ae():(R(t)||J(t))&&(e=Q()),e},Ai=t=>R(t)||J(t),qi=t=>{let{axisIndex:e,commonStrings:i,config:r,valueFormat:s}=t,n=r.axes?.[e]?.valueFormat;s!==void 0&&n?.type!==s.type&&Ce({config:r,commonStrings:i,valueFormat:s,axisIndex:e})},lt=(t,e)=>{let i;return e===0?i=t.series[0]?.xTemporalBinning:e===1&&(i=t.series[0]?.yTemporalBinning),i},ki=(t,e)=>t.utilsStrings.heatChartCalendarDatePartsUnits[e]??"",Oi=(t,e)=>{let i=ot[t];return t===0&&e?.unit===L.DayOfWeek?i=L.HourOfDay:t===1&&e?.unit===L.HourOfDay&&(i=L.DayOfWeek),{type:B.CalendarDateParts,unit:i}},ct=t=>{let e={};switch(t.unit){case L.DayOfMonth:e={day:"2-digit"};break;case L.DayOfWeek:e={weekday:"short"};break;case L.HourOfDay:e={hour:"numeric",hour12:!1};break;case L.MonthOfYear:e={month:"short"};break;default:e=Q().intlOptions;break}return{type:B.DateAxisFormat,intlOptions:e}},Ni=t=>{let{axisIndex:e,binning:i,commonStrings:r,config:s,fieldName:n,layerInfo:a}=t,o=s.series[0],l=ee(e,s),u=E(a.layerFieldsInfo,n);e===0?o.xTemporalBinning=i:e===1&&(o.yTemporalBinning=i),i!==void 0&&(l===""||l===u||l===ki(r,i.unit)||l===r.xAxis)&&$(s,e,ki(r,i.unit))},ue=t=>{let{axisIndex:e,commonStrings:i,config:r}=t,s=lt(r,e),n=s?ct(s):void 0;Ce({config:r,commonStrings:i,valueFormat:n,axisIndex:e})},Li=t=>{let{commonStrings:e,config:i,layerInfo:r}=t,s=i.series[0]?.x??"",n=i.series[0]?.y??"",a=be(r.layerFieldsInfo,s),o=be(r.layerFieldsInfo,n),l=Ci(a),u=Ci(o),d=Ai(a)&&Ai(o),p=z(a)&&z(o);if(qi({axisIndex:0,commonStrings:e,config:i,valueFormat:l}),qi({axisIndex:1,commonStrings:e,config:i,valueFormat:u}),d){let f=st(i)===void 0,y=rt(i)===void 0;f&&(Ni({axisIndex:0,binning:Oi(0,i.series[0].yTemporalBinning),commonStrings:e,config:i,fieldName:s,layerInfo:r}),ue({axisIndex:0,commonStrings:e,config:i})),y&&(Ni({axisIndex:1,binning:Oi(1,i.series[0].xTemporalBinning),commonStrings:e,config:i,fieldName:n,layerInfo:r}),ue({axisIndex:1,commonStrings:e,config:i}))}p&&(i.series[0].xTemporalBinning=void 0,i.series[0].yTemporalBinning=void 0)};function gt(t){let e={};return t.series.forEach(i=>{_e(i)&&"nullCategory"in i&&i.nullCategory!==void 0&&(e.text??=i.nullCategory.text,i.type===B.BarSeries?e.fillSymbol??=i.nullCategory.fillSymbol:e.markerSymbol??=i.nullCategory.markerSymbol)}),e.text||e.fillSymbol||e.markerSymbol?e:void 0}function me(t){let{seriesIndex:e,xAxisField:i,aggregationType:r,config:s,layerInfo:n,commonStrings:a}=t,o=U(n?.layer).idField,l,u=s.series[e??0],d=!1,p=!1,f=!1;if(u===void 0){let h=s.series;d=h.slice(0,e).every(C=>N(C)),p=h.slice(0,e).every(C=>w(C)),f=h.slice(0,e).every(C=>xe(C))}else d=N(u),p=w(u),f=xe(u);d?l=$e({commonStrings:a,seriesIndex:e,objectIDField:o}):p?l=je({commonStrings:a,seriesIndex:e,objectIDField:o}):f?l=Me(a,o):l=We({seriesIndex:e,objectIDField:o,commonStrings:a});let y=s.series[0]?.dataLabels,g="nullCategory"in s.series[0]?gt(s):void 0,m="binTemporalData"in s.series[0]?s.series[0].binTemporalData:void 0,c="classBreakRules"in s.series[0]?s.series[0].classBreakRules:void 0,x="xTemporalBinning"in s.series[0]?s.series[0].xTemporalBinning:void 0,S="yTemporalBinning"in s.series[0]?s.series[0].yTemporalBinning:void 0,F="emptyCells"in s.series[0]?s.series[0].emptyCells:void 0,I=s.series[0].query&&"fetchNullValues"in s.series[0].query?s.series[0].query?.fetchNullValues:void 0,T={...l,x:i,y:"",dataLabels:{...l.dataLabels,type:l.dataLabels?.type??B.Text,content:{...l.dataLabels?.content,...y?.content,type:De.TS},visible:y?.visible??!1},...g!==void 0?{nullCategory:g}:{},...m!==void 0?{binTemporalData:m}:{},...c!==void 0?{classBreakRules:c}:{},...x!==void 0?{xTemporalBinning:x}:{},...S!==void 0?{yTemporalBinning:S}:{},...F!==void 0?{emptyCells:F}:{}};if(T.query={groupByFieldsForStatistics:[i],...I!==void 0?{fetchNullValues:I}:{}},r!==v.NoAggregation&&o!==void 0){let h=`${r}_${o}_0`.toUpperCase();T.y=h,T.query.outStatistics=[{statisticType:r,onStatisticField:o,outStatisticFieldName:h}]}if(q(s.series[0])&&q(T)){let h=$i(s);h===ne.Quarter&&(h=ne.Month),T.temporalBinning={...s.series[0]?.temporalBinning,unit:h}}return H(T)}function se(t,e,i){let{layerFieldsInfo:r}=e,{idField:s,isTraditionalTypeOID:n}=U(e.layer),a=P(t),o=X(t),l=de(t),u=re(t),d=n&&(o.length===0||o.includes(s)),p=Ze(l,i),f=d?"":o.map(F=>E(r??[],F)).join(", "),y=E(r??[],a),g=E(r??[],u),m=t.series.some(F=>M(F)),c=m?"category":"xAxisField",x=y,S="";if(ye({fieldName:a,numericFields:o,fieldList:r}))S=_(i.titleLabels.aggrTypeOfAggrFields,{aggregationType:p,aggregationFields:f});else if(l===v.NoAggregation){let F=d?s:f;if(u===""){let I=m?"aggrTypeCategory":"aggrTypeXAxisField";S=_(i.titleLabels[I],{aggregationType:F,[c]:x})}else{let I=m?"aggrTypeCategoryBySplitBy":"aggrTypeXAxisFieldBySplitBy";S=_(i.titleLabels[I],{aggregationType:F,[c]:x,splitByField:g})}}else if(l===v.Count)if(u===""){let F=m?"aggrTypeCategory":"aggrTypeXAxisField";S=_(i.titleLabels[F],{aggregationType:p,[c]:x})}else{let F=m?"aggrTypeCategoryBySplitBy":"aggrTypeXAxisFieldBySplitBy";S=_(i.titleLabels[F],{aggregationType:p,[c]:x,splitByField:g})}else if(u!==""){let F=m?"aggrTypeOfAggrFieldByCategoryBySplitByField":"aggrTypeOfAggrFieldByXAxisFieldBySplitByField";S=_(i.titleLabels[F],{aggregationType:p,aggregationField:f,[c]:x,splitByField:g})}else if(o.length>0){let F=m?"aggrTypeOfAggrFieldsByCategory":"aggrTypeOfAggrFieldsByXAxisField";S=_(i.titleLabels[F],{aggregationType:p,aggregationFields:f,[c]:x})}return S}var Ei=t=>le({where:t.query?.where,normalize:!1,escape:!1})??"",de=t=>t?.series?.[0]?.query?.outStatistics?.[0]?.statisticType??v.NoAggregation,re=Oe(t=>{let e=t?.series?.[0]?.query?.where?.split("=")[0].trim()??"";return fi(t?.series?.[0]?.query?.where)?"":e},t=>t?.series?.[0]?.query?.where),X=t=>{let e=[];if(re(t)==="")e=t?.series.map(i=>{let r=i.query?.outStatistics?.map(s=>s.onStatisticField)??[];return r?.length>0?r:i.y}).flat()??[];else{let i=t?.series?.[0],r=i?.query?.outStatistics?.[0]?.onStatisticField??[i?.y].flat()[0];e=r!==void 0?[r]:[]}return e.filter(i=>i!=="")};function Ri(t){let{splitByField:e,numericFields:i,layer:r,seriesIndex:s}=t,n=U(r).idField??"";return e===""?i[s]??n:i[0]??n}function yt(t){let{numericFields:e,aggregationType:i,config:r,layerInfo:s}=t,n=!1;i===v.Count?n=!0:i===v.NoAggregation&&(n=e.every(l=>{let u=s.layerFieldsInfo.find(d=>d.name===l);return u!==void 0?he(u):!1})),Ie(r,1,n);let a=r.series.some(l=>N(l)),o=r.series.some(l=>w(l));if(a||o){let l=P(r),u=s.layerFieldsInfo.find(p=>p.name===l),d=u!==void 0&&he(u);Ie(r,0,d)}}function Di(t){for(let e of[1,2])K({config:t,value:null,axisIndex:e,isMax:!1}),K({config:t,value:null,axisIndex:e,isMax:!0})}var ke=t=>{let e;if(Z(t)){let i=t.orderOptions?.data?.orderByX??[""],r=t.orderOptions?.data?.orderByY??[""],s=t.axes?.[0]?.valueFormat?.type==="category"?k.Category:k.YValue,n=t.axes?.[1]?.valueFormat?.type==="category"?k.Category:k.YValue;e=[Ae(i,s),Ae(r,n)]}else{let i=t.orderOptions?.data?.orderType??k.Category,r=t.orderOptions?.data&&"orderBy"in t.orderOptions.data?t.orderOptions.data.orderBy:Ee.Ascending;e=[Ii(r,i)]}return e};function ut(t){let{xAxisField:e,numericFields:i,aggregationType:r,config:s,layerInfo:n,commonStrings:a}=t,{layerFieldsInfo:o}=n,l=me({config:s,xAxisField:e,aggregationType:r,layerInfo:n,seriesIndex:0,commonStrings:a}),u=ie({config:s,xAxisField:e,numericFields:i,aggregationType:r,layer:n.layer,fieldList:o}).name,d=P(s),p=X(s),f=ye({fieldName:d,numericFields:p,fieldList:o})?s.series[0]:void 0,y=`series_${Date.now()}`,g=f?.id??y,m=f?.name??a.axisLabels.values,c={...f??l,id:g,name:m,x:Y,y:u},x=[];for(let S of i)x.push({onStatisticField:S,outStatisticFieldName:`${S}_0`.toUpperCase(),statisticType:r});return c.query={outStatistics:x},s.series.length===1&&((N(c)||w(c))&&Vi(c,s.series[0]),M(c)?c.fillSymbol=s.series[0].fillSymbol:(N(c)||w(c))&&(c.lineSymbol=s.series[0].lineSymbol,c.markerSymbol=s.series[0].markerSymbol)),[c]}function Pi(t){let{xAxisField:e,numericFields:i,aggregationType:r,config:s,layerInfo:n,commonStrings:a}=t,{layerFieldsInfo:o}=n,l=U(n.layer).idField,u=[];for(let g=0;g<i.length;g+=1){let m=me({config:s,xAxisField:e,aggregationType:r,layerInfo:n,seriesIndex:g,commonStrings:a}),c=s.series[g]?.y,x=typeof c=="string"&&c.trim()!==""&&!o.find(O=>O.name===c)?c:ie({config:s,xAxisField:e,numericFields:i,aggregationType:r,layer:n.layer,numericFieldIndex:g,fieldList:o}).name,S=i[g],F=s.series.find(O=>O.query?.where===void 0&&(O.query?.outStatistics?.length===1&&O.query?.outStatistics?.[0]?.onStatisticField===S||O.query?.outStatistics===void 0&&(O.y===S||O.x===S))),I=S!==l?S:m.id,T=F?.id??I,h=F?.name??E(o,S)??T,C=F??m,A={...C,id:T,name:h},V=S;A.query!==void 0&&(r!==v.NoAggregation?(V=A.type===B.HeatSeries&&F?.type===B.HeatSeries?S:x,A.query.outStatistics=[{...C.query?.outStatistics?.[0]??{},onStatisticField:S,outStatisticFieldName:x,statisticType:r}]):delete A.query.outStatistics),A.y=V,u.push(A)}let d=u.filter(g=>M(g)),p=u.filter(g=>N(g)||w(g)),f=s.series.filter(g=>M(g)),y=s.series.filter(g=>N(g)||w(g));return f.length===1&&d.length===1&&M(f[0])&&M(d[0])&&(d[0].fillSymbol=f[0].fillSymbol),y.length===1&&p.length===1&&((N(y[0])&&N(p[0])||w(y[0])&&w(p[0]))&&Vi(p[0],y[0]),(N(y[0])&&N(p[0])||w(y[0])&&w(p[0]))&&(p[0].lineSymbol=y[0].lineSymbol,p[0].markerSymbol=y[0].markerSymbol)),u}function ws(t){let{aggregationType:e,config:i,layerInfo:r,commonStrings:s}=t,{layerFieldsInfo:n,layer:a}=r,o=P(i),l=X(i),u=re(i),d=de(i),p=fe(i,r,s),f=Mi(i,r,s);if(i.series.forEach((y,g)=>{let m=ie({config:i,xAxisField:o,numericFields:l,aggregationType:e,splitByField:u,layer:a,seriesIndex:g,numericFieldIndex:g,fieldList:n}).name;y.y=m;let c=Ri({splitByField:u,numericFields:l,layer:a,seriesIndex:g}),x=y.query?.outStatistics?.[0]?.onStatisticField??c;y.query={...y.query,outStatistics:e===v.NoAggregation?void 0:[{...y.query?.outStatistics?.[0],outStatisticFieldName:m,statisticType:e,onStatisticField:x}]},"temporalBinning"in y&&y.temporalBinning!==void 0&&(y.temporalBinning.nullPolicy=e===v.NoAggregation?j.Interpolate:j.Null),e===v.NoAggregation&&Zi(i)}),p&&i.title&&(i.title.content.text=se(i,r,s)),f&&i.series[0].type!==B.HeatSeries){let y=ge({config:i,layerInfo:r,commonStrings:s,numericFields:l,aggregationType:e});$(i,1,y)}d!==e&&Di(i)}function mt(t){let{splitByField:e,xAxisField:i,numericFields:r,aggregationType:s,config:n,layerInfo:a,commonStrings:o,splitByFieldInfos:l}=t,{layer:u,layerFieldsInfo:d}=a,{categoriesArray:p,splitByFieldType:f}=l,y=Ri({splitByField:e,numericFields:r,layer:u,seriesIndex:0}),g=[];if(p.length===0){g=Pi({xAxisField:i,numericFields:r,aggregationType:s,config:n,layerInfo:a,commonStrings:o});for(let m of g)m.query&&(m.query.where=`${e}=''`)}else for(let m=0;m<p.length;m+=1){let c=p[m],x=ie({config:n,xAxisField:i,numericFields:r,aggregationType:s,layer:a.layer,seriesIndex:m,splitByField:e,fieldList:d}).name,S=me({config:n,xAxisField:i,aggregationType:s,layerInfo:a,seriesIndex:m,commonStrings:o}),F=Be({queryObject:a.layer,fieldName:e,fieldValue:c??""}),I=`${c}`,T=n.series.find(O=>String(Ei(O)).trim().replace(/'/gu,"")===I),h=T?.id??I,C=T?.name??F??h,A=T??S,V={...A,id:h,name:C,y:x,query:{...A.query,where:`${e}=${f===pe.String&&c!==null?`'${c}'`:c}`,outStatistics:s!==v.NoAggregation?[{...A.query?.outStatistics?.[0]??{},onStatisticField:y,outStatisticFieldName:x,statisticType:s}]:void 0}};g.push(V)}return g}var Ls=t=>{let{xAxisFieldName:e,splitByField:i,numericFields:r,aggregationType:s,config:n,layerInfo:a,commonStrings:o,splitByFieldInfos:l}=t,{layerFieldsInfo:u}=a??{},d=H(n),p=vi(n),f=P(d),y=re(d),g=de(d),m=u.find(b=>b.name===f),c=n.series[0]?.query===void 0,x=X(d),S=u.find(b=>b.name===e),F=fe(d,a,o),I=Mi(d,a,o),T=dt({config:d,layerInfo:a,commonStrings:o}),h=ve(n),C=d.series.some(b=>M(b)),A=ei(d.series),V=ii(d.series),O=R(m)||R(S);if(z(S)?h=ae():!J(m)&&J(S)?h=Q():!R(m)&&R(S)?h=Q():R(m)&&!R(S)&&(C?h=ae():h=Ve()),h!==void 0&&Fi(n,o,h),p===0&&(n.series=[me({config:n,xAxisField:e,aggregationType:s,layerInfo:a,commonStrings:o})]),n.series.forEach(b=>{b.x=e,b.query!==void 0&&(b.query.groupByFieldsForStatistics=[e])}),i===""||r.length>1?ye({fieldName:e,numericFields:r,fieldList:u})?n.series=ut({config:n,layerInfo:a,xAxisField:e,numericFields:r,aggregationType:s,commonStrings:o}):n.series=Pi({config:n,layerInfo:a,xAxisField:e,numericFields:r,aggregationType:s,commonStrings:o}):l&&(n.series=mt({config:n,layerInfo:a,splitByField:i,xAxisField:e,numericFields:r,aggregationType:s,commonStrings:o,splitByFieldInfos:l})),T&&e!==Y&&n.series[0].type!==B.HeatSeries){let b=E(u,e);$(n,0,b)}if(I&&n.series[0].type!==B.HeatSeries){let b=ge({config:n,layerInfo:a,commonStrings:o,numericFields:r,aggregationType:s});$(n,1,b)}if(F&&n.title&&(n.title.content.text=se(n,a,o)),f===e&&y===i&&g===s&&we(x,r)||Di(n),yt({numericFields:r,aggregationType:s,config:n,layerInfo:a}),(A||V)&&(K({config:n,value:null,axisIndex:0,isMax:!1}),K({config:n,value:null,axisIndex:0,isMax:!0}),O&&s!==v.NoAggregation&&!Z(d))){let b=R(S)?j.Null:j.Interpolate;Wi(b,n)}Z(n)&&Li({commonStrings:o,config:n,layerInfo:a}),n.series.forEach(b=>{c&&delete b.query,f!==e&&q(b)&&(S?.type===pe.TimeOnly?b.binTemporalData=!1:b.binTemporalData=b.type===B.LineSeries&&R(S))})},Vi=(t,e)=>{t.markerVisible=e.markerVisible,t.lineSmoothed=e.lineSmoothed,t.showArea=e.showArea,t.areaColor=e.areaColor,t.stackNegativeValuesToBaseline=e.stackNegativeValuesToBaseline,e.lineSymbol&&(t.lineSymbol={...e.lineSymbol,color:t.lineSymbol?.color}),e.markerSymbol&&(t.markerSymbol={...e.markerSymbol,color:t.markerSymbol?.color})},Es=t=>{let{config:e,seriesIndex:i,layerInfo:r,commonStrings:s}=t,n=e.series?.[i],a=re(e),o;if(G(e.series)===D.BarAndLineFromFields)o=s.axisLabels.values;else if(Ne(a)){let l=n.query?.outStatistics?.[0]?.onStatisticField;l!==void 0&&l!==U(r.layer).idField&&(o=E(r.layerFieldsInfo,l))}else{let l=String(Ei(n)).trim().replace(/'/gu,"");o=Be({queryObject:r.layer,fieldName:a,fieldValue:l??""})??l}return o??n.id},Rs=(t,e)=>{if(Z(e))nt(t,e);else{e.orderOptions??={};let i=e.orderOptions?.data?.orderType;ke(e)[0]===ce.customSort&&i===k.Category&&(e.orderOptions.data={orderType:k.Category,orderBy:[...t]})}},Ds=async t=>{let{config:e,layerInfo:i,errorStrings:r}=t,s=P(e),n=ve(e)?.type,a=X(e),o=G(e.series),l=[];return n===B.CategoryAxisFormat&&(o===D.BarAndLineFromFields||s===Y?l=a.map(u=>E(i?.layerFieldsInfo,u)):s.trim()!==""&&s!==Y&&i!==void 0&&(l=await xi({layerInfo:i,config:e,category:s,errorStrings:r}))),l};function fe(t,e,i){let r=se(t,e,i),s=Ti(t),n=te(t);return r===s||n}function Mi(t,e,i){let r=ge({config:t,layerInfo:e,commonStrings:i,numericFields:X(t),aggregationType:de(t)}),s=ee(1,t),n=te(t);return r===s||n}function dt(t){let{config:e,layerInfo:i,commonStrings:r}=t,s=E(i.layerFieldsInfo,P(e)),n=ee(0,e),a=te(e),o=P(e)===Y&&(n===""||n===r.xAxis);return s===n||a||o}function Ps(t){return q(t.series[0])?t.series[0].binTemporalData??!0:!1}function Vs(t,e){e?.series.forEach(i=>{q(i)&&(i.binTemporalData=t,t?i.temporalBinning={unit:ne.Day,size:0,timeAggregationType:Re.Start,trimIncompleteTimeInterval:!0,nullPolicy:j.Null}:delete i.temporalBinning)})}return{a:wt,b:$i,c:Lt,d:Et,e:Rt,f:ji,g:Wi,h:Dt,i:Pt,j:Vt,k:Zi,l:wi,m:qe,n:Mt,o:$t,p:jt,q:Hi,r:Wt,s:Zt,t:_t,u:Yt,v:Ut,w:Xt,x:Ht,y:Qt,z:zt,A:Jt,B:Gt,C:tt,D:Kt,E:st,F:es,G:rt,H:is,I:ts,J:ss,K:rs,L:ns,M:as,N:os,O:ls,P:cs,Q:gs,R:ys,S:at,T:us,U:ms,V:ds,W:fs,X:ps,Y:Ss,Z:Fs,_:xs,$:hs,aa:Bs,ba:bs,ca:Ts,da:vs,ea:Is,fa:Cs,ga:As,ha:qs,ia:ks,ja:Os,ka:Ns,la:Li,ma:se,na:de,oa:re,pa:X,qa:ke,ra:ws,sa:Ls,ta:Es,ua:Rs,va:Ds,wa:Ps,xa:Vs}},"intl",a,b,c,d,e,f,g)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./PENUTMVD.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./OQEUNYYG.js";import a from"./7QDL4TE3.js";import{n as b}from"./WIIKUAWF.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./ZTVR6KBG.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.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)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|
|
2
|
+
import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./OVXUFZCS.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import{n as b}from"./WIIKUAWF.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./ZTVR6KBG.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.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)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as D}from"./MQI4ZLAS.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./PENUTMVD.js";import{b as a,c as o,i as m}from"./TENIFMA5.js";import{a as N}from"./SZYIWW3C.js";import d from"./OQEUNYYG.js";import c from"./7QDL4TE3.js";import{n as I}from"./WIIKUAWF.js";import{e as T}from"./WOGALV3T.js";import{C as P,E as x}from"./ZTVR6KBG.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><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></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
|
|
2
|
+
import{a as D}from"./MQI4ZLAS.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./OVXUFZCS.js";import{b as a,c as o,i as m}from"./TENIFMA5.js";import{a as N}from"./SZYIWW3C.js";import d from"./F5DTLXOB.js";import c from"./Y5TN6VKQ.js";import{n as I}from"./WIIKUAWF.js";import{e as T}from"./WOGALV3T.js";import{C as P,E as x}from"./ZTVR6KBG.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><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></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as $}from"./MQI4ZLAS.js";import{a as P}from"./IHO3OLL3.js";import e from"./PENUTMVD.js";import"./TENIFMA5.js";import{a as k}from"./SZYIWW3C.js";import c from"./OQEUNYYG.js";import a from"./7QDL4TE3.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZTVR6KBG.js";import{f as z}from"./KX7KGXKQ.js";import{c as _,h as b,k as G}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./225VUGML.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{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"},D=T`.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 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}.label .slider-input-container{display:flex}.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 x{constructor(){super(...arguments),this._messages=k(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{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},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:z.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);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))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}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,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .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",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(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=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(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=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.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:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(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??y} @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 role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(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()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
|
|
2
|
+
import{a as $}from"./MQI4ZLAS.js";import{a as P}from"./IHO3OLL3.js";import e from"./OVXUFZCS.js";import"./TENIFMA5.js";import{a as k}from"./SZYIWW3C.js";import c from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZTVR6KBG.js";import{f as z}from"./KX7KGXKQ.js";import{c as _,h as b,k as G}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./225VUGML.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{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"},D=T`.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 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}.label .slider-input-container{display:flex}.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 x{constructor(){super(...arguments),this._messages=k(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{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},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:z.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);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))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}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,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .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",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(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=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(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=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.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:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(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??y} @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 role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(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()}`}};N("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{a as f}from"./L7CMLBHB.js";import{a as S,b as w}from"./OBPAQN4H.js";import e from"./PENUTMVD.js";import"./TENIFMA5.js";import{a as B}from"./SZYIWW3C.js";import b from"./OQEUNYYG.js";import a from"./7QDL4TE3.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{h as x}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as M,B as E,C as u,F as I,H as L,g as C,i as s,z as c}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:b,f:p,g:N,h:m,i:i}])=>{var h={linkContainer:"link-container",label:"label",mb2:"mb-2"},$=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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,v=class extends E{constructor(){super(...arguments),this._messages=B(),this.commonStrings=B({name:"common",blocking:!0}),this.axisModel=new f,this.minBoundInputElement=c(),this.maxBoundInputElement=c(),this.showLogScaleSwitch=c(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=()=>{let e=this.maxBoundInputElement.value?.value,t=this.maxBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(n)?n:this.initialMinBound,g=this.maxBoundInputElement.value?.min===void 0?o:Math.max(this.maxBoundInputElement.value.min,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,g,this.maxBoundInputElement.value?.max)){if(a!==l){this.axisModel.setMaxBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMaxBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:t}),t!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=x(this.onMaxBoundsChange,b.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(l)?l:this.initialMaxBound,g=this.minBoundInputElement.value?.max===void 0?o:Math.min(this.minBoundInputElement.value.max,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,this.minBoundInputElement.value?.min,g)){if(a!==n){this.axisModel.setMinBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMinBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:t}),t!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=x(this.onMinBoundsChange,b.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle="",this.showMaxBoundOption=!1,this.showMinBoundOption=!1,this.showEnableLogOption=!1}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=$}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,e.get("dataMinValue")),e.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,e.get("dataMaxValue")),e.has("initialMaxBound")&&this.initialMaxBoundChange(),e.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){this.axisModel=new f(this.model,this.isXAxis),t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMinBound=e)}dataMaxValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMaxBound=e)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let e,t=S.chartAxesBoundDataMap,n=this.model.chartId;if(n){let l=w({chartId:n,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[n]?.[l]}return e}disableResetButtons(){let e=this.getAxisBoundsFromStateStore();e&&(this.disableMaxBoundResetBtn=e.defaultMaxBound===e.currMaxBound,this.disableMinBoundResetBtn=e.defaultMinBound===e.currMinBound)}onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=I(s`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}onCategoryFormatChange(e){this.axisModel.setValueFormat(e.target.categoryFormat)}updateEnableLogarithmic(e){e!==this.axisModel.getLogarithmic()&&(this.axisModel.setLogarithmic(e),this.requestUpdate())}onNumberFormatChange(e){this.axisModel.setValueFormat({type:d.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let e=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&this.axisModel.setMinBound(e?.defaultMinBound??Number.NaN),this.axisModel.setMaxBound(e?.defaultMaxBound??Number.NaN),this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:i.IDLE}),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:i.IDLE}),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return s`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===d.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case d.CategoryAxisFormat:e=s`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case d.NumberAxisFormat:e=s`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...t.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case d.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=N(this.axisModel.getMaxBound(),this.initialMaxBound);e=s`<div><calcite-label class=${u(h.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${M(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderMinBound(){let e;if(!this.showMinBoundOption)e=null;else{let t=N(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=s`<div><calcite-label class=${u(h.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${M(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderShowLogScale(){let e;return this.showEnableLogOption&&(e=s`<calcite-label layout=inline-space-between class=${u({[h.label]:!0,[h.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${M(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};L("arcgis-charts-config-axis",v);return v},a,b,e)
|
|
2
|
+
import{a as f}from"./L7CMLBHB.js";import{a as S,b as w}from"./OBPAQN4H.js";import e from"./OVXUFZCS.js";import"./TENIFMA5.js";import{a as B}from"./SZYIWW3C.js";import b from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{h as x}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as M,B as E,C as u,F as I,H as L,g as C,i as s,z as c}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:b,f:p,g:N,h:m,i:i}])=>{var h={linkContainer:"link-container",label:"label",mb2:"mb-2"},$=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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,v=class extends E{constructor(){super(...arguments),this._messages=B(),this.commonStrings=B({name:"common",blocking:!0}),this.axisModel=new f,this.minBoundInputElement=c(),this.maxBoundInputElement=c(),this.showLogScaleSwitch=c(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=()=>{let e=this.maxBoundInputElement.value?.value,t=this.maxBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(n)?n:this.initialMinBound,g=this.maxBoundInputElement.value?.min===void 0?o:Math.max(this.maxBoundInputElement.value.min,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,g,this.maxBoundInputElement.value?.max)){if(a!==l){this.axisModel.setMaxBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMaxBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:t}),t!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=x(this.onMaxBoundsChange,b.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(l)?l:this.initialMaxBound,g=this.minBoundInputElement.value?.max===void 0?o:Math.min(this.minBoundInputElement.value.max,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,this.minBoundInputElement.value?.min,g)){if(a!==n){this.axisModel.setMinBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMinBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:t}),t!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=x(this.onMinBoundsChange,b.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle="",this.showMaxBoundOption=!1,this.showMinBoundOption=!1,this.showEnableLogOption=!1}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=$}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,e.get("dataMinValue")),e.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,e.get("dataMaxValue")),e.has("initialMaxBound")&&this.initialMaxBoundChange(),e.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){this.axisModel=new f(this.model,this.isXAxis),t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMinBound=e)}dataMaxValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMaxBound=e)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let e,t=S.chartAxesBoundDataMap,n=this.model.chartId;if(n){let l=w({chartId:n,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[n]?.[l]}return e}disableResetButtons(){let e=this.getAxisBoundsFromStateStore();e&&(this.disableMaxBoundResetBtn=e.defaultMaxBound===e.currMaxBound,this.disableMinBoundResetBtn=e.defaultMinBound===e.currMinBound)}onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=I(s`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}onCategoryFormatChange(e){this.axisModel.setValueFormat(e.target.categoryFormat)}updateEnableLogarithmic(e){e!==this.axisModel.getLogarithmic()&&(this.axisModel.setLogarithmic(e),this.requestUpdate())}onNumberFormatChange(e){this.axisModel.setValueFormat({type:d.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let e=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&this.axisModel.setMinBound(e?.defaultMinBound??Number.NaN),this.axisModel.setMaxBound(e?.defaultMaxBound??Number.NaN),this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:i.IDLE}),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:i.IDLE}),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return s`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===d.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case d.CategoryAxisFormat:e=s`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case d.NumberAxisFormat:e=s`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...t.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case d.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=N(this.axisModel.getMaxBound(),this.initialMaxBound);e=s`<div><calcite-label class=${u(h.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${M(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderMinBound(){let e;if(!this.showMinBoundOption)e=null;else{let t=N(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=s`<div><calcite-label class=${u(h.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${M(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderShowLogScale(){let e;return this.showEnableLogOption&&(e=s`<calcite-label layout=inline-space-between class=${u({[h.label]:!0,[h.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${M(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};L("arcgis-charts-config-axis",v);return v},a,b,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"./OVXUFZCS.js";import"./TENIFMA5.js";import{a as g}from"./SZYIWW3C.js";import b from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import{G as u}from"./ZTVR6KBG.js";import{f as d}from"./KX7KGXKQ.js";import{p as n}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as y,C as i,H as S,g as h,i as o,n as s,z as m}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:b,g:v,h:c,i:r}])=>{var C={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},a={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},$=h`.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{overflow-y:auto}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container{display:flex}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel .font-style-container{padding:0 1rem}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,f=class extends y{constructor(){super(...arguments),this._messages=g(),this.fontSizeInputElement=m(),this.fontStyle={type:d.TS},this.open=!1,this.enableClose=!1,this.arcgisChartsConfigFontStyleChange=s(),this.arcgisChartsConfigFontStyleClose=s()}static{this.properties={messageOverrides:0,fontStyle:0,header:1,open:5,enableClose:5}}static{this.styles=$}closePanel(t){t.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let l={family:e};this.isNewFontProperty("family",l)&&(this.fontStyle=n(this.fontStyle,{font:l}),this.emitFontStyleEvent({font:l}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&b(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.IDLE})}else this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.INVALID})}boldSelect(){let t="bold";this.fontStyle?.font?.weight===t&&(t="normal");let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t="italic";this.fontStyle?.font?.style===t&&(t="normal");let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t="underline";this.fontStyle?.font?.decoration===t&&(t="none");let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(C).map(e=>o`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===u().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(o`<calcite-option value selected></calcite-option>`),t}render(){return o`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.inputLabel)}>${this._messages.size}<calcite-input class=${i(a.numberInput)} type=number min=6 max=40 step=1 .value=${v(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${p(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight==="bold"}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style==="italic"}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration==="underline"}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(a.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};S("arcgis-charts-config-font-style",f);return f},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import b from"./
|
|
2
|
+
import b from"./FUBHLZ4H.js";import a from"./Y5TN6VKQ.js";import{Ja as f}from"./ZTVR6KBG.js";export default $arcgis.t(([{ra:i},{d:g,e:c}])=>{var h=r=>{let{config:e,seriesIndex:n,callback:s}=r;[n!==void 0?e.series?.[n]:e.series].flat().forEach(o=>{i(o)&&s(o)})},k=(r,e)=>i(e.series?.[r])?e.series?.[r].hideOversizedSideBySideLabels:void 0,y=r=>{let{hide:e,seriesIndex:n,config:s}=r;h({config:s,seriesIndex:n,callback:o=>{o.hideOversizedSideBySideLabels=e}})},_=(r,e)=>i(e.series?.[r])?e.series?.[r].hideOversizedStackedLabels:void 0,z=r=>{let{hide:e,seriesIndex:n,config:s}=r;h({config:s,seriesIndex:n,callback:o=>{o.hideOversizedStackedLabels=e}})},p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(r,e,n,s)=>{for(var o=b(e,n),t=r.length-1,u;t>=0;t--)(u=r[t])&&(o=u(e,n,o)||o);return o&&p(e,n,o),o};function a(r){return r.series.some(i)}function C(r){return a(r)?r.roundCorners?.rounded??!1:!1}function v(r,e){let n=r??!1;e.roundCorners={rounded:n,cornerRadius:e.roundCorners?.cornerRadius??f}}function R(r){return r.roundCorners?.cornerRadius}function m(r,e){e.roundCorners={rounded:e.roundCorners?.rounded??!1,cornerRadius:r??e.roundCorners?.cornerRadius}}var d=class extends g{get roundCorners(){return C(this._config)}set roundCorners(e){a(this._config)&&v(e,this._config)}get cornerRadius(){return R(this._config)}set cornerRadius(e){a(this._config)&&m(e,this._config)}};l([c],d.prototype,"roundCorners");l([c],d.prototype,"cornerRadius");return{a:k,b:y,c:_,d:z,e:d}},a,b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./PENUTMVD.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./ZDQWQTZE.js";import e from"./OQEUNYYG.js";import a from"./7QDL4TE3.js";import{c as u,n as D}from"./WIIKUAWF.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZTVR6KBG.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([O,{Ob:N,Pb:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(q=>typeof q=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
2
|
+
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./OVXUFZCS.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./NE2LIVPM.js";import e from"./F5DTLXOB.js";import a from"./Y5TN6VKQ.js";import{c as u,n as D}from"./WIIKUAWF.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZTVR6KBG.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([O,{Rb:N,Sb:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(q=>typeof q=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as e,c as n,d as o}from"./7NWEE7T2.js";import f from"./
|
|
2
|
+
import{b as e,c as n,d as o}from"./7NWEE7T2.js";import f from"./UELAD6BI.js";import c from"./346W6JSX.js";import{a as B,p as u}from"./RPUEIRTH.js";import a from"./Y5TN6VKQ.js";import{B as A,a as E,d as C,p as b}from"./WIIKUAWF.js";import{e as h}from"./WOGALV3T.js";import{a as d}from"./QYRHZJH3.js";import{a as r}from"./PWJBGZPW.js";export default $arcgis.t(([{sc:p},{d:f},{a:F}])=>{var V=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsCSV,e.ExportAsImage],I=[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],M=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,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.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],z=[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.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],P=[e.EditChart,e.FilterByExtent,e.ExportAsImage,e.ExportAsCSV];function O(c){switch(c){case r.BarSeries:return V;case r.LineSeries:return I;case r.ComboLineAndBarSeries:return L;case r.PieSeries:return M;case r.HistogramSeries:return Z;case r.ScatterSeries:return z;case r.BoxPlotSeries:return R;case r.GaugeSeries:return P;case r.HeatSeries:return T;default:return[]}}var W=(c,i,t)=>{let l=c.target.assignedNodes().find(a=>"legendToggle"in a||"legendActive"in a),s=d(t?.series);return l&&(l.chartType=s,H({actionBar:l,chartComponent:i,config:t})),l};function H(c){let{actionBar:i,chartComponent:t,config:l,isInfoModalDisplayed:s}=c,a=A(t.selectionData),D=l?.legend?l.legend.visible??!0:!1;if(i.chartType=d(l?.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,i.editChartEnabled=!!(t.enableConfiguration||t.configurationEnabled);let S=l&&b(l.series);i.legendState=S?o.Enabled:o.Disabled,i.legendDisabled=!S;let g=B(t?.model)&&u(t?.model)?t.model.legendVisibility:D;i.legendToggle=S&&g?n.Active:n.Inactive,i.legendActive=!!(S&&g);let y=B(t?.model)&&F(t.model)?t.model.rotated:l?.rotated;i.rotateChartToggle=y?n.Active:n.Inactive,i.rotateChartActive=!!y;let m=p(l?.series??[])===C.PieFromFields,x=h(t.layer);i.filterBySelectionState=!x&&!m&&(t.filterBySelection||!a&&(!t.filterByExtent||!t.filterByViewExtent))?o.Enabled:o.Disabled,i.filterBySelectionDisabled=!(!x&&!m&&(t.filterBySelection||!a&&(!t.filterByExtent||!t.filterByViewExtent))),i.filterBySelectionToggle=t.filterBySelection?n.Active:n.Inactive,i.filterBySelectionActive=!!t.filterBySelection,i.filterByExtentState=t.filterByViewExtent||!t.filterBySelection?o.Enabled:o.Disabled,i.filterByExtentDisabled=!(t.filterByViewExtent||!t.filterBySelection),i.filterByExtentToggle=t.filterByViewExtent?n.Active:n.Inactive,i.filterByViewExtentActive=!!t.filterByViewExtent,i.zoomState=t.filterBySelection?o.Disabled:o.Enabled,i.zoomDisabled=!!t.filterBySelection,i.zoomToggle=t.actionMode===E.Zoom?n.Active:n.Inactive,i.zoomActive=t.actionMode===E.Zoom,i.selectionState=t.filterBySelection?o.Disabled:o.Enabled,i.selectionDisabled=!!t.filterBySelection,i.selectionToggle=(t.actionMode??i.actionBarSelectionMode)===i.actionBarSelectionMode?n.Active:n.Inactive,i.selectionActive=(t.actionMode??i.actionBarSelectionMode)===i.actionBarSelectionMode,i.clearSelectionState=a?o.Disabled:o.Enabled,i.clearSelectionDisabled=!!a,i.fullExtentState=t.filterBySelection?o.Disabled:o.Enabled,i.fullExtentDisabled=!!t.filterBySelection,i.switchSelectionState=t.filterBySelection?o.Disabled:o.Enabled,i.switchSelectionDisabled=!!t.filterBySelection,i.exportActionState=s||f(l)?o.Disabled:o.Enabled,i.exportActionDisabled=!!(s||f(l))}return{a:O,b:W,c:H}},a,c,f)
|