@arcgis/charts-components 5.1.0-next.124 → 5.1.0-next.126
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/{ZNCTMIAG.js → 22UVMJ53.js} +1 -1
- package/dist/cdn/{JHJCQ2QM.js → 2JFFCRKQ.js} +1 -1
- package/dist/cdn/{5JOLJ5HB.js → 34732HBL.js} +1 -1
- package/dist/cdn/{BDAN6NHD.js → 3K4LARTY.js} +1 -1
- package/dist/cdn/{O6DPF7LK.js → 3NNXZCZH.js} +1 -1
- package/dist/cdn/{JBOTD36W.js → 4XN3YXIY.js} +1 -1
- package/dist/cdn/{XKJLT6EI.js → 4ZKSXNLA.js} +1 -1
- package/dist/cdn/{55GAHBOB.js → 5U7JSG6A.js} +1 -1
- package/dist/cdn/{IPZICR6I.js → 5WMPESMK.js} +1 -1
- package/dist/cdn/{7X5PAPXW.js → 6G2TDGE3.js} +1 -1
- package/dist/cdn/{RBHKPRFQ.js → 6O54URZ2.js} +1 -1
- package/dist/cdn/{4K7VEJPF.js → 6YTOVXEL.js} +1 -1
- package/dist/cdn/{ANZKQYKA.js → 74SBLQE6.js} +1 -1
- package/dist/cdn/{BBQEGELJ.js → 7JH66QJ6.js} +1 -1
- package/dist/cdn/{XJ4RE5SF.js → 7PTI34CK.js} +1 -1
- package/dist/cdn/{SGJAKL4O.js → 7RX2IUGA.js} +1 -1
- package/dist/cdn/{XA5JU4F3.js → 7UIPFB3W.js} +1 -1
- package/dist/cdn/{RKFPYJ5R.js → 7YVADM4T.js} +1 -1
- package/dist/cdn/{YWNOPMET.js → AD63IGDU.js} +1 -1
- package/dist/cdn/{Q73XOJLB.js → AKRY2VSS.js} +1 -1
- package/dist/cdn/{RFH4GT5Y.js → BLSPWCIV.js} +1 -1
- package/dist/cdn/{Z5LFYC4Z.js → BQZE76DD.js} +1 -1
- package/dist/cdn/{3ZKQKQ4G.js → BURFZ5W5.js} +1 -1
- package/dist/cdn/{HQ7GUEUN.js → C6QXCSTN.js} +1 -1
- package/dist/cdn/{JMHYQ7MY.js → DLN4OBVC.js} +1 -1
- package/dist/cdn/{5WUYZN66.js → DUZEOOZN.js} +1 -1
- package/dist/cdn/{R7FF2SSM.js → E7JPSOT7.js} +1 -1
- package/dist/cdn/{DAQ5Y2RJ.js → EPRWZQSE.js} +1 -1
- package/dist/cdn/{VPW6XWZV.js → EYHZACXE.js} +4 -4
- package/dist/cdn/{RSXO7AZM.js → F2466YWO.js} +1 -1
- package/dist/cdn/{WDU2PZB7.js → F7Z4ZGJN.js} +1 -1
- package/dist/cdn/{AQPORQXU.js → FAYER3SK.js} +1 -1
- package/dist/cdn/{TIVWEIG6.js → FDNFL4DK.js} +1 -1
- package/dist/cdn/{U5HPABT3.js → G5C76MXA.js} +1 -1
- package/dist/cdn/{CGAONQKB.js → GVPXMODT.js} +1 -1
- package/dist/cdn/GW7RSMIU.js +4 -0
- package/dist/cdn/{BIHSM2MC.js → HBRHIS7V.js} +1 -1
- package/dist/cdn/{MBNQNJK4.js → HCDG2LN2.js} +1 -1
- package/dist/cdn/{4CH64TVY.js → IPIE4HJI.js} +1 -1
- package/dist/cdn/{DO3ST5S4.js → IUEJQSHN.js} +1 -1
- package/dist/cdn/{BZUQTY3A.js → IWZGZMX6.js} +1 -1
- package/dist/cdn/{AYEUE2DA.js → J2U26A2S.js} +1 -1
- package/dist/cdn/{KRSTS2G6.js → JQUEIPJM.js} +1 -1
- package/dist/cdn/{XTWT57YH.js → JUDC5QR3.js} +1 -1
- package/dist/cdn/{Y3I4WQWG.js → KTQFT4ZP.js} +1 -1
- package/dist/cdn/{FSXRG4VK.js → KV7BT5Q5.js} +1 -1
- package/dist/cdn/{XPXOGG6D.js → KX2RKT62.js} +1 -1
- package/dist/cdn/{AGWVAGEA.js → LOYVJOKS.js} +1 -1
- package/dist/cdn/{NHUMBE4B.js → LOZVIHHI.js} +1 -1
- package/dist/cdn/{UKVNEIW2.js → LQYP7NHV.js} +1 -1
- package/dist/cdn/{HB72KKNR.js → LVHK3PBQ.js} +1 -1
- package/dist/cdn/{YTGUIQKC.js → NELXSCCO.js} +1 -1
- package/dist/cdn/{LSZS7QAG.js → NI4JPL56.js} +1 -1
- package/dist/cdn/{BVANSCAI.js → NIOWVY63.js} +1 -1
- package/dist/cdn/{H55K44JH.js → NUSWXO77.js} +1 -1
- package/dist/cdn/{R2VGQ56R.js → O6G2VVBM.js} +1 -1
- package/dist/cdn/{T574KP77.js → OLBDDJNL.js} +1 -1
- package/dist/cdn/{Y7FMHA2T.js → ORKHJ2T3.js} +1 -1
- package/dist/cdn/{V6MWIP3V.js → PLV3Y5I7.js} +1 -1
- package/dist/cdn/{4KDWRXZI.js → PZQTS544.js} +1 -1
- package/dist/cdn/QIG6EIK3.js +3 -0
- package/dist/cdn/{ZQZDCVFL.js → QRMTGCLS.js} +1 -1
- package/dist/cdn/{7TKOYQ5V.js → RE3XJGGO.js} +1 -1
- package/dist/cdn/{KRFAUNUG.js → RH6TR4NX.js} +1 -1
- package/dist/cdn/{AQ2VTVIE.js → S5OMB4EV.js} +1 -1
- package/dist/cdn/{5V6LRNKK.js → T3ET323E.js} +1 -1
- package/dist/cdn/{XQWVS6DK.js → TADDI2G6.js} +1 -1
- package/dist/cdn/{7XTLXIJT.js → U6UQNHOP.js} +1 -1
- package/dist/cdn/{VECCSTHS.js → UH7JWVSL.js} +1 -1
- package/dist/cdn/{NPXCQY6O.js → UJSCHDCT.js} +1 -1
- package/dist/cdn/{AMQ5OZGH.js → UPIQAIT2.js} +20 -20
- package/dist/cdn/{6L7BNKNA.js → V4ZIXNE7.js} +1 -1
- package/dist/cdn/{QNQBN4XW.js → V7UNYUIM.js} +1 -1
- package/dist/cdn/{GJLMJOX3.js → VASOK4TX.js} +1 -1
- package/dist/cdn/{UZ5SLMLK.js → VAZONUFI.js} +1 -1
- package/dist/cdn/{OCJIZXK4.js → VJLO4KNR.js} +1 -1
- package/dist/cdn/{55PVA7ZT.js → VWMONCYV.js} +1 -1
- package/dist/cdn/{BX45Z2A3.js → WH2P5YHJ.js} +1 -1
- package/dist/cdn/{NOYIFJUH.js → WTULUTE3.js} +1 -1
- package/dist/cdn/{POPHQ2BT.js → XA735SWZ.js} +1 -1
- package/dist/cdn/{QLQH6F4J.js → XE7GZUVU.js} +1 -1
- package/dist/cdn/{V4FI5OS7.js → XIEAAQO5.js} +1 -1
- package/dist/cdn/{MPOUZ65H.js → XKTQLDXE.js} +1 -1
- package/dist/cdn/{NCOFCPFS.js → XXA6O7E4.js} +1 -1
- package/dist/cdn/{TD3KCJ5J.js → YGXOTMMW.js} +1 -1
- package/dist/cdn/{C5PNWYTI.js → YSPCATHC.js} +1 -1
- package/dist/cdn/{FEJZNYPN.js → ZCGR6IQQ.js} +1 -1
- package/dist/cdn/{FB4XY2PX.js → ZG2DVTNT.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +2 -0
- package/dist/chunks/index2.js +1398 -1393
- package/dist/chunks/index3.js +22 -21
- package/dist/chunks/index4.js +7 -7
- package/dist/chunks/web-component-utils.js +557 -468
- package/dist/components/arcgis-chart/customElement.d.ts +1 -1
- package/dist/components/arcgis-chart/customElement.js +469 -473
- 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.d.ts +5 -4
- package/dist/index.js +2 -2
- package/dist/json-schema/index.d.ts +2 -2
- package/dist/spec/web-chart.d.ts +2 -2
- package/dist/utils/errors/index.d.ts +1 -1
- package/dist/utils/misc/index.d.ts +2 -2
- package/package.json +4 -4
- package/dist/cdn/3K2ZOPYP.js +0 -4
- package/dist/cdn/ZCHO7N2O.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{d as t}from"./MZ2UZAFW.js";import{g as m}from"./KGNYAMFB.js";import a from"./
|
|
2
|
+
import{d as t}from"./MZ2UZAFW.js";import{g as m}from"./KGNYAMFB.js";import a from"./QIG6EIK3.js";import"./777EBGS5.js";import"./4XN3YXIY.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as h,G as c,g as n,i}from"./OC4AGIFL.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{kb:d,mb:g}])=>{var p=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,r=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let o=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(o)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,popoverPlacement:1,seriesColor:0,page:1,calculatedMinMaxBounds:0,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=p}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let o=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!l(e.get("layer"),this.layer)&&(o=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(o=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(o=!0),o&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,o){o?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((o,s)=>{let a;o&&("fillSymbol"in o?a=o.fillSymbol?.color:"lineSymbol"in o&&(a=o.lineSymbol.color)),e?.get(0)!==void 0&&a!==void 0&&!l(this.model.getSeriesColor(s),a)&&this.model.setSeriesColor(a,s)})}async updateDataFilters(){let e=this.model.getDataFilters(),o=e?.where,s=this.layer?.definitionExpression??void 0;l(o,s)||await this.model.setDataFilters({...e,where:s??void 0})}async updateFetchLayerFieldsInfo(e){let o=e??this.model.config,s=this.layer;if(!s){let a=m(o)?o.iLayer:void 0;a&&(s=await d(a))}s&&(await s.load(),this.layerFieldsInfo=g(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case t.Data:e=i`<arcgis-charts-config-box-plot-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-box-plot-data>`;break;case t.Series:e=i`<arcgis-charts-config-box-plot-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-box-plot-series>`;break;case t.Axes:e=i`<arcgis-charts-config-axes .model=${this.model} show-min-y-bound-option show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:e=i`<arcgis-charts-config-guides .model=${this.model} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case t.Format:e=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:e=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};c("arcgis-charts-config-box-plot",r);return r},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./GVPXMODT.js";import{a as g}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import b from"./PLV3Y5I7.js";import"./KGNYAMFB.js";import a from"./QIG6EIK3.js";import"./777EBGS5.js";import"./4XN3YXIY.js";import{D as u}from"./6JI4NDJ6.js";import{f as d}from"./75Y43JLP.js";import{p as n}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as y,B as i,G as S,g as h,i as o,n as s,y as m,z as p}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.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{display:flex;padding:0 1rem}: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 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 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.1/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./ZCGR6IQQ.js";import{a as A,b as j}from"./NQAPPISU.js";import e from"./7JH66QJ6.js";import d from"./PLV3Y5I7.js";import{c as O,d as T}from"./KGNYAMFB.js";import a from"./QIG6EIK3.js";import{C as G,D as S,F as L,c as m}from"./6JI4NDJ6.js";import{f as c}from"./75Y43JLP.js";import{g as _}from"./FIMXZMTB.js";import{j as x}from"./EZM4ZDQI.js";import{a as b}from"./XOB365BI.js";export default $arcgis.t(([{P:C},{c:y,d:v,q:X},{b:l,c:a},B])=>{var V=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},D=(t,e)=>{for(let i of e.axes??[])for(let s of i?.guides??[]){let o=s.label?.text??"";s.label=_(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 F=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},I=t=>{let{visible:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].visible=e)},P=t=>{let e=C(t.start,t.end);T(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:O(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},R=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},w=t=>{let{start:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].start=e,P(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,P(i.guides[s]))},k=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},q=t=>{let{name:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].name=e)},U=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},W=t=>{let{labelText:e,axis:i,index:s}=r(t),o=i?.guides?.[s]?.label??S(e,G(m.GuideLabel),m.GuideLabel);i?.guides?.[s]!==void 0&&(i.guides[s].label={...o,text:e})},Y=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)},z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},H=t=>{let{style:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].style=e)},_e=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())},J=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},K=t=>{let{reverseColor:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].tooltipReverseColor=e)},Q=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&&Q(e,i,o),o},g=class extends B{get guideLabelsSymbol(){return V(this._config)}set guideLabelsSymbol(e){D(e,this._config)}getGuideVisibility(e,i){return F({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,s){I({visible:e,config:this._config,index:i,orientation:s})}getGuideStart(e,i){return R({config:this._config,index:e,orientation:i})}setGuideStart(e,i,s){w({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 k({config:this._config,index:e,orientation:i})}setGuideName(e,i,s){q({name:e,config:this._config,index:i,orientation:s})}getGuideLabelText(e,i){return U({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,s){W({labelText:e,config:this._config,index:i,orientation:s})}getGuideAbove(e,i){return Y({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 z({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,s){H({style:e,config:this._config,index:i,orientation:s})}getTooltipReverseColor(e,i){return J({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,s){K({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 M=class extends l{get xAxisLabelsVisibility(){return A(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{j(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=>y({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=>y({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:_e,b:Ge,c:g,d:M,e:h}},a,d,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import v from"./
|
|
2
|
+
import v from"./O6G2VVBM.js";import t from"./RH6TR4NX.js";import s from"./LVHK3PBQ.js";import q from"./KV7BT5Q5.js";import p from"./UH7JWVSL.js";import o from"./V7UNYUIM.js";import n from"./LOZVIHHI.js";import m from"./NIOWVY63.js";import l from"./EYHZACXE.js";import k from"./ZG2DVTNT.js";import j from"./DUZEOOZN.js";import i from"./74SBLQE6.js";import h from"./FAYER3SK.js";import"./7MKAC33Z.js";import g from"./ZCGR6IQQ.js";import f from"./S5OMB4EV.js";import"./NQAPPISU.js";import e from"./7JH66QJ6.js";import d from"./7RX2IUGA.js";import b from"./PLV3Y5I7.js";import"./KGNYAMFB.js";import a from"./QIG6EIK3.js";import"./777EBGS5.js";import{r as S}from"./4XN3YXIY.js";import{pa as _}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import"./OC4AGIFL.js";import"./TOO3T62Y.js";import{c as r}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as u,b as c}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{ob:l},,,{c:i},,,,,,,,,,,{e:y},,{$:$,A:L,B:b,C:R,D:w,E:D,F:I,G:P,H:k,I:B,J:N,K:U,L:W,M:E,N:h,O:f,P:M,Q:Y,R:G,S:H,T:V,U:X,V:j,W:Z,X:q,Y:J,Z:K,_:Q,aa:z,ba:tt,ca:et,da:it,ea:st,fa:ot,ga:rt,ha:nt,ia:at,ja:gt,na:m,t:C,u:T,v:A,w:F,x:O,y:x,z:v},,{a:pt,b:ct,d:lt}])=>{var yt=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,s=(p,t,o,a)=>{for(var n=ht(t,o),g=p.length-1,d;g>=0;g--)(d=p[g])&&(n=d(t,o,n)||n);return n&&yt(t,o,n),n},e=class extends lt{constructor(){super(...arguments),this._chartType=u.HeatSeries}generateChartTitle(){return this.layerInfo!==void 0?gt(this._config,this.layerInfo,this.commonStrings):""}generateYAxisTitle(){let t=this.yTemporalBinning?.unit;return t!==void 0?this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[t]:""}get layer(){return super.layer}async setup(t){await this.loadConfigFromLayer(t),this.setupLocalProps(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get yAxisField(){return L(this._config)}set yAxisField(t){v({yField:t,config:this._config,layerInfo:this.layerInfo})}get viewType(){return K(this._config)}set viewType(t){this.guardSetterFromAsyncOverwrite(()=>{Q(t,this._config),this.emitConfigUpdate("heatChartViewType")})}get xTemporalBinning(){return R(this._config)}set xTemporalBinning(t){b({commonStrings:this.commonStrings,binning:t,config:this._config})}get yTemporalBinning(){return D(this._config)}set yTemporalBinning(t){w({commonStrings:this.commonStrings,binning:t,config:this._config})}get breaksCount(){return $(this._config)}set breaksCount(t){this.guardSetterFromAsyncOverwrite(()=>{z(t,this._config),this.emitConfigUpdate("breaksCount")})}get classificationMethod(){return tt(this._config)}set classificationMethod(t){this.guardSetterFromAsyncOverwrite(()=>{t&&(et(t,this._config),this.emitConfigUpdate("classificationMethod"))})}get colorRampName(){return ot(this._config)}set colorRampName(t){rt(t,this._config)}get isColorRampFlipped(){return nt(this._config)}set isColorRampFlipped(t){at(t,this._config)}get hideEmptyRowsAndColumns(){return C(this._config)}set hideEmptyRowsAndColumns(t){T(this._config,t)}get gridLineWidth(){return P(this._config)}set gridLineWidth(t){I(t,this._config)}get gridLineColor(){return B(this._config)}set gridLineColor(t){k(t,this._config)}get seriesName(){return pt(0,this._config)}set seriesName(t){typeof t=="string"&&ct(t,0,this._config)}get heatRulesType(){return F(this._config)}set heatRulesType(t){A(this._config,t)}get gradientRules(){return x(this._config)}set gradientRules(t){O(this._config,t)}getGridLinesSymbol(){return this._config.series?.[0]?.gridLine}setGridLinesSymbol(t){this._config.series?.[0]&&(this._config.series[0].gridLine=t)}get numericFields(){let t=W(this._config);return t!==void 0?[t]:[]}set numericFields(t){let{idField:o}=l(this.layerInfo.layer),a=S(t[0]),n=a?o:t[0];E({field:n,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings});let g=h(this._config);a&&g!==c.Count&&f({aggregationType:c.Count,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get aggregationType(){return h(this._config)}set aggregationType(t){f({aggregationType:t,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get splitByField(){return""}set splitByField(t){}get legendPosition(){return U(this._config)}set legendPosition(t){N(t,this._config)}get nullPolicy(){return M(this._config)}set nullPolicy(t){Y(t,this._config)}get emptyCell(){return G(this._config)}set emptyCell(t){this.guardSetterFromAsyncOverwrite(()=>{H(t,this._config),this.emitConfigUpdate("emptyCell")})}getSortOrder(){return r.Asc}setSortOrder(t,o){}getXAxisSortOrder(){let t=m(this._config)[0];return t===r.Asc||t===r.Desc||t===r.customSort?t:r.Asc}setXAxisSortOrder(t,o){y(t,this._config,o)}getYAxisSortOrder(){let t=m(this._config)[1];return t===r.Asc||t===r.Desc||t===r.customSort?t:r.Asc}setYAxisSortOrder(t,o){y(t,this._config,o,!0)}get emptyCellText(){return V(this._config)}set emptyCellText(t){X(t,this._config)}get includeLeapDay(){return j(this._config)}set includeLeapDay(t){this.guardSetterFromAsyncOverwrite(()=>{Z(t,this._config),this.emitConfigUpdate("includeLeapDay")})}get firstDayOfWeek(){return st(this._config)}set firstDayOfWeek(t){this.guardSetterFromAsyncOverwrite(()=>{it(t,this._config),this.emitConfigUpdate("firstDayOfWeek")})}get emptyCellSymbol(){return q(this._config)}set emptyCellSymbol(t){J(t,this._config)}get rotated(){return!1}set rotated(t){}setAssignToSecondValueAxis(t,o){}set stackedType(t){}set binTemporalData(t){}set nullCategory(t){}generateDefaultConfig(){let t=_(this.commonStrings,l(this.layerInfo.layer).idField);return t.axes?.forEach((o,a)=>{o&&(o.valueFormat={intlOptions:{timeZone:void 0,dateStyle:a>0?"long":"medium"},type:"date"})}),t}};s([i],e.prototype,"yAxisField");s([i],e.prototype,"xTemporalBinning");s([i],e.prototype,"yTemporalBinning");s([i],e.prototype,"colorRampName");s([i],e.prototype,"isColorRampFlipped");s([i],e.prototype,"hideEmptyRowsAndColumns");s([i],e.prototype,"gridLineWidth");s([i],e.prototype,"gridLineColor");s([i],e.prototype,"seriesName");s([i],e.prototype,"heatRulesType");s([i],e.prototype,"gradientRules");s([i],e.prototype,"setGridLinesSymbol");s([i],e.prototype,"numericFields");s([i],e.prototype,"aggregationType");s([i],e.prototype,"splitByField");s([i],e.prototype,"legendPosition");s([i],e.prototype,"nullPolicy");s([i],e.prototype,"setSortOrder");s([i],e.prototype,"setXAxisSortOrder");s([i],e.prototype,"setYAxisSortOrder");s([i],e.prototype,"emptyCellText");s([i],e.prototype,"firstDayOfWeek");s([i],e.prototype,"emptyCellSymbol");s([i],e.prototype,"rotated");s([i],e.prototype,"setAssignToSecondValueAxis");s([i],e.prototype,"stackedType");s([i],e.prototype,"binTemporalData");s([i],e.prototype,"nullCategory");return e},a,b,d,e,f,g,h,i,j,k,l,m,n,o,p,q,s,t,v)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as I}from"./TJQGGNGV.js";import{a as m,c as D}from"./7BDNLABD.js";import e from"./CGAONQKB.js";import{j as o,n as h}from"./MZ2UZAFW.js";import{a as E}from"./5STC2DYW.js";import c from"./V6MWIP3V.js";import"./KGNYAMFB.js";import a from"./ZCHO7N2O.js";import{e as V}from"./777EBGS5.js";import{n as b}from"./JBOTD36W.js";import{i as M,z as x,za as _}from"./6JI4NDJ6.js";import{f as C}from"./75Y43JLP.js";import{c as z,g as k,k as w}from"./FIMXZMTB.js";import"./SEXKEROR.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as S}from"./XOB365BI.js";import{A as T,B as i,C as v,E as A,G as L,g as F,i as n,n as f,y as d,z as r}from"./OC4AGIFL.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{b:R,f:$,g:y,h:p,i:g,j:K}])=>{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=F`.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}`,P=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({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=k(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},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}`,$(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,$(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=f(),this.arcgisChartsConfigScatterplotPopoverChange=f()}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=_(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"||!w(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&&$(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,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}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.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=I(this.scatterplotPopover);let e=[...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 u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.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=I(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-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}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:K(this.r2,R)}`}</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-select .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-select>`}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=V(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",P);return P},a,c,e)
|
|
2
|
+
import{a as m,c as D}from"./7BDNLABD.js";import{a as I}from"./TJQGGNGV.js";import e from"./GVPXMODT.js";import{a as E}from"./5STC2DYW.js";import{j as o,n as h}from"./MZ2UZAFW.js";import c from"./PLV3Y5I7.js";import"./KGNYAMFB.js";import a from"./QIG6EIK3.js";import{e as V}from"./777EBGS5.js";import{n as b}from"./4XN3YXIY.js";import{i as M,z as x,za as _}from"./6JI4NDJ6.js";import{f as C}from"./75Y43JLP.js";import{c as z,g as k,k as w}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as T,B as i,C as v,E as A,G as L,g as F,i as n,n as f,y as d,z as r}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as S}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{b:R,f:$,g:y,h:p,i:g,j:K}])=>{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=F`.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}`,P=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({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=k(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},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}`,$(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,$(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=f(),this.arcgisChartsConfigScatterplotPopoverChange=f()}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=_(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"||!w(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&&$(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,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}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.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=I(this.scatterplotPopover);let e=[...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 u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.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=I(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-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}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:K(this.r2,R)}`}</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-select .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-select>`}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=V(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",P);return P},a,c,e)
|