@arcgis/charts-components 5.1.6 → 5.1.7

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 (103) hide show
  1. package/dist/cdn/{G2Z64BFA.js → 26FVMDJO.js} +1 -1
  2. package/dist/cdn/{PGQBQINY.js → 2CYIURXG.js} +1 -1
  3. package/dist/cdn/{QLWLD4RQ.js → 2EXBJDDC.js} +1 -1
  4. package/dist/cdn/{HZ3NECKG.js → 2IOS4IWI.js} +1 -1
  5. package/dist/cdn/{5UPTWCEB.js → 2L23H347.js} +1 -1
  6. package/dist/cdn/{HPJRWSHS.js → 2TKMBOEI.js} +1 -1
  7. package/dist/cdn/{ZKSJYSHM.js → 2XM5I7K7.js} +1 -1
  8. package/dist/cdn/{M6BTG3V3.js → 3SZUW37Y.js} +1 -1
  9. package/dist/cdn/{4MQUJ66U.js → 4F53EV6H.js} +1 -1
  10. package/dist/cdn/{C2FEWLBA.js → 4H5ED3J2.js} +1 -1
  11. package/dist/cdn/{67U3EYCP.js → 4MC2YEFM.js} +1 -1
  12. package/dist/cdn/{P4FLCFYM.js → 4UP5B3N6.js} +1 -1
  13. package/dist/cdn/{MN5GDYNE.js → 53TNU4HW.js} +1 -1
  14. package/dist/cdn/{JD4WPFU6.js → 5NBLVE62.js} +1 -1
  15. package/dist/cdn/{QTPCCYE5.js → 5Q22WA6Q.js} +1 -1
  16. package/dist/cdn/{GK5CWOCQ.js → 5VCTSMNN.js} +1 -1
  17. package/dist/cdn/{B5X2NDJD.js → 5XKTX2ED.js} +1 -1
  18. package/dist/cdn/{3MVMKQOG.js → 6C5WQFZL.js} +1 -1
  19. package/dist/cdn/{3X5VBEQ3.js → 6HAD5KHB.js} +1 -1
  20. package/dist/cdn/{D7MOQNZM.js → 6IU7YPGD.js} +1 -1
  21. package/dist/cdn/{NHMYX7CD.js → 6MB4LTPX.js} +1 -1
  22. package/dist/cdn/{GPHA7GKG.js → 6UN2WGMW.js} +1 -1
  23. package/dist/cdn/{PJDH6V2Z.js → 72FTZEYR.js} +1 -1
  24. package/dist/cdn/{QKAA7CTZ.js → 77CBAL3N.js} +1 -1
  25. package/dist/cdn/{MSYHBNQH.js → 7DC5CO2S.js} +1 -1
  26. package/dist/cdn/{M2HZNR3E.js → B7QVXJAI.js} +1 -1
  27. package/dist/cdn/{NZHBHKIP.js → BMZLASFX.js} +1 -1
  28. package/dist/cdn/{MV77PKK7.js → BQIO4SFV.js} +1 -1
  29. package/dist/cdn/{L2SSIZB7.js → C433QEJV.js} +1 -1
  30. package/dist/cdn/{44UU3L7M.js → C7GRHFCP.js} +1 -1
  31. package/dist/cdn/{M2N2W7BZ.js → CCXXGTJV.js} +1 -1
  32. package/dist/cdn/{RNQZZO2H.js → CEKV6JXN.js} +1 -1
  33. package/dist/cdn/{LOA5FF2X.js → DKRCTSUH.js} +1 -1
  34. package/dist/cdn/{BMUPG6HR.js → DKYJA35R.js} +1 -1
  35. package/dist/cdn/{XA4X6TSE.js → EJSVQFYP.js} +1 -1
  36. package/dist/cdn/{4AKFQYGZ.js → EK3UQJGQ.js} +1 -1
  37. package/dist/cdn/{NCAOD6QS.js → FSAWMHCJ.js} +1 -1
  38. package/dist/cdn/{UP3WWH42.js → FVEFPZYM.js} +1 -1
  39. package/dist/cdn/{AEGYQULT.js → GEW5J27H.js} +1 -1
  40. package/dist/cdn/{46UOQUOV.js → GGLFJRLY.js} +1 -1
  41. package/dist/cdn/{R4BYN7UH.js → GGVEMANV.js} +1 -1
  42. package/dist/cdn/{DVFWKHL6.js → HMJ4RCP2.js} +1 -1
  43. package/dist/cdn/{KUHRBFX4.js → ILJXET3Y.js} +1 -1
  44. package/dist/cdn/{CRQT3TTY.js → IXDJ3MA3.js} +1 -1
  45. package/dist/cdn/{2BSWHFYD.js → J7LPA6IR.js} +1 -1
  46. package/dist/cdn/{CHKG6M6Y.js → JB2ACWRF.js} +1 -1
  47. package/dist/cdn/{TZXVXI7T.js → JB6UVHVR.js} +1 -1
  48. package/dist/cdn/{2FLZMU5Q.js → K7OQDPXF.js} +1 -1
  49. package/dist/cdn/{LGUBZTOF.js → KE7TS5EK.js} +1 -1
  50. package/dist/cdn/{LI5TZCZD.js → KEFYEYPR.js} +1 -1
  51. package/dist/cdn/{VC6LDSUX.js → KFPQOAZG.js} +1 -1
  52. package/dist/cdn/{BAMG5VN4.js → L2USBON5.js} +1 -1
  53. package/dist/cdn/{GSCAHY33.js → L6JUKUXL.js} +1 -1
  54. package/dist/cdn/{5N4ERXQ6.js → LBDGW4XX.js} +1 -1
  55. package/dist/cdn/{AEZUFC3R.js → LNQXAWWI.js} +1 -1
  56. package/dist/cdn/{KDIFIPYL.js → LSDIQWV2.js} +1 -1
  57. package/dist/cdn/{REWQFNKZ.js → LWSGFRJI.js} +1 -1
  58. package/dist/cdn/{P53CQHBN.js → M2M2BTFT.js} +1 -1
  59. package/dist/cdn/{6ZYC6HNS.js → MSVCAYZS.js} +1 -1
  60. package/dist/cdn/{3FDITNQ5.js → N5OD2IAF.js} +1 -1
  61. package/dist/cdn/{DJJUG4A2.js → NJX5OKGW.js} +1 -1
  62. package/dist/cdn/{7JK7N5LX.js → OMZBB2D5.js} +1 -1
  63. package/dist/cdn/{PSCTEQ66.js → PBYOPQZZ.js} +1 -1
  64. package/dist/cdn/{YTEE54MG.js → QIU375OW.js} +1 -1
  65. package/dist/cdn/{NKDJ3YFC.js → RG4E4ROZ.js} +1 -1
  66. package/dist/cdn/{A2CSU5GF.js → RNVUH2ZG.js} +1 -1
  67. package/dist/cdn/{LTHR6E2T.js → SQFJ6LCV.js} +1 -1
  68. package/dist/cdn/{Y7L663KR.js → TVK7PI7J.js} +1 -1
  69. package/dist/cdn/{ZMN6AHC5.js → TWAZEJ4H.js} +1 -1
  70. package/dist/cdn/{DQUUGM3F.js → UEWACWNA.js} +1 -1
  71. package/dist/cdn/{N5GAMBV2.js → UGXE2O7L.js} +1 -1
  72. package/dist/cdn/{RMKG24DZ.js → UQU4QNRF.js} +1 -1
  73. package/dist/cdn/{UZGLBP4I.js → UUM2LTMI.js} +1 -1
  74. package/dist/cdn/{HEO64QT7.js → V2HJGQHM.js} +1 -1
  75. package/dist/cdn/{BT4DCY4R.js → VBZG6GU5.js} +1 -1
  76. package/dist/cdn/{VVPLII7I.js → VGA5ODWT.js} +1 -1
  77. package/dist/cdn/{DU56ENP6.js → VJZRKHL3.js} +1 -1
  78. package/dist/cdn/{FX46GTLU.js → VP644A55.js} +1 -1
  79. package/dist/cdn/{4UILNQR3.js → VR6KGABY.js} +1 -1
  80. package/dist/cdn/{YP5WRFWP.js → VVYGLVH2.js} +1 -1
  81. package/dist/cdn/{P3IARUTR.js → VWTWJ7YZ.js} +1 -1
  82. package/dist/cdn/{I4HQW47Q.js → WLJSMNXN.js} +1 -1
  83. package/dist/cdn/{RWF2O3IX.js → WSFZEGS4.js} +1 -1
  84. package/dist/cdn/{KZXUQGMW.js → WT442GMP.js} +1 -1
  85. package/dist/cdn/{FVO6W3HY.js → X3JYCSYW.js} +1 -1
  86. package/dist/cdn/{TKJ4DY3F.js → XCDICJDS.js} +1 -1
  87. package/dist/cdn/{LDBRSUUN.js → XGMT63IO.js} +1 -1
  88. package/dist/cdn/{7P3DN7AF.js → YMVVZEQ3.js} +1 -1
  89. package/dist/cdn/{BH4MF2MK.js → YRLKJ2X4.js} +1 -1
  90. package/dist/cdn/{YCCROHKD.js → YRSSI3KD.js} +1 -1
  91. package/dist/cdn/{4XG6BLAN.js → Z7MMGJFE.js} +1 -1
  92. package/dist/cdn/{HPQSG3GL.js → ZCUCWPLC.js} +1 -1
  93. package/dist/cdn/{XBCUEWJG.js → ZD4GCWUA.js} +1 -1
  94. package/dist/cdn/{QY2HDFLO.js → ZPTAEKAW.js} +1 -1
  95. package/dist/cdn/{M5PHJ6QW.js → ZSJ66FGW.js} +1 -1
  96. package/dist/cdn/{BAJXEBKB.js → ZVI4X53P.js} +1 -1
  97. package/dist/cdn/index.js +1 -1
  98. package/dist/cdn/model/shared/setup-utils.js +1 -1
  99. package/dist/chunks/runtime.js +1 -1
  100. package/dist/docs/api.json +1 -1
  101. package/dist/docs/docs.json +1 -1
  102. package/dist/docs/web-types.json +1 -1
  103. package/package.json +3 -3
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as h}from"./6ZYC6HNS.js";import{a as R}from"./Y7L663KR.js";import{b as j}from"./TJQGGNGV.js";import k from"./7JK7N5LX.js";import{a as x}from"./QTPCCYE5.js";import{l as c,m as v}from"./MZ2UZAFW.js";import i from"./NZHBHKIP.js";import e from"./XA4X6TSE.js";import"./KGNYAMFB.js";import a from"./M5PHJ6QW.js";import"./777EBGS5.js";import{c as b,n as D}from"./P5XJTTU3.js";import{i as E,wa as _}from"./6JI4NDJ6.js";import{a as A}from"./75Y43JLP.js";import{l as T}from"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as I,B as r,C as L,D as g,G as P,g as F,i as l,n as d,y as u,z as p}from"./5N4ERXQ6.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as S,w as f,x as C}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([O,{sb:N,tb:B},,{c:$,d:y},{a:M,c:k,k:m}])=>{var q=F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.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;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,s={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",header:"header",pickListItemLabel:"pick-list-item-label",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 I{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),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=q}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()},M.PopoverTimer),j(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>l`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,l`<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(" ",l`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let o=0;o<t;o+=1){let n=this.layerFieldsInfo?.[o];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let o=this.layerFieldsInfo?.[i];o&&B(o)&&a.push(this.buildPickListItem(o))}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,o,n]=e;[a,i,o].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${o},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:o,a:n}=e;if(a!=null&&i!=null&&o!=null)return`rgba(${a},${i},${o},${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,o]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,o,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return l`<calcite-list label class=${r(s.pickListItemLabel)} 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 l`<calcite-list label class=${r(s.pickListItemLabel)} 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(v).filter(i=>i!==v.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let o=this._messages[i];return l`<calcite-list-item .label=${o} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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 l`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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:o,value:n}=a;return l`<calcite-list-item .label=${i} .description=${o} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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=l`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return l`<div class=${r(s.colorRampPopover)}><div class=${r(s.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=>l`<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=${r(s.rampGrid)}>${e.length===0&&l`<div class=${r(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),o=a.name===this.selectedColorRampName;return l`<div class=${`${s.rampItem} ${o?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${r(s.rampName)} aria-hidden=true>${a.name}</div><div class=${r(s.rampStrips)}>${h(i,n=>n,n=>l`<div class=${r(s.rampStrip)} style=${L({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&l`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${r(s.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??b.grayColor,t=this.model.emptyCellText??b.nullCategory?.text??"";return l`<div><div class=${r(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return l`<div class=${r(s.jsAppFlyout)}><calcite-popover class=${r(s.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=${r(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(s.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};P("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,k)
2
+ import{a as h}from"./MSVCAYZS.js";import{a as R}from"./TVK7PI7J.js";import{b as j}from"./TJQGGNGV.js";import k from"./OMZBB2D5.js";import{a as x}from"./5Q22WA6Q.js";import{l as c,m as v}from"./MZ2UZAFW.js";import i from"./BMZLASFX.js";import e from"./EJSVQFYP.js";import"./KGNYAMFB.js";import a from"./ZSJ66FGW.js";import"./777EBGS5.js";import{c as b,n as D}from"./P5XJTTU3.js";import{i as E,wa as _}from"./6JI4NDJ6.js";import{a as A}from"./75Y43JLP.js";import{l as T}from"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as I,B as r,C as L,D as g,G as P,g as F,i as l,n as d,y as u,z as p}from"./LBDGW4XX.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as S,w as f,x as C}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([O,{sb:N,tb:B},,{c:$,d:y},{a:M,c:k,k:m}])=>{var q=F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.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;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,s={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",header:"header",pickListItemLabel:"pick-list-item-label",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 I{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),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=q}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()},M.PopoverTimer),j(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>l`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,l`<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(" ",l`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let o=0;o<t;o+=1){let n=this.layerFieldsInfo?.[o];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let o=this.layerFieldsInfo?.[i];o&&B(o)&&a.push(this.buildPickListItem(o))}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,o,n]=e;[a,i,o].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${o},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:o,a:n}=e;if(a!=null&&i!=null&&o!=null)return`rgba(${a},${i},${o},${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,o]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,o,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return l`<calcite-list label class=${r(s.pickListItemLabel)} 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 l`<calcite-list label class=${r(s.pickListItemLabel)} 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(v).filter(i=>i!==v.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let o=this._messages[i];return l`<calcite-list-item .label=${o} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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 l`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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:o,value:n}=a;return l`<calcite-list-item .label=${i} .description=${o} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} 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=l`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return l`<div class=${r(s.colorRampPopover)}><div class=${r(s.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=>l`<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=${r(s.rampGrid)}>${e.length===0&&l`<div class=${r(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),o=a.name===this.selectedColorRampName;return l`<div class=${`${s.rampItem} ${o?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${r(s.rampName)} aria-hidden=true>${a.name}</div><div class=${r(s.rampStrips)}>${h(i,n=>n,n=>l`<div class=${r(s.rampStrip)} style=${L({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&l`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${r(s.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??b.grayColor,t=this.model.emptyCellText??b.nullCategory?.text??"";return l`<div><div class=${r(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return l`<div class=${r(s.jsAppFlyout)}><calcite-popover class=${r(s.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=${r(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(s.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};P("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,k)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import b from"./G2Z64BFA.js";import a from"./M5PHJ6QW.js";import{C as c,E as g,c as l}from"./6JI4NDJ6.js";export default $arcgis.t(([{R:f},{b:i,c:p}])=>{var d=Object.defineProperty,m=Object.getOwnPropertyDescriptor,v=(t,e,r,b)=>{for(var s=m(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:c(l.ChartTitle)}))},n=class extends i{get titleText(){return u(this._config)}set titleText(e){y(e,this._config)}};v([p],n.prototype,"titleText");var _=t=>t.series.map(e=>String(f({where:e.query?.where}))).filter(e=>e!==void 0),h=class extends i{get splitByValues(){return _(this._config)}},T=t=>t.series.length??0,x=class extends i{get seriesLength(){return T(this._config)}};return{a:u,b:n,c:_,d:h,e:T,f:x}},a,b)
2
+ import b from"./26FVMDJO.js";import a from"./ZSJ66FGW.js";import{C as c,E as g,c as l}from"./6JI4NDJ6.js";export default $arcgis.t(([{R:f},{b:i,c:p}])=>{var d=Object.defineProperty,m=Object.getOwnPropertyDescriptor,v=(t,e,r,b)=>{for(var s=m(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:c(l.ChartTitle)}))},n=class extends i{get titleText(){return u(this._config)}set titleText(e){y(e,this._config)}};v([p],n.prototype,"titleText");var _=t=>t.series.map(e=>String(f({where:e.query?.where}))).filter(e=>e!==void 0),h=class extends i{get splitByValues(){return _(this._config)}},T=t=>t.series.length??0,x=class extends i{get seriesLength(){return T(this._config)}};return{a:u,b:n,c:_,d:h,e:T,f:x}},a,b)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as y}from"./6ZYC6HNS.js";import{a as $}from"./Y7L663KR.js";import{b as _,c as B}from"./TJQGGNGV.js";import g from"./7JK7N5LX.js";import{a as f}from"./QTPCCYE5.js";import{f as s}from"./MZ2UZAFW.js";import e from"./XA4X6TSE.js";import"./KGNYAMFB.js";import d from"./M5PHJ6QW.js";import"./777EBGS5.js";import{n as E,u as S}from"./P5XJTTU3.js";import{wa as x,xa as A}from"./6JI4NDJ6.js";import{a as P}from"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as I,B as c,G as F,g as L,i as a,n as u,y as h,z as m}from"./5N4ERXQ6.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{k as r,o as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{sb:v,tb:D,vb:T,wb:z},,{a:w,c:C,g:K,k:d,o:N}])=>{var j=L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,o={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},k=class extends I{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=h(),this.intervalSizeElement=h(),this.intervalTypeElement=h(),this.popoverElement=h(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=u(),this.arcgisChartsConfigLineChartPopoverClose=u()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=j}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(l=>x(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[p.Start,p.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},w.PopoverTimer),_(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return y(C,e=>e,(e,t)=>a`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[p.Start,p.End];return y(e,t=>t,(t,i)=>a`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,a`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&v(n)&&i.push(this.buildPickListItem(n))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&(v(n)||D(n)||T(n))&&i.push(this.buildPickListItem(n))}break}case s.splitByField:{let l=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let g=this.layerFieldsInfo?.[n];g&&(z(g)||g.type===P.String)&&i.push(this.buildPickListItem(g))}break}}return i}closePopover(){if(this.contentKind===s.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};N(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${c(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${K(e?.size,1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${m(this.intervalTypeElement)}>${t.map(i=>a`<calcite-option .value=${i} .label=${S(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=a`<div slot=footer><calcite-fab class=${c(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),a`<div class=${c(o.jsAppFlyout)}><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-line-chart-popover",k);return k},d,e,g)
2
+ import{a as y}from"./MSVCAYZS.js";import{a as $}from"./TVK7PI7J.js";import{b as _,c as B}from"./TJQGGNGV.js";import g from"./OMZBB2D5.js";import{a as f}from"./5Q22WA6Q.js";import{f as s}from"./MZ2UZAFW.js";import e from"./EJSVQFYP.js";import"./KGNYAMFB.js";import d from"./ZSJ66FGW.js";import"./777EBGS5.js";import{n as E,u as S}from"./P5XJTTU3.js";import{wa as x,xa as A}from"./6JI4NDJ6.js";import{a as P}from"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as I,B as c,G as F,g as L,i as a,n as u,y as h,z as m}from"./LBDGW4XX.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{k as r,o as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{sb:v,tb:D,vb:T,wb:z},,{a:w,c:C,g:K,k:d,o:N}])=>{var j=L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,o={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},k=class extends I{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=h(),this.intervalSizeElement=h(),this.intervalTypeElement=h(),this.popoverElement=h(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=u(),this.arcgisChartsConfigLineChartPopoverClose=u()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=j}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(l=>x(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[p.Start,p.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},w.PopoverTimer),_(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return y(C,e=>e,(e,t)=>a`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[p.Start,p.End];return y(e,t=>t,(t,i)=>a`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,a`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&v(n)&&i.push(this.buildPickListItem(n))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&(v(n)||D(n)||T(n))&&i.push(this.buildPickListItem(n))}break}case s.splitByField:{let l=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let g=this.layerFieldsInfo?.[n];g&&(z(g)||g.type===P.String)&&i.push(this.buildPickListItem(g))}break}}return i}closePopover(){if(this.contentKind===s.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};N(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${c(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${K(e?.size,1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${m(this.intervalTypeElement)}>${t.map(i=>a`<calcite-option .value=${i} .label=${S(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=a`<div slot=footer><calcite-fab class=${c(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),a`<div class=${c(o.jsAppFlyout)}><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-line-chart-popover",k);return k},d,e,g)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as k}from"./Y7L663KR.js";import{a as E}from"./TJQGGNGV.js";import{a as P}from"./QTPCCYE5.js";import{h as s}from"./MZ2UZAFW.js";import c from"./CHKG6M6Y.js";import a from"./M5PHJ6QW.js";import"./777EBGS5.js";import{n as m}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as u,B as o,E as b,G as v,g as C,i as r,n as d,y as n,z as h}from"./5N4ERXQ6.js";import{e as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as y}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{q:c,rb:$},{h:F}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},w=C`: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}`,p=class extends u{constructor(){super(...arguments),this._messages=P(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case s.aggregation:this.model.aggregationType=i[0]!==y.NoAggregation?i[0]:"";break;case s.category:{let a=i[0]?.trim()||"";this.updateMode(a);let f=this.model.numericFields;f.length>1&&a!==c&&(this.model.numericFields=[f[0]]),this.model.category=a,this.model.colorMatch=!0;break}case s.numericFields:i.length>1&&(this.updateMode(c),this.model.category=c),this.model.numericFields=i;break;case s.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=d(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=d()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=w}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return k(e,r`<calcite-list-item .label=${m(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=s.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=s.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=s.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}updateMode(e){let t=e!==c&&e.trim()!=="";this.model.mode=t?g.Category:g.Fields}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let t,i,a;switch(this.contentKind){case s.category:t=this.categoryElement.value,i=this._messages.categoryHeader,a=this.model.category;break;case s.numericFields:t=this.numericFieldsElement.value,i=this._messages.numericFieldsMultipleHeader,a=this.model.numericFields;break;case s.sortOrder:t=this.sortOrderElement.value,i=this._messages.sortOrderHeader,a=this.model.getSortOrder();break}this.pieChartPopover=b(r`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${a} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`),!document.body.contains(this.pieChartPopover)&&this.pieChartPopover!==null&&document.body.appendChild(this.pieChartPopover)}getCorrectedCategoryValue(){return F({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":m(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=E(this.pieChartPopover))}renderSorting(){return r`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=$(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`}render(){let e=this.renderCategory(),t=this.renderSorting(),i=this.renderNumericFields([...this.model.numericFields]);return r`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[r`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,r`<div class=${o(l.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(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`}};v("arcgis-charts-config-pie-chart-data",p);return p},a,c)
2
+ import{a as k}from"./TVK7PI7J.js";import{a as E}from"./TJQGGNGV.js";import{a as P}from"./5Q22WA6Q.js";import{h as s}from"./MZ2UZAFW.js";import c from"./JB2ACWRF.js";import a from"./ZSJ66FGW.js";import"./777EBGS5.js";import{n as m}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as u,B as o,E as b,G as v,g as C,i as r,n as d,y as n,z as h}from"./LBDGW4XX.js";import{e as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as y}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{q:c,rb:$},{h:F}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},w=C`: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}`,p=class extends u{constructor(){super(...arguments),this._messages=P(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case s.aggregation:this.model.aggregationType=i[0]!==y.NoAggregation?i[0]:"";break;case s.category:{let a=i[0]?.trim()||"";this.updateMode(a);let f=this.model.numericFields;f.length>1&&a!==c&&(this.model.numericFields=[f[0]]),this.model.category=a,this.model.colorMatch=!0;break}case s.numericFields:i.length>1&&(this.updateMode(c),this.model.category=c),this.model.numericFields=i;break;case s.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=d(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=d()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=w}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return k(e,r`<calcite-list-item .label=${m(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=s.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=s.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=s.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}updateMode(e){let t=e!==c&&e.trim()!=="";this.model.mode=t?g.Category:g.Fields}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let t,i,a;switch(this.contentKind){case s.category:t=this.categoryElement.value,i=this._messages.categoryHeader,a=this.model.category;break;case s.numericFields:t=this.numericFieldsElement.value,i=this._messages.numericFieldsMultipleHeader,a=this.model.numericFields;break;case s.sortOrder:t=this.sortOrderElement.value,i=this._messages.sortOrderHeader,a=this.model.getSortOrder();break}this.pieChartPopover=b(r`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${a} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`),!document.body.contains(this.pieChartPopover)&&this.pieChartPopover!==null&&document.body.appendChild(this.pieChartPopover)}getCorrectedCategoryValue(){return F({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":m(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=E(this.pieChartPopover))}renderSorting(){return r`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=$(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`}render(){let e=this.renderCategory(),t=this.renderSorting(),i=this.renderNumericFields([...this.model.numericFields]);return r`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[r`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,r`<div class=${o(l.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(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`}};v("arcgis-charts-config-pie-chart-data",p);return p},a,c)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import e from"./A2CSU5GF.js";import d from"./FVO6W3HY.js";import{c as f}from"./NQAPPISU.js";import b from"./XA4X6TSE.js";import{n as m}from"./P5XJTTU3.js";import{F as l,M as a,qa as n,sa as r}from"./6JI4NDJ6.js";import{c}from"./XOB365BI.js";export default $arcgis.t(([{substitute:C},{a:u,d:t},{a:p},{b:x}])=>{var v=s=>{t({config:s,value:null,axisIndex:0,isMax:!1}),t({config:s,value:null,axisIndex:0,isMax:!0}),t({config:s,value:null,axisIndex:1,isMax:!1}),t({config:s,value:null,axisIndex:1,isMax:!0})};function D(s,e,i){let{layerFieldsInfo:o}=e,y=m(o,g(s));return C(i.titleLabels.distributionOfField,{valueField:y})}var g=s=>s.series[0]?.x??"",E=s=>{let{numericField:e,config:i,layerInfo:o,commonStrings:y}=s,{layerFieldsInfo:b}=o,I=D(i,o,y),F=p(i),S=f(0,i),M=m(b,g(i)),d=x(i);if(v(i),i?.series?.[0]&&(i.series[0].x=e),M===S||d){let T=m(b,e);u(i,0,T)}i.title&&(I===F||d)&&(i.title.content.text=D(i,o,y))},G=s=>s.series[0]?.dataTransformationType??c.None,J=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].dataTransformationType=s)},K=s=>s.series[0]?.binCount??32,L=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].binCount=s)},P=s=>s.series[0]?.fillSymbol??r().fillSymbol,R=(s,e)=>{e?.series?.[0]&&(e.series[0].fillSymbol={...e.series[0].fillSymbol,...s})},h=s=>s.series[0]?.overlays?.comparisonDistribution?.symbol??r().overlays.comparisonDistribution?.symbol??l(),U=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.comparisonDistribution??=a(4),e.series[0].overlays.comparisonDistribution.symbol={...e.series[0].overlays.comparisonDistribution.symbol,...s}},z=s=>s.series[0]?.overlays?.mean?.symbol??r().overlays.mean?.symbol??l(),V=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.mean??=a(1),e.series[0].overlays.mean.symbol={...e.series[0].overlays.mean.symbol,...s}},A=s=>s.series[0]?.overlays?.median?.symbol??r().overlays.median?.symbol??l(),W=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.median??=a(2),e.series[0].overlays.median.symbol={...e.series[0].overlays.median.symbol,...s}},N=s=>s.series[0]?.overlays?.standardDeviation?.symbol??r().overlays.standardDeviation?.symbol??l(),Y=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.standardDeviation??=a(3),e.series[0].overlays.standardDeviation.symbol={...e.series[0].overlays.standardDeviation.symbol,...s}},_=s=>(s.series[0]?.overlays?.comparisonDistribution?.created??!1)&&(s.series[0]?.overlays?.comparisonDistribution?.visible??!1),$=(s,e)=>{let i=a(0);i.created=s,i.visible=s,i.symbol=h(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.comparisonDistribution=i)},H=s=>(s.series[0]?.overlays?.mean?.created??!1)&&(s.series[0]?.overlays?.mean?.visible??!1),X=(s,e)=>{let i=a(1);i.created=s,i.visible=s,i.symbol=z(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.mean=i)},ss=s=>(s.series[0]?.overlays?.median?.created??!1)&&(s.series[0]?.overlays?.median?.visible??!1),es=(s,e)=>{let i=a(2);i.created=s,i.visible=s,i.symbol=A(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.median=i)},is=s=>(s.series[0]?.overlays?.standardDeviation?.created??!1)&&(s.series[0]?.overlays?.standardDeviation?.visible??!1),as=(s,e)=>{let i=a(3);i.created=s,i.visible=s,i.symbol=N(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.standardDeviation=i)},rs=s=>s?.series?.[0]?.overlays,os=(s,e)=>{e?.series?.[0]!==void 0&&(e.series[0].overlays=s)};return{a:D,b:g,c:E,d:G,e:J,f:K,g:L,h:P,i:R,j:h,k:U,l:z,m:V,n:A,o:W,p:N,q:Y,r:_,s:$,t:H,u:X,v:ss,w:es,x:is,y:as,z:rs,A:os}},"intl",b,d,e)
2
+ import e from"./RNVUH2ZG.js";import d from"./X3JYCSYW.js";import{c as f}from"./NQAPPISU.js";import b from"./EJSVQFYP.js";import{n as m}from"./P5XJTTU3.js";import{F as l,M as a,qa as n,sa as r}from"./6JI4NDJ6.js";import{c}from"./XOB365BI.js";export default $arcgis.t(([{substitute:C},{a:u,d:t},{a:p},{b:x}])=>{var v=s=>{t({config:s,value:null,axisIndex:0,isMax:!1}),t({config:s,value:null,axisIndex:0,isMax:!0}),t({config:s,value:null,axisIndex:1,isMax:!1}),t({config:s,value:null,axisIndex:1,isMax:!0})};function D(s,e,i){let{layerFieldsInfo:o}=e,y=m(o,g(s));return C(i.titleLabels.distributionOfField,{valueField:y})}var g=s=>s.series[0]?.x??"",E=s=>{let{numericField:e,config:i,layerInfo:o,commonStrings:y}=s,{layerFieldsInfo:b}=o,I=D(i,o,y),F=p(i),S=f(0,i),M=m(b,g(i)),d=x(i);if(v(i),i?.series?.[0]&&(i.series[0].x=e),M===S||d){let T=m(b,e);u(i,0,T)}i.title&&(I===F||d)&&(i.title.content.text=D(i,o,y))},G=s=>s.series[0]?.dataTransformationType??c.None,J=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].dataTransformationType=s)},K=s=>s.series[0]?.binCount??32,L=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].binCount=s)},P=s=>s.series[0]?.fillSymbol??r().fillSymbol,R=(s,e)=>{e?.series?.[0]&&(e.series[0].fillSymbol={...e.series[0].fillSymbol,...s})},h=s=>s.series[0]?.overlays?.comparisonDistribution?.symbol??r().overlays.comparisonDistribution?.symbol??l(),U=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.comparisonDistribution??=a(4),e.series[0].overlays.comparisonDistribution.symbol={...e.series[0].overlays.comparisonDistribution.symbol,...s}},z=s=>s.series[0]?.overlays?.mean?.symbol??r().overlays.mean?.symbol??l(),V=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.mean??=a(1),e.series[0].overlays.mean.symbol={...e.series[0].overlays.mean.symbol,...s}},A=s=>s.series[0]?.overlays?.median?.symbol??r().overlays.median?.symbol??l(),W=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.median??=a(2),e.series[0].overlays.median.symbol={...e.series[0].overlays.median.symbol,...s}},N=s=>s.series[0]?.overlays?.standardDeviation?.symbol??r().overlays.standardDeviation?.symbol??l(),Y=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.standardDeviation??=a(3),e.series[0].overlays.standardDeviation.symbol={...e.series[0].overlays.standardDeviation.symbol,...s}},_=s=>(s.series[0]?.overlays?.comparisonDistribution?.created??!1)&&(s.series[0]?.overlays?.comparisonDistribution?.visible??!1),$=(s,e)=>{let i=a(0);i.created=s,i.visible=s,i.symbol=h(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.comparisonDistribution=i)},H=s=>(s.series[0]?.overlays?.mean?.created??!1)&&(s.series[0]?.overlays?.mean?.visible??!1),X=(s,e)=>{let i=a(1);i.created=s,i.visible=s,i.symbol=z(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.mean=i)},ss=s=>(s.series[0]?.overlays?.median?.created??!1)&&(s.series[0]?.overlays?.median?.visible??!1),es=(s,e)=>{let i=a(2);i.created=s,i.visible=s,i.symbol=A(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.median=i)},is=s=>(s.series[0]?.overlays?.standardDeviation?.created??!1)&&(s.series[0]?.overlays?.standardDeviation?.visible??!1),as=(s,e)=>{let i=a(3);i.created=s,i.visible=s,i.symbol=N(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.standardDeviation=i)},rs=s=>s?.series?.[0]?.overlays,os=(s,e)=>{e?.series?.[0]!==void 0&&(e.series[0].overlays=s)};return{a:D,b:g,c:E,d:G,e:J,f:K,g:L,h:P,i:R,j:h,k:U,l:z,m:V,n:A,o:W,p:N,q:Y,r:_,s:$,t:H,u:X,v:ss,w:es,x:is,y:as,z:rs,A:os}},"intl",b,d,e)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as i}from"./2JUO3GP2.js";import{b as m}from"./TJQGGNGV.js";import{a as g}from"./QTPCCYE5.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as n,B as p,G as c,i as o,n as t,y as a,z as l}from"./5N4ERXQ6.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var C={jsAppFlyout:"js-app-flyout"},r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=t(),this.arcgisChartsConfigGuidePopoverSymbolChange=t(),this.arcgisChartsConfigPopoverClose=t()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){m(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(s){let e=s.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(s){let{lineStyle:e}=s.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(s.detail)}render(){let s=this.selectedElement,e=this.selectedElement;return o`<div class=${p(C.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(s)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${s} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);export{r as ArcgisChartsConfigGuidePopover};
2
+ import{a as i}from"./2JUO3GP2.js";import{b as m}from"./TJQGGNGV.js";import{a as g}from"./5Q22WA6Q.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as n,B as p,G as c,i as o,n as t,y as a,z as l}from"./LBDGW4XX.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var C={jsAppFlyout:"js-app-flyout"},r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=t(),this.arcgisChartsConfigGuidePopoverSymbolChange=t(),this.arcgisChartsConfigPopoverClose=t()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){m(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(s){let e=s.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(s){let{lineStyle:e}=s.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(s.detail)}render(){let s=this.selectedElement,e=this.selectedElement;return o`<div class=${p(C.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(s)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${s} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);export{r as ArcgisChartsConfigGuidePopover};
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as w,c as L}from"./7BDNLABD.js";import{a as E}from"./6ZYC6HNS.js";import{a as C}from"./Y7L663KR.js";import{a as p}from"./TJQGGNGV.js";import j from"./7JK7N5LX.js";import{a as P}from"./QTPCCYE5.js";import{k as l,o as g}from"./MZ2UZAFW.js";import i from"./CHKG6M6Y.js";import f from"./XA4X6TSE.js";import"./KGNYAMFB.js";import e from"./M5PHJ6QW.js";import"./777EBGS5.js";import{n as u,o as O}from"./P5XJTTU3.js";import{p as h}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./5N4ERXQ6.js";import{b as c}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as I}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{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)}.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(w),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}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),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(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 @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>k.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 B({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-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}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 w,c as L}from"./7BDNLABD.js";import{a as E}from"./MSVCAYZS.js";import{a as C}from"./TVK7PI7J.js";import{a as p}from"./TJQGGNGV.js";import j from"./OMZBB2D5.js";import{a as P}from"./5Q22WA6Q.js";import{k as l,o as g}from"./MZ2UZAFW.js";import i from"./JB2ACWRF.js";import f from"./EJSVQFYP.js";import"./KGNYAMFB.js";import e from"./ZSJ66FGW.js";import"./777EBGS5.js";import{n as u,o as O}from"./P5XJTTU3.js";import{p as h}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./LBDGW4XX.js";import{b as c}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as I}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{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)}.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(w),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}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),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(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 @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>k.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 B({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-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}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.1/LICENSE.txt */
2
- import v from"./ZKSJYSHM.js";import{a as Fs,b as M,c as Bs,d as I}from"./E6ICXDNS.js";import u from"./KUHRBFX4.js";import t from"./CHKG6M6Y.js";import s from"./QLWLD4RQ.js";import r from"./AEZUFC3R.js";import q from"./5UPTWCEB.js";import o from"./4UILNQR3.js";import"./7MKAC33Z.js";import n from"./MSYHBNQH.js";import l from"./RMKG24DZ.js";import k from"./A2CSU5GF.js";import j from"./4MQUJ66U.js";import i from"./FVO6W3HY.js";import"./NQAPPISU.js";import e from"./G2Z64BFA.js";import d from"./NZHBHKIP.js";import c from"./XA4X6TSE.js";import{i as h}from"./KGNYAMFB.js";import a from"./M5PHJ6QW.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{Da as m,ca as P,i as A,ja as D,m as f,n as p,p as y,y as O}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./BAJXEBKB.js";import{l as g}from"./5N4ERXQ6.js";import"./TOO3T62Y.js";import{b as W}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,{o:E,p:U,q:N},,{c:r},,rs,,{b:_s},{a:os,b:ns,c:as,d:hs},{b:ps,d:ys,f:ms},{b:ds,d:us,f:Ss},{d:cs,e:ls},{a:gs,b:fs},,{b:Ls},{A:w,B:v,C:ts,D:is,a:R,b:d,c:V,d:z,e:u,f:S,g:j,h:k,i:T,j:q,k:Y,l:G,m:H,n:_,o:J,p:K,q:Q,r:L,s:X,t:Z,u:$,v:F,w:B,x:ss,y:es,z:C}])=>{var Ms=Object.defineProperty,Is=Object.getOwnPropertyDescriptor,n=(l,s,e,i)=>{for(var o=Is(s,e),a=l.length-1,c;a>=0;a--)(c=l[a])&&(o=c(s,e,o)||o);return o&&Ms(s,e,o),o},t=class extends rs{constructor(){super(...arguments),this._chartType=b.BoxPlotSeries,this._category=y,this._splitByField="",this._numericFields=[]}async setup(s){await this.loadConfigFromLayer(s),this.setupLocalProps(),s.config!==void 0&&await this.updateSeriesFromLayerFilter(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get category(){return this._category}set category(s){let e=s.trim()==="";this._category=e?y:s,this.dirtyAsyncSetters.push("category"),this.processSeriesRebuild()}get numericFields(){return this._numericFields}set numericFields(s){let{layerFieldsInfo:e}=this.layerInfo;typeof s=="string"&&(s=[s]),U(e,s)?(this._numericFields=s,this.dirtyAsyncSetters.push("numericFields"),ts(this._category,this._numericFields)&&(this._splitByField="",this.dirtyAsyncSetters.push("splitByField")),this.processSeriesRebuild()):g("error","box-plot-model","Invalid `numericFields`")}get splitByField(){return this._splitByField}set splitByField(s){E(this.layerInfo.layerFieldsInfo,s)?(this._splitByField=s,this.dirtyAsyncSetters.push("splitByField"),this.processSeriesRebuild()):g("error","box-plot-model","Invalid `splitByField`")}get showOutliers(){return X(this._config)}set showOutliers(s){Z({newShowOutliers:s,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get standardizeValues(){return J(this._config)}set standardizeValues(s){$({newStandardizeValues:s,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return F(this._config)}setSortOrder(s,e){B(s,this._config,e)}async getCustomSortValues(){return await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})}async setDataFilters(s){super.setDataFilters(s);let e=F(this._config);if(e===W.customSort){this.startAsyncUpdate();let i=await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings});B(e,this._config,i),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return C(this._config)}set orderByList(s){w(s,this._config)}async updateSeriesFromLayerFilter(){this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"),await this.processSeriesRebuild()}get showMeanLines(){return ss(this._config)}set showMeanLines(s){let{previousMeanLinesBoxColor:e}=es({newShowMeanLines:s,config:this._config,commonStrings:this.commonStrings,previousMeanLinesBoxColor:this.previousMeanLinesBoxColor});this.previousMeanLinesBoxColor=e}get meanLinesBoxColor(){return z(this._config)}set meanLinesBoxColor(s){u(s,this._config)}setupLocalProps(){this._category=Y(this._config),this._splitByField=G(this._config),this._numericFields=H(this._config)}generateDefaultConfig(){let s=D(this.commonStrings);return s.series=[P(this.commonStrings)],s}resetConfig(){let s=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=s,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}canUseSynchronousSeriesRebuild(){return!is(this.category,this.numericFields,this.splitByField)}async processSeriesRebuild(){if(this.layerInfo!==void 0){let s=this.dirtyAsyncSetters[this.dirtyAsyncSetters.length-1];if(this.canUseSynchronousSeriesRebuild())this.dirtyAsyncSetters=[],_(this.getBuildNewSeriesProps());else if(!this.asyncConfigUpdateInProgress){for(this.startAsyncUpdate();this.dirtyAsyncSetters.length>0;)this.dirtyAsyncSetters=[],await _(this.getBuildNewSeriesProps());this.finishAsyncUpdate()}this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(s)}}getBuildNewSeriesProps(){return{category:this.category,splitByField:this.splitByField,numericFields:this.numericFields,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}}getSeriesName(s){return R(s,this._config)}setSeriesName(s,e){d(s,e,this._config)}getSeriesColor(s){return V(s,this._config)}setSeriesColor(s,e){S(s,e,this._config)}getSeriesLineStyle(s){let e=this._config.series[s];if(this.showMeanLines===!0&&h(e))return Fs(e)}setSeriesLineStyle(s,e){let i=this._config.series[e];this.showMeanLines===!0&&h(i)&&M(s,i)}getSeriesLineWidth(s){let e=this._config.series[s];if(this.showMeanLines===!0&&h(e))return Bs(e)}setSeriesLineWidth(s,e){let i=this._config.series[e];this.showMeanLines===!0&&h(i)&&I(s,i)}get orderOfSeries(){return j(this._config)}set orderOfSeries(s){k(s,this._config)}moveSeries(s,e){T(s,e,this._config)}get boxPlotSeriesIndexWhenMeanLinesShown(){return q(this._config)}moveCustomSortValuesInOrderByList(s,e){let i=C(this._config),[o]=i.splice(s,1);i.splice(e,0,o),w(i,this._config)}generateChartTitle(){return Q(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){return K(this._config,this.layerInfo,this.commonStrings)}resetSeriesStyling(){for(let s=this.showMeanLines===!0?1:0;s<this.seriesLength;s+=1){let e=this.getSeriesId(s),i=O({colorIndex:s,opacity:A}),o=this._config.series[s];S(i,s,this._config);let a=L({series:o,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings});d(a??e,s,this._config),this.showMeanLines===!0&&h(o)&&(M(f,o),I(p,o))}this.showMeanLines===!0&&u(m,this._config),this._config.colorMatch=!0}resetAvailable(){let s=!this.colorMatch,e=this.showMeanLines===!0&&this.meanLinesBoxColor!==m,i=!1,o=!1;if(!s)for(let a=this.showMeanLines===!0?1:0;a<this.seriesLength;a+=1){let c=this._config.series[a],x=L({series:c,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),Cs=this.getSeriesName(a);if(x!==void 0&&x!==Cs){i=!0;break}if(this.showMeanLines===!0&&h(c)){let ws=this.getSeriesLineStyle(a),vs=this.getSeriesLineWidth(a);if(ws!==f||vs!==p){o=!0;break}}}return s||e||i||o}};n([r],t.prototype,"showOutliers");n([r],t.prototype,"standardizeValues");n([r],t.prototype,"setSortOrder");n([r],t.prototype,"setDataFilters");n([r],t.prototype,"orderByList");n([r],t.prototype,"showMeanLines");n([r],t.prototype,"meanLinesBoxColor");n([r],t.prototype,"resetConfig");n([r],t.prototype,"setSeriesName");n([r],t.prototype,"setSeriesColor");n([r],t.prototype,"setSeriesLineStyle");n([r],t.prototype,"setSeriesLineWidth");n([r],t.prototype,"orderOfSeries");n([r],t.prototype,"moveSeries");n([r],t.prototype,"moveCustomSortValuesInOrderByList");n([r],t.prototype,"resetSeriesStyling");var xs=[gs,os,ns,as,Ls,hs,_s,fs,ds,cs,us,ls,ps,ys,ms,Ss];N(t,xs);return t},a,c,d,e,i,j,k,l,n,o,q,r,s,t,u,v)
2
+ import v from"./2XM5I7K7.js";import{a as Fs,b as M,c as Bs,d as I}from"./E6ICXDNS.js";import u from"./ILJXET3Y.js";import t from"./JB2ACWRF.js";import s from"./2EXBJDDC.js";import r from"./LNQXAWWI.js";import q from"./2L23H347.js";import o from"./VR6KGABY.js";import"./7MKAC33Z.js";import n from"./7DC5CO2S.js";import l from"./UQU4QNRF.js";import k from"./RNVUH2ZG.js";import j from"./4F53EV6H.js";import i from"./X3JYCSYW.js";import"./NQAPPISU.js";import e from"./26FVMDJO.js";import d from"./BMZLASFX.js";import c from"./EJSVQFYP.js";import{i as h}from"./KGNYAMFB.js";import a from"./ZSJ66FGW.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{Da as m,ca as P,i as A,ja as D,m as f,n as p,p as y,y as O}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./ZVI4X53P.js";import{l as g}from"./LBDGW4XX.js";import"./TOO3T62Y.js";import{b as W}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,{o:E,p:U,q:N},,{c:r},,rs,,{b:_s},{a:os,b:ns,c:as,d:hs},{b:ps,d:ys,f:ms},{b:ds,d:us,f:Ss},{d:cs,e:ls},{a:gs,b:fs},,{b:Ls},{A:w,B:v,C:ts,D:is,a:R,b:d,c:V,d:z,e:u,f:S,g:j,h:k,i:T,j:q,k:Y,l:G,m:H,n:_,o:J,p:K,q:Q,r:L,s:X,t:Z,u:$,v:F,w:B,x:ss,y:es,z:C}])=>{var Ms=Object.defineProperty,Is=Object.getOwnPropertyDescriptor,n=(l,s,e,i)=>{for(var o=Is(s,e),a=l.length-1,c;a>=0;a--)(c=l[a])&&(o=c(s,e,o)||o);return o&&Ms(s,e,o),o},t=class extends rs{constructor(){super(...arguments),this._chartType=b.BoxPlotSeries,this._category=y,this._splitByField="",this._numericFields=[]}async setup(s){await this.loadConfigFromLayer(s),this.setupLocalProps(),s.config!==void 0&&await this.updateSeriesFromLayerFilter(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get category(){return this._category}set category(s){let e=s.trim()==="";this._category=e?y:s,this.dirtyAsyncSetters.push("category"),this.processSeriesRebuild()}get numericFields(){return this._numericFields}set numericFields(s){let{layerFieldsInfo:e}=this.layerInfo;typeof s=="string"&&(s=[s]),U(e,s)?(this._numericFields=s,this.dirtyAsyncSetters.push("numericFields"),ts(this._category,this._numericFields)&&(this._splitByField="",this.dirtyAsyncSetters.push("splitByField")),this.processSeriesRebuild()):g("error","box-plot-model","Invalid `numericFields`")}get splitByField(){return this._splitByField}set splitByField(s){E(this.layerInfo.layerFieldsInfo,s)?(this._splitByField=s,this.dirtyAsyncSetters.push("splitByField"),this.processSeriesRebuild()):g("error","box-plot-model","Invalid `splitByField`")}get showOutliers(){return X(this._config)}set showOutliers(s){Z({newShowOutliers:s,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get standardizeValues(){return J(this._config)}set standardizeValues(s){$({newStandardizeValues:s,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return F(this._config)}setSortOrder(s,e){B(s,this._config,e)}async getCustomSortValues(){return await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})}async setDataFilters(s){super.setDataFilters(s);let e=F(this._config);if(e===W.customSort){this.startAsyncUpdate();let i=await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings});B(e,this._config,i),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return C(this._config)}set orderByList(s){w(s,this._config)}async updateSeriesFromLayerFilter(){this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"),await this.processSeriesRebuild()}get showMeanLines(){return ss(this._config)}set showMeanLines(s){let{previousMeanLinesBoxColor:e}=es({newShowMeanLines:s,config:this._config,commonStrings:this.commonStrings,previousMeanLinesBoxColor:this.previousMeanLinesBoxColor});this.previousMeanLinesBoxColor=e}get meanLinesBoxColor(){return z(this._config)}set meanLinesBoxColor(s){u(s,this._config)}setupLocalProps(){this._category=Y(this._config),this._splitByField=G(this._config),this._numericFields=H(this._config)}generateDefaultConfig(){let s=D(this.commonStrings);return s.series=[P(this.commonStrings)],s}resetConfig(){let s=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=s,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}canUseSynchronousSeriesRebuild(){return!is(this.category,this.numericFields,this.splitByField)}async processSeriesRebuild(){if(this.layerInfo!==void 0){let s=this.dirtyAsyncSetters[this.dirtyAsyncSetters.length-1];if(this.canUseSynchronousSeriesRebuild())this.dirtyAsyncSetters=[],_(this.getBuildNewSeriesProps());else if(!this.asyncConfigUpdateInProgress){for(this.startAsyncUpdate();this.dirtyAsyncSetters.length>0;)this.dirtyAsyncSetters=[],await _(this.getBuildNewSeriesProps());this.finishAsyncUpdate()}this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(s)}}getBuildNewSeriesProps(){return{category:this.category,splitByField:this.splitByField,numericFields:this.numericFields,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}}getSeriesName(s){return R(s,this._config)}setSeriesName(s,e){d(s,e,this._config)}getSeriesColor(s){return V(s,this._config)}setSeriesColor(s,e){S(s,e,this._config)}getSeriesLineStyle(s){let e=this._config.series[s];if(this.showMeanLines===!0&&h(e))return Fs(e)}setSeriesLineStyle(s,e){let i=this._config.series[e];this.showMeanLines===!0&&h(i)&&M(s,i)}getSeriesLineWidth(s){let e=this._config.series[s];if(this.showMeanLines===!0&&h(e))return Bs(e)}setSeriesLineWidth(s,e){let i=this._config.series[e];this.showMeanLines===!0&&h(i)&&I(s,i)}get orderOfSeries(){return j(this._config)}set orderOfSeries(s){k(s,this._config)}moveSeries(s,e){T(s,e,this._config)}get boxPlotSeriesIndexWhenMeanLinesShown(){return q(this._config)}moveCustomSortValuesInOrderByList(s,e){let i=C(this._config),[o]=i.splice(s,1);i.splice(e,0,o),w(i,this._config)}generateChartTitle(){return Q(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){return K(this._config,this.layerInfo,this.commonStrings)}resetSeriesStyling(){for(let s=this.showMeanLines===!0?1:0;s<this.seriesLength;s+=1){let e=this.getSeriesId(s),i=O({colorIndex:s,opacity:A}),o=this._config.series[s];S(i,s,this._config);let a=L({series:o,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings});d(a??e,s,this._config),this.showMeanLines===!0&&h(o)&&(M(f,o),I(p,o))}this.showMeanLines===!0&&u(m,this._config),this._config.colorMatch=!0}resetAvailable(){let s=!this.colorMatch,e=this.showMeanLines===!0&&this.meanLinesBoxColor!==m,i=!1,o=!1;if(!s)for(let a=this.showMeanLines===!0?1:0;a<this.seriesLength;a+=1){let c=this._config.series[a],x=L({series:c,splitByField:this._splitByField,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),Cs=this.getSeriesName(a);if(x!==void 0&&x!==Cs){i=!0;break}if(this.showMeanLines===!0&&h(c)){let ws=this.getSeriesLineStyle(a),vs=this.getSeriesLineWidth(a);if(ws!==f||vs!==p){o=!0;break}}}return s||e||i||o}};n([r],t.prototype,"showOutliers");n([r],t.prototype,"standardizeValues");n([r],t.prototype,"setSortOrder");n([r],t.prototype,"setDataFilters");n([r],t.prototype,"orderByList");n([r],t.prototype,"showMeanLines");n([r],t.prototype,"meanLinesBoxColor");n([r],t.prototype,"resetConfig");n([r],t.prototype,"setSeriesName");n([r],t.prototype,"setSeriesColor");n([r],t.prototype,"setSeriesLineStyle");n([r],t.prototype,"setSeriesLineWidth");n([r],t.prototype,"orderOfSeries");n([r],t.prototype,"moveSeries");n([r],t.prototype,"moveCustomSortValuesInOrderByList");n([r],t.prototype,"resetSeriesStyling");var xs=[gs,os,ns,as,Ls,hs,_s,fs,ds,cs,us,ls,ps,ys,ms,Ss];N(t,xs);return t},a,c,d,e,i,j,k,l,n,o,q,r,s,t,u,v)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as u}from"./6ZYC6HNS.js";import{a as f}from"./Y7L663KR.js";import{a as o}from"./TJQGGNGV.js";import d from"./7JK7N5LX.js";import{a as S}from"./QTPCCYE5.js";import"./MZ2UZAFW.js";import b from"./XA4X6TSE.js";import"./KGNYAMFB.js";import a from"./M5PHJ6QW.js";import"./777EBGS5.js";import{d as p}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as c,C as m,E as g,G as C,g as h,i as r}from"./5N4ERXQ6.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)
2
+ import{a as u}from"./MSVCAYZS.js";import{a as f}from"./TVK7PI7J.js";import{a as o}from"./TJQGGNGV.js";import d from"./OMZBB2D5.js";import{a as S}from"./5Q22WA6Q.js";import"./MZ2UZAFW.js";import b from"./EJSVQFYP.js";import"./KGNYAMFB.js";import a from"./ZSJ66FGW.js";import"./777EBGS5.js";import{d as p}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as c,C as m,E as g,G as C,g as h,i as r}from"./LBDGW4XX.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as B,c as _}from"./7BDNLABD.js";import{a as D}from"./Y7L663KR.js";import{a as q}from"./TJQGGNGV.js";import e from"./7JK7N5LX.js";import{a as N}from"./QTPCCYE5.js";import{b as a,c as o,i as m}from"./MZ2UZAFW.js";import d from"./XA4X6TSE.js";import"./KGNYAMFB.js";import c from"./M5PHJ6QW.js";import{e as T}from"./777EBGS5.js";import{n as I}from"./P5XJTTU3.js";import{B as x,z as P}from"./6JI4NDJ6.js";import{f as L}from"./75Y43JLP.js";import{h as C}from"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as l,n as p,y as b,z as v}from"./5N4ERXQ6.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{c as u}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=q(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,j]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(j??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
2
+ import{a as B,c as _}from"./7BDNLABD.js";import{a as D}from"./TVK7PI7J.js";import{a as q}from"./TJQGGNGV.js";import e from"./OMZBB2D5.js";import{a as N}from"./5Q22WA6Q.js";import{b as a,c as o,i as m}from"./MZ2UZAFW.js";import d from"./EJSVQFYP.js";import"./KGNYAMFB.js";import c from"./ZSJ66FGW.js";import{e as T}from"./777EBGS5.js";import{n as I}from"./P5XJTTU3.js";import{B as x,z as P}from"./6JI4NDJ6.js";import{f as L}from"./75Y43JLP.js";import{h as C}from"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as l,n as p,y as b,z as v}from"./LBDGW4XX.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{c as u}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=q(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,j]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(j??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2
- import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./6ZYC6HNS.js";import{a as x}from"./Y7L663KR.js";import{a as Z}from"./TJQGGNGV.js";import j from"./7JK7N5LX.js";import{a as A}from"./QTPCCYE5.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./CHKG6M6Y.js";import g from"./XA4X6TSE.js";import"./KGNYAMFB.js";import e from"./M5PHJ6QW.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./P5XJTTU3.js";import{wa as P,xa as D}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./BAJXEBKB.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./5N4ERXQ6.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:B,rb:I,s:z,tb:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=k`.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}.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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.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)}.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)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,L=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H($)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}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")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(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())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(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=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)
2
+ import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./MSVCAYZS.js";import{a as x}from"./TVK7PI7J.js";import{a as Z}from"./TJQGGNGV.js";import j from"./OMZBB2D5.js";import{a as A}from"./5Q22WA6Q.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./JB2ACWRF.js";import g from"./EJSVQFYP.js";import"./KGNYAMFB.js";import e from"./ZSJ66FGW.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./P5XJTTU3.js";import{wa as P,xa as D}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./ZVI4X53P.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./LBDGW4XX.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:B,rb:I,s:z,tb:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=k`.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}.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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.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)}.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)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,L=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H($)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}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")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(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())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(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=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)