@arcgis/charts-components 5.2.0-next.27 → 5.2.0-next.28

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 (87) hide show
  1. package/dist/cdn/{I4NVKM3H.js → 2ODYZG66.js} +1 -1
  2. package/dist/cdn/{54F7CW76.js → 2SPGX6AF.js} +1 -1
  3. package/dist/cdn/{6OC4X4GP.js → 2SPURZEN.js} +1 -1
  4. package/dist/cdn/{JIHUDUXV.js → 35NSJ3NJ.js} +1 -1
  5. package/dist/cdn/{HOZ4AHQR.js → 3QO6REDF.js} +1 -1
  6. package/dist/cdn/{3QFCHMXP.js → 3UTF2CB3.js} +1 -1
  7. package/dist/cdn/{H4VTKKBN.js → 3YN4EKSJ.js} +1 -1
  8. package/dist/cdn/{SBP4RBXK.js → 4BEGCEGA.js} +1 -1
  9. package/dist/cdn/{A3DHDZLR.js → 4P7URPRQ.js} +1 -1
  10. package/dist/cdn/{MMPHPV2C.js → 5XCU5SR2.js} +1 -1
  11. package/dist/cdn/{HYDDSP4M.js → 6ANVHVX4.js} +1 -1
  12. package/dist/cdn/{VQFCYPDR.js → 6CB5R4QQ.js} +1 -1
  13. package/dist/cdn/{CEBE6KZ5.js → 6GV2QPKV.js} +1 -1
  14. package/dist/cdn/{3HT2XHTE.js → 6OCDFMFB.js} +1 -1
  15. package/dist/cdn/{E4OZ432W.js → 6VK54DG5.js} +1 -1
  16. package/dist/cdn/{LLICYFCD.js → 6XIDALQU.js} +1 -1
  17. package/dist/cdn/{DEN7277X.js → 7VQXBQMZ.js} +1 -1
  18. package/dist/cdn/{WINZ53K3.js → 7Z7NOIH2.js} +1 -1
  19. package/dist/cdn/{YFYTXRLW.js → ADYDCO3M.js} +1 -1
  20. package/dist/cdn/{OZEARYZA.js → AICTKGE3.js} +1 -1
  21. package/dist/cdn/{F5NJPXUK.js → AXRHJ55P.js} +1 -1
  22. package/dist/cdn/BJBNELDD.js +3 -0
  23. package/dist/cdn/{OPMJTZOV.js → BKU72IQC.js} +1 -1
  24. package/dist/cdn/{FVGXWZBY.js → BQXXD2HU.js} +1 -1
  25. package/dist/cdn/{PA5GXXDY.js → BZFGE4LO.js} +1 -1
  26. package/dist/cdn/{POPYMWVR.js → C4TQOUPO.js} +1 -1
  27. package/dist/cdn/{CTTLJGLV.js → CLN32L2L.js} +1 -1
  28. package/dist/cdn/{U35HGES6.js → DAF2U7TN.js} +1 -1
  29. package/dist/cdn/{RMF3UYFS.js → DRFJC64L.js} +1 -1
  30. package/dist/cdn/{D2LXXBP5.js → DVAQXOL6.js} +1 -1
  31. package/dist/cdn/{S44GNLAE.js → EXQXLQRA.js} +1 -1
  32. package/dist/cdn/{5LVCC5LO.js → G5EGTXMY.js} +1 -1
  33. package/dist/cdn/{3M2I2DRI.js → GCRQHIGQ.js} +1 -1
  34. package/dist/cdn/{K473JQIX.js → HBS6O3P3.js} +1 -1
  35. package/dist/cdn/{ICFXSFV6.js → HIW5WRHR.js} +1 -1
  36. package/dist/cdn/{K2H47DLO.js → IWMWJN7M.js} +1 -1
  37. package/dist/cdn/{6WZLNZJI.js → JBR6IJMK.js} +1 -1
  38. package/dist/cdn/{FAOLLBXF.js → JIV6BQKG.js} +1 -1
  39. package/dist/cdn/{JPNGKMXS.js → K27GKXGP.js} +1 -1
  40. package/dist/cdn/{I4CGHGFK.js → KFPJI52X.js} +1 -1
  41. package/dist/cdn/{R4F7L2HV.js → KQLAAGKI.js} +1 -1
  42. package/dist/cdn/{WF76CIN2.js → L5PCPBED.js} +1 -1
  43. package/dist/cdn/{QGJNZGQX.js → LFXRCL7K.js} +1 -1
  44. package/dist/cdn/{PHAOZ7SV.js → M4ZJRIYM.js} +1 -1
  45. package/dist/cdn/{ATQN27OC.js → MBPFBE3E.js} +1 -1
  46. package/dist/cdn/{6EX4GDM3.js → MEA74C44.js} +1 -1
  47. package/dist/cdn/{6N4SYUQV.js → MRNQGHRD.js} +1 -1
  48. package/dist/cdn/{TR4ULKH5.js → MVUIKY5Y.js} +1 -1
  49. package/dist/cdn/{JAJUMMUL.js → N673JFHK.js} +1 -1
  50. package/dist/cdn/{2CCG5VRK.js → NKVZYKL5.js} +1 -1
  51. package/dist/cdn/{RFU52ORA.js → O5NKLK7V.js} +1 -1
  52. package/dist/cdn/{VRF5VORO.js → PEYVSFSE.js} +1 -1
  53. package/dist/cdn/{3FDSEXHU.js → PKQOLKTW.js} +1 -1
  54. package/dist/cdn/{HFCAMEBX.js → Q2GW5LB7.js} +1 -1
  55. package/dist/cdn/{HWUT7IFD.js → QGEFY4ND.js} +1 -1
  56. package/dist/cdn/{TYJZR25X.js → QV3NMKKZ.js} +1 -1
  57. package/dist/cdn/{7ZQHAWKS.js → REZ2QR42.js} +1 -1
  58. package/dist/cdn/{2VERKODU.js → RKG6CXUU.js} +1 -1
  59. package/dist/cdn/{FSJ6RT4T.js → SAYLTYWY.js} +1 -1
  60. package/dist/cdn/{4X7O5PV4.js → SOGVYNPI.js} +1 -1
  61. package/dist/cdn/{DINELIBX.js → SSKHF7PO.js} +1 -1
  62. package/dist/cdn/{7UMBIDWG.js → T5TFLMQL.js} +1 -1
  63. package/dist/cdn/{MP4N4SFB.js → TOFVWGTG.js} +1 -1
  64. package/dist/cdn/{54UV746F.js → TSA7UMSZ.js} +1 -1
  65. package/dist/cdn/{EJEUMMWZ.js → U3MRRFML.js} +1 -1
  66. package/dist/cdn/{UU2LYQUI.js → VWTJHXHI.js} +1 -1
  67. package/dist/cdn/{525WSDKI.js → WHVW3P3O.js} +1 -1
  68. package/dist/cdn/{S6MDSIET.js → WJHIJTWS.js} +1 -1
  69. package/dist/cdn/{OOVQ6IVC.js → WU62O2AU.js} +1 -1
  70. package/dist/cdn/{4UG5VYOC.js → X7YEBHBF.js} +1 -1
  71. package/dist/cdn/{DL77MIWY.js → X7Z4LEZH.js} +1 -1
  72. package/dist/cdn/{ZO27SWFU.js → XRP6IFM4.js} +1 -1
  73. package/dist/cdn/{6E2WAXRT.js → Y6CFEFZM.js} +1 -1
  74. package/dist/cdn/{EA7AXGJI.js → YF6HKRXX.js} +1 -1
  75. package/dist/cdn/{SZ3VH4UZ.js → YFHB2EFH.js} +1 -1
  76. package/dist/cdn/{BRG2PBG4.js → YQIFZJTZ.js} +1 -1
  77. package/dist/cdn/{RKZ2IOOP.js → YWCIV7ZZ.js} +1 -1
  78. package/dist/cdn/{Q5VREFP6.js → YWKPGNHB.js} +1 -1
  79. package/dist/cdn/{ODTCEPEL.js → Z43DVT6G.js} +1 -1
  80. package/dist/cdn/index.js +1 -1
  81. package/dist/cdn/model/shared/setup-utils.js +1 -1
  82. package/dist/chunks/index2.js +710 -706
  83. package/dist/docs/api.json +1 -1
  84. package/dist/docs/docs.json +1 -1
  85. package/dist/docs/web-types.json +1 -1
  86. package/package.json +3 -3
  87. package/dist/cdn/BFVFX476.js +0 -3
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as u,c as P,d as T,f as _}from"./OBPAQN4H.js";import{a as w}from"./S7Z4HRW7.js";import{a as N}from"./IHO3OLL3.js";import{a as C}from"./JHANH4UG.js";import{f as l}from"./AK7X7SGI.js";import e from"./H4VTKKBN.js";import a from"./BFVFX476.js";import"./EZV7JSQJ.js";import{n as p,u as S}from"./3TBK72EK.js";import{wa as B,xa as k}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as I}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as F,C as s,F as x,H as A,g as y,i as r,n as g,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as c,k as b,n as d}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=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:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
2
+ import{a as u,c as P,d as T,f as _}from"./OBPAQN4H.js";import{a as w}from"./S7Z4HRW7.js";import{a as N}from"./IHO3OLL3.js";import{a as C}from"./JHANH4UG.js";import{f as l}from"./AK7X7SGI.js";import e from"./3YN4EKSJ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as p,u as S}from"./3TBK72EK.js";import{wa as B,xa as k}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as I}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as F,C as s,F as x,H as A,g as y,i as r,n as g,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as c,k as b,n as d}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=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:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import g from"./H4VTKKBN.js";import e from"./HOZ4AHQR.js";import c from"./RKZ2IOOP.js";import{c as T}from"./Y7HBWU3M.js";import b from"./6EX4GDM3.js";import{h as O,p as te}from"./WNKDEOFZ.js";import a from"./BFVFX476.js";import{n as B}from"./3TBK72EK.js";import{Da as K,F as J,G as oe,H as ie,P as D,Q as G,_ as re,ca as H,n as E,p as I}from"./PAIRUVLU.js";import{a as ee}from"./KX7KGXKQ.js";import{d as $,g as j,k as U,l as W}from"./SP2IPHWF.js";import{b as d}from"./QP5UAIC6.js";import{a as f,h,v as u}from"./547RDEMV.js";export default $arcgis.t(([{substitute:P},{O:M,S:se,ic:le,xb:ne,zb:R},{a:L,d:X,e:Y,f:ae,n:ce,r:ye},{a:me},{b:C},{i:N}])=>{var Ue=(o,e)=>e?.series?.[o]?.name,We=(o,e,i)=>{let r=i;r?.series?.[e]!==void 0&&(r.series[e].name=o)},eo=(o,e)=>{let i,r=e.series?.[o];return r?.type===f.BoxPlotSeries?i=r.fillSymbol?.color:r?.type===f.LineSeries&&(i=r.lineSymbol?.color),i},Fe=o=>{let e=o.series[0];return o.showMean===!0&&O(e)?e.fillSymbol?.color:void 0},Ie=(o,e)=>{let i=e.series[0];e.showMean===!0&&O(i)&&(i.fillSymbol!==void 0?i.fillSymbol.color=o:i.fillSymbol={...D(),color:o})},oo=(o,e,i)=>{let r=i?.series?.[e];r?.type===f.BoxPlotSeries&&r.fillSymbol!==void 0?r.fillSymbol.color=o:r?.type===f.LineSeries&&r.lineSymbol!==void 0&&(r.lineSymbol.color=o,r.markerSymbol!==void 0&&(r.markerSymbol.color=o))},ve=o=>o.series.map(e=>e.id),Be=(o,e)=>{e?.series?.sort((i,r)=>o.findIndex(s=>i.id===s)-o.findIndex(s=>r.id===s))},io=(o,e,i)=>{let r=ve(i),[s]=r.splice(o,1);r.splice(e,0,s),Be(r,i)},ro=o=>Z(o)?o.series.findIndex(e=>e.type===f.BoxPlotSeries):-1;function Ae(o,e,i){let r=be(o,e,i),s=me(o),n=C(o);return r===s||n}function de(o,e,i){let r=k(o,e,i),s=T(1,o),n=C(o);return r===s||n}function Me(o){let{config:e,layerInfo:i,newCategory:r}=o,{layerFieldsInfo:s}=i,n=A(e),t=r!==I?B(s,n):"",l=T(0,e),a=C(e);return t===l||a||l.trim()===""}var A=o=>M(o)?.x??I,Oe=$(o=>{let e=M(o),i=e?.query?.where?.split("=")[0].trim()??"";return se(e?.query?.where)?"":i},o=>M(o)?.query?.where),fe=$(o=>le(o?.series).filter(e=>e!==""),o=>o?.series),V=o=>{let{category:e,seriesIndex:i,y:r,commonStrings:s}=o,n={...H(s,i),x:e===void 0||e===""?I:e,y:r,query:{}};return j(n)},Le=o=>{let{category:e,seriesIndex:i,y:r,commonStrings:s}=o,n={...re({commonStrings:s,seriesIndex:i}),x:e===void 0||e===""?I:e,y:r,query:{}};return j(n)};function ge(o){let{x:e,y:i,seriesTemplate:r,commonStrings:s}=o,{id:n,fillSymbol:t}=r??{},l=H(s),a=n??`series_${Date.now()}`;return l.id=a,l.name=a,l.x=e,l.y=i,t?l.fillSymbol=t:l.fillSymbol&&(l.fillSymbol.color=K,l.fillSymbol?.outline&&(l.fillSymbol.outline.color=K)),l}function ue(o){let{numericFields:e,config:i,layerInfo:r,category:s,commonStrings:n}=o,{layerFieldsInfo:t}=r,l=[],a=s??A(i),y=!1,c=N({fieldName:a,numericFields:e,fieldList:t});if(e.length===0){let S=V({y:"",seriesIndex:0,category:a,commonStrings:n});l.push(S)}else if(c){let S=e.length>1?e:e[0],w=V({y:S,seriesIndex:0,category:a,commonStrings:n}),b=e.length>1?n.axisLabels.values:B(r.layerFieldsInfo,e[0]),p={...w,id:e[0],name:b,x:c?I:a},g=i.series.find(m=>W(S,m.y)&&m.query?.where===void 0);g!==void 0&&(!i.colorMatch&&"fillSymbol"in g&&(p.fillSymbol=g.fillSymbol,y=!0),p.id=g.id,p.name=g.name),l.push(p)}else for(let S=0;S<e.length;S+=1){let w=e[S],b=V({y:w,seriesIndex:S,category:a,commonStrings:n}),p=B(t,w),g={...b,id:w,name:p,x:a},m=i.series.find(v=>w===v.y);m!==void 0&&(!i.colorMatch&&"fillSymbol"in m&&(g.fillSymbol=m.fillSymbol,y=!0),g.id=m.id,g.name=m.name),l.push(g)}return i.series.length===1&&l.length===1&&!i.colorMatch&&"fillSymbol"in i.series[0]&&(l[0].fillSymbol=i.series[0].fillSymbol,y=!0),i.colorMatch=!y,l}var Se=o=>o?.query?.where?.split("=")[1].trim().replace(/'/gu,"")??"",Ce=o=>o.series.some(e=>e.type===f.LineSeries)&&o.series.some(e=>e.type===f.BoxPlotSeries);function ke(o,e,i){let r=[];return o.forEach(s=>{if(s.type===f.BoxPlotSeries){let{type:n,fillSymbol:t,...l}=s;r.push({...l,type:f.LineSeries,lineSymbol:{...J({width:E}),...t!==void 0?{color:t.color}:{}},markerSymbol:{...G(),...t!==void 0?{color:t.color}:{}}})}}),r.unshift(ge({x:o[0].x,y:o[0].y,seriesTemplate:i,commonStrings:e})),r}function qe(o){let e=o.slice(1),i=[];return e.forEach(r=>{if(r.type===f.LineSeries){let{type:s,lineSymbol:n,markerSymbol:t,...l}=r,a=D();i.push({...l,type:f.BoxPlotSeries,fillSymbol:{...a,color:n?.color}})}}),i}function pe(o){let{formerSeries:e,newSeries:i,showMean:r}=o,s=i,n=a=>a.type===(r?f.LineSeries:f.BoxPlotSeries),t=e.filter(n).map(a=>a.id),l=i.filter(n).map(a=>a.id);return t.length===l.length&&JSON.stringify(t)!==JSON.stringify(l)&&(s=s.sort((a,y)=>t.findIndex(c=>c===a.id)-t.findIndex(c=>c===y.id))),s}async function De(o){let{config:e,layerInfo:i,commonStrings:r,splitByField:s,numericFields:n,category:t}=o,{layer:l,layerFieldsInfo:a}=i,{fetchNullValues:y}=M(e)?.query??{},c=t??A(e),{categoriesArray:S,splitByFieldType:w}=await ce({config:e,layer:l,layerFieldsInfo:a,xAxisField:_(c)?void 0:c,aggregationFields:n,splitByField:s,fetchNullValues:y,errorStrings:r.errorStrings}),b=[],p=!1,g=Ce(e);if(S.length===0){b=ue({numericFields:n,category:c,config:e,layerInfo:i,commonStrings:r});for(let m of b)m.query&&(m.query.where=`${s}=''`)}else for(let m=0;m<S.length;m+=1){let v=S[m],q={y:n,seriesIndex:m,category:c,commonStrings:r},Q=g?Le(q):V(q),he=R({queryObject:i.layer,fieldName:s,fieldValue:v??""}),z=`${v}`,F={...Q,id:z,name:he??z,x:c===void 0||c===""?I:c,query:{...Q.query,where:`${s}=${w===ee.String&&v!==null?`'${v}'`:v}`}},x=e.series.find(we=>Se(we)===z);x!==void 0&&(e.colorMatch||(F.type===f.BoxPlotSeries?O(x)?F.fillSymbol=x.fillSymbol:F.fillSymbol={...D(),color:x.lineSymbol?.color}:O(x)?(F.lineSymbol={...J({width:E}),...x.fillSymbol!==void 0?{color:x.fillSymbol.color}:{}},F.markerSymbol={...G(),...x.fillSymbol!==void 0?{color:x.fillSymbol.color}:{}}):(F.lineSymbol=x.lineSymbol,F.markerSymbol=x.markerSymbol),p=!0),F.id=x.id,F.name=x.name),b.push(F)}if(b=pe({formerSeries:e.series,newSeries:b,showMean:Z(e)}),e.colorMatch=!p,Z(e)){let m=e.series.find(q=>q.type===f.BoxPlotSeries),v=ge({x:c,y:n,seriesTemplate:m,commonStrings:r});b.unshift(v)}return b}var so=async o=>{let{splitByField:e,numericFields:i,category:r,config:s,layerInfo:n,commonStrings:t}=o,{layerFieldsInfo:l}=n,a=Ve(r,i,e),y=ne(l),c=A(s),S=Ae(s,n,t),w=de(s,n,t),b=Me({config:s,layerInfo:n,newCategory:r}),p=Y(s);if(!y.includes(c)&&y.includes(r)?p=ie():y.includes(c)&&!y.includes(r)&&(p=oe()),p!==void 0&&ae(s,t,p),Ne(a?{newShowMeanLines:s.showMean,config:s,commonStrings:t}:{newShowMeanLines:!1,config:s,commonStrings:t}),s.series=a?await De({config:s,layerInfo:n,splitByField:e,numericFields:i,category:r,commonStrings:t}):ue({numericFields:i,config:s,layerInfo:n,category:r,commonStrings:t}),b){let g=N({fieldName:r,numericFields:i,fieldList:l})?"":B(l,r);L(s,0,g)}if(w){let g=k(s,n,t);L(s,1,g)}s?.title!==void 0&&S&&(s.title.content.text=be(s,n,t)),X({config:s,value:null,axisIndex:1,isMax:!1}),X({config:s,value:null,axisIndex:1,isMax:!0})},Te=o=>o?.standardizeValues??!1;function k(o,e,i){let{layerFieldsInfo:r}=e,s=Te(o)?i.axisLabels.standardizedValues:i.axisLabels.values,n=o?.series?.map(t=>t.y).flat();return n=[...new Set(n)],n.length===1&&(s=B(r,n[0])),s}function be(o,e,i){let{layerFieldsInfo:r}=e,s=A(o),n=fe(o),t=Oe(o),l=n.map(c=>B(r??[],c)).join(", "),a=B(r??[],s),y="";return n.length>0&&(s!==I&&t!==""?y=P(i.titleLabels.distributionOfFieldsByCategoryAndSplitBy,{valueFields:l,category:a,splitByField:t}):s!==I?y=P(i.titleLabels.distributionOfFieldsByCategory,{valueFields:l,category:a}):t!==""?y=P(i.titleLabels.distributionOfFieldsByCategory,{valueFields:l,category:t}):y=P(i.titleLabels.distributionOfField,{valueField:l})),y}var no=o=>{let{series:e,splitByField:i,layerInfo:r,commonStrings:s}=o,n=typeof e.y=="string"?B(r.layerFieldsInfo,e.y):s.axisLabels.values;return U(i)||(n=Se(e)),n=R({queryObject:r.layer,fieldName:i,fieldValue:n??""})??n,n??e.id},lo=o=>o?.showOutliers??!1,to=o=>{let{newShowOutliers:e,config:i,layerInfo:r,commonStrings:s}=o;if(i.showOutliers=e,de(i,r,s)){let n=k(i,r,s);L(i,1,n)}},ao=o=>{let{newStandardizeValues:e,config:i,layerInfo:r,commonStrings:s}=o,n=T(1,i),t=k(i,r,s),l=C(i);if(i.standardizeValues=e,n===t||l){let a=k(i,r,s);L(i,1,a)}},xe=o=>{let e=d.xAxisAsc,i=o.orderOptions?.data?.orderType??u.Category,r=o.orderOptions?.data&&"orderBy"in o.orderOptions.data?o.orderOptions.data.orderBy:h.Ascending;switch(i){case u.Category:e=Array.isArray(r)?d.customSort:r===h.Ascending?d.xAxisAsc:d.xAxisDesc;break;case u.Mean:e=r===h.Ascending?d.meanAsc:d.meanDesc;break;case u.Median:e=r===h.Ascending?d.medianAsc:d.medianDesc;break}return e},co=(o,e,i)=>{let r=u.Category,s=h.Ascending;if(e.orderOptions=e.orderOptions??{},o===d.customSort&&i!==void 0)e.orderOptions.data={orderType:u.Category,orderBy:i};else{switch(o){case d.xAxisAsc:{r=u.Category,s=h.Ascending;break}case d.xAxisDesc:{r=u.Category,s=h.Descending;break}case d.meanAsc:{r=u.Mean,s=h.Ascending;break}case d.meanDesc:{r=u.Mean,s=h.Descending;break}case d.medianAsc:{r=u.Median,s=h.Ascending;break}case d.medianDesc:{r=u.Median,s=h.Descending;break}}e.orderOptions.data={orderType:r,orderBy:s}}},Z=o=>o.showMean??!1,Ne=o=>{let{newShowMeanLines:e=!1,config:i,commonStrings:r,previousMeanLinesBoxColor:s}=o,n=e?s:Fe(i),t=(e??!1)!==(i.showMean??!1);if(i.showMean=e,t){let l;e?l=te(i.series)?ke(i.series,r):i.series:l=qe(i.series),l&&(l=pe({formerSeries:i.series,newSeries:l,showMean:e}),i.series=l)}return e&&s!==void 0&&Ie(s,i),{previousMeanLinesBoxColor:n}},yo=o=>{let e=[],i=o.orderOptions?.data?.orderType;return xe(o)===d.customSort&&i===u.Category&&(e=o.orderOptions?.data?.orderBy),e},mo=(o,e)=>{e.orderOptions??={};let i=e.orderOptions?.data?.orderType;xe(e)===d.customSort&&i===u.Category&&(e.orderOptions.data={orderType:u.Category,orderBy:o})},fo=async o=>{let{config:e,layerInfo:i,errorStrings:r}=o,s=A(e),n=Y(e)?.type,t=fe(e),l=[];return n===f.CategoryAxisFormat&&(N({fieldName:s,numericFields:t,fieldList:i.layerFieldsInfo})?l=t:_(s)||(l=await ye({layerInfo:i,config:e,category:s,errorStrings:r}))),l},_=o=>o.trim()===""||o===I,Pe=(o,e)=>e.length>1&&!_(o),Ve=(o,e,i)=>!Pe(o,e)&&i!=="";return{a:Ue,b:We,c:eo,d:Fe,e:Ie,f:oo,g:ve,h:Be,i:io,j:ro,k:A,l:Oe,m:fe,n:so,o:Te,p:k,q:be,r:no,s:lo,t:to,u:ao,v:xe,w:co,x:Z,y:Ne,z:yo,A:mo,B:fo,C:Pe,D:Ve}},"intl",a,b,c,e,g)
2
+ import g from"./3YN4EKSJ.js";import e from"./3QO6REDF.js";import c from"./YWCIV7ZZ.js";import{c as T}from"./Y7HBWU3M.js";import b from"./MEA74C44.js";import{h as O,p as te}from"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import{n as B}from"./3TBK72EK.js";import{Da as K,F as J,G as oe,H as ie,P as D,Q as G,_ as re,ca as H,n as E,p as I}from"./PAIRUVLU.js";import{a as ee}from"./KX7KGXKQ.js";import{d as $,g as j,k as U,l as W}from"./SP2IPHWF.js";import{b as d}from"./QP5UAIC6.js";import{a as f,h,v as u}from"./547RDEMV.js";export default $arcgis.t(([{substitute:P},{O:M,S:se,ic:le,xb:ne,zb:R},{a:L,d:X,e:Y,f:ae,n:ce,r:ye},{a:me},{b:C},{i:N}])=>{var Ue=(o,e)=>e?.series?.[o]?.name,We=(o,e,i)=>{let r=i;r?.series?.[e]!==void 0&&(r.series[e].name=o)},eo=(o,e)=>{let i,r=e.series?.[o];return r?.type===f.BoxPlotSeries?i=r.fillSymbol?.color:r?.type===f.LineSeries&&(i=r.lineSymbol?.color),i},Fe=o=>{let e=o.series[0];return o.showMean===!0&&O(e)?e.fillSymbol?.color:void 0},Ie=(o,e)=>{let i=e.series[0];e.showMean===!0&&O(i)&&(i.fillSymbol!==void 0?i.fillSymbol.color=o:i.fillSymbol={...D(),color:o})},oo=(o,e,i)=>{let r=i?.series?.[e];r?.type===f.BoxPlotSeries&&r.fillSymbol!==void 0?r.fillSymbol.color=o:r?.type===f.LineSeries&&r.lineSymbol!==void 0&&(r.lineSymbol.color=o,r.markerSymbol!==void 0&&(r.markerSymbol.color=o))},ve=o=>o.series.map(e=>e.id),Be=(o,e)=>{e?.series?.sort((i,r)=>o.findIndex(s=>i.id===s)-o.findIndex(s=>r.id===s))},io=(o,e,i)=>{let r=ve(i),[s]=r.splice(o,1);r.splice(e,0,s),Be(r,i)},ro=o=>Z(o)?o.series.findIndex(e=>e.type===f.BoxPlotSeries):-1;function Ae(o,e,i){let r=be(o,e,i),s=me(o),n=C(o);return r===s||n}function de(o,e,i){let r=k(o,e,i),s=T(1,o),n=C(o);return r===s||n}function Me(o){let{config:e,layerInfo:i,newCategory:r}=o,{layerFieldsInfo:s}=i,n=A(e),t=r!==I?B(s,n):"",l=T(0,e),a=C(e);return t===l||a||l.trim()===""}var A=o=>M(o)?.x??I,Oe=$(o=>{let e=M(o),i=e?.query?.where?.split("=")[0].trim()??"";return se(e?.query?.where)?"":i},o=>M(o)?.query?.where),fe=$(o=>le(o?.series).filter(e=>e!==""),o=>o?.series),V=o=>{let{category:e,seriesIndex:i,y:r,commonStrings:s}=o,n={...H(s,i),x:e===void 0||e===""?I:e,y:r,query:{}};return j(n)},Le=o=>{let{category:e,seriesIndex:i,y:r,commonStrings:s}=o,n={...re({commonStrings:s,seriesIndex:i}),x:e===void 0||e===""?I:e,y:r,query:{}};return j(n)};function ge(o){let{x:e,y:i,seriesTemplate:r,commonStrings:s}=o,{id:n,fillSymbol:t}=r??{},l=H(s),a=n??`series_${Date.now()}`;return l.id=a,l.name=a,l.x=e,l.y=i,t?l.fillSymbol=t:l.fillSymbol&&(l.fillSymbol.color=K,l.fillSymbol?.outline&&(l.fillSymbol.outline.color=K)),l}function ue(o){let{numericFields:e,config:i,layerInfo:r,category:s,commonStrings:n}=o,{layerFieldsInfo:t}=r,l=[],a=s??A(i),y=!1,c=N({fieldName:a,numericFields:e,fieldList:t});if(e.length===0){let S=V({y:"",seriesIndex:0,category:a,commonStrings:n});l.push(S)}else if(c){let S=e.length>1?e:e[0],w=V({y:S,seriesIndex:0,category:a,commonStrings:n}),b=e.length>1?n.axisLabels.values:B(r.layerFieldsInfo,e[0]),p={...w,id:e[0],name:b,x:c?I:a},g=i.series.find(m=>W(S,m.y)&&m.query?.where===void 0);g!==void 0&&(!i.colorMatch&&"fillSymbol"in g&&(p.fillSymbol=g.fillSymbol,y=!0),p.id=g.id,p.name=g.name),l.push(p)}else for(let S=0;S<e.length;S+=1){let w=e[S],b=V({y:w,seriesIndex:S,category:a,commonStrings:n}),p=B(t,w),g={...b,id:w,name:p,x:a},m=i.series.find(v=>w===v.y);m!==void 0&&(!i.colorMatch&&"fillSymbol"in m&&(g.fillSymbol=m.fillSymbol,y=!0),g.id=m.id,g.name=m.name),l.push(g)}return i.series.length===1&&l.length===1&&!i.colorMatch&&"fillSymbol"in i.series[0]&&(l[0].fillSymbol=i.series[0].fillSymbol,y=!0),i.colorMatch=!y,l}var Se=o=>o?.query?.where?.split("=")[1].trim().replace(/'/gu,"")??"",Ce=o=>o.series.some(e=>e.type===f.LineSeries)&&o.series.some(e=>e.type===f.BoxPlotSeries);function ke(o,e,i){let r=[];return o.forEach(s=>{if(s.type===f.BoxPlotSeries){let{type:n,fillSymbol:t,...l}=s;r.push({...l,type:f.LineSeries,lineSymbol:{...J({width:E}),...t!==void 0?{color:t.color}:{}},markerSymbol:{...G(),...t!==void 0?{color:t.color}:{}}})}}),r.unshift(ge({x:o[0].x,y:o[0].y,seriesTemplate:i,commonStrings:e})),r}function qe(o){let e=o.slice(1),i=[];return e.forEach(r=>{if(r.type===f.LineSeries){let{type:s,lineSymbol:n,markerSymbol:t,...l}=r,a=D();i.push({...l,type:f.BoxPlotSeries,fillSymbol:{...a,color:n?.color}})}}),i}function pe(o){let{formerSeries:e,newSeries:i,showMean:r}=o,s=i,n=a=>a.type===(r?f.LineSeries:f.BoxPlotSeries),t=e.filter(n).map(a=>a.id),l=i.filter(n).map(a=>a.id);return t.length===l.length&&JSON.stringify(t)!==JSON.stringify(l)&&(s=s.sort((a,y)=>t.findIndex(c=>c===a.id)-t.findIndex(c=>c===y.id))),s}async function De(o){let{config:e,layerInfo:i,commonStrings:r,splitByField:s,numericFields:n,category:t}=o,{layer:l,layerFieldsInfo:a}=i,{fetchNullValues:y}=M(e)?.query??{},c=t??A(e),{categoriesArray:S,splitByFieldType:w}=await ce({config:e,layer:l,layerFieldsInfo:a,xAxisField:_(c)?void 0:c,aggregationFields:n,splitByField:s,fetchNullValues:y,errorStrings:r.errorStrings}),b=[],p=!1,g=Ce(e);if(S.length===0){b=ue({numericFields:n,category:c,config:e,layerInfo:i,commonStrings:r});for(let m of b)m.query&&(m.query.where=`${s}=''`)}else for(let m=0;m<S.length;m+=1){let v=S[m],q={y:n,seriesIndex:m,category:c,commonStrings:r},Q=g?Le(q):V(q),he=R({queryObject:i.layer,fieldName:s,fieldValue:v??""}),z=`${v}`,F={...Q,id:z,name:he??z,x:c===void 0||c===""?I:c,query:{...Q.query,where:`${s}=${w===ee.String&&v!==null?`'${v}'`:v}`}},x=e.series.find(we=>Se(we)===z);x!==void 0&&(e.colorMatch||(F.type===f.BoxPlotSeries?O(x)?F.fillSymbol=x.fillSymbol:F.fillSymbol={...D(),color:x.lineSymbol?.color}:O(x)?(F.lineSymbol={...J({width:E}),...x.fillSymbol!==void 0?{color:x.fillSymbol.color}:{}},F.markerSymbol={...G(),...x.fillSymbol!==void 0?{color:x.fillSymbol.color}:{}}):(F.lineSymbol=x.lineSymbol,F.markerSymbol=x.markerSymbol),p=!0),F.id=x.id,F.name=x.name),b.push(F)}if(b=pe({formerSeries:e.series,newSeries:b,showMean:Z(e)}),e.colorMatch=!p,Z(e)){let m=e.series.find(q=>q.type===f.BoxPlotSeries),v=ge({x:c,y:n,seriesTemplate:m,commonStrings:r});b.unshift(v)}return b}var so=async o=>{let{splitByField:e,numericFields:i,category:r,config:s,layerInfo:n,commonStrings:t}=o,{layerFieldsInfo:l}=n,a=Ve(r,i,e),y=ne(l),c=A(s),S=Ae(s,n,t),w=de(s,n,t),b=Me({config:s,layerInfo:n,newCategory:r}),p=Y(s);if(!y.includes(c)&&y.includes(r)?p=ie():y.includes(c)&&!y.includes(r)&&(p=oe()),p!==void 0&&ae(s,t,p),Ne(a?{newShowMeanLines:s.showMean,config:s,commonStrings:t}:{newShowMeanLines:!1,config:s,commonStrings:t}),s.series=a?await De({config:s,layerInfo:n,splitByField:e,numericFields:i,category:r,commonStrings:t}):ue({numericFields:i,config:s,layerInfo:n,category:r,commonStrings:t}),b){let g=N({fieldName:r,numericFields:i,fieldList:l})?"":B(l,r);L(s,0,g)}if(w){let g=k(s,n,t);L(s,1,g)}s?.title!==void 0&&S&&(s.title.content.text=be(s,n,t)),X({config:s,value:null,axisIndex:1,isMax:!1}),X({config:s,value:null,axisIndex:1,isMax:!0})},Te=o=>o?.standardizeValues??!1;function k(o,e,i){let{layerFieldsInfo:r}=e,s=Te(o)?i.axisLabels.standardizedValues:i.axisLabels.values,n=o?.series?.map(t=>t.y).flat();return n=[...new Set(n)],n.length===1&&(s=B(r,n[0])),s}function be(o,e,i){let{layerFieldsInfo:r}=e,s=A(o),n=fe(o),t=Oe(o),l=n.map(c=>B(r??[],c)).join(", "),a=B(r??[],s),y="";return n.length>0&&(s!==I&&t!==""?y=P(i.titleLabels.distributionOfFieldsByCategoryAndSplitBy,{valueFields:l,category:a,splitByField:t}):s!==I?y=P(i.titleLabels.distributionOfFieldsByCategory,{valueFields:l,category:a}):t!==""?y=P(i.titleLabels.distributionOfFieldsByCategory,{valueFields:l,category:t}):y=P(i.titleLabels.distributionOfField,{valueField:l})),y}var no=o=>{let{series:e,splitByField:i,layerInfo:r,commonStrings:s}=o,n=typeof e.y=="string"?B(r.layerFieldsInfo,e.y):s.axisLabels.values;return U(i)||(n=Se(e)),n=R({queryObject:r.layer,fieldName:i,fieldValue:n??""})??n,n??e.id},lo=o=>o?.showOutliers??!1,to=o=>{let{newShowOutliers:e,config:i,layerInfo:r,commonStrings:s}=o;if(i.showOutliers=e,de(i,r,s)){let n=k(i,r,s);L(i,1,n)}},ao=o=>{let{newStandardizeValues:e,config:i,layerInfo:r,commonStrings:s}=o,n=T(1,i),t=k(i,r,s),l=C(i);if(i.standardizeValues=e,n===t||l){let a=k(i,r,s);L(i,1,a)}},xe=o=>{let e=d.xAxisAsc,i=o.orderOptions?.data?.orderType??u.Category,r=o.orderOptions?.data&&"orderBy"in o.orderOptions.data?o.orderOptions.data.orderBy:h.Ascending;switch(i){case u.Category:e=Array.isArray(r)?d.customSort:r===h.Ascending?d.xAxisAsc:d.xAxisDesc;break;case u.Mean:e=r===h.Ascending?d.meanAsc:d.meanDesc;break;case u.Median:e=r===h.Ascending?d.medianAsc:d.medianDesc;break}return e},co=(o,e,i)=>{let r=u.Category,s=h.Ascending;if(e.orderOptions=e.orderOptions??{},o===d.customSort&&i!==void 0)e.orderOptions.data={orderType:u.Category,orderBy:i};else{switch(o){case d.xAxisAsc:{r=u.Category,s=h.Ascending;break}case d.xAxisDesc:{r=u.Category,s=h.Descending;break}case d.meanAsc:{r=u.Mean,s=h.Ascending;break}case d.meanDesc:{r=u.Mean,s=h.Descending;break}case d.medianAsc:{r=u.Median,s=h.Ascending;break}case d.medianDesc:{r=u.Median,s=h.Descending;break}}e.orderOptions.data={orderType:r,orderBy:s}}},Z=o=>o.showMean??!1,Ne=o=>{let{newShowMeanLines:e=!1,config:i,commonStrings:r,previousMeanLinesBoxColor:s}=o,n=e?s:Fe(i),t=(e??!1)!==(i.showMean??!1);if(i.showMean=e,t){let l;e?l=te(i.series)?ke(i.series,r):i.series:l=qe(i.series),l&&(l=pe({formerSeries:i.series,newSeries:l,showMean:e}),i.series=l)}return e&&s!==void 0&&Ie(s,i),{previousMeanLinesBoxColor:n}},yo=o=>{let e=[],i=o.orderOptions?.data?.orderType;return xe(o)===d.customSort&&i===u.Category&&(e=o.orderOptions?.data?.orderBy),e},mo=(o,e)=>{e.orderOptions??={};let i=e.orderOptions?.data?.orderType;xe(e)===d.customSort&&i===u.Category&&(e.orderOptions.data={orderType:u.Category,orderBy:o})},fo=async o=>{let{config:e,layerInfo:i,errorStrings:r}=o,s=A(e),n=Y(e)?.type,t=fe(e),l=[];return n===f.CategoryAxisFormat&&(N({fieldName:s,numericFields:t,fieldList:i.layerFieldsInfo})?l=t:_(s)||(l=await ye({layerInfo:i,config:e,category:s,errorStrings:r}))),l},_=o=>o.trim()===""||o===I,Pe=(o,e)=>e.length>1&&!_(o),Ve=(o,e,i)=>!Pe(o,e)&&i!=="";return{a:Ue,b:We,c:eo,d:Fe,e:Ie,f:oo,g:ve,h:Be,i:io,j:ro,k:A,l:Oe,m:fe,n:so,o:Te,p:k,q:be,r:no,s:lo,t:to,u:ao,v:xe,w:co,x:Z,y:Ne,z:yo,A:mo,B:fo,C:Pe,D:Ve}},"intl",a,b,c,e,g)
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as y}from"./AQIB3VEP.js";import{a as $}from"./S7Z4HRW7.js";import{b as _,c as B}from"./IHO3OLL3.js";import g from"./VQFCYPDR.js";import{a as f}from"./JHANH4UG.js";import{f as s}from"./AK7X7SGI.js";import e from"./6EX4GDM3.js";import"./WNKDEOFZ.js";import d from"./BFVFX476.js";import"./EZV7JSQJ.js";import{n as A,u as S}from"./3TBK72EK.js";import{wa as x,xa as E}from"./PAIRUVLU.js";import{a as P}from"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as I,C as c,H as F,g as L,i as a,n as u,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{k as r,o as p}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:v,tb:D,vb:T,wb:z},,{a:w,c:C,g:K,k:d,o:N}])=>{var H=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={name:"line-chart-data-popover",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=H}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(n=>x(n,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[p.Start,p.End].map(n=>E(n,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=${A(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 n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&v(l)&&i.push(this.buildPickListItem(l))}break}case s.xAxisField:{for(let n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&(v(l)||D(l)||T(l))&&i.push(this.buildPickListItem(l))}break}case s.splitByField:{let n=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(n);for(let l=0;l<t;l+=1){let g=this.layerFieldsInfo?.[l];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 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><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"./AQIB3VEP.js";import{a as $}from"./S7Z4HRW7.js";import{b as _,c as B}from"./IHO3OLL3.js";import g from"./6CB5R4QQ.js";import{a as f}from"./JHANH4UG.js";import{f as s}from"./AK7X7SGI.js";import e from"./MEA74C44.js";import"./WNKDEOFZ.js";import d from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as A,u as S}from"./3TBK72EK.js";import{wa as x,xa as E}from"./PAIRUVLU.js";import{a as P}from"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as I,C as c,H as F,g as L,i as a,n as u,z as h}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{k as r,o as p}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:v,tb:D,vb:T,wb:z},,{a:w,c:C,g:K,k:d,o:N}])=>{var H=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={name:"line-chart-data-popover",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=H}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(n=>x(n,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[p.Start,p.End].map(n=>E(n,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=${A(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 n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&v(l)&&i.push(this.buildPickListItem(l))}break}case s.xAxisField:{for(let n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&(v(l)||D(l)||T(l))&&i.push(this.buildPickListItem(l))}break}case s.splitByField:{let n=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(n);for(let l=0;l<t;l+=1){let g=this.layerFieldsInfo?.[l];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 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><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.2/LICENSE.txt */
2
- import{a as L}from"./AQIB3VEP.js";import{a as P}from"./S7Z4HRW7.js";import{a as C}from"./IHO3OLL3.js";import h from"./VQFCYPDR.js";import{a as k}from"./JHANH4UG.js";import"./AK7X7SGI.js";import e from"./6EX4GDM3.js";import"./WNKDEOFZ.js";import c from"./BFVFX476.js";import"./EZV7JSQJ.js";import{c as u,d as x}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as $,C as a,D as d,F as g,H as y,g as f,i as o,n as b}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as p,f as r}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{r:I}])=>{var _={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},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)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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)}.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)}.disabled-info{margin:auto 1rem;pointer-events:auto}.disabled-info:active{margin:auto 1rem;pointer-events:none}.disabled-stacking-option{pointer-events:none;opacity:var(--calcite-opacity-disabled)}`,v=class extends ${constructor(){super(...arguments),this._messages=k(),this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null&&e.detail!==void 0){let t=e.detail.name;if(this.isNullCategorySelected){let i=this.model.nullCategory;if(i){let s={...i,text:t};this.model.nullCategory=s}}else this.model.setSeriesName(t,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:t}=e.detail;if(t!==void 0){if(this.isNullCategorySelected){let i=this.model.nullCategory,s=i?.symbol&&{...i,symbol:{...i.symbol,color:t,outline:i.symbol.outline&&{...i.symbol.outline,color:t}}};this.model.nullCategory=s}else this.model.setSeriesColor(t,this.selectedSeriesIndex??-1);this.model.colorMatch=!1}}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:t}=e.detail;this.selectedSeriesIndex===t&&(this.seriesPopover=C(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigDataChangeError=b()}static{this.properties={seriesOrderResetCounter:16,selectedSeriesIndex:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=E}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,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=C(this.seriesPopover))}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(o`<arcgis-charts-config-bar-chart-series-popover .referenceElement=${this.el} .selectedName=${this.selectedSeriesIndex!=null?this.model.getSeriesName(this.selectedSeriesIndex):void 0} .selectedColor=${this.selectedSeriesIndex!=null?this.model.getSeriesColor(this.selectedSeriesIndex):void 0} .placement=${this.popoverPlacement} .selectedSeriesIndex=${this.selectedSeriesIndex!=null?this.selectedSeriesIndex:void 0} .nullCategory=${this.isNullCategorySelected?this.model.nullCategory:void 0} .open=${this.open} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-bar-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength??0,t=Array.from({length:e},(i,s)=>s);return L(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),h=this.model.getSeriesName(i),m=this.model.chartSubType===x.BarAndLineFromFields?this._messages.series:s,c="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&n!==void 0){S="square-f";let[T,M,N,O]=[...n];c=`rgba(${T},${M},${N},${O/255})`}return o`<calcite-list-item .label=${h??s??""} .description=${m} .value=${s} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon .icon=${S} style=${d({color:c})} slot=content-end></calcite-icon></calcite-list-item>`})}buildSeriesList(){return P(this.seriesOrderResetCounter,o`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}buildNullCategoryUI(){let e=this.model.nullCategory,t=this._messages.nullCategory,i=e?.symbol?.color??u.nullCategory?.symbol?.color??u.grayColor,[s,n,h,m]=[...i],c=`rgba(${s},${n},${h},${m/255})`;return o`<calcite-list label class=${a(l.list)} selection-mode=none><calcite-list-item .label=${t} .value=${t} .selected=${this.selectedSeriesIndex===null} @click=${this.openSeriesPopOver}><calcite-icon icon=square-f style=${d({color:c})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}buildMultipleBarTypeList(){let e=this.shouldDisableStacking();return e&&this.model.stackedType!==r.Side&&(this.model.stackedType=r.Side),o`<calcite-list label id=${_.stackedType} class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleBarSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${r.Side} .selected=${this.model.stackedType===void 0||this.model.stackedType===r.Side}><calcite-icon scale=l icon=graph-bar-side-by-side slot=content-start></calcite-icon></calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked} .value=${r.Stacked} .selected=${this.model.stackedType===r.Stacked}><calcite-icon scale=l icon=graph-bar-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked100} .value=${r.Stacked100} .selected=${this.model.stackedType===r.Stacked100}><calcite-icon scale=l icon=graph-bar100-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item></calcite-list>`}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onMultipleBarSelect(e){if(!this.shouldDisableStacking()){let t=e.target;this.model.stackedType=t.value??t.parentElement.value??""}}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;this.model.moveSeries(i??0,t??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let t=e.target,i=t.localName==="calcite-list-item"?t:t.parentNode,s=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==s,this.selectedSeriesIndex=this.selectedSeriesIndex!==s?s:void 0,this.isNullCategorySelected=i.value===this._messages.nullCategory}createTooltip(e){let t=e.target,i=(this.model.aggregationType===p.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=g(o`<calcite-tooltip style=${d({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){I(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===p.NoAggregation}render(){return o`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultiSeries}</div>${this.buildMultipleBarTypeList()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}${this.model.nullCategory!==void 0&&this.model.fetchNULLValues?this.buildNullCategoryUI():null}`}};y("arcgis-charts-config-bar-chart-series",v);return v},c,e,h)
2
+ import{a as L}from"./AQIB3VEP.js";import{a as P}from"./S7Z4HRW7.js";import{a as C}from"./IHO3OLL3.js";import h from"./6CB5R4QQ.js";import{a as k}from"./JHANH4UG.js";import"./AK7X7SGI.js";import e from"./MEA74C44.js";import"./WNKDEOFZ.js";import c from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{c as u,d as x}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as $,C as a,D as d,F as g,H as y,g as f,i as o,n as b}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as p,f as r}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{r:I}])=>{var _={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},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)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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)}.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)}.disabled-info{margin:auto 1rem;pointer-events:auto}.disabled-info:active{margin:auto 1rem;pointer-events:none}.disabled-stacking-option{pointer-events:none;opacity:var(--calcite-opacity-disabled)}`,v=class extends ${constructor(){super(...arguments),this._messages=k(),this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null&&e.detail!==void 0){let t=e.detail.name;if(this.isNullCategorySelected){let i=this.model.nullCategory;if(i){let s={...i,text:t};this.model.nullCategory=s}}else this.model.setSeriesName(t,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:t}=e.detail;if(t!==void 0){if(this.isNullCategorySelected){let i=this.model.nullCategory,s=i?.symbol&&{...i,symbol:{...i.symbol,color:t,outline:i.symbol.outline&&{...i.symbol.outline,color:t}}};this.model.nullCategory=s}else this.model.setSeriesColor(t,this.selectedSeriesIndex??-1);this.model.colorMatch=!1}}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:t}=e.detail;this.selectedSeriesIndex===t&&(this.seriesPopover=C(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigDataChangeError=b()}static{this.properties={seriesOrderResetCounter:16,selectedSeriesIndex:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=E}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,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=C(this.seriesPopover))}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(o`<arcgis-charts-config-bar-chart-series-popover .referenceElement=${this.el} .selectedName=${this.selectedSeriesIndex!=null?this.model.getSeriesName(this.selectedSeriesIndex):void 0} .selectedColor=${this.selectedSeriesIndex!=null?this.model.getSeriesColor(this.selectedSeriesIndex):void 0} .placement=${this.popoverPlacement} .selectedSeriesIndex=${this.selectedSeriesIndex!=null?this.selectedSeriesIndex:void 0} .nullCategory=${this.isNullCategorySelected?this.model.nullCategory:void 0} .open=${this.open} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-bar-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength??0,t=Array.from({length:e},(i,s)=>s);return L(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),h=this.model.getSeriesName(i),m=this.model.chartSubType===x.BarAndLineFromFields?this._messages.series:s,c="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&n!==void 0){S="square-f";let[T,M,N,O]=[...n];c=`rgba(${T},${M},${N},${O/255})`}return o`<calcite-list-item .label=${h??s??""} .description=${m} .value=${s} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon .icon=${S} style=${d({color:c})} slot=content-end></calcite-icon></calcite-list-item>`})}buildSeriesList(){return P(this.seriesOrderResetCounter,o`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}buildNullCategoryUI(){let e=this.model.nullCategory,t=this._messages.nullCategory,i=e?.symbol?.color??u.nullCategory?.symbol?.color??u.grayColor,[s,n,h,m]=[...i],c=`rgba(${s},${n},${h},${m/255})`;return o`<calcite-list label class=${a(l.list)} selection-mode=none><calcite-list-item .label=${t} .value=${t} .selected=${this.selectedSeriesIndex===null} @click=${this.openSeriesPopOver}><calcite-icon icon=square-f style=${d({color:c})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}buildMultipleBarTypeList(){let e=this.shouldDisableStacking();return e&&this.model.stackedType!==r.Side&&(this.model.stackedType=r.Side),o`<calcite-list label id=${_.stackedType} class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleBarSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${r.Side} .selected=${this.model.stackedType===void 0||this.model.stackedType===r.Side}><calcite-icon scale=l icon=graph-bar-side-by-side slot=content-start></calcite-icon></calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked} .value=${r.Stacked} .selected=${this.model.stackedType===r.Stacked}><calcite-icon scale=l icon=graph-bar-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked100} .value=${r.Stacked100} .selected=${this.model.stackedType===r.Stacked100}><calcite-icon scale=l icon=graph-bar100-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item></calcite-list>`}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onMultipleBarSelect(e){if(!this.shouldDisableStacking()){let t=e.target;this.model.stackedType=t.value??t.parentElement.value??""}}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;this.model.moveSeries(i??0,t??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let t=e.target,i=t.localName==="calcite-list-item"?t:t.parentNode,s=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==s,this.selectedSeriesIndex=this.selectedSeriesIndex!==s?s:void 0,this.isNullCategorySelected=i.value===this._messages.nullCategory}createTooltip(e){let t=e.target,i=(this.model.aggregationType===p.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=g(o`<calcite-tooltip style=${d({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){I(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===p.NoAggregation}render(){return o`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultiSeries}</div>${this.buildMultipleBarTypeList()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}${this.model.nullCategory!==void 0&&this.model.fetchNULLValues?this.buildNullCategoryUI():null}`}};y("arcgis-charts-config-bar-chart-series",v);return v},c,e,h)