@arcgis/charts-components 5.2.0-next.127 → 5.2.0-next.128

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.
Files changed (91) hide show
  1. package/dist/cdn/{RCUNGWMS.js → 252LEJ7U.js} +1 -1
  2. package/dist/cdn/{IYWKTFGB.js → 26WEYDNB.js} +1 -1
  3. package/dist/cdn/{TAH7RJAD.js → 2ISGHAUI.js} +1 -1
  4. package/dist/cdn/{J2QFNFBN.js → 2ISUP2EC.js} +1 -1
  5. package/dist/cdn/{UUI4JRAP.js → 2ZAC3R6J.js} +1 -1
  6. package/dist/cdn/{A7F727QE.js → 4KJXVTKT.js} +1 -1
  7. package/dist/cdn/{7O2ABH2O.js → 4NRY2KO2.js} +1 -1
  8. package/dist/cdn/{IMB2RGHX.js → 56CO5V5Y.js} +1 -1
  9. package/dist/cdn/{I45GQK3M.js → 5A75STHJ.js} +1 -1
  10. package/dist/cdn/{CFR5LTRT.js → 5DI4FWSJ.js} +1 -1
  11. package/dist/cdn/{O6FFCCEN.js → 5J5N5EH4.js} +1 -1
  12. package/dist/cdn/{RKUYNM5K.js → 5Z5C5L7O.js} +1 -1
  13. package/dist/cdn/{ZOXCNZCT.js → 6AUVDB2X.js} +1 -1
  14. package/dist/cdn/{K56BTXNK.js → 6K25LYBM.js} +1 -1
  15. package/dist/cdn/{5SHZ5RBA.js → 6SLQ6E2L.js} +1 -1
  16. package/dist/cdn/{V2D3WUU5.js → 6WUMG4P2.js} +1 -1
  17. package/dist/cdn/{OQJS4S7W.js → A6IGTXFA.js} +1 -1
  18. package/dist/cdn/{KVKWGTCH.js → AA7OBKIP.js} +1 -1
  19. package/dist/cdn/{Y62HYU6W.js → C7BCDEO7.js} +1 -1
  20. package/dist/cdn/{YWPZICTG.js → CDTABNYS.js} +1 -1
  21. package/dist/cdn/{EWO4KNLN.js → CFDZTXBV.js} +1 -1
  22. package/dist/cdn/{A4BJ3NJD.js → CHMEYQRU.js} +1 -1
  23. package/dist/cdn/{CSDFCGJY.js → CTV66EX6.js} +1 -1
  24. package/dist/cdn/{CLA5QG6H.js → CYEBSDUO.js} +1 -1
  25. package/dist/cdn/{YIG6OTNW.js → E2M4D7OW.js} +1 -1
  26. package/dist/cdn/{FZNCVGVR.js → E346UZ4Y.js} +1 -1
  27. package/dist/cdn/{7TPUUEPX.js → E4HQCLE5.js} +1 -1
  28. package/dist/cdn/{T4455CTF.js → EYH2BIAD.js} +1 -1
  29. package/dist/cdn/{AIXWFRR4.js → FCA7RGLN.js} +18 -18
  30. package/dist/cdn/{EYU2FEWB.js → G5YKCSBP.js} +1 -1
  31. package/dist/cdn/{DA2DRI66.js → G65D4QU4.js} +1 -1
  32. package/dist/cdn/{LFYVQQCR.js → GOTXZDTB.js} +1 -1
  33. package/dist/cdn/{BTIQHZCI.js → GQRUVGUK.js} +1 -1
  34. package/dist/cdn/{DJI3JWXH.js → H56BSQEW.js} +1 -1
  35. package/dist/cdn/{AGQVZOVL.js → HJE3XLSD.js} +1 -1
  36. package/dist/cdn/{664RSE7L.js → HTZY6BFK.js} +1 -1
  37. package/dist/cdn/{PPRYBWCL.js → IL2XQ7JA.js} +1 -1
  38. package/dist/cdn/JRLMTZJ6.js +3 -0
  39. package/dist/cdn/{E7IR37BS.js → JTLT34BE.js} +1 -1
  40. package/dist/cdn/{Y2C4JNPJ.js → KFTX2TQU.js} +1 -1
  41. package/dist/cdn/{FSP2N2BP.js → KVNHQH7O.js} +1 -1
  42. package/dist/cdn/{L4NJDPAN.js → KYQPEMTU.js} +1 -1
  43. package/dist/cdn/{YPPTTXOS.js → LHIWT7XJ.js} +1 -1
  44. package/dist/cdn/{DKHJVESD.js → LKYUP362.js} +1 -1
  45. package/dist/cdn/{O4XG2WHA.js → LZXH65ES.js} +1 -1
  46. package/dist/cdn/{2IGXLFRI.js → MDNFAO3M.js} +1 -1
  47. package/dist/cdn/{375FEZQ5.js → MLR6CWHN.js} +1 -1
  48. package/dist/cdn/{TYA3HM4I.js → NFRZPT5W.js} +1 -1
  49. package/dist/cdn/{BFY23RQL.js → NKSGWA4X.js} +1 -1
  50. package/dist/cdn/{X5IJFDLG.js → NLCAS2S3.js} +1 -1
  51. package/dist/cdn/{RQ3JFQIF.js → NPSI5JGI.js} +1 -1
  52. package/dist/cdn/{2YBRQEHS.js → NUM2NK7X.js} +1 -1
  53. package/dist/cdn/{4ZEVGEUR.js → OOB4AL5B.js} +1 -1
  54. package/dist/cdn/{ZISTDZXP.js → PE74EWN6.js} +1 -1
  55. package/dist/cdn/{7LEWHR3Q.js → PUGPG7TG.js} +1 -1
  56. package/dist/cdn/{JTKDMKW6.js → QSQ4WWNZ.js} +1 -1
  57. package/dist/cdn/{P5QBGJ75.js → RLBQSLCM.js} +1 -1
  58. package/dist/cdn/{5MPUVSSI.js → RYFKSZCM.js} +1 -1
  59. package/dist/cdn/{ZZHMWOE6.js → RYPF3XVE.js} +1 -1
  60. package/dist/cdn/{QXTIAJBT.js → SCMJVUZF.js} +1 -1
  61. package/dist/cdn/{EQN5SLMX.js → TB7TL34T.js} +1 -1
  62. package/dist/cdn/{T4I6RQBL.js → TBWNZHUY.js} +1 -1
  63. package/dist/cdn/{XSKN27NO.js → TCKL6CRO.js} +1 -1
  64. package/dist/cdn/{O3QNNSPD.js → TFEXNOQT.js} +1 -1
  65. package/dist/cdn/{M4JMQVOW.js → TGVSWL53.js} +1 -1
  66. package/dist/cdn/{ZAHELPTS.js → TVN5AANS.js} +1 -1
  67. package/dist/cdn/{V6IB4JKW.js → UKGGXTFF.js} +1 -1
  68. package/dist/cdn/{53DLKKX7.js → UUIPQQJC.js} +1 -1
  69. package/dist/cdn/{7LFTV63Q.js → UXUJZXY6.js} +1 -1
  70. package/dist/cdn/{O6UAGUCM.js → V5BQ7JEF.js} +1 -1
  71. package/dist/cdn/{376GFRZL.js → V6QPNC6H.js} +1 -1
  72. package/dist/cdn/{BJDMP3WZ.js → VQV4WP3Q.js} +1 -1
  73. package/dist/cdn/{M2ZKATSW.js → VRAKXFLS.js} +1 -1
  74. package/dist/cdn/{BQPKHSH4.js → VTEYNOVM.js} +1 -1
  75. package/dist/cdn/{2FX7HMA2.js → W5RIMXON.js} +1 -1
  76. package/dist/cdn/{X4IUQKA3.js → W6ZTJ5F4.js} +1 -1
  77. package/dist/cdn/{EHPRMIGU.js → WYKOFBBC.js} +1 -1
  78. package/dist/cdn/{FHOUXGMO.js → XNTW3FJJ.js} +1 -1
  79. package/dist/cdn/{W55DHSL2.js → Y343Z32K.js} +1 -1
  80. package/dist/cdn/{OXNIW3Q4.js → Y5OM2HDA.js} +1 -1
  81. package/dist/cdn/{UY6H4LX7.js → YRQUJSIP.js} +1 -1
  82. package/dist/cdn/{3RDYU4CX.js → YWEEKBTH.js} +1 -1
  83. package/dist/cdn/index.js +1 -1
  84. package/dist/cdn/model/shared/setup-utils.js +1 -1
  85. package/dist/chunks/index.js +2110 -2074
  86. package/dist/components/arcgis-chart/customElement.js +541 -538
  87. package/dist/docs/api.json +1 -1
  88. package/dist/docs/docs.json +1 -1
  89. package/dist/docs/web-types.json +1 -1
  90. package/package.json +4 -4
  91. package/dist/cdn/CQADACRW.js +0 -3
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{b as te}from"./RD2OZ5DF.js";import{a as W}from"./YNHYJOH7.js";import{a as ee}from"./RP6LD7CU.js";import{b as E}from"./L5JZ5COY.js";import d from"./UY6H4LX7.js";import"./TENIFMA5.js";import{a as j}from"./D37G7ULI.js";import{l as Y,n as H,o as J}from"./BGIUDL2K.js";import b from"./IMB2RGHX.js";import a from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{I as O}from"./ZUN46CYQ.js";import{b as V,f as m}from"./KX7KGXKQ.js";import{d as D}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as h,B as N,C as o,D as I,F as w,H as q,g as R,i as r,n as X,z as c}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import{j as v}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as z}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Ja:Z,Ka:P,La:k,ja:U,ka:g,pc:p},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===m.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===m.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(u=>u.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(u=>u.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=Z(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let u=`${G}T${L}`;this.model.setGuideStart(u,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let u=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(u,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===m.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:m.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===m.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},a,b,d)
2
+ import{b as te}from"./RD2OZ5DF.js";import{a as W}from"./YNHYJOH7.js";import{a as ee}from"./RP6LD7CU.js";import{b as E}from"./L5JZ5COY.js";import d from"./YRQUJSIP.js";import"./TENIFMA5.js";import{a as j}from"./D37G7ULI.js";import{l as Y,n as H,o as J}from"./BGIUDL2K.js";import b from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{I as O}from"./ZUN46CYQ.js";import{b as V,f as m}from"./KX7KGXKQ.js";import{d as D}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as h,B as N,C as o,D as I,F as w,H as q,g as R,i as r,n as X,z as c}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import{j as v}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as z}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Ja:Z,Ka:P,La:k,ja:U,ka:g,pc:p},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===m.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===m.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(u=>u.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(u=>u.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=Z(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let u=`${G}T${L}`;this.model.setGuideStart(u,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let u=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(u,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===m.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:m.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===m.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},a,b,d)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import d from"./UY6H4LX7.js";import"./TENIFMA5.js";import c from"./IMB2RGHX.js";import b from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as e,C as t,H as n,g as i,i as a}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{i:l}])=>{var o={invalidMessageColor:"invalid-message-color"},r=i`:host{display:block}.invalid-message-color{color:red}`,s=class extends e{constructor(){super(...arguments),this.isInvalid=!1}static{this.properties={invalidInputMessage:1,isInvalid:5}}static{this.styles=r}render(){return this.isInvalid?a`<calcite-input-message .status=${l.INVALID} icon=exclamationMarkTriangle .hidden=${!this.isInvalid} class=${t(o.invalidMessageColor)}>${this.invalidInputMessage}</calcite-input-message>`:null}};n("arcgis-charts-config-invalid-input-message",s);return s},b,c,d)
2
+ import d from"./YRQUJSIP.js";import"./TENIFMA5.js";import c from"./56CO5V5Y.js";import b from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as e,C as t,H as n,g as i,i as a}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{i:l}])=>{var o={invalidMessageColor:"invalid-message-color"},r=i`:host{display:block}.invalid-message-color{color:red}`,s=class extends e{constructor(){super(...arguments),this.isInvalid=!1}static{this.properties={invalidInputMessage:1,isInvalid:5}}static{this.styles=r}render(){return this.isInvalid?a`<calcite-input-message .status=${l.INVALID} icon=exclamationMarkTriangle .hidden=${!this.isInvalid} class=${t(o.invalidMessageColor)}>${this.invalidInputMessage}</calcite-input-message>`:null}};n("arcgis-charts-config-invalid-input-message",s);return s},b,c,d)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as h}from"./PABVNO3N.js";import{a as R}from"./YNHYJOH7.js";import{b as q}from"./RP6LD7CU.js";import j from"./UY6H4LX7.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./D37G7ULI.js";import i from"./JTKDMKW6.js";import e from"./IMB2RGHX.js";import a from"./CQADACRW.js";import{c as u,n as D}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZUN46CYQ.js";import{a as A}from"./KX7KGXKQ.js";import{b as T}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([O,{Sb:N,Tb:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),q(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
2
+ import{a as h}from"./PABVNO3N.js";import{a as R}from"./YNHYJOH7.js";import{b as q}from"./RP6LD7CU.js";import j from"./YRQUJSIP.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./D37G7ULI.js";import i from"./QSQ4WWNZ.js";import e from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import{c as u,n as D}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZUN46CYQ.js";import{a as A}from"./KX7KGXKQ.js";import{b as T}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([O,{Sb:N,Tb:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),q(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{d as i}from"./TENIFMA5.js";import a from"./CQADACRW.js";import"./4F6DKNCU.js";import{e as p}from"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as h}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as d,H as c,g as l,i as t,n as r}from"./UE4KTI5X.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Jb:f,Nb:u,Pb:y,dc:b,na:m,r:g}])=>{var F=l`: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%}`,n=class extends d{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigWebChartChange=r()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,r2:9,calculatedDataMinMaxBounds:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=F}async load(){await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("r2")&&this.r2Change(this.r2),e.has("layer")&&this.layer!==void 0&&!h(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}r2Change(e){Number.isFinite(e)||(this.r2=void 0)}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=m(a)?a.iLayer:void 0;o&&(s=await u(o))}if(s){await b(s);let o=this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled;this.layerFieldsInfo=p(s)?f({layer:s,popupTemplateFieldInfosEnabled:o,chartType:a?.type}):y(s,o)}}render(){let e;switch(this.page){case i.Data:let a=g(this.layer),s=a&&"isTable"in a?a.isTable:!1;e=t`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${s}></arcgis-charts-config-scatter-plot-data>`;break;case i.Axes:e=t`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;break;case i.Guides:e=t`<arcgis-charts-config-guides .model=${this.model} enable-x-axis-guide enable-y-axis-guide></arcgis-charts-config-guides>`;break;case i.Format:e=t`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case i.General:e=t`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};c("arcgis-charts-config-scatter-plot",n);return n},a)
2
+ import{d as i}from"./TENIFMA5.js";import a from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import{e as p}from"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as h}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as d,H as c,g as l,i as t,n as r}from"./UE4KTI5X.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Jb:f,Nb:u,Pb:y,dc:b,na:m,r:g}])=>{var F=l`: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%}`,n=class extends d{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigWebChartChange=r()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,r2:9,calculatedDataMinMaxBounds:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=F}async load(){await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("r2")&&this.r2Change(this.r2),e.has("layer")&&this.layer!==void 0&&!h(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}r2Change(e){Number.isFinite(e)||(this.r2=void 0)}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=m(a)?a.iLayer:void 0;o&&(s=await u(o))}if(s){await b(s);let o=this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled;this.layerFieldsInfo=p(s)?f({layer:s,popupTemplateFieldInfosEnabled:o,chartType:a?.type}):y(s,o)}}render(){let e;switch(this.page){case i.Data:let a=g(this.layer),s=a&&"isTable"in a?a.isTable:!1;e=t`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${s}></arcgis-charts-config-scatter-plot-data>`;break;case i.Axes:e=t`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;break;case i.Guides:e=t`<arcgis-charts-config-guides .model=${this.model} enable-x-axis-guide enable-y-axis-guide></arcgis-charts-config-guides>`;break;case i.Format:e=t`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case i.General:e=t`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};c("arcgis-charts-config-scatter-plot",n);return n},a)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import A from"./53DLKKX7.js";import{a as z,b as U,c as j,d as k}from"./OR765GRF.js";import w from"./ZOXCNZCT.js";import v from"./V2D3WUU5.js";import u from"./O6UAGUCM.js";import t from"./QXTIAJBT.js";import s from"./TYA3HM4I.js";import r from"./J2QFNFBN.js";import q from"./5SHZ5RBA.js";import o from"./7LFTV63Q.js";import n from"./RCUNGWMS.js";import"./BGIUDL2K.js";import l from"./YWPZICTG.js";import i from"./RQ3JFQIF.js";import h from"./7LEWHR3Q.js";import e from"./4ZEVGEUR.js";import d from"./JTKDMKW6.js";import c from"./IMB2RGHX.js";import a from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{B as O,Ga as y,fa as R,i as x,m as p,ma as D,n as f,p as m}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as M}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{l as g}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import{b as E}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as b}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{oc:P,pa:l},{p:W,q:N,r:V,s:A},,{e:t},,,pe,{b:Ie,d:we,f:ve},{b:Le,d:Fe,f:Ce},{d:ue,e:Se},,{b:Me},{a:fe,b:me,c:ye,d:de},{a:_e,b:Be},,{b:be},{A:he,B:C,C:I,D:w,E:le,F:ce,G:ge,a:q,b:T,c:G,d:d,e:Y,f:H,g:u,h:S,i:J,j:K,k:Q,l:X,m:Z,n:$,o:ee,p:_,q:se,r:ie,s:te,t:B,u:re,v:oe,w:ne,x:L,y:F,z:ae}])=>{var De=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,o=(c,e,s,a)=>{for(var r=Pe(e,s),n=c.length-1,h;n>=0;n--)(h=c[n])&&(r=h(e,s,r)||r);return r&&De(e,s,r),r},i=class extends pe{constructor(){super(...arguments),this._chartType=b.BoxPlotSeries,this._category=m,this._splitByField="",this._numericFields=[],this._splitBySeriesLimitReached=!1,this._splitBySeriesCount=0}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&await this.rebuildSeries(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get chartLimits(){return this._chartLimits}set chartLimits(e){let s=!M(this._chartLimits,e);this._chartLimits=e,s&&this.layerInfo!==void 0&&this._config!==void 0&&this.processSeriesRebuild("chartLimits")}get splitBySeriesLimitReached(){return this._splitBySeriesLimitReached}set splitBySeriesLimitReached(e){this._splitBySeriesLimitReached=e}get splitBySeriesCount(){return this._splitBySeriesCount}set splitBySeriesCount(e){this._splitBySeriesCount=e}get category(){return this._category}set category(e){let s=e.trim()==="";this._category=s?m:e,this.processSeriesRebuild("category")}get numericFields(){return this._numericFields}set numericFields(e){let{layerFieldsInfo:s}=this.layerInfo;typeof e=="string"&&(e=[e]),V(s,e)?(this._numericFields=e,ce(this._category,this._numericFields)&&(this._splitByField=""),this.processSeriesRebuild("numericFields")):g("error","box-plot-model","Invalid `numericFields`")}get splitByField(){return this._splitByField}set splitByField(e){N(this.layerInfo.layerFieldsInfo,e)?(this._splitByField=e,this.processSeriesRebuild("splitByField")):g("error","box-plot-model","Invalid `splitByField`")}get showOutliers(){return re(this._config)}set showOutliers(e){oe({newShowOutliers:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get standardizeValues(){return se(this._config)}set standardizeValues(e){ne({newStandardizeValues:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return L(this._config)}setSortOrder(e,s){F(e,this._config,s)}async getCustomSortValues(){return await w({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})}async setDataFilters(e){super.setDataFilters(e);let s=L(this._config);if(s===E.customSort){this.startAsyncUpdate();let a=await w({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings});F(s,this._config,a),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return C(this._config)}set orderByList(e){I(e,this._config)}async updateSeriesFromLayerFilter(){await this.processSeriesRebuild("updateSeriesFromLayerFilter")}async rebuildSeries(){await this.processSeriesRebuild("rebuildSeries")}get showMeanLines(){return ae(this._config)}set showMeanLines(e){let{previousMeanLinesBoxColor:s}=he({newShowMeanLines:e,config:this._config,commonStrings:this.commonStrings,previousMeanLinesBoxColor:this.previousMeanLinesBoxColor});this.previousMeanLinesBoxColor=s}get meanLinesBoxColor(){return H(this._config)}set meanLinesBoxColor(e){u(e,this._config)}setupLocalProps(){this._category=Z(this._config),this._splitByField=$(this._config),this._numericFields=ee(this._config)}generateDefaultConfig(){let e=D(this.commonStrings);return e.series=[R(this.commonStrings)],e}resetConfig(){let e=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=e,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}usingSplitBy(){return ge(this.category,this.numericFields,this.splitByField)}async processSeriesRebuild(e){this.usingSplitBy()?(this.startAsyncUpdate(),await this.fetchSplitByFieldInfos(),_(this.getBuildNewSeriesProps()),this.finishAsyncUpdate()):(this._splitBySeriesLimitReached=!1,this._splitBySeriesCount=0,_(this.getBuildNewSeriesProps())),this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(e)}async fetchSplitByFieldInfos(){let{fetchNullValues:e}=P(this._config)?.query??{};return this.splitByFieldInfos=await W({config:this._config,layer:this.layerInfo.layer,layerFieldsInfo:this.layerInfo.layerFieldsInfo,xAxisField:le(this._category)?void 0:this._category,aggregationFields:this.numericFields,splitByField:this._splitByField,fetchNullValues:e,chartLimits:this._chartLimits,errorStrings:this.commonStrings?.errorStrings}),this._splitBySeriesLimitReached=this.splitByFieldInfos.seriesLimitReached,this._splitBySeriesCount=this.splitByFieldInfos.totalSeriesCount,this.splitByFieldInfos}getBuildNewSeriesProps(){return{category:this.category,splitByField:this.splitByField,numericFields:this.numericFields,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,splitByFieldInfos:this.splitByFieldInfos}}getSeriesName(e){return G(e,this._config)}setSeriesName(e,s){d(e,s,this._config)}getSeriesColor(e){return Y(e,this._config)}setSeriesColor(e,s){S(e,s,this._config)}getSeriesLineStyle(e){let s=this._config.series[e];if(this.showMeanLines===!0&&l(s))return z(s)}setSeriesLineStyle(e,s){this.showMeanLines===!0&&q({style:e,seriesIndex:s,config:this._config})}getSeriesLineWidth(e){let s=this._config.series[e];if(this.showMeanLines===!0&&l(s))return j(s)}setSeriesLineWidth(e,s){this.showMeanLines===!0&&T({width:e,seriesIndex:s,config:this._config})}get orderOfSeries(){return J(this._config)}set orderOfSeries(e){K(e,this._config)}moveSeries(e,s){Q(e,s,this._config)}get boxPlotSeriesIndexWhenMeanLinesShown(){return X(this._config)}moveCustomSortValuesInOrderByList(e,s){let a=C(this._config),[r]=a.splice(e,1);a.splice(s,0,r),I(a,this._config)}generateChartTitle(){return te(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){return ie(this._config,this.layerInfo,this.commonStrings)}resetSeriesStyling(){for(let e=this.showMeanLines===!0?1:0;e<this.seriesLength;e+=1){let s=this.getSeriesId(e),a=O({colorIndex:e,opacity:x}),r=this._config.series[e];S(a,e,this._config);let n=B({series:r,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings});d(n??s,e,this._config),this.showMeanLines===!0&&l(r)&&(U(p,r),k(f,r))}this.showMeanLines===!0&&u(y,this._config),this._config.colorMatch=!0}resetAvailable(){let e=!this.colorMatch,s=this.showMeanLines===!0&&this.meanLinesBoxColor!==y,a=!1,r=!1;if(!e)for(let n=this.showMeanLines===!0?1:0;n<this.seriesLength;n+=1){let h=this._config.series[n],v=B({series:h,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),xe=this.getSeriesName(n);if(v!==void 0&&v!==xe){a=!0;break}if(this.showMeanLines===!0&&l(h)){let Oe=this.getSeriesLineStyle(n),Re=this.getSeriesLineWidth(n);if(Oe!==p||Re!==f){r=!0;break}}}return e||s||a||r}};o([t],i.prototype,"showOutliers");o([t],i.prototype,"standardizeValues");o([t],i.prototype,"setSortOrder");o([t],i.prototype,"setDataFilters");o([t],i.prototype,"orderByList");o([t],i.prototype,"showMeanLines");o([t],i.prototype,"meanLinesBoxColor");o([t],i.prototype,"resetConfig");o([t],i.prototype,"setSeriesName");o([t],i.prototype,"setSeriesColor");o([t],i.prototype,"setSeriesLineStyle");o([t],i.prototype,"setSeriesLineWidth");o([t],i.prototype,"orderOfSeries");o([t],i.prototype,"moveSeries");o([t],i.prototype,"moveCustomSortValuesInOrderByList");o([t],i.prototype,"resetSeriesStyling");var Ee=[_e,fe,me,ye,be,de,Me,Be,Ie,ue,we,Se,Le,Fe,Ce,ve];A(i,Ee);return i},a,c,d,e,h,i,l,n,o,q,r,s,t,u,v,w,A)
2
+ import A from"./UUIPQQJC.js";import{a as z,b as U,c as j,d as k}from"./OR765GRF.js";import w from"./6AUVDB2X.js";import v from"./6WUMG4P2.js";import u from"./V5BQ7JEF.js";import t from"./SCMJVUZF.js";import s from"./NFRZPT5W.js";import r from"./2ISUP2EC.js";import q from"./6SLQ6E2L.js";import o from"./UXUJZXY6.js";import n from"./252LEJ7U.js";import"./BGIUDL2K.js";import l from"./CDTABNYS.js";import i from"./NPSI5JGI.js";import h from"./PUGPG7TG.js";import e from"./OOB4AL5B.js";import d from"./QSQ4WWNZ.js";import c from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{B as O,Ga as y,fa as R,i as x,m as p,ma as D,n as f,p as m}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as M}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{l as g}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import{b as E}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as b}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{oc:P,pa:l},{p:W,q:N,r:V,s:A},,{e:t},,,pe,{b:Ie,d:we,f:ve},{b:Le,d:Fe,f:Ce},{d:ue,e:Se},,{b:Me},{a:fe,b:me,c:ye,d:de},{a:_e,b:Be},,{b:be},{A:he,B:C,C:I,D:w,E:le,F:ce,G:ge,a:q,b:T,c:G,d:d,e:Y,f:H,g:u,h:S,i:J,j:K,k:Q,l:X,m:Z,n:$,o:ee,p:_,q:se,r:ie,s:te,t:B,u:re,v:oe,w:ne,x:L,y:F,z:ae}])=>{var De=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,o=(c,e,s,a)=>{for(var r=Pe(e,s),n=c.length-1,h;n>=0;n--)(h=c[n])&&(r=h(e,s,r)||r);return r&&De(e,s,r),r},i=class extends pe{constructor(){super(...arguments),this._chartType=b.BoxPlotSeries,this._category=m,this._splitByField="",this._numericFields=[],this._splitBySeriesLimitReached=!1,this._splitBySeriesCount=0}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&await this.rebuildSeries(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get chartLimits(){return this._chartLimits}set chartLimits(e){let s=!M(this._chartLimits,e);this._chartLimits=e,s&&this.layerInfo!==void 0&&this._config!==void 0&&this.processSeriesRebuild("chartLimits")}get splitBySeriesLimitReached(){return this._splitBySeriesLimitReached}set splitBySeriesLimitReached(e){this._splitBySeriesLimitReached=e}get splitBySeriesCount(){return this._splitBySeriesCount}set splitBySeriesCount(e){this._splitBySeriesCount=e}get category(){return this._category}set category(e){let s=e.trim()==="";this._category=s?m:e,this.processSeriesRebuild("category")}get numericFields(){return this._numericFields}set numericFields(e){let{layerFieldsInfo:s}=this.layerInfo;typeof e=="string"&&(e=[e]),V(s,e)?(this._numericFields=e,ce(this._category,this._numericFields)&&(this._splitByField=""),this.processSeriesRebuild("numericFields")):g("error","box-plot-model","Invalid `numericFields`")}get splitByField(){return this._splitByField}set splitByField(e){N(this.layerInfo.layerFieldsInfo,e)?(this._splitByField=e,this.processSeriesRebuild("splitByField")):g("error","box-plot-model","Invalid `splitByField`")}get showOutliers(){return re(this._config)}set showOutliers(e){oe({newShowOutliers:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get standardizeValues(){return se(this._config)}set standardizeValues(e){ne({newStandardizeValues:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return L(this._config)}setSortOrder(e,s){F(e,this._config,s)}async getCustomSortValues(){return await w({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})}async setDataFilters(e){super.setDataFilters(e);let s=L(this._config);if(s===E.customSort){this.startAsyncUpdate();let a=await w({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings});F(s,this._config,a),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return C(this._config)}set orderByList(e){I(e,this._config)}async updateSeriesFromLayerFilter(){await this.processSeriesRebuild("updateSeriesFromLayerFilter")}async rebuildSeries(){await this.processSeriesRebuild("rebuildSeries")}get showMeanLines(){return ae(this._config)}set showMeanLines(e){let{previousMeanLinesBoxColor:s}=he({newShowMeanLines:e,config:this._config,commonStrings:this.commonStrings,previousMeanLinesBoxColor:this.previousMeanLinesBoxColor});this.previousMeanLinesBoxColor=s}get meanLinesBoxColor(){return H(this._config)}set meanLinesBoxColor(e){u(e,this._config)}setupLocalProps(){this._category=Z(this._config),this._splitByField=$(this._config),this._numericFields=ee(this._config)}generateDefaultConfig(){let e=D(this.commonStrings);return e.series=[R(this.commonStrings)],e}resetConfig(){let e=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=e,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}usingSplitBy(){return ge(this.category,this.numericFields,this.splitByField)}async processSeriesRebuild(e){this.usingSplitBy()?(this.startAsyncUpdate(),await this.fetchSplitByFieldInfos(),_(this.getBuildNewSeriesProps()),this.finishAsyncUpdate()):(this._splitBySeriesLimitReached=!1,this._splitBySeriesCount=0,_(this.getBuildNewSeriesProps())),this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(e)}async fetchSplitByFieldInfos(){let{fetchNullValues:e}=P(this._config)?.query??{};return this.splitByFieldInfos=await W({config:this._config,layer:this.layerInfo.layer,layerFieldsInfo:this.layerInfo.layerFieldsInfo,xAxisField:le(this._category)?void 0:this._category,aggregationFields:this.numericFields,splitByField:this._splitByField,fetchNullValues:e,chartLimits:this._chartLimits,errorStrings:this.commonStrings?.errorStrings}),this._splitBySeriesLimitReached=this.splitByFieldInfos.seriesLimitReached,this._splitBySeriesCount=this.splitByFieldInfos.totalSeriesCount,this.splitByFieldInfos}getBuildNewSeriesProps(){return{category:this.category,splitByField:this.splitByField,numericFields:this.numericFields,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,splitByFieldInfos:this.splitByFieldInfos}}getSeriesName(e){return G(e,this._config)}setSeriesName(e,s){d(e,s,this._config)}getSeriesColor(e){return Y(e,this._config)}setSeriesColor(e,s){S(e,s,this._config)}getSeriesLineStyle(e){let s=this._config.series[e];if(this.showMeanLines===!0&&l(s))return z(s)}setSeriesLineStyle(e,s){this.showMeanLines===!0&&q({style:e,seriesIndex:s,config:this._config})}getSeriesLineWidth(e){let s=this._config.series[e];if(this.showMeanLines===!0&&l(s))return j(s)}setSeriesLineWidth(e,s){this.showMeanLines===!0&&T({width:e,seriesIndex:s,config:this._config})}get orderOfSeries(){return J(this._config)}set orderOfSeries(e){K(e,this._config)}moveSeries(e,s){Q(e,s,this._config)}get boxPlotSeriesIndexWhenMeanLinesShown(){return X(this._config)}moveCustomSortValuesInOrderByList(e,s){let a=C(this._config),[r]=a.splice(e,1);a.splice(s,0,r),I(a,this._config)}generateChartTitle(){return te(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){return ie(this._config,this.layerInfo,this.commonStrings)}resetSeriesStyling(){for(let e=this.showMeanLines===!0?1:0;e<this.seriesLength;e+=1){let s=this.getSeriesId(e),a=O({colorIndex:e,opacity:x}),r=this._config.series[e];S(a,e,this._config);let n=B({series:r,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings});d(n??s,e,this._config),this.showMeanLines===!0&&l(r)&&(U(p,r),k(f,r))}this.showMeanLines===!0&&u(y,this._config),this._config.colorMatch=!0}resetAvailable(){let e=!this.colorMatch,s=this.showMeanLines===!0&&this.meanLinesBoxColor!==y,a=!1,r=!1;if(!e)for(let n=this.showMeanLines===!0?1:0;n<this.seriesLength;n+=1){let h=this._config.series[n],v=B({series:h,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),xe=this.getSeriesName(n);if(v!==void 0&&v!==xe){a=!0;break}if(this.showMeanLines===!0&&l(h)){let Oe=this.getSeriesLineStyle(n),Re=this.getSeriesLineWidth(n);if(Oe!==p||Re!==f){r=!0;break}}}return e||s||a||r}};o([t],i.prototype,"showOutliers");o([t],i.prototype,"standardizeValues");o([t],i.prototype,"setSortOrder");o([t],i.prototype,"setDataFilters");o([t],i.prototype,"orderByList");o([t],i.prototype,"showMeanLines");o([t],i.prototype,"meanLinesBoxColor");o([t],i.prototype,"resetConfig");o([t],i.prototype,"setSeriesName");o([t],i.prototype,"setSeriesColor");o([t],i.prototype,"setSeriesLineStyle");o([t],i.prototype,"setSeriesLineWidth");o([t],i.prototype,"orderOfSeries");o([t],i.prototype,"moveSeries");o([t],i.prototype,"moveCustomSortValuesInOrderByList");o([t],i.prototype,"resetSeriesStyling");var Ee=[_e,fe,me,ye,be,de,Me,Be,Ie,ue,we,Se,Le,Fe,Ce,ve];A(i,Ee);return i},a,c,d,e,h,i,l,n,o,q,r,s,t,u,v,w,A)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as E}from"./PABVNO3N.js";import{a as C}from"./YNHYJOH7.js";import{a as p}from"./RP6LD7CU.js";import{a as k,c as L}from"./OBPAQN4H.js";import j from"./UY6H4LX7.js";import{k as l,o as g}from"./TENIFMA5.js";import{a as P}from"./D37G7ULI.js";import i from"./V2D3WUU5.js";import f from"./IMB2RGHX.js";import e from"./CQADACRW.js";import{n as u,o as B}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{p as h}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as m,B as $,C as o,F,H as x,g as y,i as a,k as S,n as v,z as d}from"./UE4KTI5X.js";import{b as c}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as I}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{h:O},{a:w}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left: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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(k),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortListClick(e){e.preventDefault()}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&this.model.moveCustomSortValuesInOrderByList(i,s)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=B(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @click=${this.onCustomSortListClick} @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>w.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return O({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderSorting(){return a`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)
2
+ import{a as E}from"./PABVNO3N.js";import{a as C}from"./YNHYJOH7.js";import{a as p}from"./RP6LD7CU.js";import{a as k,c as L}from"./OBPAQN4H.js";import j from"./YRQUJSIP.js";import{k as l,o as g}from"./TENIFMA5.js";import{a as P}from"./D37G7ULI.js";import i from"./6WUMG4P2.js";import f from"./56CO5V5Y.js";import e from"./JRLMTZJ6.js";import{n as u,o as B}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{p as h}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as m,B as $,C as o,F,H as x,g as y,i as a,k as S,n as v,z as d}from"./UE4KTI5X.js";import{b as c}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as I}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{h:O},{a:w}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left: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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(k),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortListClick(e){e.preventDefault()}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&this.model.moveCustomSortValuesInOrderByList(i,s)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=B(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @click=${this.onCustomSortListClick} @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>w.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return O({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderSorting(){return a`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as $}from"./YNHYJOH7.js";import{a as P}from"./RP6LD7CU.js";import e from"./UY6H4LX7.js";import"./TENIFMA5.js";import{a as z}from"./D37G7ULI.js";import c from"./IMB2RGHX.js";import a from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZUN46CYQ.js";import{f as k}from"./KX7KGXKQ.js";import{e as _,k as b,q as G}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./UE4KTI5X.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},D=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends x{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadius=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:k.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadius??y} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
2
+ import{a as $}from"./YNHYJOH7.js";import{a as P}from"./RP6LD7CU.js";import e from"./YRQUJSIP.js";import"./TENIFMA5.js";import{a as z}from"./D37G7ULI.js";import c from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZUN46CYQ.js";import{f as k}from"./KX7KGXKQ.js";import{e as _,k as b,q as G}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./UE4KTI5X.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},D=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends x{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadius=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:k.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadius??y} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as w}from"./YNHYJOH7.js";import{a as N}from"./RP6LD7CU.js";import{a as c,c as p,d as _,f as y}from"./OBPAQN4H.js";import{f as l}from"./TENIFMA5.js";import{a as $}from"./D37G7ULI.js";import b from"./V2D3WUU5.js";import a from"./CQADACRW.js";import{n as v,u as L}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{Aa as E,za as S}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as B}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as m,B as A,C as s,F as k,H as I,g as x,i as r,n as u,z as d}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as h,k as f,n as g}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Rb:C,Tb:P},{h:T}])=>{var z=x`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},F=class extends A{constructor(){super(...arguments),this._messages=$(),this.commonStrings=$({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=d(),this.xAxisFieldElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.intervalAlignmentElement=d(),this.intervalElement=d(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case l.aggregation:p(c),this.model.aggregationType=i[0]!==h.NoAggregation?i[0]:h.NoAggregation;break;case l.xAxisField:{p(c);let a=i[0]?.trim()||"";this.model.xAxisField=a;break}case l.numericFields:p(c),this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==C(this.model.layer).idField&&(this.model.aggregationType=h.Sum);break;case l.splitByField:{p(c);let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&y(c)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=u(),this.arcgisChartsConfigResetTimeInterval=u()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=S(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=E(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${v(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;p(c),y(c),this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":v(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return T({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":v(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==h.NoAggregation;return e!==void 0&&P(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??f.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=k(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let t=C(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=L(this.model.temporalBinningUnit??f.Second,this._messages)??"",a=_(c),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},b=B(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${b} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${g.Zero} .checked=${this.model.nullPolicy===g.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${g.Interpolate} .checked=${this.model.nullPolicy===g.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${g.Null} .checked=${this.model.nullPolicy===g.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),b=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${b}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==h.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};I("arcgis-charts-config-line-chart-data",F);return F},a,b)
2
+ import{a as w}from"./YNHYJOH7.js";import{a as N}from"./RP6LD7CU.js";import{a as c,c as p,d as _,f as y}from"./OBPAQN4H.js";import{f as l}from"./TENIFMA5.js";import{a as $}from"./D37G7ULI.js";import b from"./6WUMG4P2.js";import a from"./JRLMTZJ6.js";import{n as v,u as L}from"./4F6DKNCU.js";import"./WOGALV3T.js";import{Aa as E,za as S}from"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as B}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as m,B as A,C as s,F as k,H as I,g as x,i as r,n as u,z as d}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as h,k as f,n as g}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Rb:C,Tb:P},{h:T}])=>{var z=x`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},F=class extends A{constructor(){super(...arguments),this._messages=$(),this.commonStrings=$({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=d(),this.xAxisFieldElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.intervalAlignmentElement=d(),this.intervalElement=d(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case l.aggregation:p(c),this.model.aggregationType=i[0]!==h.NoAggregation?i[0]:h.NoAggregation;break;case l.xAxisField:{p(c);let a=i[0]?.trim()||"";this.model.xAxisField=a;break}case l.numericFields:p(c),this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==C(this.model.layer).idField&&(this.model.aggregationType=h.Sum);break;case l.splitByField:{p(c);let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&y(c)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=u(),this.arcgisChartsConfigResetTimeInterval=u()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=S(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=E(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${v(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;p(c),y(c),this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":v(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return T({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":v(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==h.NoAggregation;return e!==void 0&&P(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??f.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=k(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let t=C(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=L(this.model.temporalBinningUnit??f.Second,this._messages)??"",a=_(c),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},b=B(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${b} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${g.Zero} .checked=${this.model.nullPolicy===g.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${g.Interpolate} .checked=${this.model.nullPolicy===g.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${g.Null} .checked=${this.model.nullPolicy===g.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),b=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${b}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==h.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};I("arcgis-charts-config-line-chart-data",F);return F},a,b)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as m}from"./YNHYJOH7.js";import{b}from"./RP6LD7CU.js";import e from"./UY6H4LX7.js";import{j as r}from"./TENIFMA5.js";import{a as S}from"./D37G7ULI.js";import d from"./IMB2RGHX.js";import a from"./CQADACRW.js";import{n as y}from"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import{f as h}from"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as p,B as f,C as l,H as v,g,i as s,n as o,z as c}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Sb:$},,{a:u,k:d,l:P}])=>{var n={scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",popoverPickList:"popover-pick-list",pickListPanel:"pick-list-panel"},k=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:100%}.pick-list-panel{max-height:60vh}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=S(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},u.PopoverTimer),b(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${P(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close use-panel .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,d,e)
2
+ import{a as m}from"./YNHYJOH7.js";import{b}from"./RP6LD7CU.js";import e from"./YRQUJSIP.js";import{j as r}from"./TENIFMA5.js";import{a as S}from"./D37G7ULI.js";import d from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import{n as y}from"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import{f as h}from"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as p,B as f,C as l,H as v,g,i as s,n as o,z as c}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Sb:$},,{a:u,k:d,l:P}])=>{var n={scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",popoverPickList:"popover-pick-list",pickListPanel:"pick-list-panel"},k=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:100%}.pick-list-panel{max-height:60vh}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=S(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},u.PopoverTimer),b(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${P(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close use-panel .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,d,e)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import a from"./4ZEVGEUR.js";import{F as f,H as c,c as i}from"./ZUN46CYQ.js";import{d}from"./NGXRBJKL.js";export default $arcgis.t(([{d:L,e:n}])=>{var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=(t,a,e,l)=>{for(var o=g(a,e),r=t.length-1,b;r>=0;r--)(b=t[r])&&(o=b(a,e,o)||o);return o&&v(a,e,o),o};function h(t){return t!==void 0&&"dataLabelsSymbol"in t}var m=(t,a)=>{if(a!==void 0)return t.series[a]?.dataLabels?.content;for(let e of t.series)if(e.dataLabels!==void 0)return e.dataLabels.content},p=(t,a,e)=>{let l=e!==void 0?[a.series[e]]:a.series;for(let o of l)o!==void 0&&((o.dataLabels===void 0||t===void 0)&&(o.dataLabels=c({text:"",visible:!0,font:f(i.DataLabels),type:i.DataLabels})),t!==void 0&&(o.dataLabels.content=d(t)))},s=class extends L{get dataLabelsSymbol(){return m(this._config)}set dataLabelsSymbol(a){p(a,this._config)}getDataLabelsSymbol(a){return m(this._config,a)}setDataLabelsSymbol(a,e){p(a,this._config,e)}};y([n],s.prototype,"dataLabelsSymbol");y([n],s.prototype,"setDataLabelsSymbol");return{a:h,b:s}},a)
2
+ import a from"./OOB4AL5B.js";import{F as f,H as c,c as i}from"./ZUN46CYQ.js";import{d}from"./NGXRBJKL.js";export default $arcgis.t(([{d:L,e:n}])=>{var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=(t,a,e,l)=>{for(var o=g(a,e),r=t.length-1,b;r>=0;r--)(b=t[r])&&(o=b(a,e,o)||o);return o&&v(a,e,o),o};function h(t){return t!==void 0&&"dataLabelsSymbol"in t}var m=(t,a)=>{if(a!==void 0)return t.series[a]?.dataLabels?.content;for(let e of t.series)if(e.dataLabels!==void 0)return e.dataLabels.content},p=(t,a,e)=>{let l=e!==void 0?[a.series[e]]:a.series;for(let o of l)o!==void 0&&((o.dataLabels===void 0||t===void 0)&&(o.dataLabels=c({text:"",visible:!0,font:f(i.DataLabels),type:i.DataLabels})),t!==void 0&&(o.dataLabels.content=d(t)))},s=class extends L{get dataLabelsSymbol(){return m(this._config)}set dataLabelsSymbol(a){p(a,this._config)}getDataLabelsSymbol(a){return m(this._config,a)}setDataLabelsSymbol(a,e){p(a,this._config,e)}};y([n],s.prototype,"dataLabelsSymbol");y([n],s.prototype,"setDataLabelsSymbol");return{a:h,b:s}},a)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as t,b as n,c}from"./P3AYFJRV.js";import{k as o}from"./QP5UAIC6.js";async function m(a){let i="config"in a?n(a.config):a.chartType,r;if(!("layer"in a)&&!("iLayer"in a)&&"config"in a&&a.config.iLayer===void 0)throw new Error("The source is missing. You can provide it to createModel through either `iLayer`, `layer`, or by setting the `config.iLayer` property.");switch(i){case o.LineChart:{let{LineChartModel:e}=await import("./K56BTXNK.js").then(m=>m.default.then(e=>({LineChartModel:e})));r=new e;break}case o.ComboBarLineChart:{let{ComboBarLineChartModel:e}=await import("./Y62HYU6W.js").then(m=>m.default.then(e=>({ComboBarLineChartModel:e})));r=new e;break}case o.PieChart:{let{PieChartModel:e}=await import("./AGQVZOVL.js").then(m=>m.default.then(e=>({PieChartModel:e})));r=new e;break}case o.Histogram:{let{HistogramModel:e}=await import("./BTIQHZCI.js").then(m=>m.default.then(e=>({HistogramModel:e})));r=new e;break}case o.Scatterplot:{let{ScatterplotModel:e}=await import("./DA2DRI66.js").then(m=>m.default.then(e=>({ScatterplotModel:e})));r=new e;break}case o.BoxPlot:{let{BoxPlotModel:e}=await import("./YPPTTXOS.js").then(m=>m.default.then(e=>({BoxPlotModel:e})));r=new e;break}case o.Gauge:{let{GaugeModel:e}=await import("./YIG6OTNW.js").then(m=>m.default.then(e=>({GaugeModel:e})));r=new e;break}case o.RadarChart:{let{RadarChartModel:e}=await import("./A7F727QE.js").then(m=>m.default.then(e=>({RadarChartModel:e})));r=new e;break}case o.HeatChart:{let{HeatChartModel:e}=await import("./M4JMQVOW.js").then(m=>m.default.then(e=>({HeatChartModel:e})));r=new e;break}case o.BarChart:default:{let{BarChartModel:e}=await import("./T4I6RQBL.js").then(m=>m.default.then(e=>({BarChartModel:e})));r=new e;break}}if(await r?.setup({layer:"layer"in a?a.layer:void 0,iLayer:"iLayer"in a?a.iLayer:void 0,config:"config"in a?a.config:void 0,commonStrings:"commonStrings"in a?a.commonStrings:void 0,chartLimits:"chartLimits"in a?a.chartLimits:void 0}),i!==void 0&&c(r,i))return r;{let e=t(r.chartType);throw new Error(`Please check the arguments provided to \`createModel\`. The generated model's type (\`${e}\`) does not match the type specified by either the \`chartType\` or the \`config\` argument (\`${i}\`).`)}}export{m as a};
2
+ import{a as t,b as n,c}from"./P3AYFJRV.js";import{k as o}from"./QP5UAIC6.js";async function m(a){let i="config"in a?n(a.config):a.chartType,r;if(!("layer"in a)&&!("iLayer"in a)&&"config"in a&&a.config.iLayer===void 0)throw new Error("The source is missing. You can provide it to createModel through either `iLayer`, `layer`, or by setting the `config.iLayer` property.");switch(i){case o.LineChart:{let{LineChartModel:e}=await import("./6K25LYBM.js").then(m=>m.default.then(e=>({LineChartModel:e})));r=new e;break}case o.ComboBarLineChart:{let{ComboBarLineChartModel:e}=await import("./C7BCDEO7.js").then(m=>m.default.then(e=>({ComboBarLineChartModel:e})));r=new e;break}case o.PieChart:{let{PieChartModel:e}=await import("./HJE3XLSD.js").then(m=>m.default.then(e=>({PieChartModel:e})));r=new e;break}case o.Histogram:{let{HistogramModel:e}=await import("./GQRUVGUK.js").then(m=>m.default.then(e=>({HistogramModel:e})));r=new e;break}case o.Scatterplot:{let{ScatterplotModel:e}=await import("./G65D4QU4.js").then(m=>m.default.then(e=>({ScatterplotModel:e})));r=new e;break}case o.BoxPlot:{let{BoxPlotModel:e}=await import("./LHIWT7XJ.js").then(m=>m.default.then(e=>({BoxPlotModel:e})));r=new e;break}case o.Gauge:{let{GaugeModel:e}=await import("./E2M4D7OW.js").then(m=>m.default.then(e=>({GaugeModel:e})));r=new e;break}case o.RadarChart:{let{RadarChartModel:e}=await import("./4KJXVTKT.js").then(m=>m.default.then(e=>({RadarChartModel:e})));r=new e;break}case o.HeatChart:{let{HeatChartModel:e}=await import("./TGVSWL53.js").then(m=>m.default.then(e=>({HeatChartModel:e})));r=new e;break}case o.BarChart:default:{let{BarChartModel:e}=await import("./TBWNZHUY.js").then(m=>m.default.then(e=>({BarChartModel:e})));r=new e;break}}if(await r?.setup({layer:"layer"in a?a.layer:void 0,iLayer:"iLayer"in a?a.iLayer:void 0,config:"config"in a?a.config:void 0,commonStrings:"commonStrings"in a?a.commonStrings:void 0,chartLimits:"chartLimits"in a?a.chartLimits:void 0}),i!==void 0&&c(r,i))return r;{let e=t(r.chartType);throw new Error(`Please check the arguments provided to \`createModel\`. The generated model's type (\`${e}\`) does not match the type specified by either the \`chartType\` or the \`config\` argument (\`${i}\`).`)}}export{m as a};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import j from"./UY6H4LX7.js";import"./TENIFMA5.js";import{a as A}from"./D37G7ULI.js";import h from"./J2QFNFBN.js";import g from"./RCUNGWMS.js";import{j as r,l as o,p as n}from"./BGIUDL2K.js";import f from"./7LEWHR3Q.js";import e from"./4ZEVGEUR.js";import d from"./JTKDMKW6.js";import c from"./IMB2RGHX.js";import b from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{q as v}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as u,B as C,C as i,H as $,g as T,i as l,z as p}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{e as a}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:c,c:m,e:g},{d:f},{h:y,i:b}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`,x=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=p(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&g(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&g(this.model)){let h=this.model.generateXAxisTitle(),d=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||h===d}if(o(this.model)){let h=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),d=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||h===d}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?b.INVALID:b.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;m(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&m(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription} resize=vertical></calcite-text-area></div>`}};$("arcgis-charts-config-general",x);return x},b,c,d,e,f,g,h,j)
2
+ import j from"./YRQUJSIP.js";import"./TENIFMA5.js";import{a as A}from"./D37G7ULI.js";import h from"./2ISUP2EC.js";import g from"./252LEJ7U.js";import{j as r,l as o,p as n}from"./BGIUDL2K.js";import f from"./PUGPG7TG.js";import e from"./OOB4AL5B.js";import d from"./QSQ4WWNZ.js";import c from"./56CO5V5Y.js";import b from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{q as v}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as u,B as C,C as i,H as $,g as T,i as l,z as p}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{e as a}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:c,c:m,e:g},{d:f},{h:y,i:b}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`,x=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=p(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&g(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&g(this.model)){let h=this.model.generateXAxisTitle(),d=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||h===d}if(o(this.model)){let h=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),d=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||h===d}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?b.INVALID:b.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;m(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&m(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription} resize=vertical></calcite-text-area></div>`}};$("arcgis-charts-config-general",x);return x},b,c,d,e,f,g,h,j)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import b from"./4ZEVGEUR.js";import a from"./CQADACRW.js";import{F as l,H as g,c}from"./ZUN46CYQ.js";export default $arcgis.t(([{rc:f},{d:i,e:p}])=>{var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,e,r,b)=>{for(var s=v(e,r),o=t.length-1,a;o>=0;o--)(a=t[o])&&(s=a(e,r,s)||s);return s&&d(e,r,s),s},u=t=>t.title?.content.text??"",y=(t,e)=>{e.title!==void 0?e.title.content.text=t:e.title===void 0&&t!==void 0&&(e.title=g({text:t,visible:!0,font:l(c.ChartTitle)}))},n=class extends i{get titleText(){return u(this._config)}set titleText(e){y(e,this._config)}};m([p],n.prototype,"titleText");var T=t=>t.series.map(e=>String(f({where:e.query?.where}))).filter(e=>e!==void 0),h=class extends i{get splitByValues(){return T(this._config)}},_=t=>t.series.length??0,x=class extends i{get seriesLength(){return _(this._config)}};return{a:u,b:n,c:T,d:h,e:_,f:x}},a,b)
2
+ import b from"./OOB4AL5B.js";import a from"./JRLMTZJ6.js";import{F as l,H as g,c}from"./ZUN46CYQ.js";export default $arcgis.t(([{rc:f},{d:i,e:p}])=>{var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,e,r,b)=>{for(var s=v(e,r),o=t.length-1,a;o>=0;o--)(a=t[o])&&(s=a(e,r,s)||s);return s&&d(e,r,s),s},u=t=>t.title?.content.text??"",y=(t,e)=>{e.title!==void 0?e.title.content.text=t:e.title===void 0&&t!==void 0&&(e.title=g({text:t,visible:!0,font:l(c.ChartTitle)}))},n=class extends i{get titleText(){return u(this._config)}set titleText(e){y(e,this._config)}};m([p],n.prototype,"titleText");var T=t=>t.series.map(e=>String(f({where:e.query?.where}))).filter(e=>e!==void 0),h=class extends i{get splitByValues(){return T(this._config)}},_=t=>t.series.length??0,x=class extends i{get seriesLength(){return _(this._config)}};return{a:u,b:n,c:T,d:h,e:_,f:x}},a,b)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{d as t}from"./TENIFMA5.js";import a from"./CQADACRW.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as n}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as p,H as f,g,i,n as m}from"./UE4KTI5X.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Nb:C,Pb:v,Tb:F,_c:y,dc:b,ja:c,na:u}])=>{var M=g`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,h=class extends p{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,this.arcgisChartsConfigNoSeriesUpdate=m()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=M}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let o=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(o=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==void 0&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(o=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&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){let o=e.get(0);if(this.activeColorMatch=o===void 0,this.model.colorMatch){let s=c(o)?o.color:void 0,a=this.model.nullCategory,r=y(a);s!==void 0&&a!==void 0&&r!==void 0&&(this.model.nullCategory={...a,fillSymbol:{...r,color:s,outline:r.outline&&{...r.outline,color:s}}}),e.forEach((l,d)=>{c(l)&&o!==void 0&&l?.color!==void 0&&!n(this.model.getSeriesColor(d),l?.color)&&this.model.setSeriesColor(l?.color,d)})}}async updateFetchLayerFieldsInfo(e){let o=e??this.model.config,s=this.layer;if(!s){let a=u(o)?o.iLayer:void 0;a&&(s=await C(a))}s&&(await b(s),this.layerFieldsInfo=v(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e=this.layerFieldsInfo?.find(a=>a.name===this.model.xAxisField),o=e!==void 0&&F(e),s;switch(this.page){case t.Data:s=i`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case t.Series:s=i`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case t.Axes:s=i`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:s=i`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${o} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case t.Format:s=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:s=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:s="";break}return s}};f("arcgis-charts-config-bar-chart",h);return h},a)
2
+ import{d as t}from"./TENIFMA5.js";import a from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import{b as n}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{B as p,H as f,g,i,n as m}from"./UE4KTI5X.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Nb:C,Pb:v,Tb:F,_c:y,dc:b,ja:c,na:u}])=>{var M=g`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,h=class extends p{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,this.arcgisChartsConfigNoSeriesUpdate=m()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=M}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let o=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(o=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==void 0&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(o=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&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){let o=e.get(0);if(this.activeColorMatch=o===void 0,this.model.colorMatch){let s=c(o)?o.color:void 0,a=this.model.nullCategory,r=y(a);s!==void 0&&a!==void 0&&r!==void 0&&(this.model.nullCategory={...a,fillSymbol:{...r,color:s,outline:r.outline&&{...r.outline,color:s}}}),e.forEach((l,d)=>{c(l)&&o!==void 0&&l?.color!==void 0&&!n(this.model.getSeriesColor(d),l?.color)&&this.model.setSeriesColor(l?.color,d)})}}async updateFetchLayerFieldsInfo(e){let o=e??this.model.config,s=this.layer;if(!s){let a=u(o)?o.iLayer:void 0;a&&(s=await C(a))}s&&(await b(s),this.layerFieldsInfo=v(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e=this.layerFieldsInfo?.find(a=>a.name===this.model.xAxisField),o=e!==void 0&&F(e),s;switch(this.page){case t.Data:s=i`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case t.Series:s=i`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case t.Axes:s=i`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:s=i`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${o} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case t.Format:s=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:s=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:s="";break}return s}};f("arcgis-charts-config-bar-chart",h);return h},a)