@arcgis/charts-components 5.1.14 → 5.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{ZOIZM3XM.js → 27IBIBSR.js} +1 -1
- package/dist/cdn/{NYFDS3RD.js → 2HHSVPE2.js} +1 -1
- package/dist/cdn/{PT7JLUU5.js → 2UC44CRG.js} +1 -1
- package/dist/cdn/{4XTLMDXW.js → 3FWRNHEK.js} +1 -1
- package/dist/cdn/{MTJ5SVX3.js → 3SBGOFC6.js} +1 -1
- package/dist/cdn/{3HT3CCOV.js → 3Z5XY3NC.js} +2 -2
- package/dist/cdn/{NMG2GNVR.js → 4A4JBVCY.js} +1 -1
- package/dist/cdn/{LFZLMDYD.js → 4BIYII7Z.js} +1 -1
- package/dist/cdn/{POW2FH6Z.js → 4FR36QXH.js} +1 -1
- package/dist/cdn/{ZVP3LPXT.js → 4YGXQHVS.js} +1 -1
- package/dist/cdn/{HKPCO4HL.js → 4YVPEVKU.js} +1 -1
- package/dist/cdn/{JJNB5AC7.js → 5AHQQEVD.js} +1 -1
- package/dist/cdn/{CKAJX463.js → 5GG6SPVF.js} +1 -1
- package/dist/cdn/{HC4POMJ2.js → 5SQUVWRV.js} +1 -1
- package/dist/cdn/{EUQIQA6V.js → 62XF4HPB.js} +1 -1
- package/dist/cdn/{FY2NVYKS.js → 6ZBZS5RM.js} +1 -1
- package/dist/cdn/{HMEEWWGI.js → 722RTUGS.js} +1 -1
- package/dist/cdn/{PFYTCBGO.js → 72MNXMJL.js} +1 -1
- package/dist/cdn/{MN73KKNM.js → 75ZDLGOP.js} +1 -1
- package/dist/cdn/{DBCIEUPZ.js → 7YTM7CJI.js} +1 -1
- package/dist/cdn/{PAMPITJY.js → AF57CPKA.js} +1 -1
- package/dist/cdn/{SLJF3AOY.js → AFUHNATG.js} +1 -1
- package/dist/cdn/{URLY2NWB.js → AKVKR2CE.js} +1 -1
- package/dist/cdn/{QHVKS2DQ.js → B66EYHIG.js} +1 -1
- package/dist/cdn/{MIF6ADG2.js → BDDGAPGG.js} +1 -1
- package/dist/cdn/{AKQXPPBW.js → BDUE7OO2.js} +1 -1
- package/dist/cdn/{4AMPX5GE.js → BE3HV7Q5.js} +1 -1
- package/dist/cdn/{A7FQJRS7.js → BG6KNHHO.js} +1 -1
- package/dist/cdn/{AXCLCMI5.js → BGHKRJSK.js} +1 -1
- package/dist/cdn/{COUNKDQU.js → BOCU4IHY.js} +1 -1
- package/dist/cdn/{MKJCUFHE.js → CKIA6YS3.js} +1 -1
- package/dist/cdn/{RHGQZAJA.js → DEIJ4K64.js} +1 -1
- package/dist/cdn/{EC2O4ZSR.js → DKLUASNG.js} +1 -1
- package/dist/cdn/{TNQZM7EP.js → E3HJRP2K.js} +1 -1
- package/dist/cdn/{Z2OSMTMX.js → E5WYQQRL.js} +1 -1
- package/dist/cdn/{G3LKEFGH.js → EG5XV532.js} +1 -1
- package/dist/cdn/{6YSYIJPF.js → F6J5YWB6.js} +1 -1
- package/dist/cdn/{S4EPO2M4.js → FCXKHNBY.js} +1 -1
- package/dist/cdn/{ZEYPXAJR.js → FVR7HXID.js} +1 -1
- package/dist/cdn/{P3MPMWMF.js → G5U3RPLX.js} +1 -1
- package/dist/cdn/{BEXNQ35Z.js → GHLZQKK2.js} +1 -1
- package/dist/cdn/{BJN67WF3.js → GJZJ4LLB.js} +1 -1
- package/dist/cdn/{G3SJZA6D.js → H4TP4WPS.js} +1 -1
- package/dist/cdn/{DCT2ONUZ.js → HBEDQG5N.js} +1 -1
- package/dist/cdn/{OF2TGXKX.js → HOMQKSES.js} +1 -1
- package/dist/cdn/{AKIIQ2OF.js → HSCE2IMY.js} +1 -1
- package/dist/cdn/{ELOGEI2U.js → HSSOYFON.js} +1 -1
- package/dist/cdn/{BWLGW3OB.js → HTDSGAQ2.js} +1 -1
- package/dist/cdn/{RINZ5USJ.js → HXNIWHZD.js} +1 -1
- package/dist/cdn/{F75I3L3E.js → I735XT3D.js} +1 -1
- package/dist/cdn/{5MPDSY6U.js → IHBS6MTO.js} +1 -1
- package/dist/cdn/{3FT3WV37.js → IPBQIUXQ.js} +1 -1
- package/dist/cdn/{IHKUCS6M.js → JEFQ44N5.js} +1 -1
- package/dist/cdn/{F2UXH7GW.js → JTNQKTMV.js} +1 -1
- package/dist/cdn/{HYHEPSHK.js → K3OL4HFH.js} +1 -1
- package/dist/cdn/{5I7LPWVQ.js → KI2WMWJD.js} +1 -1
- package/dist/cdn/{UETQ4XEH.js → KS642GWF.js} +1 -1
- package/dist/cdn/{RX3PMDLY.js → L3EVUZQF.js} +1 -1
- package/dist/cdn/{JFM47HOQ.js → LFHEYUPS.js} +1 -1
- package/dist/cdn/{UARDDCN6.js → LG24AB7A.js} +1 -1
- package/dist/cdn/{32WUHDFU.js → LWB5QPXY.js} +1 -1
- package/dist/cdn/{G6VW3YDS.js → MGICVJAT.js} +1 -1
- package/dist/cdn/{3TFQRGXT.js → MXRJXS5D.js} +1 -1
- package/dist/cdn/{HA52AJKM.js → N6VN2NH3.js} +1 -1
- package/dist/cdn/{3ODBAS3W.js → NYQ7AUOO.js} +1 -1
- package/dist/cdn/{AENP3S4B.js → OZCALJUO.js} +1 -1
- package/dist/cdn/{PWFRRPVX.js → PXKK6RBC.js} +1 -1
- package/dist/cdn/{HD3RCGV2.js → PZ3EIU2J.js} +1 -1
- package/dist/cdn/{TAB7FFIJ.js → Q6TMBQDY.js} +1 -1
- package/dist/cdn/{47WVBVWY.js → QHDEQZO2.js} +1 -1
- package/dist/cdn/{CGXUIXWV.js → RMDZABWL.js} +1 -1
- package/dist/cdn/{FDDIZXKN.js → RYT6YMPI.js} +1 -1
- package/dist/cdn/{ID6XRDET.js → S24N6H4P.js} +1 -1
- package/dist/cdn/{P4TC6MLD.js → S6K5AGQR.js} +1 -1
- package/dist/cdn/{34CYICAL.js → SF6GMJ7A.js} +1 -1
- package/dist/cdn/{3ND225UE.js → SHG7A5RP.js} +1 -1
- package/dist/cdn/{APBNJBC7.js → SQJH5IBM.js} +1 -1
- package/dist/cdn/{I4I3GR3I.js → UB6LHWGE.js} +1 -1
- package/dist/cdn/{657M7N2G.js → UOYXQ2WL.js} +1 -1
- package/dist/cdn/{G2OVO7ZF.js → UWOYCXGA.js} +1 -1
- package/dist/cdn/{EHUE3LRE.js → VAZ4NP77.js} +1 -1
- package/dist/cdn/{3EQC43CZ.js → WQYOHQRL.js} +1 -1
- package/dist/cdn/{KCJX3NXP.js → WW6JYPVZ.js} +1 -1
- package/dist/cdn/{HYQF6VVZ.js → WWXU4XIJ.js} +1 -1
- package/dist/cdn/{LUNREPHI.js → XBWLG54C.js} +1 -1
- package/dist/cdn/{4UCMWBBT.js → XLNJUTEL.js} +1 -1
- package/dist/cdn/{GH53PX67.js → XPS2OGFO.js} +1 -1
- package/dist/cdn/{E5L2K4LW.js → XVTULEWV.js} +1 -1
- package/dist/cdn/{3FWTFXU7.js → YE5QUURY.js} +1 -1
- package/dist/cdn/{RFHFROHC.js → YHW7UWCD.js} +1 -1
- package/dist/cdn/{SOP6DF6B.js → YLJIL5KC.js} +1 -1
- package/dist/cdn/{6LHJT5XV.js → YOBKCUIG.js} +1 -1
- package/dist/cdn/{XI7FOAZK.js → YTTXM24I.js} +1 -1
- package/dist/cdn/{WGVW2HML.js → Z655MRG2.js} +1 -1
- package/dist/cdn/{6KU44HAM.js → ZVPWIGSH.js} +1 -1
- package/dist/cdn/{F7WWY2DB.js → ZXXMSGLL.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index2.js +118 -118
- package/dist/chunks/runtime.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import d from"./
|
|
2
|
+
import d from"./WQYOHQRL.js";import c from"./YHW7UWCD.js";import b from"./KI2WMWJD.js";import a from"./RYT6YMPI.js";export default $arcgis.t(([{c:r},f,{c:h},{a:p,b:S,c:l,d:_,e:y,f:d,g:m,h:k,i:M,j:b,k:L,l:u,m:C,n:c,o:x,p:A,q:V,r:v,s:I}])=>{var j=Object.defineProperty,z=Object.getOwnPropertyDescriptor,t=(n,e,i,O)=>{for(var o=z(e,i),a=n.length-1,g;a>=0;a--)(g=n[a])&&(o=g(e,i,o)||o);return o&&j(e,i,o),o},s=class extends f{getSeriesLineStyle(e){return p(e,this._config)}setSeriesLineStyle(e,i){S(e,i,this._config)}getSeriesLineWidth(e){return l(e,this._config)}setSeriesLineWidth(e,i){_(e,i,this._config)}getSeriesMarkerColor(e){return y(e,this._config)}setSeriesMarkerColor(e,i){d(e,i,this._config)}getSeriesMarkerStyle(e){return m(e,this._config)}setSeriesMarkerStyle(e,i){k(e,i,this._config)}getSeriesMarkerSize(e){return M(e,this._config)}setSeriesMarkerSize(e,i){b(e,i,this._config)}isLineSmoothed(e){return L(e,this._config)}setLineSmoothed(e,i){u({smoothed:e,seriesIndex:i,config:this._config})}getConnectLines(e){return v(e,this._config)}setConnectLines(e,i){I({connect:e,seriesIndex:i,config:this._config})}isAreaVisible(e){return C(e,this._config)}setAreaVisible(e,i){c({visible:e,seriesIndex:i,config:this._config})}isMarkerVisible(e){return x(e,this._config)}setMarkerVisible(e,i){A({visible:e,seriesIndex:i,config:this._config})}getAreaColor(e){return V(e,this._config)}setAreaColor(e,i){c({visible:!0,seriesIndex:i,config:this._config}),h(e,i,this._config)}};t([r],s.prototype,"setSeriesLineStyle");t([r],s.prototype,"setSeriesLineWidth");t([r],s.prototype,"setSeriesMarkerColor");t([r],s.prototype,"setSeriesMarkerStyle");t([r],s.prototype,"setSeriesMarkerSize");t([r],s.prototype,"setLineSmoothed");t([r],s.prototype,"setConnectLines");t([r],s.prototype,"setAreaVisible");t([r],s.prototype,"setMarkerVisible");t([r],s.prototype,"setAreaColor");return s},a,b,c,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as u}from"./TJQGGNGV.js";import{a as f}from"./
|
|
2
|
+
import{b as u}from"./TJQGGNGV.js";import{a as f}from"./BDUE7OO2.js";import{i as v}from"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as C,B as i,G as g,g as p,i as h,n as s,y as m,z as d}from"./S6K5AGQR.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var o={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},$=p`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,a=class extends C{constructor(){super(...arguments),this._messages=f(),this.popoverElement=m(),this.selectedSliceId="",this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSlicesPopoverColorChange=s(),this.arcgisChartsConfigSlicesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSliceId:1,placement:1,open:5}}static{this.styles=$}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}sliceNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSlicesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSliceId:this.selectedSliceId})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[l,r,c]=t,n=v*255;this.selectedColor=[l,r,c,n],this.arcgisChartsConfigSlicesPopoverColorChange.emit({color:[l,r,c,n]})}render(){let e=this.selectedColor!==void 0?[...this.selectedColor]:void 0;return h`<div class=${i({[o.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel .heading=${this._messages.sliceStyle} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.sliceNameChange}></calcite-input></calcite-label></div><div class=${i(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};g("arcgis-charts-config-pie-chart-slices-popover",a);export{a as ArcgisChartsConfigPieChartSlicesPopover};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./AXCLCMI5.js";import{a as x}from"./HKPCO4HL.js";import{a as Z}from"./TJQGGNGV.js";import j from"./3TFQRGXT.js";import{a as A}from"./AKQXPPBW.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./4XTLMDXW.js";import g from"./MN73KKNM.js";import"./KGNYAMFB.js";import e from"./3HT3CCOV.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./TA5LVOWS.js";import{wa as P,xa as D}from"./IQAKPU7N.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./KCJX3NXP.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./P4TC6MLD.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:B,rb:I,s:z,tb:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=k`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,L=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H($)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)
|
|
2
|
+
import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./BGHKRJSK.js";import{a as x}from"./4YVPEVKU.js";import{a as Z}from"./TJQGGNGV.js";import j from"./MXRJXS5D.js";import{a as A}from"./BDUE7OO2.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./3FWRNHEK.js";import g from"./75ZDLGOP.js";import"./KGNYAMFB.js";import e from"./3Z5XY3NC.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./TA5LVOWS.js";import{wa as P,xa as D}from"./IQAKPU7N.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./S6K5AGQR.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:B,rb:I,s:z,tb:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=k`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,L=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H($)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./KI2WMWJD.js";import{a as A,b as j}from"./AUECIKS7.js";import e from"./RYT6YMPI.js";import d from"./75ZDLGOP.js";import{c as O,d as T}from"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import{C as G,D as S,F as L,c as m}from"./IQAKPU7N.js";import{f as c}from"./75Y43JLP.js";import{g as _}from"./FIMXZMTB.js";import{j as x}from"./EZM4ZDQI.js";import{a as b}from"./XOB365BI.js";export default $arcgis.t(([{P:C},{c:y,d:v,q:X},{b:l,c:a},B])=>{var V=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},D=(t,e)=>{for(let i of e.axes??[])for(let s of i?.guides??[]){let o=s.label?.text??"";s.label=_(t),s.label!==void 0&&(s.label.text=o)}};function r(t){return{...t,axis:t.orientation===x.X?t.config.axes?.[0]:t.config.axes?.[1],index:t.index??0,orientation:t.orientation??x.Y}}var F=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},I=t=>{let{visible:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].visible=e)},P=t=>{let e=C(t.start,t.end);T(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:O(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},R=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},w=t=>{let{start:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].start=e,P(i.guides[s]))},E=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.end},N=t=>{let{end:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].end=e,P(i.guides[s]))},k=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},q=t=>{let{name:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].name=e)},U=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},W=t=>{let{labelText:e,axis:i,index:s}=r(t),o=i?.guides?.[s]?.label??S(e,G(m.GuideLabel),m.GuideLabel);i?.guides?.[s]!==void 0&&(i.guides[s].label={...o,text:e})},Y=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.above??!1},Z=t=>{let{above:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].above=e)},z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},H=t=>{let{style:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].style=e)},_e=t=>{let{config:e,name:i,index:s,orientation:o}=t,n=o===x.X?e.axes?.[0]:e.axes?.[1];if(n!==void 0){n.guides=n.guides??[];let d={type:b.Guide,name:i,start:n.valueFormat.type===b.DateAxisFormat?"":0,style:L()};s!==void 0&&s<n.guides.length?n.guides.splice(s,0,d):n.guides.push(d)}},Ge=t=>{let{config:e,index:i,orientation:s}=t,o=s===x.X?e.axes?.[0]:e.axes?.[1];o?.guides!==void 0&&(i!==void 0&&i<o.guides.length?o.guides.splice(i,1):o.guides.pop())},J=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},K=t=>{let{reverseColor:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].tooltipReverseColor=e)},Q=Object.defineProperty,$=Object.getOwnPropertyDescriptor,u=(t,e,i,s)=>{for(var o=$(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&Q(e,i,o),o},g=class extends B{get guideLabelsSymbol(){return V(this._config)}set guideLabelsSymbol(e){D(e,this._config)}getGuideVisibility(e,i){return F({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,s){I({visible:e,config:this._config,index:i,orientation:s})}getGuideStart(e,i){return R({config:this._config,index:e,orientation:i})}setGuideStart(e,i,s){w({start:e,config:this._config,index:i,orientation:s})}getGuideEnd(e,i){return E({config:this._config,index:e,orientation:i})}setGuideEnd(e,i,s){N({end:e,config:this._config,index:i,orientation:s})}getGuideName(e,i){return k({config:this._config,index:e,orientation:i})}setGuideName(e,i,s){q({name:e,config:this._config,index:i,orientation:s})}getGuideLabelText(e,i){return U({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,s){W({labelText:e,config:this._config,index:i,orientation:s})}getGuideAbove(e,i){return Y({config:this._config,index:e,orientation:i})}setGuideAbove(e,i,s){Z({above:e,config:this._config,index:i,orientation:s})}getGuideStyle(e,i){return z({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,s){H({style:e,config:this._config,index:i,orientation:s})}getTooltipReverseColor(e,i){return J({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,s){K({reverseColor:e,config:this._config,index:i,orientation:s})}};u([a],g.prototype,"guideLabelsSymbol");u([a],g.prototype,"setGuideVisibility");u([a],g.prototype,"setGuideStart");u([a],g.prototype,"setGuideEnd");u([a],g.prototype,"setGuideName");u([a],g.prototype,"setGuideLabelText");u([a],g.prototype,"setGuideAbove");u([a],g.prototype,"setGuideStyle");u([a],g.prototype,"setTooltipReverseColor");var M=class extends l{get xAxisLabelsVisibility(){return A(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{j(e,0,this._config),this.emitConfigUpdate("xAxisLabelsVisibility")})}},ee=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,te=(t,e,i,s)=>{for(var o=ie(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ee(e,i,o),o},se=t=>y({config:t,axisIndex:0,isMax:!0}),oe=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!0})},f=class extends l{get maxXBound(){return se(this._config)}set maxXBound(e){oe(this._config,e)}};te([a],f.prototype,"maxXBound");var ne=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ae=(t,e,i,s)=>{for(var o=re(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ne(e,i,o),o},de=t=>y({config:t,axisIndex:0,isMax:!1}),ge=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!1})},p=class extends l{get minXBound(){return de(this._config)}set minXBound(e){ge(this._config,e)}};ae([a],p.prototype,"minXBound");var h=class extends l{};X(h,[f,p]);return{a:_e,b:Ge,c:g,d:M,e:h}},a,d,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{k as r,r as s,s as i,v as o}from"./
|
|
2
|
+
import{k as r,r as s,s as i,v as o}from"./S6K5AGQR.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import o from"./G6VW3YDS.js";import n from"./4XTLMDXW.js";import l from"./47WVBVWY.js";import k from"./RHGQZAJA.js";import j from"./MTJ5SVX3.js";import i from"./5I7LPWVQ.js";import e from"./SOP6DF6B.js";import"./AUECIKS7.js";import d from"./FDDIZXKN.js";import c from"./G2OVO7ZF.js";import b from"./MN73KKNM.js";import"./KGNYAMFB.js";import a from"./3HT3CCOV.js";import"./777EBGS5.js";import{d as u}from"./TA5LVOWS.js";import{I as _,L as f,da as S,fa as V,ma as F,o as y}from"./IQAKPU7N.js";import{f as h}from"./75Y43JLP.js";import{g as x}from"./FIMXZMTB.js";import"./KCJX3NXP.js";import{l as I}from"./P4TC6MLD.js";import{e as m,f as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:b,rb:T},{p:N,q:O,r:M},,{c:t},,R,{b:w},{b:$},{a:D,b:U,c:K,d:Y},,{a:L,b:A,c:G,d:k,e:W,f:B,g:z,h:j,i:E,j:v,k:C}])=>{var Z=i=>i.legend?.displayNumericValue??!1,ee=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayNumericValue=i)},ie=i=>i.legend?.displayCategory??!1,se=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayCategory=i)},te=i=>i.legend?.displayPercentage??!1,re=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayPercentage=i)},oe=i=>i.legend?.labelMaxWidth??200,ae=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.labelMaxWidth=i)},ne=i=>i.legend?.valueLabelMaxWidth??200,le=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.valueLabelMaxWidth=i)},ge=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,P=(i,e,s,a)=>{for(var n=ce(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&ge(e,s,n),n},d=class extends D{getDisplayNumericValue(){return Z(this._config)}setDisplayNumericValue(e){ee(e,this._config)}getDisplayPercentage(){return te(this._config)}setDisplayPercentage(e){re(e,this._config)}getLabelMaxWidth(){return oe(this._config)}setLabelMaxWidth(e){ae(e,this._config)}get valueLabelMaxWidth(){return ne(this._config)}set valueLabelMaxWidth(e){le(e,this._config),this.emitConfigUpdate("valueLabelMaxWidth")}get displayCategory(){return ie(this._config)}set displayCategory(e){se(e,this._config),this.emitConfigUpdate("displayCategory")}};P([t],d.prototype,"setDisplayNumericValue");P([t],d.prototype,"setDisplayPercentage");P([t],d.prototype,"setLabelMaxWidth");var pe=[D];O(d,pe);var de=i=>i.series?.[0]?.innerRadius,fe=(i,e)=>{e.series?.[0]&&(e.series[0].innerRadius=i)},he=i=>i.series?.[0]?.dataLabelsCharacterLimit,ue=(i,e)=>{e.series?.[0]&&(e.series[0].dataLabelsCharacterLimit=i)},q=i=>i.series[0]?.startAngle,me=(i,e)=>{e.series?.[0]&&(e.series[0].startAngle=i)},ye=(i,e)=>{e.series?.[0]&&(e.series[0].endAngle=i)},_e=i=>i.series?.[0]?.displayCategoryOnTooltip??!0,Se=i=>i.series?.[0]?.displayCategoryOnDataLabel??!0,be=i=>i.series?.[0]?.displayNumericValueOnDataLabel??!0,Oe=i=>i.series?.[0]?.displayPercentageOnDataLabel??!1,Le=i=>i.series?.[0]?.displayNumericValueOnTooltip??!0,ve=i=>i.series?.[0]?.displayPercentageOnTooltip??!0,Ce=(i,e)=>{e.series[0]&&(e.series[0].displayPercentageOnTooltip=i)},De=i=>i.series?.[0]?.valuePrefix,Pe=(i,e)=>{e.series?.[0]&&(e.series[0].valuePrefix=i)},Ie=i=>i.series?.[0]?.valueSuffix,xe=(i,e)=>{e.series?.[0]&&(e.series[0].valueSuffix=i)},Ve=i=>i.series?.[0]?.percentagePrefix,Fe=(i,e)=>{e.series?.[0]&&(e.series[0].percentagePrefix=i)},Te=i=>i.series?.[0]?.percentageSuffix,Ne=(i,e)=>{e.series?.[0]&&(e.series[0].percentageSuffix=i)},Me=i=>{let e,s=i.series?.[0];return s?.displayNumericValueOnDataLabel===!0&&s?.displayPercentageOnDataLabel===!0?e=g.Both:s?.displayNumericValueOnDataLabel===!0?e=g.Value:e=g.Percentage,e},we=(i,e)=>{let s=i===g.Value||i===g.Both,a=i===g.Percentage||i===g.Both;e.series?.[0]&&(e.series[0].displayNumericValueOnDataLabel=s,e.series[0].displayPercentageOnDataLabel=a),e.legend&&(e.legend={...e.legend,displayNumericValue:s,displayPercentage:a})},Ae=i=>i.series?.[0]?.alignDataLabels??!1,Ge=(i,e)=>{e.series[0]&&(e.series[0].alignDataLabels=i)},ke=i=>i.series?.[0]?.dataLabelsInside??!1,We=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsInside=i)},Be=i=>i.series?.[0]?.dataLabelsOffset??10,ze=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsOffset=i)},je=i=>i.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits,Ee=(i,e)=>{e.series?.[0]&&(e.series[0].numericValueFormat??=_(),e.series[0].numericValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].numericValueFormat.intlOptions.maximumFractionDigits=i,e.series[0].percentValueFormat??=_(),e.series[0].percentValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].percentValueFormat.intlOptions.maximumFractionDigits=i)},Re=i=>i.series?.[0]?.optimizeDataLabelsOverlapping??!1,Ue=(i,e)=>{e.series[0]&&(e.series[0].optimizeDataLabelsOverlapping=i)},Ke=i=>i.series[0]?.ticks?.visible??!1,Ye=(i,e)=>{e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.visible=i)},$e=i=>i.series[0]?.ticks?.lineSymbol,qe=(i,e)=>{i&&e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.lineSymbol=x(i))},He=(i,e)=>e.series?.[0]?.slices?.[i]?.originalLabel,Je=(i,e)=>e.series?.[0]?.slices?.[i]?.label,Qe=(i,e,s)=>{s.series?.[0]?.slices?.[e]&&(s.series[0].slices[e].label=i)},Xe=(i,e)=>e.series?.[0]?.slices?.[i]?.fillSymbol?.color,Ze=(i,e,s)=>{let a=s.series?.[0]?.slices?.[e]?.fillSymbol;a!==void 0?(a.color=i,a.outline!==void 0?a.outline.color=i:a.outline={type:h.SLS,color:i}):s.series?.[0]?.slices?.[e]!==void 0&&(s.series[0].slices[e].fillSymbol={type:h.SFS,color:i,outline:{type:h.SLS,color:i}})},ei=i=>i.series?.[0]?.slices?.map(e=>e.sliceId),H=(i,e)=>{e.series?.[0]?.slices?.sort((s,a)=>i.findIndex(n=>s.sliceId===n)-i.findIndex(n=>a.sliceId===n))},ii=i=>i.series?.[0]?.sliceGrouping,J=(i,e)=>{e.series?.[0]&&(e.series[0].sliceGrouping=i)},Q=i=>i.series?.[0]?.sliceGrouping?.percentageThreshold,si=(i,e)=>{e.series?.[0]?.sliceGrouping!==void 0?e.series[0].sliceGrouping.percentageThreshold=i:e.series[0].sliceGrouping={sliceId:y.defaultGroupOfSlicesId,percentageThreshold:i}},ti=i=>i.series?.[0]?.slices,X=(i,e)=>{e.series?.[0]&&(e.series[0].slices=i)},ri=i=>{X(void 0,i),J({sliceId:y.defaultGroupOfSlicesId,percentageThreshold:Q(i)??0},i)},oi=(i,e)=>e.series[0]?.slices?.[i]?.sliceId,ai=(i,e)=>e.series[0]?.slices?.findIndex(s=>s.sliceId===i),ni=i=>i.series[0]?.slices?.length??0,li=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,o=(i,e,s,a)=>{for(var n=gi(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&li(e,s,n),n},r=class extends R{constructor(){super(...arguments),this._chartType=p.PieSeries,this._mode=m.Category,this._groupedSliceIds=[]}async setup(e){await this.loadConfigFromLayer(e);let{config:s}=e;if(s!==void 0){let a=b(s.series);this._mode=a!==u.PieFromFields?m.Category:m.Fields}typeof this.resolveSetup=="function"&&this.resolveSetup()}get category(){return L(this._config)}set category(e){(!w(this._config)||e.trim()!=="")&&(z({newCategory:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")))}get numericFields(){return G(this._config)}set numericFields(e){typeof e=="string"&&(e=[e]),this.layerInfo===void 0||N(this.layerInfo.layerFieldsInfo,e)?(E({newNumericFields:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))):I("error","pie-chart-model","Invalid `numericFields`")}get aggregationType(){return k(this._config,this._mode)}set aggregationType(e){j({newAggregationType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return A(this._config,this._mode)}setSortOrder(e,s){B({newSortOrderKind:e,config:this._config,orderByList:s})}get orderByList(){return v(this._config,this._mode)}set orderByList(e){C({values:e,config:this._config,mode:this._mode})}get mode(){return this._mode}set mode(e){this._mode=e}async getCustomSortValues(){let e=L(this._config),s=b(this._config.series),a=[];return s===u.PieFromFields?a=this.numericFields:e.trim()!==""&&s===u.PieFromCategory&&(a=await M({category:e,config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})),a}moveCustomSortValuesInOrderByList(e,s){let a=v(this._config,this._mode),[n]=a.splice(e,1);a.splice(s,0,n),C({values:a,config:this._config,mode:this._mode})}get ticksSymbol(){return $e(this._config)}set ticksSymbol(e){qe(e,this._config)}get slices(){return ti(this._config)}set slices(e){X(e,this._config)}get groupedSliceIds(){return this._groupedSliceIds}set groupedSliceIds(e){this._groupedSliceIds=e}get sliceGrouping(){return ii(this._config)}set sliceGrouping(e){J(e,this._config)}get innerRadiusSize(){return de(this._config)??0}set innerRadiusSize(e){fe(e,this._config)}get groupingThreshold(){return Q(this._config)??0}set groupingThreshold(e){si(e,this._config)}get labelCharacterLimit(){return he(this._config)??null}set labelCharacterLimit(e){ue(e,this._config)}get decimalPlaces(){return je(this._config)??1}set decimalPlaces(e){Ee(e,this._config)}get displayType(){return Me(this._config)}set displayType(e){we(e,this._config)}generateDefaultConfig(){let e=F(this.commonStrings);return e.series=[V(this.commonStrings,T(this.layerInfo.layer).idField)],e}getOriginalSliceName(e){return He(e,this._config)}getSliceName(e){return Je(e,this._config)}setSliceName(e,s){Qe(e,s,this._config)}getSliceColor(e){return Xe(e,this._config)}setSliceColor(e,s){Ze(e,s,this._config)}get orderOfSlices(){return ei(this._config)}set orderOfSlices(e){e!==void 0&&H(e,this._config)}moveSeries(e,s){let a=this.orderOfSlices;if(a!==void 0){let[n]=a.splice(e,1);a.splice(s,0,n),H(a,this._config)}}getSliceId(e){return oi(e,this._config)}getSliceIndex(e){return ai(e,this._config)}getSlicesLength(){return ni(this._config)}resetSlices(){ri(this._config)}resetAvailable(){let e=!this.colorMatch,s=!1,a=this.slices?.length??0;for(let n=0;n<a;n+=1){let l=this.getOriginalSliceName(n),c=this.getSliceName(n);if(l!==void 0&&l?.toString()!==c?.toString()){s=!0;break}}return this.sliceGrouping?.originalLabel!==void 0&&this.sliceGrouping?.label!==this.sliceGrouping.originalLabel&&(s=!0),e||s}get ticksVisibility(){return Ke(this._config)}set ticksVisibility(e){Ye(e,this._config)}get startAngle(){return q(this._config)}set startAngle(e){me(e,this._config)}get endAngle(){return q(this._config)}set endAngle(e){ye(e,this._config)}get displayCategoryOnDataLabel(){return Se(this._config)}set displayCategoryOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayCategoryOnDataLabel=e,this.emitConfigUpdate("displayCategoryOnDataLabel")})}get displayCategoryValueOnTooltip(){return _e(this._config)}set displayCategoryValueOnTooltip(e){this._config.series[0].displayCategoryOnTooltip=e}get displayNumericValueOnDataLabel(){return be(this._config)}set displayNumericValueOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayNumericValueOnDataLabel=e,this.emitConfigUpdate("displayNumericValueOnDataLabel")})}get displayPercentageOnDataLabel(){return Oe(this._config)}set displayPercentageOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayPercentageOnDataLabel=e,this.emitConfigUpdate("displayPercentageOnDataLabel")})}get displayNumericValueOnTooltip(){return Le(this._config)}set displayNumericValueOnTooltip(e){this._config.series[0].displayNumericValueOnTooltip=e}get displayPercentageOnTooltip(){return ve(this._config)}set displayPercentageOnTooltip(e){Ce(e,this._config)}get valuePrefix(){return De(this._config)}set valuePrefix(e){Pe(e,this._config)}get valueSuffix(){return Ie(this._config)}set valueSuffix(e){xe(e,this._config)}get percentagePrefix(){return Ve(this._config)}set percentagePrefix(e){Fe(e,this._config)}get percentageSuffix(){return Te(this._config)}set percentageSuffix(e){Ne(e,this._config)}get dataLabelsOffset(){return Be(this._config)}set dataLabelsOffset(e){ze(e,this._config)}get alignDataLabels(){return Ae(this._config)}set alignDataLabels(e){Ge(e,this._config)}get dataLabelsInside(){return ke(this._config)}set dataLabelsInside(e){We(e,this._config)}get optimizeDataLabelsOverlapping(){return Re(this._config)}set optimizeDataLabelsOverlapping(e){Ue(e,this._config)}generateChartTitle(){return W({config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode})}};o([t],r.prototype,"category");o([t],r.prototype,"numericFields");o([t],r.prototype,"aggregationType");o([t],r.prototype,"setSortOrder");o([t],r.prototype,"orderByList");o([t],r.prototype,"mode");o([t],r.prototype,"moveCustomSortValuesInOrderByList");o([t],r.prototype,"ticksSymbol");o([t],r.prototype,"slices");o([t],r.prototype,"groupedSliceIds");o([t],r.prototype,"sliceGrouping");o([t],r.prototype,"innerRadiusSize");o([t],r.prototype,"groupingThreshold");o([t],r.prototype,"labelCharacterLimit");o([t],r.prototype,"decimalPlaces");o([t],r.prototype,"displayType");o([t],r.prototype,"setSliceName");o([t],r.prototype,"setSliceColor");o([t],r.prototype,"orderOfSlices");o([t],r.prototype,"moveSeries");o([t],r.prototype,"resetSlices");o([t],r.prototype,"ticksVisibility");o([t],r.prototype,"startAngle");o([t],r.prototype,"endAngle");o([t],r.prototype,"displayCategoryValueOnTooltip");o([t],r.prototype,"displayNumericValueOnTooltip");o([t],r.prototype,"displayPercentageOnTooltip");o([t],r.prototype,"valuePrefix");o([t],r.prototype,"valueSuffix");o([t],r.prototype,"percentagePrefix");o([t],r.prototype,"percentageSuffix");o([t],r.prototype,"dataLabelsOffset");o([t],r.prototype,"alignDataLabels");o([t],r.prototype,"dataLabelsInside");o([t],r.prototype,"optimizeDataLabelsOverlapping");var ci=[d,U,K,Y,$];O(r,ci);return r},a,b,c,d,e,i,j,k,l,n,o)
|
|
2
|
+
import o from"./MGICVJAT.js";import n from"./3FWRNHEK.js";import l from"./QHDEQZO2.js";import k from"./DEIJ4K64.js";import j from"./3SBGOFC6.js";import i from"./KI2WMWJD.js";import e from"./YLJIL5KC.js";import"./AUECIKS7.js";import d from"./RYT6YMPI.js";import c from"./UWOYCXGA.js";import b from"./75ZDLGOP.js";import"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import"./777EBGS5.js";import{d as u}from"./TA5LVOWS.js";import{I as _,L as f,da as S,fa as V,ma as F,o as y}from"./IQAKPU7N.js";import{f as h}from"./75Y43JLP.js";import{g as x}from"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{l as I}from"./S6K5AGQR.js";import{e as m,f as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{T:b,rb:T},{p:N,q:O,r:M},,{c:t},,R,{b:w},{b:$},{a:D,b:U,c:K,d:Y},,{a:L,b:A,c:G,d:k,e:W,f:B,g:z,h:j,i:E,j:v,k:C}])=>{var Z=i=>i.legend?.displayNumericValue??!1,ee=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayNumericValue=i)},ie=i=>i.legend?.displayCategory??!1,se=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayCategory=i)},te=i=>i.legend?.displayPercentage??!1,re=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayPercentage=i)},oe=i=>i.legend?.labelMaxWidth??200,ae=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.labelMaxWidth=i)},ne=i=>i.legend?.valueLabelMaxWidth??200,le=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.valueLabelMaxWidth=i)},ge=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,P=(i,e,s,a)=>{for(var n=ce(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&ge(e,s,n),n},d=class extends D{getDisplayNumericValue(){return Z(this._config)}setDisplayNumericValue(e){ee(e,this._config)}getDisplayPercentage(){return te(this._config)}setDisplayPercentage(e){re(e,this._config)}getLabelMaxWidth(){return oe(this._config)}setLabelMaxWidth(e){ae(e,this._config)}get valueLabelMaxWidth(){return ne(this._config)}set valueLabelMaxWidth(e){le(e,this._config),this.emitConfigUpdate("valueLabelMaxWidth")}get displayCategory(){return ie(this._config)}set displayCategory(e){se(e,this._config),this.emitConfigUpdate("displayCategory")}};P([t],d.prototype,"setDisplayNumericValue");P([t],d.prototype,"setDisplayPercentage");P([t],d.prototype,"setLabelMaxWidth");var pe=[D];O(d,pe);var de=i=>i.series?.[0]?.innerRadius,fe=(i,e)=>{e.series?.[0]&&(e.series[0].innerRadius=i)},he=i=>i.series?.[0]?.dataLabelsCharacterLimit,ue=(i,e)=>{e.series?.[0]&&(e.series[0].dataLabelsCharacterLimit=i)},q=i=>i.series[0]?.startAngle,me=(i,e)=>{e.series?.[0]&&(e.series[0].startAngle=i)},ye=(i,e)=>{e.series?.[0]&&(e.series[0].endAngle=i)},_e=i=>i.series?.[0]?.displayCategoryOnTooltip??!0,Se=i=>i.series?.[0]?.displayCategoryOnDataLabel??!0,be=i=>i.series?.[0]?.displayNumericValueOnDataLabel??!0,Oe=i=>i.series?.[0]?.displayPercentageOnDataLabel??!1,Le=i=>i.series?.[0]?.displayNumericValueOnTooltip??!0,ve=i=>i.series?.[0]?.displayPercentageOnTooltip??!0,Ce=(i,e)=>{e.series[0]&&(e.series[0].displayPercentageOnTooltip=i)},De=i=>i.series?.[0]?.valuePrefix,Pe=(i,e)=>{e.series?.[0]&&(e.series[0].valuePrefix=i)},Ie=i=>i.series?.[0]?.valueSuffix,xe=(i,e)=>{e.series?.[0]&&(e.series[0].valueSuffix=i)},Ve=i=>i.series?.[0]?.percentagePrefix,Fe=(i,e)=>{e.series?.[0]&&(e.series[0].percentagePrefix=i)},Te=i=>i.series?.[0]?.percentageSuffix,Ne=(i,e)=>{e.series?.[0]&&(e.series[0].percentageSuffix=i)},Me=i=>{let e,s=i.series?.[0];return s?.displayNumericValueOnDataLabel===!0&&s?.displayPercentageOnDataLabel===!0?e=g.Both:s?.displayNumericValueOnDataLabel===!0?e=g.Value:e=g.Percentage,e},we=(i,e)=>{let s=i===g.Value||i===g.Both,a=i===g.Percentage||i===g.Both;e.series?.[0]&&(e.series[0].displayNumericValueOnDataLabel=s,e.series[0].displayPercentageOnDataLabel=a),e.legend&&(e.legend={...e.legend,displayNumericValue:s,displayPercentage:a})},Ae=i=>i.series?.[0]?.alignDataLabels??!1,Ge=(i,e)=>{e.series[0]&&(e.series[0].alignDataLabels=i)},ke=i=>i.series?.[0]?.dataLabelsInside??!1,We=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsInside=i)},Be=i=>i.series?.[0]?.dataLabelsOffset??10,ze=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsOffset=i)},je=i=>i.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits,Ee=(i,e)=>{e.series?.[0]&&(e.series[0].numericValueFormat??=_(),e.series[0].numericValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].numericValueFormat.intlOptions.maximumFractionDigits=i,e.series[0].percentValueFormat??=_(),e.series[0].percentValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].percentValueFormat.intlOptions.maximumFractionDigits=i)},Re=i=>i.series?.[0]?.optimizeDataLabelsOverlapping??!1,Ue=(i,e)=>{e.series[0]&&(e.series[0].optimizeDataLabelsOverlapping=i)},Ke=i=>i.series[0]?.ticks?.visible??!1,Ye=(i,e)=>{e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.visible=i)},$e=i=>i.series[0]?.ticks?.lineSymbol,qe=(i,e)=>{i&&e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.lineSymbol=x(i))},He=(i,e)=>e.series?.[0]?.slices?.[i]?.originalLabel,Je=(i,e)=>e.series?.[0]?.slices?.[i]?.label,Qe=(i,e,s)=>{s.series?.[0]?.slices?.[e]&&(s.series[0].slices[e].label=i)},Xe=(i,e)=>e.series?.[0]?.slices?.[i]?.fillSymbol?.color,Ze=(i,e,s)=>{let a=s.series?.[0]?.slices?.[e]?.fillSymbol;a!==void 0?(a.color=i,a.outline!==void 0?a.outline.color=i:a.outline={type:h.SLS,color:i}):s.series?.[0]?.slices?.[e]!==void 0&&(s.series[0].slices[e].fillSymbol={type:h.SFS,color:i,outline:{type:h.SLS,color:i}})},ei=i=>i.series?.[0]?.slices?.map(e=>e.sliceId),H=(i,e)=>{e.series?.[0]?.slices?.sort((s,a)=>i.findIndex(n=>s.sliceId===n)-i.findIndex(n=>a.sliceId===n))},ii=i=>i.series?.[0]?.sliceGrouping,J=(i,e)=>{e.series?.[0]&&(e.series[0].sliceGrouping=i)},Q=i=>i.series?.[0]?.sliceGrouping?.percentageThreshold,si=(i,e)=>{e.series?.[0]?.sliceGrouping!==void 0?e.series[0].sliceGrouping.percentageThreshold=i:e.series[0].sliceGrouping={sliceId:y.defaultGroupOfSlicesId,percentageThreshold:i}},ti=i=>i.series?.[0]?.slices,X=(i,e)=>{e.series?.[0]&&(e.series[0].slices=i)},ri=i=>{X(void 0,i),J({sliceId:y.defaultGroupOfSlicesId,percentageThreshold:Q(i)??0},i)},oi=(i,e)=>e.series[0]?.slices?.[i]?.sliceId,ai=(i,e)=>e.series[0]?.slices?.findIndex(s=>s.sliceId===i),ni=i=>i.series[0]?.slices?.length??0,li=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,o=(i,e,s,a)=>{for(var n=gi(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&li(e,s,n),n},r=class extends R{constructor(){super(...arguments),this._chartType=p.PieSeries,this._mode=m.Category,this._groupedSliceIds=[]}async setup(e){await this.loadConfigFromLayer(e);let{config:s}=e;if(s!==void 0){let a=b(s.series);this._mode=a!==u.PieFromFields?m.Category:m.Fields}typeof this.resolveSetup=="function"&&this.resolveSetup()}get category(){return L(this._config)}set category(e){(!w(this._config)||e.trim()!=="")&&(z({newCategory:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")))}get numericFields(){return G(this._config)}set numericFields(e){typeof e=="string"&&(e=[e]),this.layerInfo===void 0||N(this.layerInfo.layerFieldsInfo,e)?(E({newNumericFields:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))):I("error","pie-chart-model","Invalid `numericFields`")}get aggregationType(){return k(this._config,this._mode)}set aggregationType(e){j({newAggregationType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return A(this._config,this._mode)}setSortOrder(e,s){B({newSortOrderKind:e,config:this._config,orderByList:s})}get orderByList(){return v(this._config,this._mode)}set orderByList(e){C({values:e,config:this._config,mode:this._mode})}get mode(){return this._mode}set mode(e){this._mode=e}async getCustomSortValues(){let e=L(this._config),s=b(this._config.series),a=[];return s===u.PieFromFields?a=this.numericFields:e.trim()!==""&&s===u.PieFromCategory&&(a=await M({category:e,config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})),a}moveCustomSortValuesInOrderByList(e,s){let a=v(this._config,this._mode),[n]=a.splice(e,1);a.splice(s,0,n),C({values:a,config:this._config,mode:this._mode})}get ticksSymbol(){return $e(this._config)}set ticksSymbol(e){qe(e,this._config)}get slices(){return ti(this._config)}set slices(e){X(e,this._config)}get groupedSliceIds(){return this._groupedSliceIds}set groupedSliceIds(e){this._groupedSliceIds=e}get sliceGrouping(){return ii(this._config)}set sliceGrouping(e){J(e,this._config)}get innerRadiusSize(){return de(this._config)??0}set innerRadiusSize(e){fe(e,this._config)}get groupingThreshold(){return Q(this._config)??0}set groupingThreshold(e){si(e,this._config)}get labelCharacterLimit(){return he(this._config)??null}set labelCharacterLimit(e){ue(e,this._config)}get decimalPlaces(){return je(this._config)??1}set decimalPlaces(e){Ee(e,this._config)}get displayType(){return Me(this._config)}set displayType(e){we(e,this._config)}generateDefaultConfig(){let e=F(this.commonStrings);return e.series=[V(this.commonStrings,T(this.layerInfo.layer).idField)],e}getOriginalSliceName(e){return He(e,this._config)}getSliceName(e){return Je(e,this._config)}setSliceName(e,s){Qe(e,s,this._config)}getSliceColor(e){return Xe(e,this._config)}setSliceColor(e,s){Ze(e,s,this._config)}get orderOfSlices(){return ei(this._config)}set orderOfSlices(e){e!==void 0&&H(e,this._config)}moveSeries(e,s){let a=this.orderOfSlices;if(a!==void 0){let[n]=a.splice(e,1);a.splice(s,0,n),H(a,this._config)}}getSliceId(e){return oi(e,this._config)}getSliceIndex(e){return ai(e,this._config)}getSlicesLength(){return ni(this._config)}resetSlices(){ri(this._config)}resetAvailable(){let e=!this.colorMatch,s=!1,a=this.slices?.length??0;for(let n=0;n<a;n+=1){let l=this.getOriginalSliceName(n),c=this.getSliceName(n);if(l!==void 0&&l?.toString()!==c?.toString()){s=!0;break}}return this.sliceGrouping?.originalLabel!==void 0&&this.sliceGrouping?.label!==this.sliceGrouping.originalLabel&&(s=!0),e||s}get ticksVisibility(){return Ke(this._config)}set ticksVisibility(e){Ye(e,this._config)}get startAngle(){return q(this._config)}set startAngle(e){me(e,this._config)}get endAngle(){return q(this._config)}set endAngle(e){ye(e,this._config)}get displayCategoryOnDataLabel(){return Se(this._config)}set displayCategoryOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayCategoryOnDataLabel=e,this.emitConfigUpdate("displayCategoryOnDataLabel")})}get displayCategoryValueOnTooltip(){return _e(this._config)}set displayCategoryValueOnTooltip(e){this._config.series[0].displayCategoryOnTooltip=e}get displayNumericValueOnDataLabel(){return be(this._config)}set displayNumericValueOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayNumericValueOnDataLabel=e,this.emitConfigUpdate("displayNumericValueOnDataLabel")})}get displayPercentageOnDataLabel(){return Oe(this._config)}set displayPercentageOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayPercentageOnDataLabel=e,this.emitConfigUpdate("displayPercentageOnDataLabel")})}get displayNumericValueOnTooltip(){return Le(this._config)}set displayNumericValueOnTooltip(e){this._config.series[0].displayNumericValueOnTooltip=e}get displayPercentageOnTooltip(){return ve(this._config)}set displayPercentageOnTooltip(e){Ce(e,this._config)}get valuePrefix(){return De(this._config)}set valuePrefix(e){Pe(e,this._config)}get valueSuffix(){return Ie(this._config)}set valueSuffix(e){xe(e,this._config)}get percentagePrefix(){return Ve(this._config)}set percentagePrefix(e){Fe(e,this._config)}get percentageSuffix(){return Te(this._config)}set percentageSuffix(e){Ne(e,this._config)}get dataLabelsOffset(){return Be(this._config)}set dataLabelsOffset(e){ze(e,this._config)}get alignDataLabels(){return Ae(this._config)}set alignDataLabels(e){Ge(e,this._config)}get dataLabelsInside(){return ke(this._config)}set dataLabelsInside(e){We(e,this._config)}get optimizeDataLabelsOverlapping(){return Re(this._config)}set optimizeDataLabelsOverlapping(e){Ue(e,this._config)}generateChartTitle(){return W({config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode})}};o([t],r.prototype,"category");o([t],r.prototype,"numericFields");o([t],r.prototype,"aggregationType");o([t],r.prototype,"setSortOrder");o([t],r.prototype,"orderByList");o([t],r.prototype,"mode");o([t],r.prototype,"moveCustomSortValuesInOrderByList");o([t],r.prototype,"ticksSymbol");o([t],r.prototype,"slices");o([t],r.prototype,"groupedSliceIds");o([t],r.prototype,"sliceGrouping");o([t],r.prototype,"innerRadiusSize");o([t],r.prototype,"groupingThreshold");o([t],r.prototype,"labelCharacterLimit");o([t],r.prototype,"decimalPlaces");o([t],r.prototype,"displayType");o([t],r.prototype,"setSliceName");o([t],r.prototype,"setSliceColor");o([t],r.prototype,"orderOfSlices");o([t],r.prototype,"moveSeries");o([t],r.prototype,"resetSlices");o([t],r.prototype,"ticksVisibility");o([t],r.prototype,"startAngle");o([t],r.prototype,"endAngle");o([t],r.prototype,"displayCategoryValueOnTooltip");o([t],r.prototype,"displayNumericValueOnTooltip");o([t],r.prototype,"displayPercentageOnTooltip");o([t],r.prototype,"valuePrefix");o([t],r.prototype,"valueSuffix");o([t],r.prototype,"percentagePrefix");o([t],r.prototype,"percentageSuffix");o([t],r.prototype,"dataLabelsOffset");o([t],r.prototype,"alignDataLabels");o([t],r.prototype,"dataLabelsInside");o([t],r.prototype,"optimizeDataLabelsOverlapping");var ci=[d,U,K,Y,$];O(r,ci);return r},a,b,c,d,e,i,j,k,l,n,o)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as g}from"./TJQGGNGV.js";import{a as d}from"./
|
|
2
|
+
import{b as g}from"./TJQGGNGV.js";import{a as d}from"./BDUE7OO2.js";import{d as m}from"./777EBGS5.js";import"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as h,B as s,G as p,g as o,i as a,n as i,y as r,z as n}from"./S6K5AGQR.js";import{k as e}from"./EZM4ZDQI.js";import"./QPIMTXPL.js";var c={selectChartComponent:"select-chart-component",jsAppFlyout:"js-app-flyout",panel:"panel"},C=o`.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`,l=class extends h{constructor(){super(...arguments),this._messages=d(),this.selectChartTypePopover=r(),this.open=!1,this.arcgisChartsConfigPopoverClose=i(),this.arcgisChartsConfigSelectChartTypeChange=i()}static{this.properties={messageOverrides:0,headerTitle:1,layerId:1,layerType:1,isRasterBarChartSupported:5,open:5,referenceElement:0,popoverPlacement:1,selectedModelType:1}}static{this.styles=C}async reposition(){await this.selectChartTypePopover.value?.reposition()}updated(){g(this.selectChartTypePopover.value,this.open)}buildRasterChartTypesList(){let t=this.isRasterBarChartSupported===!0;return a`<calcite-list label @click=${this.onChartTypeClick}>${t?a`<calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType===e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item>`:null}<calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType===e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType===e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item></calcite-list>`}buildChartTypesList(){let t;return m(this.layerType)?t=this.buildRasterChartTypesList():t=a`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType===e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType===e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType===e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType===e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType===e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType===e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.calendarHeatChart} .value=${e.HeatChart} .selected=${this.selectedModelType===e.HeatChart}><calcite-icon slot=content-start icon=calendar-heat-chart></calcite-icon></calcite-list-item></calcite-list>`,t}onChartTypeClick(t){t.target?.localName==="calcite-list-item"?this.selectedModelType=t.target?.value:this.selectedModelType=t.target?.parentNode?.value,this.arcgisChartsConfigSelectChartTypeChange.emit()}popoverOpen(){setTimeout(()=>{this.selectChartTypePopover.value?.setFocus()},250)}popoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit(),setTimeout(()=>{this.referenceElement?.setFocus()},250)}render(){return a`<div class=${s({[c.selectChartComponent]:!0,[c.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top","bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${n(this.selectChartTypePopover)}><calcite-panel class=${s(c.panel)} .heading=${this.headerTitle??this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-select-chart-type-popover",l);export{l as ArcgisChartsConfigSelectChartTypePopover};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./HKPCO4HL.js";import{a as ee}from"./TJQGGNGV.js";import d from"./3TFQRGXT.js";import{a as j}from"./AKQXPPBW.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./MN73KKNM.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./3HT3CCOV.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import{F as Z}from"./IQAKPU7N.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./KCJX3NXP.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./P4TC6MLD.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{P:p,Pb:O,Qb:P,Rb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},a,b,d)
|
|
2
|
+
import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./4YVPEVKU.js";import{a as ee}from"./TJQGGNGV.js";import d from"./MXRJXS5D.js";import{a as j}from"./BDUE7OO2.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./75ZDLGOP.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import{F as Z}from"./IQAKPU7N.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./S6K5AGQR.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{P:p,Pb:O,Qb:P,Rb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a}from"./QVD6LHQ2.js";import{E as u,x as f}from"./TA5LVOWS.js";import{t as g,u as m,v as p,w as n}from"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import{A as c,B as s,C as e,G as h,g as d,i as r}from"./
|
|
2
|
+
import{a}from"./QVD6LHQ2.js";import{E as u,x as f}from"./TA5LVOWS.js";import{t as g,u as m,v as p,w as n}from"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import{A as c,B as s,C as e,G as h,g as d,i as r}from"./S6K5AGQR.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var x=d`.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:block;width:auto;height:auto;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.info-modal-container{box-sizing:border-box;width:-webkit-fill-available;height:100%;display:grid;position:absolute;place-items:center;align-content:center;justify-content:center;padding:1rem;text-align:start}.info-modal-container h3.heading-true{display:flex;margin-bottom:auto;background:#0000000d;height:30px;padding:.5rem;justify-self:stretch;text-align:start;align-items:center}.info-modal-container h3.heading-false{background:#0000000d;margin-bottom:auto;text-align:start}.info-modal-container p{justify-self:stretch;text-align:start}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`,l=class extends c{constructor(){super(...arguments),this.message="",this.heading="",this.showLoader=!1}static{this.properties={message:1,heading:1,showLoader:5,loaderColors:0,calciteThemeColors:0}}static{this.styles=x}render(){let o=null,t=this.loaderColors?.curtainColor??this.calciteThemeColors?.backgroundColor??g,b=this.loaderColors?.spinnerColor??this.calciteThemeColors?.spinnerColor??m,i;return this.loaderColors?.curtainColor?i=u({r:t[0],g:t[1],b:t[2],a:t[3]/255})?n:p:i=this.calciteThemeColors?.textColor??n,this.showLoader?o=r`<div class=${s(a.ChartLoaderOverlay)} style=${e({background:`rgb(${t.toString()})`,"--calcite-loader-progress-color":`rgb(${b.toString()})`})}><calcite-loader scale=s label=Loading></calcite-loader></div>`:this.message!==void 0?o=r`<div class=${s(a.InfoModalContainer)} style=${e({background:`rgb(${t.toString()})`})}><h3 class=${s(this.heading!==void 0?"heading-true":"heading-false")} style=${e({color:`rgb(${i.toString()})`})}>${this.heading}</h3><p style=${e({color:`rgb(${i.toString()})`})} .innerHTML=${f(this.message)??""}></p></div>`:o=r`<div class=${`${a.InfoModalContainer} ${a.Hide}`}></div>`,o}};h("arcgis-charts-info-modal",l);export{l as ArcgisChartsInfoModal};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{d as t}from"./MZ2UZAFW.js";import{g as m}from"./KGNYAMFB.js";import a from"./
|
|
2
|
+
import{d as t}from"./MZ2UZAFW.js";import{g as m}from"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import"./IQAKPU7N.js";import"./75Y43JLP.js";import{l}from"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as h,G as c,g as n,i}from"./S6K5AGQR.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{nb:d,pb:g}])=>{var p=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,r=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let o=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(o)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,popoverPlacement:1,seriesColor:0,page:1,calculatedMinMaxBounds:0,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=p}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let o=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!l(e.get("layer"),this.layer)&&(o=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(o=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(o=!0),o&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,o){o?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((o,s)=>{let a;o&&("fillSymbol"in o?a=o.fillSymbol?.color:"lineSymbol"in o&&(a=o.lineSymbol.color)),e?.get(0)!==void 0&&a!==void 0&&!l(this.model.getSeriesColor(s),a)&&this.model.setSeriesColor(a,s)})}async updateDataFilters(){let e=this.model.getDataFilters(),o=e?.where,s=this.layer?.definitionExpression??void 0;l(o,s)||await this.model.setDataFilters({...e,where:s??void 0})}async updateFetchLayerFieldsInfo(e){let o=e??this.model.config,s=this.layer;if(!s){let a=m(o)?o.iLayer:void 0;a&&(s=await d(a))}s&&(await s.load(),this.layerFieldsInfo=g(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case t.Data:e=i`<arcgis-charts-config-box-plot-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-box-plot-data>`;break;case t.Series:e=i`<arcgis-charts-config-box-plot-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-box-plot-series>`;break;case t.Axes:e=i`<arcgis-charts-config-axes .model=${this.model} show-min-y-bound-option show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:e=i`<arcgis-charts-config-guides .model=${this.model} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case t.Format:e=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:e=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};c("arcgis-charts-config-box-plot",r);return r},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as m,c as D}from"./7BDNLABD.js";import{a as P}from"./TJQGGNGV.js";import e from"./3TFQRGXT.js";import{a as I}from"./AKQXPPBW.js";import{j as o,n as h}from"./MZ2UZAFW.js";import c from"./MN73KKNM.js";import"./KGNYAMFB.js";import a from"./3HT3CCOV.js";import{e as E}from"./777EBGS5.js";import{n as b}from"./TA5LVOWS.js";import{i as _,z as x,za as V}from"./IQAKPU7N.js";import{f as C}from"./75Y43JLP.js";import{c as z,g as w,k as M}from"./FIMXZMTB.js";import"./KCJX3NXP.js";import{A,B as i,C as v,E as L,G as k,g as T,i as n,n as $,y as d,z as r}from"./P4TC6MLD.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as S}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends A{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=L(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};k("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|
|
2
|
+
import{a as m,c as D}from"./7BDNLABD.js";import{a as P}from"./TJQGGNGV.js";import e from"./MXRJXS5D.js";import{a as I}from"./BDUE7OO2.js";import{j as o,n as h}from"./MZ2UZAFW.js";import c from"./75ZDLGOP.js";import"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import{e as E}from"./777EBGS5.js";import{n as b}from"./TA5LVOWS.js";import{i as _,z as x,za as V}from"./IQAKPU7N.js";import{f as C}from"./75Y43JLP.js";import{c as z,g as w,k as M}from"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A,B as i,C as v,E as L,G as k,g as T,i as n,n as $,y as d,z as r}from"./S6K5AGQR.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as S}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends A{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=L(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};k("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./EG5XV532.js";import{a as f}from"./BGHKRJSK.js";import{a as v}from"./4YVPEVKU.js";import{a as u}from"./TJQGGNGV.js";import{a as g}from"./BDUE7OO2.js";import b from"./75ZDLGOP.js";import"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./WW6JYPVZ.js";import{A as m,B as o,E as p,G as C,g as d,i as r,n as s}from"./S6K5AGQR.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:w}])=>{var n={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},$=d`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],c=a?.[i],h=a?.[t];c&&h&&(a.splice(i,1),a.splice(t,0,c)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=s(),this.arcgisChartsConfigViewChartAddChart=s(),this.arcgisChartsConfigViewChartDelete=s(),this.arcgisChartsConfigViewChartEdit=s(),this.arcgisChartsConfigViewChartSelect=s()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=$}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildChartList(){let e=this.modelList?f(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,c=t.titleText,h=w(t.config);return r`<calcite-list-item .label=${c??a??this._messages.chartTitle} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} class=${o(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${R=>R.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${o(n.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${v(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${o(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=p(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=u(this.chartRenamePopover))}render(){return r`<div class=${o(n.viewChartComponent)}>${this.buildChartList()}</div>`}};C("arcgis-charts-config-view-charts",l);return l},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{q as U}from"./KGNYAMFB.js";import a from"./
|
|
2
|
+
import{q as U}from"./KGNYAMFB.js";import a from"./3Z5XY3NC.js";import{e as v}from"./777EBGS5.js";import{C as $,j as k,n as b,r as M}from"./TA5LVOWS.js";import{C as j,E as B,G as C,W as T,c as q,wa as V}from"./IQAKPU7N.js";import{a as w}from"./43P4WOC4.js";import{a as g,b as y,f as L,h as A}from"./XOB365BI.js";export default $arcgis.t(([{substitute:D},{Hb:S,R:E,ac:O,fb:I,rb:N,yb:P,zb:h}])=>{function ie(i,e,a){let t=i?.axes?.[e];t?.title!==void 0?t.title.content.text=a:t!==void 0&&(t.title=B({text:a,visible:!0,font:j(q.AxisTitle)}))}function re(i){let{config:e,layerInfo:a,commonStrings:t,numericFields:r,aggregationType:s}=i,o="";if(e)if(k(e)===L.Stacked100)o=t.utilsStrings.statistics.percent;else{let n=V(s,t);if(e.series[0]?.type===g.HeatSeries)o=b(a.layerFieldsInfo,e.series[0].y);else if(r.length===1){let u=b(a.layerFieldsInfo,r[0]),f=N(a.layer).idField;s===y.NoAggregation?o=u:s===y.Count&&f!==void 0&&r[0]===f?o=t.utilsStrings.statistics.count:o=D(t.axisLabels.aggregationOfFieldName,{aggregation:n,fieldName:u})}else r.length>1&&(s===y.NoAggregation?o=t.axisLabels.values:o=D(t.axisLabels.aggregationOfValues,{aggregation:n}))}return o}var G=(i,e,a)=>i.axes?.[e]??T(a,i.type)[e],Q=i=>{let{config:e,axis:a,axisIndex:t}=i;e.axes!==void 0&&(e.axes[t]=a)},se=i=>{let{config:e,axisIndex:a,isMax:t}=i,r=Number.NaN;return t?r=e.axes?.[a]?.maximum:r=e.axes?.[a]?.minimum,r??Number.NaN},H=i=>{let{config:e,value:a,axisIndex:t,isMax:r}=i,s=e?.axes?.[t];s!==void 0&&(r?s.maximum=a:s.minimum=a)},oe=i=>i.axes?.[0]?.valueFormat??C(),ne=(i,e,a)=>{let t=G(i,0,e);if(t!==void 0&&a!==void 0){let r={...t,valueFormat:a};Q({config:i,axis:r,axisIndex:0})}},le=(i,e,a)=>{let t=i.axes?.[e];t!==void 0&&(t.integerOnlyValues=a)},W=i=>{let e=w(i.series);return e===g.BarSeries||e===g.ComboLineAndBarSeries||e===g.LineSeries},X=i=>{let{axisIndex:e,config:a,isMultiAxis:t}=i,r=!1;return e===0||e===1&&t?r=!0:e===2&&(r=W(a)),r},ce=i=>{let{axisIndex:e,func:a,config:t}=i;return X({axisIndex:e,config:t,isMultiAxis:!0})?a(e):void 0},K=(i,e)=>{let a,t=e.axes?.[i]?.valueFormat;return(i===0||i>=1&&U(t))&&(a=t),a},ge=i=>{let{config:e,commonStrings:a,valueFormat:t,axisIndex:r=0}=i,s=G(e,r,a);if(s!==void 0&&t!==void 0){let o={...s,valueFormat:t};Q({config:e,axis:o,axisIndex:r})}},ue=(i,e)=>i.axes?.[e]?.isLogarithmic??!1,fe=i=>{let{config:e,isLogarithmic:a,axisIndex:t}=i,r=e.axes?.[t];r&&(r.isLogarithmic=a,H({config:e,value:null,axisIndex:t,isMax:!0}),H({config:e,value:null,axisIndex:t,isMax:!1}))},de=i=>{let{config:e,scrollbar:a,axisIndex:t}=i;e.axes?.[t]!==void 0&&(e.axes[t].scrollbar=a)};async function xe(i){let{config:e,layer:a,xAxisField:t,splitByField:r,layerFieldsInfo:s,aggregationFields:o,fetchNullValues:n,errorStrings:u}=i,f=s.filter(F=>F.name===r)[0]?.type,d=n!==!0?`${r} IS NOT NULL`:"",x=t&&n!==!0?`${t} IS NOT NULL`:"",{where:l}=e?.dataFilters??{},R={where:S([l,d,x]),orderByFields:M(r)?[]:[`${r} ${A.Ascending}`],geometry:e?.dataFilters?.geometry},p="";o?.length===0?p=N(a).idField:o&&([p]=o);let m=a?v(a)?await I({layer:a,category:e?.series[0].x??"",splitByField:r}):await O({queryObject:a,category:e?.series[0].x??"",splitByField:r,queryConfig:R,errorStrings:u}):[];if(m=m.slice(0,500),e){let F=e?.series.map(c=>E({where:c.query?.where})?.toString()??"").filter(c=>c!==void 0&&c!=="");m=$({arrayA:m,arrayB:F,getKey:c=>c===null?null:c?.toString()})}return{categoriesArray:m,splitByFieldType:f,numericalField:p}}function me(i,e){let a=e==="";for(let t of i)if(e===t.name){a=!0;break}return a}function ye(i,e){let a=P(i),t=e.length===0,r=0;for(let s of e){for(let o of a)if(s===o&&(r+=1),r===e.length){t=!0;break}if(t)break}return t}function pe(i,e){e.forEach(a=>{Object.getOwnPropertyNames(a.prototype).forEach(t=>{Object.defineProperty(i.prototype,t,Object.getOwnPropertyDescriptor(a.prototype,t)||Object.create(null))})})}async function Fe(i){let{layerInfo:e,config:a,category:t,errorStrings:r}=i,{layer:s}=e,{where:o}=a?.dataFilters??{},{fetchNullValues:n}=a?.series?.[0]?.query??{},u=n!==!0?`${t} IS NOT NULL`:"",f={where:S([o,u]),orderByFields:[],geometry:a?.dataFilters?.geometry},d;return v(s)?d=(await I({layer:s,category:t,fetchNullValues:n})).map(x=>{let l=String(x);return h({queryObject:e.layer,fieldName:t,fieldValue:l})??l}):d=(await O({queryObject:s,category:t,queryConfig:f,errorStrings:r})).map(x=>{let l=String(x);return h({queryObject:e.layer,fieldName:t,fieldValue:l})??l}),d}function be(i){return i!==void 0&&K(0,i)?.type===g.CategoryAxisFormat&&K(1,i)?.type===g.CategoryAxisFormat}return{a:ie,b:re,c:se,d:H,e:oe,f:ne,g:le,h:ce,i:K,j:ge,k:ue,l:fe,m:de,n:xe,o:me,p:ye,q:pe,r:Fe,s:be}},"intl",a)
|