@arcgis/charts-components 6.0.0-next.5 → 6.0.0-next.6

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 (94) hide show
  1. package/dist/cdn/{ZDQWMMOA.js → 2CUBWUT6.js} +1 -1
  2. package/dist/cdn/{LXFY54NF.js → 2NTEIXDC.js} +1 -1
  3. package/dist/cdn/{OQKL344Q.js → 3BLCT5B3.js} +1 -1
  4. package/dist/cdn/{NIZC75X3.js → 3KVXZ4Q7.js} +1 -1
  5. package/dist/cdn/{EPFEFHM2.js → 3R5OPVW7.js} +1 -1
  6. package/dist/cdn/{3RJNZA24.js → 3TPIZXLQ.js} +1 -1
  7. package/dist/cdn/{LPLMRI3E.js → 4YPBPYT2.js} +1 -1
  8. package/dist/cdn/{GEPIPU4G.js → 5BFSYCQN.js} +1 -1
  9. package/dist/cdn/{CUMXC4O4.js → 5BMOVHD7.js} +1 -1
  10. package/dist/cdn/{2X2QOEKX.js → 5ORGE6FR.js} +1 -1
  11. package/dist/cdn/{CLCHZMZ5.js → 5S3M57QS.js} +1 -1
  12. package/dist/cdn/{L5MTHGFZ.js → 6IODKSGJ.js} +1 -1
  13. package/dist/cdn/{NGBBNBA7.js → 6KYES23V.js} +1 -1
  14. package/dist/cdn/{QPVBVDRP.js → 6MQWBIAC.js} +1 -1
  15. package/dist/cdn/{HMZRDWG2.js → 6T5V66TB.js} +8 -8
  16. package/dist/cdn/{5DAVFUDX.js → 6UY62IZQ.js} +1 -1
  17. package/dist/cdn/{DTSX7SEI.js → 7IGL5XAY.js} +1 -1
  18. package/dist/cdn/{KJNBURYA.js → 7ZM3ISL6.js} +1 -1
  19. package/dist/cdn/{AHB4IS7P.js → A5YDIX7U.js} +1 -1
  20. package/dist/cdn/{ZFHMGE36.js → AGKAJN2K.js} +1 -1
  21. package/dist/cdn/{TSASF4ZC.js → ASCE4YBS.js} +1 -1
  22. package/dist/cdn/{4CU5D5WQ.js → BAYPYA6T.js} +1 -1
  23. package/dist/cdn/{23NH4HLE.js → BENXDFDK.js} +1 -1
  24. package/dist/cdn/{QOENPUSD.js → BG2GEL6V.js} +1 -1
  25. package/dist/cdn/{5VCTFSTZ.js → BZ4HWKAF.js} +1 -1
  26. package/dist/cdn/{XPCXTKEY.js → CIZUS2EL.js} +1 -1
  27. package/dist/cdn/{TCE6PLHN.js → DLMKQ6I2.js} +1 -1
  28. package/dist/cdn/{YGLBPPXP.js → DOC3MQJC.js} +1 -1
  29. package/dist/cdn/{3INTJJ4X.js → ECONXQCG.js} +1 -1
  30. package/dist/cdn/{2DRKIHTI.js → EJ2FAXEX.js} +1 -1
  31. package/dist/cdn/{732AMNPK.js → EKPT25EF.js} +1 -1
  32. package/dist/cdn/{4WQUPC2P.js → EOAQOIWV.js} +1 -1
  33. package/dist/cdn/{ISSUAEJS.js → FHTWTEA4.js} +1 -1
  34. package/dist/cdn/{PT66VVXN.js → FN5XFRQS.js} +1 -1
  35. package/dist/cdn/{EW2P4QSN.js → G2DJJIGO.js} +1 -1
  36. package/dist/cdn/{UZOYADSB.js → HBFEI43W.js} +1 -1
  37. package/dist/cdn/{ZMVIOIBB.js → HFQGFEEC.js} +1 -1
  38. package/dist/cdn/{RGMPFNUN.js → HNVWY4XA.js} +1 -1
  39. package/dist/cdn/{B6ADEFC7.js → HRGA4VCV.js} +1 -1
  40. package/dist/cdn/{7WD2VKG4.js → HSSNNVVK.js} +1 -1
  41. package/dist/cdn/{RXTO6RE2.js → I64VVDLI.js} +1 -1
  42. package/dist/cdn/{D2LNPCIA.js → IUM6GDBZ.js} +1 -1
  43. package/dist/cdn/{6RGTAMGU.js → J6KIUQWW.js} +1 -1
  44. package/dist/cdn/{MJUCIYQN.js → JDN6OXCC.js} +1 -1
  45. package/dist/cdn/{A2BFOCSN.js → KHHQ3O5Q.js} +1 -1
  46. package/dist/cdn/{2RG5JCBW.js → LIHIBT2F.js} +1 -1
  47. package/dist/cdn/{WAQJ7V62.js → LLGBFUAJ.js} +1 -1
  48. package/dist/cdn/{5XGX5QH2.js → LRAKZMK6.js} +1 -1
  49. package/dist/cdn/{SCEFJRON.js → LV6XVOC5.js} +1 -1
  50. package/dist/cdn/{A5TI5TEO.js → M5M3RE6W.js} +1 -1
  51. package/dist/cdn/{D6WQTOUC.js → NEHAS4YX.js} +1 -1
  52. package/dist/cdn/{GDJDA5MG.js → OFJLWSKN.js} +1 -1
  53. package/dist/cdn/{L3AKSDIB.js → OMR65IIM.js} +1 -1
  54. package/dist/cdn/{OBKDR3MU.js → OP3AF4WI.js} +1 -1
  55. package/dist/cdn/{ZTHSDPEH.js → PR3CHNEH.js} +1 -1
  56. package/dist/cdn/{W53DMMGZ.js → PTBNT4NV.js} +1 -1
  57. package/dist/cdn/{CFACTMRG.js → PWDBJLTW.js} +1 -1
  58. package/dist/cdn/{YYTAWATK.js → Q2QELGQX.js} +1 -1
  59. package/dist/cdn/{7YN565O4.js → Q4I6HPPG.js} +1 -1
  60. package/dist/cdn/{ZGNJFT7B.js → QJL6FNQQ.js} +1 -1
  61. package/dist/cdn/QMKBTPPL.js +2 -0
  62. package/dist/cdn/{YWUNLBCQ.js → SEK42UT2.js} +1 -1
  63. package/dist/cdn/{BWZA3447.js → SJPUWCSQ.js} +1 -1
  64. package/dist/cdn/{V5Z75IQI.js → SP2OUJAE.js} +1 -1
  65. package/dist/cdn/{BDIRQUQE.js → SPRQ2OBE.js} +1 -1
  66. package/dist/cdn/{6XH6ZRHO.js → TT6IHBTH.js} +1 -1
  67. package/dist/cdn/{S2BGEXZV.js → U7PBBWGS.js} +1 -1
  68. package/dist/cdn/{RGSJ3JFI.js → ULRG7JME.js} +1 -1
  69. package/dist/cdn/{37WXQO5B.js → UMOEONXM.js} +1 -1
  70. package/dist/cdn/{RVHNFMTN.js → UYCPYSQI.js} +1 -1
  71. package/dist/cdn/{Y2S7EWZR.js → WBZEARYO.js} +1 -1
  72. package/dist/cdn/{GXYGXB4U.js → WFAHWPGT.js} +1 -1
  73. package/dist/cdn/{BZTSUXUT.js → WID7G6E7.js} +1 -1
  74. package/dist/cdn/{PQ3XCNCP.js → WWMDDOKW.js} +1 -1
  75. package/dist/cdn/{RVQPEB4W.js → XFFDNZIQ.js} +1 -1
  76. package/dist/cdn/{UDAJILEU.js → YF7BOK2T.js} +1 -1
  77. package/dist/cdn/{WEPXOYBS.js → ZCC7V2A2.js} +1 -1
  78. package/dist/cdn/{SEILP6QP.js → ZI7QPEAF.js} +1 -1
  79. package/dist/cdn/{LHLPK6TU.js → ZM5C3KIP.js} +1 -1
  80. package/dist/cdn/{GE7CLC6K.js → ZMBD4NTY.js} +1 -1
  81. package/dist/cdn/{W2PTHYOT.js → ZN7A4NI2.js} +1 -1
  82. package/dist/cdn/{TOCU6UKM.js → ZQAM5BZI.js} +1 -1
  83. package/dist/cdn/{SSEWUPML.js → ZYYBMTVE.js} +1 -1
  84. package/dist/cdn/index.js +1 -1
  85. package/dist/cdn/model/shared/setup-utils.js +1 -1
  86. package/dist/chunks/index.js +8 -8
  87. package/dist/components/arcgis-chart/customElement.js +1867 -1928
  88. package/dist/components/arcgis-charts-config-bar-chart-data/customElement.js +21 -17
  89. package/dist/components/arcgis-charts-config-colors/customElement.js +1 -1
  90. package/dist/docs/api.json +1 -1
  91. package/dist/docs/docs.json +1 -1
  92. package/dist/docs/web-types.json +1 -1
  93. package/package.json +4 -4
  94. package/dist/cdn/WLPUBXN7.js +0 -2
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
+ import{a as q}from"./OZSHGMU6.js";import{a as x}from"./H5VCT3XP.js";import{a as Z}from"./GSCC3FON.js";import{a as g,c as p,d as M,f as H}from"./IBCFYECI.js";import k from"./AGKAJN2K.js";import{g as a,o as f}from"./5AKOPV7Z.js";import{a as A}from"./FNXREQOE.js";import j from"./SEK42UT2.js";import i from"./IUM6GDBZ.js";import e from"./LIHIBT2F.js";import"./SKI5Z6UH.js";import{c as N,d as B,n as S,o as R,u as V}from"./B6APNE72.js";import{Aa as P,Ba as _}from"./27C6PCQ2.js";import"./WKF53DYD.js";import{b as $}from"./OZSOICXE.js";import"./PBQRZBQM.js";import{A as m,B as D,C as r,F as E,H as T,g as w,i as o,k as O,n as b,z as c}from"./YF6ML4P6.js";import{a as h}from"./FHN6CIIO.js";import"./AUKJ4CBR.js";import{a as C,b as d,k as I,n as v}from"./BNAX4Y53.js";import"./TIWCUJOG.js";export default $arcgis.t(([{H:z,Wb:F,Yb:U,yc:k},,{h:K},{a:j}])=>{var l={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=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);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);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.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 D{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(i){case a.aggregation:p(g),this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{p(g);let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getDataSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(p(g),this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==F(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getDataSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{p(g);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.setDataSortOrder(s,n)}else this.model.setDataSortOrder(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(g)}}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=b(),this.arcgisChartsConfigCustomizedTimeInterval=b(),this.arcgisChartsConfigDataChangeError=b(),this.arcgisChartsConfigResetTimeInterval=b()}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),$(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getDataSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=_(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),this.sortOrderResetCounter+=1}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemSortHandleBeforeOpen(e){let{id:i}=e.target;this.selectedCustomSortItemId=i}onCustomSortListClick(e){e.preventDefault()}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===f.Up?t=s-1:i===f.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=${S(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=R(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===N.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??O} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected} @calciteListItemSortHandleBeforeOpen=${this.onCustomSortItemSortHandleBeforeOpen}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${r(l.list)} drag-enabled selection-mode=single selection-appearance=border @click=${this.onCustomSortListClick} @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(p(g),this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getDataSortOrder()===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?"":S(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return K({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":S(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.setDataSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??I.Second},t,s,n,u=!1,y=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,u=k(this.model.config.series??[])===B.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.getDataSortOrder(),y=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=${y} .isNoAggregationDisabled=${u} @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&&U(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-picker .disabled=${this.model.getAxisValueFormat(0)?.type===C.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===C.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getDataSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}renderAggregation(){return o`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let i=F(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${r(l.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getDataSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===C.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${r(l.label)}><div class=${r(l.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${f.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=${f.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${$(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${k(this.model.config.series??[])===B.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??I.Second,this._messages)??"",s=M(g),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},u=$(n,s);return[o`<calcite-list label selection-appearance=border class=${r(l.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=${r(l.linkContainer)}><calcite-button .disabled=${u} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${v.Zero} .checked=${this.model.nullPolicy===v.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${v.Null} .checked=${this.model.nullPolicy===v.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??[]]),u=this.renderCustomSortUI(),y=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${r(l.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${r(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=${r(l.label)}><span class=${r(this.disableSplitBy?l.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${r(l.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${r(l.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=${r(l.label)}>${this._messages.interval}${y}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${r(l.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=${r(l.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${r(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=${r(this.model.getAxisValueFormat(0)?.type===C.DateAxisFormat?l.disabledLabel:l.label)}>${this._messages.sortOrder}${s}</calcite-label>${u}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,i,j,k)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import b from"./2RG5JCBW.js";import{e as B}from"./SKI5Z6UH.js";import{d as $}from"./B6APNE72.js";import{p as O}from"./27C6PCQ2.js";import{r as g}from"./OZSOICXE.js";import{a,c as f,e as I}from"./FHN6CIIO.js";import{a as S}from"./AUKJ4CBR.js";import{a as n,b as m,h as c,v as d}from"./BNAX4Y53.js";export default $arcgis.t(([{F:L,G:T,H:D,I:N,Nb:b,S:_,Wb:h,fc:C,v:F,yc:v}])=>{function w(e,r){let s;return r===d.Category&&Array.isArray(e)?s=a.customSort:r===d.Category?s=e===c.Ascending?a.xAxisAsc:a.xAxisDesc:e===c.Ascending?s=a.yAxisAsc:s=a.yAxisDesc,s}function Z(e,r){let s;return r===d.Category&&Array.isArray(e)?s=f.customSort:s=e===c.Ascending?f.Asc:f.Desc,s}var z=e=>{let r=e.orderOptions?.data&&"orderBy"in e.orderOptions.data?e.orderOptions.data.orderBy:c.Ascending;return w(r,e.orderOptions?.data?.orderType??d.Category)},K=e=>{let r=S(e.series),s=!1;return(r===n.BarSeries||r===n.LineSeries)&&(s=z(e)===a.customSort),s},ee=e=>{let r=[],s=e.orderOptions?.data?.orderType;return K(e)&&s===d.Category&&(r=e.orderOptions?.data?.orderBy),r},re=(e,r,s,i)=>{let t=S(r.series),A=_(r);r.orderOptions??={};let o=A?[""]:c.Ascending;if(A)e===f.customSort&&s!==void 0?o=[...s]:o=e===f.Desc?c.Descending:c.Ascending,i?r.orderOptions.data={...r.orderOptions.data,orderByY:o,orderType:d.MultiAxes}:r.orderOptions.data={...r.orderOptions.data,orderByX:o,orderType:d.MultiAxes};else if(t===n.BarSeries||t===n.LineSeries){let l=d.Category;e===a.customSort&&s!==void 0?(o=[...s],r.orderOptions.data={orderType:l,orderBy:o}):(l=e===a.xAxisAsc||e===a.xAxisDesc?d.Category:d.YValue,o=e===a.xAxisAsc||e===a.yAxisAsc?c.Ascending:c.Descending,r.orderOptions.data={orderType:l,orderBy:o})}},se=e=>e?.series?.[0]?.x??"",ie=e=>{let{config:r,xAxisField:s,numericFields:i,aggregationType:t,mode:A,layer:o,numericFieldIndex:l,seriesIndex:P,splitByField:U="",fieldList:H}=e,M=S(r.series),Y=v(r.series),u;if(B(o)){let y=b(o);u=i.length===1&&i[0]===y}else{let{idField:y,isTraditionalTypeOID:k}=h(F(o));u=k&&i.length===1&&i[0]===y}let p="y",x="y";switch(M){case n.PieSeries:{t!==m.NoAggregation?A===I.Category?(p=`${t}_${i[0]}_0`.toUpperCase(),x=u?g(m.Count):g(`${t} of ${i[0]}`)):p=T:p=i[0];break}case n.BarSeries:case n.LineSeries:case n.ComboLineAndBarSeries:case n.RadarSeries:case n.HeatSeries:{if(U===""||i.length>1)V({fieldName:s,numericFields:i,fieldList:H??[]})||Y===$.BarAndLineFromFields?p=N:(p=t!==m.NoAggregation?`${t}_${i[l??0]}_${l??0}`.toUpperCase():i[l??0],x=u?g(m.Count):g(`${t} of ${i[l??0]}`));else{let y=i[0];p=t!==m.NoAggregation?`${t}_${y}_${P??0}`.toUpperCase():y,x=u?g(m.Count):g(`${t} of ${y}`)}break}}return{name:p,description:x}};function R(e){let{fieldName:r,fieldList:s}=e,i=C(s??[],r);return r===D||r===L||r===O||r===void 0||r.trim()===""||i===void 0}function V(e){let{fieldName:r,fieldList:s,numericFields:i}=e,t=i.filter(A=>C(s??[],A)?.type!=="esriFieldTypeOID");return R({fieldName:r,fieldList:s})&&(t?.length??0)>0}return{a:w,b:Z,c:z,d:ee,e:re,f:se,g:ie,h:R,i:V}},b)
2
+ import b from"./LIHIBT2F.js";import{e as B}from"./SKI5Z6UH.js";import{d as $}from"./B6APNE72.js";import{p as O}from"./27C6PCQ2.js";import{r as g}from"./OZSOICXE.js";import{a,c as f,e as I}from"./FHN6CIIO.js";import{a as S}from"./AUKJ4CBR.js";import{a as n,b as m,h as c,v as d}from"./BNAX4Y53.js";export default $arcgis.t(([{F:L,G:T,H:D,I:N,Nb:b,S:_,Wb:h,fc:C,v:F,yc:v}])=>{function w(e,r){let s;return r===d.Category&&Array.isArray(e)?s=a.customSort:r===d.Category?s=e===c.Ascending?a.xAxisAsc:a.xAxisDesc:e===c.Ascending?s=a.yAxisAsc:s=a.yAxisDesc,s}function Z(e,r){let s;return r===d.Category&&Array.isArray(e)?s=f.customSort:s=e===c.Ascending?f.Asc:f.Desc,s}var z=e=>{let r=e.orderOptions?.data&&"orderBy"in e.orderOptions.data?e.orderOptions.data.orderBy:c.Ascending;return w(r,e.orderOptions?.data?.orderType??d.Category)},K=e=>{let r=S(e.series),s=!1;return(r===n.BarSeries||r===n.LineSeries)&&(s=z(e)===a.customSort),s},ee=e=>{let r=[],s=e.orderOptions?.data?.orderType;return K(e)&&s===d.Category&&(r=e.orderOptions?.data?.orderBy),r},re=(e,r,s,i)=>{let t=S(r.series),A=_(r);r.orderOptions??={};let o=A?[""]:c.Ascending;if(A)e===f.customSort&&s!==void 0?o=[...s]:o=e===f.Desc?c.Descending:c.Ascending,i?r.orderOptions.data={...r.orderOptions.data,orderByY:o,orderType:d.MultiAxes}:r.orderOptions.data={...r.orderOptions.data,orderByX:o,orderType:d.MultiAxes};else if(t===n.BarSeries||t===n.LineSeries){let l=d.Category;e===a.customSort&&s!==void 0?(o=[...s],r.orderOptions.data={orderType:l,orderBy:o}):(l=e===a.xAxisAsc||e===a.xAxisDesc?d.Category:d.YValue,o=e===a.xAxisAsc||e===a.yAxisAsc?c.Ascending:c.Descending,r.orderOptions.data={orderType:l,orderBy:o})}},se=e=>e?.series?.[0]?.x??"",ie=e=>{let{config:r,xAxisField:s,numericFields:i,aggregationType:t,mode:A,layer:o,numericFieldIndex:l,seriesIndex:P,splitByField:U="",fieldList:H}=e,M=S(r.series),Y=v(r.series),u;if(B(o)){let y=b(o);u=i.length===1&&i[0]===y}else{let{idField:y,isTraditionalTypeOID:k}=h(F(o));u=k&&i.length===1&&i[0]===y}let p="y",x="y";switch(M){case n.PieSeries:{t!==m.NoAggregation?A===I.Category?(p=`${t}_${i[0]}_0`.toUpperCase(),x=u?g(m.Count):g(`${t} of ${i[0]}`)):p=T:p=i[0];break}case n.BarSeries:case n.LineSeries:case n.ComboLineAndBarSeries:case n.RadarSeries:case n.HeatSeries:{if(U===""||i.length>1)V({fieldName:s,numericFields:i,fieldList:H??[]})||Y===$.BarAndLineFromFields?p=N:(p=t!==m.NoAggregation?`${t}_${i[l??0]}_${l??0}`.toUpperCase():i[l??0],x=u?g(m.Count):g(`${t} of ${i[l??0]}`));else{let y=i[0];p=t!==m.NoAggregation?`${t}_${y}_${P??0}`.toUpperCase():y,x=u?g(m.Count):g(`${t} of ${y}`)}break}}return{name:p,description:x}};function R(e){let{fieldName:r,fieldList:s}=e,i=C(s??[],r);return r===D||r===L||r===O||r===void 0||r.trim()===""||i===void 0}function V(e){let{fieldName:r,fieldList:s,numericFields:i}=e,t=i.filter(A=>C(s??[],A)?.type!=="esriFieldTypeOID");return R({fieldName:r,fieldList:s})&&(t?.length??0)>0}return{a:w,b:Z,c:z,d:ee,e:re,f:se,g:ie,h:R,i:V}},b)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- import{a as P}from"./H5VCT3XP.js";import{a as k}from"./GSCC3FON.js";import{h as a}from"./5AKOPV7Z.js";import{a as F}from"./FNXREQOE.js";import g from"./YWUNLBCQ.js";import e from"./2RG5JCBW.js";import"./SKI5Z6UH.js";import{n as d}from"./B6APNE72.js";import"./27C6PCQ2.js";import"./WKF53DYD.js";import"./OZSOICXE.js";import"./PBQRZBQM.js";import{A as c,B as C,C as o,F as u,H as b,g as f,i as s,n as h,z as n}from"./YF6ML4P6.js";import"./FHN6CIIO.js";import"./AUKJ4CBR.js";import{b as v}from"./BNAX4Y53.js";import"./TIWCUJOG.js";export default $arcgis.t(([{F:m,Wb:y},{h:$}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},E=f`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);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}`,g=class extends C{constructor(){super(...arguments),this._messages=F(),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:i}=e.detail,t=[...e.detail.value];switch(i){case a.aggregation:this.model.aggregationType=t[0]!==v.NoAggregation?t[0]:"";break;case a.category:{let r=t[0]?.trim()||"",p=this.model.numericFields;p.length>1&&r!==m&&(this.model.numericFields=[p[0]]),this.model.category=r,this.model.colorMatch=!0;break}case a.numericFields:(t.length>1||t.length>0&&this.model.category.trim()==="")&&(this.model.category=m),this.model.numericFields=t;break;case a.sortOrder:this.model.setDataSortOrder(t[0]);break;default:break}}}catch(i){throw i instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=h(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=h()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=E}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,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return P(e,s`<calcite-list-item .label=${d(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let i=e.target.value;this.model.numericFields=this.model.numericFields.filter(t=>t!==i)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let i,t,r;switch(this.contentKind){case a.category:i=this.categoryElement.value,t=this._messages.categoryHeader,r=this.model.category;break;case a.numericFields:i=this.numericFieldsElement.value,t=this._messages.numericFieldsMultipleHeader,r=this.model.numericFields;break;case a.sortOrder:i=this.sortOrderElement.value,t=this._messages.sortOrderHeader,r=this.model.getDataSortOrder();break}this.pieChartPopover=u(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${t} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @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 $({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":d(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=k(this.pieChartPopover))}renderSorting(){return s`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getDataSortOrder()]} @click=${this.onSortOrderSelect} ${c(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}renderCategory(){let e=this.getCorrectedCategoryValue();return s`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${c(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let i=y(this.model.layer).idField,t=[];for(let r of e)r!==i&&t.push(this.buildNumericFieldItem(r));return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${t}</calcite-list>`}render(){let e=this.renderCategory(),i=this.renderSorting(),t=this.renderNumericFields([...this.model.numericFields]);return s`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[s`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${t}</calcite-label>`,s`<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}${i}</calcite-label>`}};b("arcgis-charts-config-pie-chart-data",g);return g},e,g)
2
+ import{a as P}from"./H5VCT3XP.js";import{a as k}from"./GSCC3FON.js";import{h as a}from"./5AKOPV7Z.js";import{a as F}from"./FNXREQOE.js";import g from"./SEK42UT2.js";import e from"./LIHIBT2F.js";import"./SKI5Z6UH.js";import{n as d}from"./B6APNE72.js";import"./27C6PCQ2.js";import"./WKF53DYD.js";import"./OZSOICXE.js";import"./PBQRZBQM.js";import{A as c,B as C,C as o,F as u,H as b,g as f,i as s,n as h,z as n}from"./YF6ML4P6.js";import"./FHN6CIIO.js";import"./AUKJ4CBR.js";import{b as v}from"./BNAX4Y53.js";import"./TIWCUJOG.js";export default $arcgis.t(([{F:m,Wb:y},{h:$}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},E=f`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);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}`,g=class extends C{constructor(){super(...arguments),this._messages=F(),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:i}=e.detail,t=[...e.detail.value];switch(i){case a.aggregation:this.model.aggregationType=t[0]!==v.NoAggregation?t[0]:"";break;case a.category:{let r=t[0]?.trim()||"",p=this.model.numericFields;p.length>1&&r!==m&&(this.model.numericFields=[p[0]]),this.model.category=r,this.model.colorMatch=!0;break}case a.numericFields:(t.length>1||t.length>0&&this.model.category.trim()==="")&&(this.model.category=m),this.model.numericFields=t;break;case a.sortOrder:this.model.setDataSortOrder(t[0]);break;default:break}}}catch(i){throw i instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=h(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=h()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=E}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,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return P(e,s`<calcite-list-item .label=${d(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let i=e.target.value;this.model.numericFields=this.model.numericFields.filter(t=>t!==i)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let i,t,r;switch(this.contentKind){case a.category:i=this.categoryElement.value,t=this._messages.categoryHeader,r=this.model.category;break;case a.numericFields:i=this.numericFieldsElement.value,t=this._messages.numericFieldsMultipleHeader,r=this.model.numericFields;break;case a.sortOrder:i=this.sortOrderElement.value,t=this._messages.sortOrderHeader,r=this.model.getDataSortOrder();break}this.pieChartPopover=u(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${t} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @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 $({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":d(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=k(this.pieChartPopover))}renderSorting(){return s`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getDataSortOrder()]} @click=${this.onSortOrderSelect} ${c(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}renderCategory(){let e=this.getCorrectedCategoryValue();return s`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${c(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let i=y(this.model.layer).idField,t=[];for(let r of e)r!==i&&t.push(this.buildNumericFieldItem(r));return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${t}</calcite-list>`}render(){let e=this.renderCategory(),i=this.renderSorting(),t=this.renderNumericFields([...this.model.numericFields]);return s`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[s`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${t}</calcite-label>`,s`<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}${i}</calcite-label>`}};b("arcgis-charts-config-pie-chart-data",g);return g},e,g)