@arcgis/charts-components 5.2.0-next.71 → 5.2.0-next.73
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/LICENSE.md +4 -2
- package/dist/cdn/{4M4SAEH4.js → 27T5D3K4.js} +1 -1
- package/dist/cdn/{QSGJ3MAT.js → 2EX6L3UK.js} +1 -1
- package/dist/cdn/{54VUGIAU.js → 2NQ6MELS.js} +1 -1
- package/dist/cdn/{VHW4OAKG.js → 2TE3YZBW.js} +3 -3
- package/dist/cdn/{7XWR4EVM.js → 3K3AZU3H.js} +1 -1
- package/dist/cdn/{FJGG2VVZ.js → 3P2SRGLO.js} +1 -1
- package/dist/cdn/{5NVOWYWZ.js → 3VM4DOEZ.js} +1 -1
- package/dist/cdn/{IODRBLGT.js → 4BRBVLD3.js} +1 -1
- package/dist/cdn/{2SLJKRSD.js → 4R7PF5KX.js} +1 -1
- package/dist/cdn/{SSQPRUUN.js → 54JCSWKS.js} +1 -1
- package/dist/cdn/{IO6A77U4.js → 5LWG4OGB.js} +1 -1
- package/dist/cdn/{I5DMUUEL.js → 5ROKZRVW.js} +1 -1
- package/dist/cdn/{25MA553Z.js → 5TF4XWIC.js} +1 -1
- package/dist/cdn/{OAXHS4LE.js → 5X7Q3I6R.js} +1 -1
- package/dist/cdn/{3PDVKKKZ.js → 6F6RXEE7.js} +1 -1
- package/dist/cdn/{SL7NRRSJ.js → 6O3HF44R.js} +1 -1
- package/dist/cdn/{QWCNHH6G.js → 6QQTUFRP.js} +1 -1
- package/dist/cdn/{WDUTZ6EO.js → 76SBKWBM.js} +1 -1
- package/dist/cdn/{VUHFYOLC.js → 7NQYTB6K.js} +1 -1
- package/dist/cdn/{4DC4ARHU.js → 7O3T7HG5.js} +1 -1
- package/dist/cdn/{6TJIHHQF.js → 7VJRGF4E.js} +1 -1
- package/dist/cdn/{GIH3U7YP.js → A7ISZ5RM.js} +1 -1
- package/dist/cdn/{VNYRZDY5.js → BBWFFVQ7.js} +1 -1
- package/dist/cdn/{RCZLTGQI.js → BE3D4CYZ.js} +1 -1
- package/dist/cdn/{BZ6FUIQF.js → BRWJSQNF.js} +1 -1
- package/dist/cdn/{OTFA727N.js → BTKWU3YE.js} +1 -1
- package/dist/cdn/{PTUMQCFF.js → C6U7HPQE.js} +1 -1
- package/dist/cdn/{DT5BOM5F.js → CY3UKUIP.js} +1 -1
- package/dist/cdn/{2K4MIK4T.js → D2AGAJK7.js} +1 -1
- package/dist/cdn/{LIDWAYQH.js → D43DR25R.js} +28 -28
- package/dist/cdn/{4JWIBRGO.js → D6MRUKIA.js} +1 -1
- package/dist/cdn/{4IO3VF3L.js → DQSPIG3P.js} +1 -1
- package/dist/cdn/DY2DE7FX.js +2 -0
- package/dist/cdn/{3B6QE7OV.js → E4ZOL5K5.js} +1 -1
- package/dist/cdn/{QT64PB4L.js → EUNBXPUS.js} +1 -1
- package/dist/cdn/{ROG3HFDT.js → EUQPESOK.js} +1 -1
- package/dist/cdn/{K6F2LRKI.js → F3ZGHFA6.js} +1 -1
- package/dist/cdn/{MAC4MPUA.js → FLMUOC55.js} +1 -1
- package/dist/cdn/{WM6SCZHN.js → HOQNWF7T.js} +1 -1
- package/dist/cdn/{PIEX577B.js → HS52MRKJ.js} +1 -1
- package/dist/cdn/{QC3FMJKL.js → HXC5LKJW.js} +1 -1
- package/dist/cdn/{IK4FPUFJ.js → IMG5US47.js} +1 -1
- package/dist/cdn/{7KNUJIOC.js → IXBLQSE6.js} +1 -1
- package/dist/cdn/{V2FHLWYC.js → JYV4I2GQ.js} +1 -1
- package/dist/cdn/{3FM3YR57.js → KBROJDYY.js} +1 -1
- package/dist/cdn/{NUHPR7BM.js → KMX777EF.js} +1 -1
- package/dist/cdn/{BQORJ3LU.js → KN6WLM2H.js} +1 -1
- package/dist/cdn/{WPLHZAZ3.js → LKNQUAR2.js} +1 -1
- package/dist/cdn/{OE7Q4MG5.js → LMOH2EKW.js} +1 -1
- package/dist/cdn/{NF4EBNLN.js → LP5TTMQR.js} +1 -1
- package/dist/cdn/{OE7FIKPS.js → M2TX43TJ.js} +1 -1
- package/dist/cdn/{XH57C72H.js → MQJAK2SJ.js} +1 -1
- package/dist/cdn/{L6DFXTSQ.js → NAUEEC5O.js} +1 -1
- package/dist/cdn/{F5AR3N3Z.js → NLIYZT4J.js} +1 -1
- package/dist/cdn/{LAPBDR32.js → NPH57JQ6.js} +1 -1
- package/dist/cdn/{JYLEN3VQ.js → NQ5JEX36.js} +1 -1
- package/dist/cdn/{MOG5ZVLX.js → NVINMCGT.js} +1 -1
- package/dist/cdn/{BAFCVCT4.js → OFJFM4B4.js} +1 -1
- package/dist/cdn/{BNNBHYRP.js → OQZDT6CL.js} +1 -1
- package/dist/cdn/{3XB2RWHK.js → OUOCOHTG.js} +1 -1
- package/dist/cdn/{EJWHEBKW.js → OWJQEWK7.js} +1 -1
- package/dist/cdn/{JAQYU6KP.js → P6YFC7LU.js} +1 -1
- package/dist/cdn/{7REEJ3OW.js → PE3I5BB4.js} +1 -1
- package/dist/cdn/{5GZDXWTQ.js → PZL4HGLN.js} +1 -1
- package/dist/cdn/{CVFKL3S2.js → Q2GJNRU2.js} +1 -1
- package/dist/cdn/{O2BQ374Y.js → Q7VV6RA4.js} +1 -1
- package/dist/cdn/{3WOYVXSZ.js → R2GPX6DA.js} +1 -1
- package/dist/cdn/{VAF3UIVA.js → RHSCKBJG.js} +1 -1
- package/dist/cdn/RSLGXN7X.js +2 -0
- package/dist/cdn/{P6DBPQZO.js → RXSNPRN7.js} +1 -1
- package/dist/cdn/{ZK5Z6BOX.js → S3LRWKAX.js} +1 -1
- package/dist/cdn/{3V4ZETXH.js → S3QIWVN6.js} +1 -1
- package/dist/cdn/{LPYRKK25.js → SJ7UC3JM.js} +1 -1
- package/dist/cdn/{NP24UZGI.js → SM5PY54Q.js} +1 -1
- package/dist/cdn/{AVE3KXWQ.js → SPAWFHXG.js} +1 -1
- package/dist/cdn/{RCLHFY6O.js → TBAK2RCH.js} +1 -1
- package/dist/cdn/{33JR3GH6.js → TSORVNA6.js} +1 -1
- package/dist/cdn/{27RKQQPS.js → TTMIUSJW.js} +1 -1
- package/dist/cdn/{QAXXYD6N.js → UFCXIYYK.js} +1 -1
- package/dist/cdn/{4ODTQZJK.js → UUKKQ3K7.js} +1 -1
- package/dist/cdn/VMN2UXWS.js +3 -0
- package/dist/cdn/{GKEW5JYD.js → VZOL2AD6.js} +1 -1
- package/dist/cdn/{E7QFC64H.js → W4F6FFOT.js} +1 -1
- package/dist/cdn/{4JUR3VIE.js → XFO5L4DP.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/box-plot-model.js +37 -37
- package/dist/chunks/class-breaks.js +66 -66
- package/dist/chunks/combo-bar-line-chart-model.js +1 -1
- package/dist/chunks/data.js +15 -15
- package/dist/chunks/index2.js +3184 -3143
- package/dist/chunks/index4.js +1 -1
- package/dist/chunks/model-setter.js +1 -1
- package/dist/chunks/negative-values-stacked-to-baseline.js +6 -6
- package/dist/chunks/pie-chart-model.js +385 -334
- package/dist/chunks/scatterplot-model.js +1 -1
- package/dist/chunks/serial-chart-data.js +50 -50
- package/dist/chunks/serial-chart-model.js +1 -1
- package/dist/chunks/type-guards2.js +15 -15
- package/dist/chunks/utils.js +10 -10
- package/dist/chunks/web-component-utils.js +1 -1
- package/dist/chunks/x-bounds.js +5 -5
- package/dist/components/arcgis-chart/customElement.d.ts +11 -29
- package/dist/components/arcgis-chart/customElement.js +171 -166
- package/dist/components/arcgis-charts-config-bar-chart/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-bar-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-box-plot-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-create-flow/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-format/customElement.js +7 -7
- package/dist/components/arcgis-charts-config-guide/customElement.js +7 -7
- package/dist/components/arcgis-charts-config-heat-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-histogram/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-histogram-popover/customElement.js +9 -9
- package/dist/components/arcgis-charts-config-line-chart/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-line-chart-popover/customElement.js +9 -9
- package/dist/components/arcgis-charts-config-pie-chart-popover/customElement.js +18 -18
- package/dist/components/arcgis-charts-config-scatter-plot/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-view-charts/customElement.js +4 -4
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.js +208 -207
- package/dist/model/pie-chart-model/pie-chart-legend-model.d.ts +7 -55
- package/dist/model/pie-chart-model/pie-chart-model.d.ts +59 -2
- package/dist/model/shared/type-guards.d.ts +1 -0
- package/dist/utils/chart-config/converter/index.js +32 -32
- package/dist/utils/components/interfaces.d.ts +2 -0
- package/package.json +4 -4
- package/dist/cdn/CNI32IL3.js +0 -2
- package/dist/cdn/CRQK4CKK.js +0 -2
- package/dist/cdn/NAGOJPIX.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./76SBKWBM.js";import{a as A,b as M}from"./WDMYVS4F.js";import e from"./NVINMCGT.js";import d from"./D6MRUKIA.js";import a from"./VMN2UXWS.js";import{F as _,G as S,I as L,c as y}from"./USNJZCHH.js";import{f as c}from"./KX7KGXKQ.js";import{g as G}from"./SP2IPHWF.js";import{j as x}from"./QP5UAIC6.js";import{a as b}from"./K4APZJ2O.js";export default $arcgis.t(([{$a:C,ab:O,ub:T},{c:m,d:v,q:X},{b:l,c:a},j])=>{var P=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},V=(t,e)=>{for(let i of e.axes??[])for(let s of i?.guides??[]){let o=s.label?.text??"";s.label=G(t),s.label!==void 0&&(s.label.text=o)}};function r(t){return{...t,axis:t.orientation===x.X?t.config.axes?.[0]:t.config.axes?.[1],index:t.index??0,orientation:t.orientation??x.Y}}var D=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},R=t=>{let{visible:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].visible=e)},F=t=>{let e=T(t.start,t.end);O(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:C(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},w=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},I=t=>{let{start:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].start=e,F(i.guides[s]))},E=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.end},N=t=>{let{end:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].end=e,F(i.guides[s]))},U=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},W=t=>{let{name:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].name=e)},Y=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},k=t=>{let{labelText:e,axis:i,index:s}=r(t),o=i?.guides?.[s]?.label??S(e,_(y.GuideLabel),y.GuideLabel);i?.guides?.[s]!==void 0&&(i.guides[s].label={...o,text:e})},q=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.above??!1},z=t=>{let{above:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].above=e)},H=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},J=t=>{let{style:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].style=e)},he=t=>{let{config:e,name:i,index:s,orientation:o}=t,n=o===x.X?e.axes?.[0]:e.axes?.[1];if(n!==void 0){n.guides=n.guides??[];let d={type:b.Guide,name:i,start:n.valueFormat.type===b.DateAxisFormat?"":0,style:L()};s!==void 0&&s<n.guides.length?n.guides.splice(s,0,d):n.guides.push(d)}},Ge=t=>{let{config:e,index:i,orientation:s}=t,o=s===x.X?e.axes?.[0]:e.axes?.[1];o?.guides!==void 0&&(i!==void 0&&i<o.guides.length?o.guides.splice(i,1):o.guides.pop())},K=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},Q=t=>{let{reverseColor:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].tooltipReverseColor=e)},Z=Object.defineProperty,$=Object.getOwnPropertyDescriptor,u=(t,e,i,s)=>{for(var o=$(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&Z(e,i,o),o},g=class extends j{get guideLabelsSymbol(){return P(this._config)}set guideLabelsSymbol(e){V(e,this._config)}getGuideVisibility(e,i){return D({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,s){R({visible:e,config:this._config,index:i,orientation:s})}getGuideStart(e,i){return w({config:this._config,index:e,orientation:i})}setGuideStart(e,i,s){I({start:e,config:this._config,index:i,orientation:s})}getGuideEnd(e,i){return E({config:this._config,index:e,orientation:i})}setGuideEnd(e,i,s){N({end:e,config:this._config,index:i,orientation:s})}getGuideName(e,i){return U({config:this._config,index:e,orientation:i})}setGuideName(e,i,s){W({name:e,config:this._config,index:i,orientation:s})}getGuideLabelText(e,i){return Y({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,s){k({labelText:e,config:this._config,index:i,orientation:s})}getGuideAbove(e,i){return q({config:this._config,index:e,orientation:i})}setGuideAbove(e,i,s){z({above:e,config:this._config,index:i,orientation:s})}getGuideStyle(e,i){return H({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,s){J({style:e,config:this._config,index:i,orientation:s})}getTooltipReverseColor(e,i){return K({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,s){Q({reverseColor:e,config:this._config,index:i,orientation:s})}};u([a],g.prototype,"guideLabelsSymbol");u([a],g.prototype,"setGuideVisibility");u([a],g.prototype,"setGuideStart");u([a],g.prototype,"setGuideEnd");u([a],g.prototype,"setGuideName");u([a],g.prototype,"setGuideLabelText");u([a],g.prototype,"setGuideAbove");u([a],g.prototype,"setGuideStyle");u([a],g.prototype,"setTooltipReverseColor");var B=class extends l{get xAxisLabelsVisibility(){return A(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{M(e,0,this._config),this.emitConfigUpdate("xAxisLabelsVisibility")})}},ee=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,te=(t,e,i,s)=>{for(var o=ie(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ee(e,i,o),o},se=t=>m({config:t,axisIndex:0,isMax:!0}),oe=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!0})},f=class extends l{get maxXBound(){return se(this._config)}set maxXBound(e){oe(this._config,e)}};te([a],f.prototype,"maxXBound");var ne=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ae=(t,e,i,s)=>{for(var o=re(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ne(e,i,o),o},de=t=>m({config:t,axisIndex:0,isMax:!1}),ge=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!1})},p=class extends l{get minXBound(){return de(this._config)}set minXBound(e){ge(this._config,e)}};ae([a],p.prototype,"minXBound");var h=class extends l{};X(h,[f,p]);return{a:he,b:Ge,c:g,d:B,e:h}},a,d,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as E}from"./D3YWSIAT.js";import{a as h}from"./IPEJCIHO.js";import{b as T,c as B}from"./IHO3OLL3.js";import d from"./
|
|
2
|
+
import{a as E}from"./D3YWSIAT.js";import{a as h}from"./IPEJCIHO.js";import{b as T,c as B}from"./IHO3OLL3.js";import d from"./IMG5US47.js";import{k as o}from"./JYC77MVD.js";import{a as I}from"./SN4KBI42.js";import b from"./D6MRUKIA.js";import a from"./VMN2UXWS.js";import{n as L}from"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import{a as g}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as p,B as k,C as c,D as y,F as P,H as x,g as $,i as n,n as u,z as f}from"./7SBVBD4E.js";import{b as l}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:O},{Aa:F,Ea:b,pc:D},,{a:v,k:m,o:S,r:w}])=>{var a={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",sortMean:"sort-mean",sortMedian:"sort-median",sortOrderPickList:"sort-order-pick-list",panel:"panel"},z=$`.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}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`,C=class extends k{constructor(){super(...arguments),this._messages=I(),this.picklist=f(),this.placement="leading",this.popoverElement=f(),this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.arcgisChartsConfigBoxPlotDataPopoverChange=u(),this.arcgisChartsConfigPopoverClose=u()}static{this.properties={messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,isCustomSortDisabled:5,selectedContent:1}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"))}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},v.PopoverTimer),T(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}closePopover(){if(this.contentKind===o.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBoxPlotDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigBoxPlotDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}buildPickListItem(e){return h(e.name,n`<calcite-list-item .label=${L(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case o.numericFields:{for(let s=0;s<t;s+=1){let r=this.layerFieldsInfo[s];F(r)&&i.push(this.buildPickListItem(r))}break}case o.category:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let r=0;r<t;r+=1){let d=this.layerFieldsInfo[r];(b(d)||d.type===g.String)&&i.push(this.buildPickListItem(d))}break}case o.splitByField:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let r=0;r<t;r+=1){let d=this.layerFieldsInfo[r];(b(d)||d.type===g.String)&&i.push(this.buildPickListItem(d))}break}}return i}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}buildSortOrder(){let e=Object.keys(l),t;return E(e,i=>i,i=>{let s="";switch(i){case l.xAxisAsc:{t="a-z-down";break}case l.xAxisDesc:{t="a-z-up";break}case l.meanAsc:t="sort-descending",s=a.sortMean;break;case l.meanDesc:{t="sort-ascending",s=a.sortMean;break}case l.medianAsc:{t="sort-descending",s=a.sortMedian;break}case l.medianDesc:{t="sort-ascending",s=a.sortMedian;break}case l.customSort:{t="arrow-up-down";break}}return n`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===l.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${l[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${s}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}onNumericFieldSelectionDone(){this.closePopover()}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=D(t),s=new Intl.NumberFormat(i).format(v.customSortLimit),r=O(this._messages.customSortLimit??"",{totalLimit:s});this.tooltip=P(n`<calcite-tooltip style=${y({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){w(this.tooltip)}renderCategory(){let e=this.buildPickListItems(o.category);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(o.numericFields);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(o.splitByField);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return n`<calcite-list label class=${`${a.popoverPickList} ${a.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case o.category:e=this.renderCategory();break;case o.numericFields:e=this.renderNumericFields();break;case o.splitByField:e=this.renderSplitByField();break;case o.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===o.numericFields&&(e=n`<div slot=footer><calcite-fab class=${c(a.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),n`<div><calcite-popover class=${c(a.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=${c(a.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(a.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};x("arcgis-charts-config-box-plot-popover",C);return C},"intl",a,b,d)
|
|
@@ -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"./IK4FPUFJ.js";import{j as o,n as h}from"./JYC77MVD.js";import{a as I}from"./SN4KBI42.js";import c from"./4JWIBRGO.js";import a from"./NAGOJPIX.js";import{n as b}from"./CRNIOME2.js";import{e as E}from"./BGOWDCTO.js";import{C as x,Ca as V,i as _}from"./USNJZCHH.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./LJTJTGIW.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"./7SBVBD4E.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as S}from"./K4APZJ2O.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"./IMG5US47.js";import{j as o,n as h}from"./JYC77MVD.js";import{a as I}from"./SN4KBI42.js";import c from"./D6MRUKIA.js";import a from"./VMN2UXWS.js";import{n as b}from"./CRNIOME2.js";import{e as E}from"./BGOWDCTO.js";import{C as x,Ca as V,i as _}from"./USNJZCHH.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./LJTJTGIW.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"./7SBVBD4E.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as S}from"./K4APZJ2O.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 b from"./
|
|
2
|
+
import b from"./VMN2UXWS.js";import{d as $}from"./CRNIOME2.js";import{e as B}from"./BGOWDCTO.js";import{p as O}from"./USNJZCHH.js";import{e as m}from"./SP2IPHWF.js";import{a,c as f,e as I}from"./QP5UAIC6.js";import{a as C}from"./KJZTU3DV.js";import{a as n,b as y,h as c,v as d}from"./K4APZJ2O.js";export default $arcgis.t(([{Ka:S,M:_,c:F,i:L,j:T,k:D,l:N,qa:h,yb:v,za:b}])=>{function j(e,r){let s;return r===d.Category&&Array.isArray(e)?s=a.customSort:r===d.Category?s=e===c.Ascending?a.xAxisAsc:a.xAxisDesc:e===c.Ascending?s=a.yAxisAsc:s=a.yAxisDesc,s}function Z(e,r){let s;return r===d.Category&&Array.isArray(e)?s=f.customSort:s=e===c.Ascending?f.Asc:f.Desc,s}var w=e=>{let r=e.orderOptions?.data&&"orderBy"in e.orderOptions.data?e.orderOptions.data.orderBy:c.Ascending;return j(r,e.orderOptions?.data?.orderType??d.Category)},z=e=>{let r=C(e.series),s=!1;return(r===n.BarSeries||r===n.LineSeries)&&(s=w(e)===a.customSort),s},ee=e=>{let r=[],s=e.orderOptions?.data?.orderType;return z(e)&&s===d.Category&&(r=e.orderOptions?.data?.orderBy),r},re=(e,r,s,i)=>{let o=C(r.series),A=F(r);r.orderOptions??={};let t=A?[""]:c.Ascending;if(A)e===f.customSort&&s!==void 0?t=[...s]:t=e===f.Desc?c.Descending:c.Ascending,i?r.orderOptions.data={...r.orderOptions.data,orderByY:t,orderType:d.MultiAxes}:r.orderOptions.data={...r.orderOptions.data,orderByX:t,orderType:d.MultiAxes};else if(o===n.BarSeries||o===n.LineSeries){let p=d.Category;e===a.customSort&&s!==void 0?(t=[...s],r.orderOptions.data={orderType:p,orderBy:t}):(p=e===a.xAxisAsc||e===a.xAxisDesc?d.Category:d.YValue,t=e===a.xAxisAsc||e===a.yAxisAsc?c.Ascending:c.Descending,r.orderOptions.data={orderType:p,orderBy:t})}},se=e=>e?.series?.[0]?.x??"",ie=e=>{let{config:r,xAxisField:s,numericFields:i,aggregationType:o,mode:A,layer:t,numericFieldIndex:p,seriesIndex:k,splitByField:U="",fieldList:Y}=e,H=C(r.series),M=v(r.series),u;if(B(t)){let g=h(t);u=i.length===1&&i[0]===g}else{let{idField:g,isTraditionalTypeOID:P}=b(_(t));u=P&&i.length===1&&i[0]===g}let l="y",x="y";switch(H){case n.PieSeries:{o!==y.NoAggregation?A===I.Category?(l=`${o}_${i[0]}_0`.toUpperCase(),x=u?m(y.Count):m(`${o} of ${i[0]}`)):l=T:l=i[0];break}case n.BarSeries:case n.LineSeries:case n.ComboLineAndBarSeries:case n.RadarSeries:case n.HeatSeries:{if(U===""||i.length>1)E({fieldName:s,numericFields:i,fieldList:Y??[]})||M===$.BarAndLineFromFields?l=N:(l=o!==y.NoAggregation?`${o}_${i[p??0]}_${p??0}`.toUpperCase():i[p??0],x=u?m(y.Count):m(`${o} of ${i[p??0]}`));else{let g=i[0];l=o!==y.NoAggregation?`${o}_${g}_${k??0}`.toUpperCase():g,x=u?m(y.Count):m(`${o} of ${g}`)}break}}return{name:l,description:x}};function R(e){let{fieldName:r,fieldList:s}=e,i=S(s??[],r);return r===D||r===L||r===O||r===void 0||r.trim()===""||i===void 0}function E(e){let{fieldName:r,fieldList:s,numericFields:i}=e,o=i.filter(A=>S(s??[],A)?.type!=="esriFieldTypeOID");return R({fieldName:r,fieldList:s})&&(o?.length??0)>0}return{a:j,b:Z,c:w,d:ee,e:re,f:se,g:ie,h:R,i:E}},b)
|