@arcgis/charts-components 5.2.0-next.104 → 5.2.0-next.106
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/{FHSOGQIM.js → 2BGHBNJR.js} +1 -1
- package/dist/cdn/2DW7DIXF.js +2 -0
- package/dist/cdn/{GW3DBKAB.js → 2LB76NS6.js} +4 -4
- package/dist/cdn/{WP4MTZZ4.js → 4INX2G3Q.js} +1 -1
- package/dist/cdn/4MUAQ5B5.js +2 -0
- package/dist/cdn/{RODCWBRR.js → 4OGNJHCC.js} +1 -1
- package/dist/cdn/56WSP7OU.js +2 -0
- package/dist/cdn/{NUPNG565.js → 5AG5HEJZ.js} +1 -1
- package/dist/cdn/{MA2W3LRP.js → 5XWDINLX.js} +1 -1
- package/dist/cdn/62QMWHS5.js +2 -0
- package/dist/cdn/6QSUWRYL.js +2 -0
- package/dist/cdn/{CUFMJAOH.js → 7WA5HGTF.js} +1 -1
- package/dist/cdn/{TLXWSOHC.js → AGBAER7I.js} +1 -1
- package/dist/cdn/{DIA75CKV.js → C5RPVPL3.js} +1 -1
- package/dist/cdn/DJSBCERV.js +2 -0
- package/dist/cdn/{BQIVBJC6.js → DPW6WDUS.js} +1 -1
- package/dist/cdn/{UUVUD77I.js → E2GZPXA7.js} +1 -1
- package/dist/cdn/{PKOUMDEH.js → EFLW5TIU.js} +1 -1
- package/dist/cdn/EGACYY5M.js +2 -0
- package/dist/cdn/EJD6DN4F.js +2 -0
- package/dist/cdn/{NVWUW2QZ.js → F2GL6TNL.js} +1 -1
- package/dist/cdn/{A32OUH5N.js → FY2QCHZI.js} +1 -1
- package/dist/cdn/{JIFGUAST.js → G5MSOPGH.js} +1 -1
- package/dist/cdn/{YNSSLWJT.js → GI7GNXRE.js} +1 -1
- package/dist/cdn/HE7XU44N.js +2 -0
- package/dist/cdn/{6IX32XNU.js → HJD7UOQ5.js} +1 -1
- package/dist/cdn/HLQ2CNM3.js +2 -0
- package/dist/cdn/{P72U7INS.js → HT5BW23V.js} +1 -1
- package/dist/cdn/{GTBMCBRY.js → JTZ3RZ4S.js} +1 -1
- package/dist/cdn/{O4PD2PGE.js → JWQRYKTY.js} +1 -1
- package/dist/cdn/{MJPN22Y4.js → JY6LCMBR.js} +1 -1
- package/dist/cdn/{ADHDTBG4.js → KMXRCG6Z.js} +1 -1
- package/dist/cdn/KRCT56OY.js +2 -0
- package/dist/cdn/{RCRWMQ26.js → KZBGGWMD.js} +1 -1
- package/dist/cdn/{6I4QCKNB.js → L4FZSJ6R.js} +1 -1
- package/dist/cdn/{2D4RIU3R.js → LTWZDHJW.js} +1 -1
- package/dist/cdn/MA3MMSOX.js +2 -0
- package/dist/cdn/MNXVSHZ7.js +2 -0
- package/dist/cdn/MQXTDYOZ.js +2 -0
- package/dist/cdn/{AR42YXOQ.js → OIJ2CF62.js} +1 -1
- package/dist/cdn/{5E4DFHD2.js → OVEDTDHX.js} +1 -1
- package/dist/cdn/OYFD6FQQ.js +2 -0
- package/dist/cdn/P4N6FLFI.js +2 -0
- package/dist/cdn/P5KPN2M7.js +2 -0
- package/dist/cdn/QAKREKNC.js +2 -0
- package/dist/cdn/{I2N7DZC6.js → QEG6Y27C.js} +1 -1
- package/dist/cdn/QJ5B6PUR.js +2 -0
- package/dist/cdn/RHN3QMSR.js +2 -0
- package/dist/cdn/{R6QBA2OM.js → TGPO6WYY.js} +1 -1
- package/dist/cdn/{KJRFPLJU.js → TIG4E3EM.js} +1 -1
- package/dist/cdn/U3BNFQQK.js +2 -0
- package/dist/cdn/{ZFDAOSJJ.js → UFFXRD7K.js} +1 -1
- package/dist/cdn/{2E6PIVZ3.js → UJDDDBXM.js} +1 -1
- package/dist/cdn/{4AV26VPX.js → V6OKA45H.js} +1 -1
- package/dist/cdn/VMVEEBUO.js +2 -0
- package/dist/cdn/{TFISDVHR.js → W4G4IP5B.js} +1 -1
- package/dist/cdn/{HFIBFLMU.js → WRISK5ZQ.js} +1 -1
- package/dist/cdn/{N66TGPHC.js → XCMVEVEM.js} +1 -1
- package/dist/cdn/XN5TYGE4.js +2 -0
- package/dist/cdn/{GNFP2CXI.js → ZTZYNW4S.js} +1 -1
- package/dist/cdn/{6P5RUNL4.js → ZXLDEDFO.js} +1 -1
- package/dist/cdn/ZYGG7EGH.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/bar-chart-model.js +1 -1
- package/dist/chunks/box-plot-model.js +1 -1
- package/dist/chunks/chart-model.js +1 -1
- package/dist/chunks/combo-bar-line-chart-model.js +8 -8
- package/dist/chunks/gauge-model.js +1 -1
- package/dist/chunks/generate-x-axis-title.js +17 -13
- package/dist/chunks/histogram-model.js +1 -1
- package/dist/chunks/line-chart-model.js +1 -1
- package/dist/chunks/model-with-x-guides.js +5 -5
- package/dist/chunks/model-with-y-guides.js +218 -223
- package/dist/chunks/pie-chart-model.js +13 -13
- package/dist/chunks/radar-chart-model.js +1 -1
- package/dist/chunks/scatterplot-model.js +11 -11
- package/dist/chunks/serial-chart-data.js +24 -24
- package/dist/chunks/serial-chart-model.js +1 -1
- package/dist/chunks/utils.js +81 -68
- package/dist/chunks/utils2.js +55 -38
- package/dist/chunks/x-bounds.js +13 -9
- package/dist/components/arcgis-chart/customElement.js +182 -175
- package/dist/components/arcgis-charts-config-line-chart-data/customElement.js +14 -14
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/model/box-plot-model/box-plot-model.d.ts +2 -2
- package/dist/model/mixins/model-with-multi-axes.d.ts +14 -14
- package/package.json +4 -4
- package/dist/cdn/25IIAVUC.js +0 -2
- package/dist/cdn/3ZKNY2GI.js +0 -2
- package/dist/cdn/56YB7O3M.js +0 -2
- package/dist/cdn/AIAPONGU.js +0 -2
- package/dist/cdn/APB46III.js +0 -2
- package/dist/cdn/ASI3OTVS.js +0 -2
- package/dist/cdn/ASWFZXWR.js +0 -2
- package/dist/cdn/BPHPASCX.js +0 -2
- package/dist/cdn/C6YOQVOB.js +0 -2
- package/dist/cdn/DDPCQLH7.js +0 -2
- package/dist/cdn/E4NCL4M4.js +0 -2
- package/dist/cdn/GJCCH4ZB.js +0 -2
- package/dist/cdn/IEWOWYUS.js +0 -2
- package/dist/cdn/KZFSBW6I.js +0 -2
- package/dist/cdn/L4DH3UPO.js +0 -2
- package/dist/cdn/LROOQ7ZG.js +0 -2
- package/dist/cdn/MIIK4YRO.js +0 -2
- package/dist/cdn/R7ZATTXB.js +0 -2
- package/dist/cdn/T2PEASLR.js +0 -2
- package/dist/cdn/UDQWJ62J.js +0 -2
- package/dist/cdn/W5TZDZZJ.js +0 -2
- package/dist/cdn/WQ3R3KT4.js +0 -2
- package/dist/cdn/XCGSICB5.js +0 -2
- package/dist/cdn/ZM5TS7H5.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import A from"./ZTZYNW4S.js";import z from"./KLL3HPL2.js";import"./2YDNWOWT.js";import x from"./XCMVEVEM.js";import w from"./P5KPN2M7.js";import v from"./W4G2U5DY.js";import u from"./VWTEPWOK.js";import t from"./6QSUWRYL.js";import s from"./ZXLDEDFO.js";import r from"./HGQUPZ2D.js";import q from"./3LBX5I52.js";import p from"./FY2QCHZI.js";import o from"./XN5TYGE4.js";import l from"./62QMWHS5.js";import k from"./HE7XU44N.js";import"./RPUEIRTH.js";import j from"./JY6LCMBR.js";import i from"./BLTNIKAX.js";import g from"./VMVEEBUO.js";import f from"./D7HL5TOZ.js";import e from"./6HQZ5JJT.js";import d from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import{B as m,ca as n,i as y,oa as b}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as h,u as c}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:l},{s:g},,{e:u},,,,,,,,,,,,,,{ta:x},{b:A,c:f,e:S},{b:p,d:T,f:V,h:L,j:C,t:B},X])=>{var I=Object.defineProperty,z=Object.getOwnPropertyDescriptor,v=(o,i,e,t)=>{for(var s=z(i,e),r=o.length-1,d;r>=0;r--)(d=o[r])&&(s=d(i,e,s)||s);return s&&I(i,e,s),s},a=class extends S{constructor(){super(...arguments),this._chartType=h.RadarSeries}async setup(i){await this.loadConfigFromLayer(i),this.setupLocalProps(),i.config!==void 0&&await this.rebuildSeries(),this.initDefaultSeries(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get circularAxisField(){return this.xAxisField}set circularAxisField(i){this.xAxisField=i}get circularAxisLabelsVisibility(){return this.xAxisLabelsVisibility}set circularAxisLabelsVisibility(i){this.xAxisLabelsVisibility=i}get circularAxisTitleText(){return this.xAxisTitleText}set circularAxisTitleText(i){this.xAxisTitleText=i}get circularAxisTitleSymbol(){return this.xAxisTitleSymbol}set circularAxisTitleSymbol(i){this.xAxisTitleSymbol=i}get circularAxisTitleVisibility(){return this.xAxisTitleVisibility}set circularAxisTitleVisibility(i){this.xAxisTitleVisibility=i}get minCircularBound(){return this.minXBound}set minCircularBound(i){this.minXBound=i}get maxCircularBound(){return this.maxXBound}set maxCircularBound(i){this.maxXBound=i}get cursorCrosshairCircularLineVisibility(){return this.cursorCrosshairHorizontalLineVisibility}set cursorCrosshairCircularLineVisibility(i){this.cursorCrosshairHorizontalLineVisibility=i}get cursorCrosshairRadialLineVisibility(){return this.cursorCrosshairVerticalLineVisibility}set cursorCrosshairRadialLineVisibility(i){this.cursorCrosshairVerticalLineVisibility=i}generateCircularAxisTitle(){return this.generateXAxisTitle()}getDefaultCircularAxisTitleText(){return this.getDefaultXAxisTitleText()}addCircularAxisGuide(i,e){this.addXAxisGuide(i,e)}deleteCircularAxisGuide(i){this.deleteXAxisGuide(i)}addRadialAxisGuide(i,e){this.addYAxisGuide(i,e)}deleteRadialAxisGuide(i){this.deleteYAxisGuide(i)}generateRadialAxisTitle(){return this.generateYAxisTitle()}get axisLabelsOrientation(){return this._config.axes?.[0]?.labelsOrientation??c.Circular}set axisLabelsOrientation(i){let e=this._config.axes?.[0];e!==void 0&&(e.labelsOrientation=i)}get xAxisField(){return super.xAxisField}set xAxisField(i){super.xAxisField=i}get xAxisLabelsVisibility(){return super.xAxisLabelsVisibility}set xAxisLabelsVisibility(i){super.xAxisLabelsVisibility=i}get xAxisTitleText(){return super.xAxisTitleText}set xAxisTitleText(i){super.xAxisTitleText=i}get xAxisTitleSymbol(){return super.xAxisTitleSymbol}set xAxisTitleSymbol(i){super.xAxisTitleSymbol=i}get xAxisTitleVisibility(){return super.xAxisTitleVisibility}set xAxisTitleVisibility(i){super.xAxisTitleVisibility=i}get minXBound(){return super.minXBound}set minXBound(i){super.minXBound=i}get maxXBound(){return super.maxXBound}set maxXBound(i){super.maxXBound=i}generateXAxisTitle(){return super.generateXAxisTitle()}getDefaultXAxisTitleText(){return super.getDefaultXAxisTitleText()}addXAxisGuide(i,e){super.addXAxisGuide(i,e)}deleteXAxisGuide(i){super.deleteXAxisGuide(i)}addYAxisGuide(i,e){super.addYAxisGuide(i,e)}deleteYAxisGuide(i){super.deleteYAxisGuide(i)}generateYAxisTitle(){return super.generateYAxisTitle()}get cursorCrosshairHorizontalLineVisibility(){return super.cursorCrosshairHorizontalLineVisibility}set cursorCrosshairHorizontalLineVisibility(i){super.cursorCrosshairHorizontalLineVisibility=i}get cursorCrosshairVerticalLineVisibility(){return super.cursorCrosshairVerticalLineVisibility}set cursorCrosshairVerticalLineVisibility(i){super.cursorCrosshairVerticalLineVisibility=i}getHorizontalAxisLabelsBehavior(){return super.getHorizontalAxisLabelsBehavior()}setHorizontalAxisLabelsBehavior(i){super.setHorizontalAxisLabelsBehavior(i)}getVerticalAxisLabelsBehavior(){return super.getVerticalAxisLabelsBehavior()}setVerticalAxisLabelsBehavior(i){super.setVerticalAxisLabelsBehavior(i)}generateDefaultConfig(){let i=b(this.commonStrings);return i.series=[n({commonStrings:this.commonStrings,objectIDField:l(this.layerInfo.layer).idField})],i}initDefaultSeries(){this.defaultSeries=n({commonStrings:this.commonStrings,objectIDField:l(this.layerInfo.layer).idField})}resetSeriesStyling(){for(let i=0;i<this.seriesLength;i+=1){let e=m({colorIndex:i,opacity:y});if(f(e,i,this._config),V(e,i,this._config),this.layerInfo!==void 0){let t=this.getSeriesId(i),s=x({config:this._config,seriesIndex:i,layerInfo:this.layerInfo,commonStrings:this.commonStrings});s!==l(this.layerInfo.layer).idField&&A(s??t,i,this._config)}p({style:this.defaultSeries?.lineSymbol?.style,seriesIndex:i,config:this._config}),T({width:this.defaultSeries?.lineSymbol?.width,seriesIndex:i,config:this._config}),L({style:this.defaultSeries?.markerSymbol?.style,seriesIndex:i,config:this._config}),C({size:this.defaultSeries?.markerSymbol?.size,seriesIndex:i,config:this._config})}this._config.colorMatch=!0}resetAvailable(){let i=!this.colorMatch,e=!1;if(!i)for(let t=0;t<this.seriesLength;t+=1){if(this.layerInfo!==void 0){let s=x({config:this._config,seriesIndex:t,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),r=this.getSeriesName(t);s!==void 0&&s!==l(this.layerInfo.layer).idField&&s!==r&&(e=!0)}if(this.defaultSeries?.lineSymbol?.style!==void 0&&this.defaultSeries?.lineSymbol.style!==this.getSeriesLineStyle(t)||this.defaultSeries?.lineSymbol?.width!==void 0&&this.defaultSeries?.lineSymbol.width!==this.getSeriesLineWidth(t)||this.defaultSeries?.markerSymbol?.style!==void 0&&this.defaultSeries?.markerSymbol?.style!==this.getSeriesMarkerStyle(t)||this.defaultSeries?.markerSymbol?.size!==void 0&&this.defaultSeries?.markerSymbol?.size!==this.getSeriesMarkerSize(t)){e=!0;break}}return i||e}};v([u],a.prototype,"axisLabelsOrientation");v([u],a.prototype,"resetSeriesStyling");var G=[B,X];g(a,G);return a},a,d,e,f,g,i,j,k,l,o,p,q,r,s,t,u,v,w,x,z,A)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as w}from"./MQI4ZLAS.js";import{a as N}from"./IHO3OLL3.js";import{a as u,c as P,d as T,f as _}from"./OBPAQN4H.js";import{f as l}from"./TENIFMA5.js";import{a as C}from"./SZYIWW3C.js";import e from"./VWTEPWOK.js";import a from"./SBDG2R25.js";import{n as p,u as S}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{Aa as B,za as I}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import{l as k}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as d,B as F,C as s,F as x,H as A,g as y,i as r,n as g,z as h}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as c,k as b,n as m}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:f,Ob:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a;break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=I(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=B(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${d(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${d(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${d(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${d(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=k(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${d(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${d(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Interpolate} .checked=${this.model.nullPolicy===m.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as E}from"./7TM4LYGN.js";import{a as h}from"./MQI4ZLAS.js";import{b as T,c as B}from"./IHO3OLL3.js";import d from"./
|
|
2
|
+
import{a as E}from"./7TM4LYGN.js";import{a as h}from"./MQI4ZLAS.js";import{b as T,c as B}from"./IHO3OLL3.js";import d from"./AGBAER7I.js";import{k as o}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import b from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{n as L}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import{a as g}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as k,C as c,D as y,F as P,H as x,g as $,i as n,n as u,z as f}from"./225VUGML.js";import{b as l}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:N},{Na:F,Nb:D,Rb:b},,{a:v,k:m,o:S,r:w}])=>{var a={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",sortMean:"sort-mean",sortMedian:"sort-median",sortOrderPickList:"sort-order-pick-list",panel:"panel"},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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`,C=class extends k{constructor(){super(...arguments),this._messages=I(),this.picklist=f(),this.placement="leading",this.popoverElement=f(),this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.arcgisChartsConfigBoxPlotDataPopoverChange=u(),this.arcgisChartsConfigPopoverClose=u()}static{this.properties={messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,isCustomSortDisabled:5,selectedContent:1}}static{this.styles=O}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"))}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},v.PopoverTimer),T(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}closePopover(){if(this.contentKind===o.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBoxPlotDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigBoxPlotDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}buildPickListItem(e){return h(e.name,n`<calcite-list-item .label=${L(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case o.numericFields:{for(let s=0;s<t;s+=1){let r=this.layerFieldsInfo[s];D(r)&&i.push(this.buildPickListItem(r))}break}case o.category:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let r=0;r<t;r+=1){let d=this.layerFieldsInfo[r];(b(d)||d.type===g.String)&&i.push(this.buildPickListItem(d))}break}case o.splitByField:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let r=0;r<t;r+=1){let d=this.layerFieldsInfo[r];(b(d)||d.type===g.String)&&i.push(this.buildPickListItem(d))}break}}return i}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}buildSortOrder(){let e=Object.keys(l),t;return E(e,i=>i,i=>{let s="";switch(i){case l.xAxisAsc:{t="a-z-down";break}case l.xAxisDesc:{t="a-z-up";break}case l.meanAsc:t="sort-descending",s=a.sortMean;break;case l.meanDesc:{t="sort-ascending",s=a.sortMean;break}case l.medianAsc:{t="sort-descending",s=a.sortMedian;break}case l.medianDesc:{t="sort-ascending",s=a.sortMedian;break}case l.customSort:{t="arrow-up-down";break}}return n`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===l.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${l[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${s}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}onNumericFieldSelectionDone(){this.closePopover()}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=F(t),s=new Intl.NumberFormat(i).format(v.customSortLimit),r=N(this._messages.customSortLimit??"",{totalLimit:s});this.tooltip=P(n`<calcite-tooltip style=${y({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){w(this.tooltip)}renderCategory(){let e=this.buildPickListItems(o.category);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(o.numericFields);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(o.splitByField);return n`<calcite-list label class=${c(a.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return n`<calcite-list label class=${`${a.popoverPickList} ${a.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case o.category:e=this.renderCategory();break;case o.numericFields:e=this.renderNumericFields();break;case o.splitByField:e=this.renderSplitByField();break;case o.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===o.numericFields&&(e=n`<div slot=footer><calcite-fab class=${c(a.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),n`<div><calcite-popover class=${c(a.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${c(a.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(a.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};x("arcgis-charts-config-box-plot-popover",C);return C},"intl",a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./XN5TYGE4.js";import b from"./D7HL5TOZ.js";import a from"./MNXVSHZ7.js";import{j as s}from"./QP5UAIC6.js";export default $arcgis.t(([{s:f},{e:a},{a:g,b:c,c:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=p(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];f(i,h);return i},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b}from"./IHO3OLL3.js";import e from"./
|
|
2
|
+
import{b}from"./IHO3OLL3.js";import e from"./AGBAER7I.js";import"./TENIFMA5.js";import{a as $}from"./SZYIWW3C.js";import d from"./MNXVSHZ7.js";import c from"./SBDG2R25.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as y}from"./62GSQDTE.js";import{b as i}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as a,B as f,C as l,E as o,H as S,g as u,i as v,n as s,z as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var c={sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=u`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,C=y*255;this.selectedColor=[p,m,g,C],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,C]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(c.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(c.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(c.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??o}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??o}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??o}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(c.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};S("arcgis-charts-config-line-chart-series-popover",h);return h},c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as C}from"./7TM4LYGN.js";import{a as b}from"./MQI4ZLAS.js";import{b as S,c as T}from"./IHO3OLL3.js";import h from"./
|
|
2
|
+
import{a as C}from"./7TM4LYGN.js";import{a as b}from"./MQI4ZLAS.js";import{b as S,c as T}from"./IHO3OLL3.js";import h from"./AGBAER7I.js";import{h as a}from"./TENIFMA5.js";import{a as f}from"./SZYIWW3C.js";import e from"./MNXVSHZ7.js";import d from"./SBDG2R25.js";import{n as F}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{za as x}from"./62GSQDTE.js";import{a as L}from"./KX7KGXKQ.js";import{l as y}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as $,C as r,H as P,g as k,i as s,n as m,z as g}from"./225VUGML.js";import{d as c}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Nb:I,Rb:D},,{a:w,d:u,k:h,o:E}])=>{var o={name:"pie-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",flipClass:"sort-counter-clockwise",sortOrderPickList:"sort-order-pick-list",panel:"panel"},O=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-counter-clockwise{transform:scaleX(-1)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`,v=class extends ${constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPieChartDataPopoverChange=m(),this.arcgisChartsConfigPopoverClose=m()}static{this.properties={aggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=O}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=u.map(i=>x(i,this.commonStrings));y(this.aggregationLabels,t)||(this.aggregationLabels=t)}updated(){S(this.popoverElement.value,this.open),setTimeout(()=>{this.picklist.value?.setFocus()},w.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=T(e,t)}buildAggregationPickListItems(){return C(u,e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${h(e,this.selectedContent)}></calcite-list-item>`)}buildSortOrder(){let e=Object.keys(c);return e.splice(e.indexOf(c.customSort),1),C(e,t=>t,t=>{let i="string",l="rotate",n="";switch(t){case c.labelAsc:i="string";break;case c.labelDesc:i="string",n=o.flipClass;break;case c.valueAsc:i="number";break;case c.valueDesc:i="number",n=o.flipClass;break;case c.customSort:}return s`<calcite-list-item .selected=${this.selectedContent===t} .label=${this._messages[t]} .value=${c[t]}><calcite-icon slot=content-end .icon=${i}></calcite-icon><calcite-icon class=${r(n)} slot=content-end .icon=${l}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return b(e.name,s`<calcite-list-item .label=${F(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case a.numericFields:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo[l];I(n)&&i.push(this.buildPickListItem(n))}break}case a.category:{let l=b(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let d=this.layerFieldsInfo[n];(D(d)||d.type===L.String)&&i.push(this.buildPickListItem(d))}break}}return i}closePopover(){if(this.contentKind===a.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigPieChartDataPopoverChange,contentKind:this.contentKind};E(e)}this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigPieChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return s`<calcite-list label class=${r(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(a.category);return s`<calcite-list label class=${r(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(a.numericFields);return s`<calcite-list label class=${r(o.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${o.popoverPickList} ${o.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case a.aggregation:e=this.renderAggregationType();break;case a.category:e=this.renderCategory();break;case a.numericFields:e=this.renderNumericFields();break;case a.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===a.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel class=${r(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};P("arcgis-charts-config-pie-chart-popover",v);return v},d,e,h)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{f as d,h as y,i as T,j as m,k as b}from"./RPUEIRTH.js";import c from"./VMVEEBUO.js";import a from"./D7HL5TOZ.js";import{n as o}from"./VQU2TVX7.js";import{p as f}from"./62GSQDTE.js";export default $arcgis.t(([{d:a,e:x},{c:h,d:g,e:u,f:p}])=>{var P=Object.defineProperty,j=Object.getOwnPropertyDescriptor,O=(i,t,e,v)=>{for(var s=j(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&P(t,e,s),s};function k(i){return i!==void 0&&"xAxisTitleText"in i}var l=class extends a{get xAxisTitleText(){return h(0,this._config)}set xAxisTitleText(t){g(t,0,this._config)}};O([x],l.prototype,"xAxisTitleText");var _=Object.defineProperty,C=Object.getOwnPropertyDescriptor,V=(i,t,e,v)=>{for(var s=C(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&_(t,e,s),s};function q(i){return i!==void 0&&"xAxisTitleVisibility"in i}var c=class extends a{get xAxisTitleVisibility(){return u(0,this._config)}set xAxisTitleVisibility(t){p({visibility:t,axisIndex:0,config:this._config})}};V([x],c.prototype,"xAxisTitleVisibility");function w(i){return i!==void 0&&"generateXAxisTitle"in i}var A=class extends a{generateXAxisTitle(){let t=this.layerInfo?.layerFieldsInfo;if(t===void 0)return"";if(T(this)||d(this))return o(t,this.xAxisField);if(y(this))return this.category!==f?o(t,this.category):"";if(m(this))return o(t,this.numericField);if(b(this)){let e=this.xTemporalBinning?.unit;return e!==void 0?this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[e]:""}return""}};return{a:k,b:l,c:q,d:c,e:w,f:A}},a,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./TLXWSOHC.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./C6YOQVOB.js";import b from"./SBDG2R25.js";import{d as g}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotMonoField||S===g.BoxPlotMultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)
|
|
2
|
+
import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./AGBAER7I.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./MNXVSHZ7.js";import b from"./SBDG2R25.js";import{d as g}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotMonoField||S===g.BoxPlotMultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import v from"./XCMVEVEM.js";import t from"./P5KPN2M7.js";import s from"./W4G2U5DY.js";import q from"./VWTEPWOK.js";import o from"./6QSUWRYL.js";import n from"./ZXLDEDFO.js";import m from"./HGQUPZ2D.js";import l from"./3LBX5I52.js";import k from"./FY2QCHZI.js";import j from"./XN5TYGE4.js";import i from"./62QMWHS5.js";import h from"./HE7XU44N.js";import"./RPUEIRTH.js";import g from"./JY6LCMBR.js";import f from"./BLTNIKAX.js";import e from"./VMVEEBUO.js";import d from"./D7HL5TOZ.js";import c from"./6HQZ5JJT.js";import b from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{r as S}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{sa as _}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import"./225VUGML.js";import"./P3AYFJRV.js";import{c as r}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as u,b as p}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:l},,,{e:i},,,,,,,,,,,,{e:y},,{$:K,A:O,B:v,C:b,D:L,E:R,F:I,G:w,H:D,I:P,J:k,K:B,L:U,M:Y,N:N,O:W,P:m,Q:h,R:M,S:V,T:E,U:G,V:H,W:X,X:j,Y:Z,Z:z,_:J,aa:Q,ba:$,ca:q,da:tt,ea:et,fa:it,ga:st,ha:ot,ia:rt,ja:nt,ka:at,la:gt,ma:pt,qa:f,v:C,w:T,x:A,y:x,z:F},{a:ct,b:lt,e:yt}])=>{var mt=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,s=(c,t,o,a)=>{for(var n=ht(t,o),g=c.length-1,d;g>=0;g--)(d=c[g])&&(n=d(t,o,n)||n);return n&&mt(t,o,n),n},e=class extends yt{constructor(){super(...arguments),this._chartType=u.HeatSeries}generateChartTitle(){return this.layerInfo!==void 0?pt(this._config,this.layerInfo,this.commonStrings):""}generateYAxisTitle(){let t=this.yTemporalBinning?.unit;return t!==void 0?this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[t]:""}get layer(){return super.layer}async setup(t){await this.loadConfigFromLayer(t),gt({commonStrings:this.commonStrings,config:this._config,layerInfo:this.layerInfo}),this.setupLocalProps(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get yAxisField(){return b(this._config)}set yAxisField(t){v({yField:t,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get viewType(){return K(this._config)}set viewType(t){this.guardSetterFromAsyncOverwrite(()=>{Q(t,this._config),this.emitConfigUpdate("heatChartViewType")})}get xTemporalBinning(){return R(this._config)}set xTemporalBinning(t){L({commonStrings:this.commonStrings,binning:t,config:this._config})}get yTemporalBinning(){return w(this._config)}set yTemporalBinning(t){I({commonStrings:this.commonStrings,binning:t,config:this._config})}get breaksCount(){return $(this._config)}set breaksCount(t){this.guardSetterFromAsyncOverwrite(()=>{q(t,this._config),this.emitConfigUpdate("breaksCount")})}get classificationMethod(){return tt(this._config)}set classificationMethod(t){this.guardSetterFromAsyncOverwrite(()=>{t&&(et(t,this._config),this.emitConfigUpdate("classificationMethod"))})}get colorRampName(){return ot(this._config)}set colorRampName(t){rt(t,this._config)}get isColorRampFlipped(){return nt(this._config)}set isColorRampFlipped(t){at(t,this._config)}get hideEmptyRowsAndColumns(){return C(this._config)}set hideEmptyRowsAndColumns(t){T(this._config,t)}get gridLineWidth(){return P(this._config)}set gridLineWidth(t){D(t,this._config)}get gridLineColor(){return B(this._config)}set gridLineColor(t){k(t,this._config)}get seriesName(){return ct(0,this._config)}set seriesName(t){typeof t=="string"&<(t,0,this._config)}get heatRulesType(){return x(this._config)}set heatRulesType(t){A(this._config,t)}get gradientRules(){return O(this._config)}set gradientRules(t){F(this._config,t)}getGridLinesSymbol(){return this._config.series?.[0]?.gridLine}setGridLinesSymbol(t){this._config.series?.[0]&&(this._config.series[0].gridLine=t)}get numericFields(){let t=N(this._config);return t!==void 0?[t]:[]}set numericFields(t){let{idField:o}=l(this.layerInfo.layer),a=S(t[0]),n=a?o:t[0];this._numericFields=[n],W({field:n,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings});let g=m(this._config);a&&g!==p.Count&&(this._aggregationType=p.Count,h({aggregationType:p.Count,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}))}get aggregationType(){return m(this._config)}set aggregationType(t){this._aggregationType=t,h({aggregationType:t,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get splitByField(){return""}set splitByField(t){}get legendPosition(){return Y(this._config)}set legendPosition(t){U(t,this._config)}get nullPolicy(){return M(this._config)}set nullPolicy(t){V(t,this._config)}get emptyCell(){return E(this._config)}set emptyCell(t){this.guardSetterFromAsyncOverwrite(()=>{G(t,this._config),this.emitConfigUpdate("emptyCell")})}getSortOrder(){return r.Asc}setSortOrder(t,o){}getXAxisSortOrder(){let t=f(this._config)[0];return t===r.Asc||t===r.Desc||t===r.customSort?t:r.Asc}setXAxisSortOrder(t,o){y(t,this._config,o)}getYAxisSortOrder(){let t=f(this._config)[1];return t===r.Asc||t===r.Desc||t===r.customSort?t:r.Asc}setYAxisSortOrder(t,o){y(t,this._config,o,!0)}get emptyCellText(){return H(this._config)}set emptyCellText(t){X(t,this._config)}get includeLeapDay(){return j(this._config)}set includeLeapDay(t){this.guardSetterFromAsyncOverwrite(()=>{Z(t,this._config),this.emitConfigUpdate("includeLeapDay")})}get firstDayOfWeek(){return st(this._config)}set firstDayOfWeek(t){this.guardSetterFromAsyncOverwrite(()=>{it(t,this._config),this.emitConfigUpdate("firstDayOfWeek")})}get emptyCellSymbol(){return z(this._config)}set emptyCellSymbol(t){J(t,this._config)}get rotated(){return!1}set rotated(t){}setAssignToSecondValueAxis(t,o){}getAssignToSecondValueAxis(){return!1}setSeriesToSecondaryYAxis(t,o){}getSeriesToSecondaryYAxis(){return!1}set stackedType(t){}set binTemporalData(t){}set nullCategory(t){}generateDefaultConfig(){let t=_(this.commonStrings,l(this.layerInfo.layer).idField);return t.axes?.forEach((o,a)=>{o&&(o.valueFormat={intlOptions:{timeZone:void 0,dateStyle:a>0?"long":"medium"},type:"date"})}),t}};s([i],e.prototype,"yAxisField");s([i],e.prototype,"xTemporalBinning");s([i],e.prototype,"yTemporalBinning");s([i],e.prototype,"colorRampName");s([i],e.prototype,"isColorRampFlipped");s([i],e.prototype,"hideEmptyRowsAndColumns");s([i],e.prototype,"gridLineWidth");s([i],e.prototype,"gridLineColor");s([i],e.prototype,"seriesName");s([i],e.prototype,"heatRulesType");s([i],e.prototype,"gradientRules");s([i],e.prototype,"setGridLinesSymbol");s([i],e.prototype,"numericFields");s([i],e.prototype,"aggregationType");s([i],e.prototype,"splitByField");s([i],e.prototype,"legendPosition");s([i],e.prototype,"nullPolicy");s([i],e.prototype,"setSortOrder");s([i],e.prototype,"setXAxisSortOrder");s([i],e.prototype,"setYAxisSortOrder");s([i],e.prototype,"emptyCellText");s([i],e.prototype,"firstDayOfWeek");s([i],e.prototype,"emptyCellSymbol");s([i],e.prototype,"rotated");s([i],e.prototype,"setAssignToSecondValueAxis");s([i],e.prototype,"setSeriesToSecondaryYAxis");s([i],e.prototype,"stackedType");s([i],e.prototype,"binTemporalData");s([i],e.prototype,"nullCategory");return e},a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,q,s,t,v)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./TLXWSOHC.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./6HQZ5JJT.js";import e from"./C6YOQVOB.js";import a from"./SBDG2R25.js";import{c as u,n as D}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as E,za as _}from"./62GSQDTE.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([q,{Nb:N,Ob:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof q){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(O=>typeof O=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
2
|
+
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./AGBAER7I.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./6HQZ5JJT.js";import e from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{c as u,n as D}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as E,za as _}from"./62GSQDTE.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([q,{Nb:N,Ob:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof q){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(O=>typeof O=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as c}from"./MQI4ZLAS.js";import{b as k}from"./IHO3OLL3.js";import e from"./
|
|
2
|
+
import{a as c}from"./MQI4ZLAS.js";import{b as k}from"./IHO3OLL3.js";import e from"./AGBAER7I.js";import{i as s}from"./TENIFMA5.js";import{a as $}from"./SZYIWW3C.js";import d from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{n as b}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as C}from"./62GSQDTE.js";import{f as y}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as f,C as i,H as v,g,i as t,n as p,z as m}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as o}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Nb:u},,{a:P,l:S}])=>{var l={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",popoverPickList:"popover-pick-list",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},T=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=T}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===s.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(o.None,t`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType===o.None}></calcite-list-item>`),c(o.Log,t`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType===o.Log}></calcite-list-item>`),c(o.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${o.Sqrt} .selected=${this.selectedTransformationType===o.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===s.fillSymbol||this.contentKind===s.lineSymbol?l.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,w]=n,x=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:y.SFS,color:[r,a,w,x]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(l.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(l.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} use-panel .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(s.numericFields);return t`<calcite-panel class=${i(l.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return t`<calcite-panel class=${i(l.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case s.fillSymbol:return this.renderFillColor();case s.lineSymbol:return this.renderOverlayStyle();case s.numericFields:return this.renderFieldSelect();case s.transformation:return this.renderTransformationSelect();default:return}}};v("arcgis-charts-config-histogram-popover",d);return d},a,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./AGBAER7I.js";import"./TENIFMA5.js";import{a as b}from"./SZYIWW3C.js";import e from"./MNXVSHZ7.js";import c from"./SBDG2R25.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as p,C as a,H as d,g as l,i as o,n as u,z as h}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:f,g:v,h:r,i:m}])=>{var s={container:"container",label:"label",numberInput:"number-input"},x=l`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`,c=class extends p{constructor(){super(...arguments),this._messages=b(),this.decimalPlacesInputElement=h(),this.arcgisChartsConfigNumberFormatChange=u()}static{this.properties={messageOverrides:0,numberFormat:0}}static{this.styles=x}onDecimalPlacesChange(){let t=this.decimalPlacesInputElement.value?.value,i=Math.floor(Number(t)),n=i===Number(t)&&i>=0;if(t!==void 0&&n&&f(t,this.decimalPlacesInputElement.value?.min,this.decimalPlacesInputElement.value?.max)){let F=Number.parseInt(t),e={minimumFractionDigits:this.numberFormat?.minimumFractionDigits,maximumFractionDigits:F};e.maximumFractionDigits!==void 0&&e.minimumFractionDigits!==void 0&&e.minimumFractionDigits>e.maximumFractionDigits&&(e.minimumFractionDigits=e.maximumFractionDigits);let C=this.getUpdatedNumberFormat(e);this.arcgisChartsConfigNumberFormatChange.emit(C),this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.IDLE})}else this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.INVALID})}onShowThousandsSeparatorChange(t){let i=t.target.checked,n=this.getUpdatedNumberFormat({useGrouping:i});this.arcgisChartsConfigNumberFormatChange.emit(n)}getUpdatedNumberFormat(t){return{...this.numberFormat,...t}}render(){return o`<div class=${a(s.container)}><calcite-label class=${a(s.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(s.numberInput)} min=0 max=20 step=1 .value=${v(this.numberFormat?.maximumFractionDigits,2)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(s.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping??!0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div>`}};d("arcgis-charts-config-number-format",c);return c},c,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import e from"./BLTNIKAX.js";import d from"./D7HL5TOZ.js";import c from"./
|
|
2
|
+
import e from"./BLTNIKAX.js";import d from"./D7HL5TOZ.js";import c from"./MNXVSHZ7.js";import b from"./SBDG2R25.js";import{w as k}from"./VQU2TVX7.js";import{F as p,H as f,c as a}from"./62GSQDTE.js";export default $arcgis.t(([{oc:N},{s:R},{d:i,e:l},{a:q,b:E,d:U,f:M}])=>{var J=Object.defineProperty,W=Object.getOwnPropertyDescriptor,Z=(e,t,o,c)=>{for(var r=W(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&J(t,o,r),r},K=e=>e.title?.content,Q=(e,t)=>{if(e){let o=q(t);t.title===void 0&&(t.title=f({text:"",visible:!0,font:p(a.ChartTitle),type:a.ChartTitle})),t.title.content={...e,text:o}}},g=class extends i{get titleSymbol(){return K(this._config)}set titleSymbol(t){Q(t,this._config)}};Z([l],g.prototype,"titleSymbol");var X=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,$=(e,t,o,c)=>{for(var r=Y(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&X(t,o,r),r},b=class extends i{get config(){return this._config}set config(t){this._config=t}};$([l],b.prototype,"config");var V=class extends i{get layer(){return this.layerInfo?.layer}},H=e=>e.id,tt=(e,t)=>{t.id=e},F=class extends i{get chartId(){return H(this._config)}set chartId(t){tt(t,this._config)}},et=e=>e.version,w=class extends i{get version(){return et(this._config)}},rt=Object.defineProperty,ot=Object.getOwnPropertyDescriptor,st=(e,t,o,c)=>{for(var r=ot(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&rt(t,o,r),r},A=e=>e.subtitle?.content.text??"",nt=(e,t)=>{t.subtitle!==void 0?t.subtitle.content.text=e:e!==void 0&&(t.subtitle=f({text:e,visible:!0,font:p(a.ChartSubtitle)}))},d=class extends i{get subtitleText(){return A(this._config)}set subtitleText(t){nt(t,this._config)}};st([l],d.prototype,"subtitleText");var it=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(e,t,o,c)=>{for(var r=ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&it(t,o,r),r},at=e=>e.subtitle?.content,pt=(e,t)=>{if(e){let o=A(t);t.subtitle===void 0&&(t.subtitle=f({text:"",visible:!0,font:p(a.ChartSubtitle),type:a.ChartSubtitle})),t.subtitle.content={...e,text:o}}},h=class extends i{get subtitleSymbol(){return at(this._config)}set subtitleSymbol(t){pt(t,this._config)}};lt([l],h.prototype,"subtitleSymbol");var ft=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,bt=(e,t,o,c)=>{for(var r=gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ft(t,o,r),r},B=e=>e.footer?.content.text??"",dt=(e,t)=>{t.footer!==void 0?t.footer.content.text=e:e!==void 0&&(t.footer=f({text:e,visible:!0,font:p(a.DescriptionText)}))},u=class extends i{get descriptionText(){return B(this._config)}set descriptionText(t){dt(t,this._config)}};bt([l],u.prototype,"descriptionText");var ht=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,yt=(e,t,o,c)=>{for(var r=ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ht(t,o,r),r},vt=e=>e.footer?.content,xt=(e,t)=>{if(e){let o=B(t);t.footer===void 0&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText),type:a.DescriptionText})),t.footer.content={...e,text:o}}},y=class extends i{get descriptionSymbol(){return vt(this._config)}set descriptionSymbol(t){xt(t,this._config)}};yt([l],y.prototype,"descriptionSymbol");var Ot=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,jt=(e,t,o,c)=>{for(var r=_t(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Ot(t,o,r),r},Pt=e=>e.title?e.title.visible??!0:!1,mt=(e,t)=>{t.title!==void 0?t.title.visible=e:t.title=f({text:"",visible:e,font:p(a.ChartTitle)})},v=class extends i{get chartTitleVisibility(){return Pt(this._config)}set chartTitleVisibility(t){mt(t,this._config)}};jt([l],v.prototype,"chartTitleVisibility");var Dt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Tt=(e,t,o,c)=>{for(var r=St(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Dt(t,o,r),r},Vt=e=>e.subtitle?e.subtitle.visible??!0:!1,Ft=(e,t)=>{t.subtitle!==void 0?t.subtitle.visible=e:t.subtitle=f({text:"",visible:e,font:p(a.ChartSubtitle)})},x=class extends i{get chartSubtitleVisibility(){return Vt(this._config)}set chartSubtitleVisibility(t){Ft(t,this._config)}};Tt([l],x.prototype,"chartSubtitleVisibility");var wt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,It=(e,t,o,c)=>{for(var r=Ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&wt(t,o,r),r},G=e=>e.footer?.visible??!1,zt=(e,t)=>{t.footer!==void 0?t.footer.visible=e:e!==G(t)&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText)}))},O=class extends i{get descriptionVisibility(){return G(this._config)}set descriptionVisibility(t){zt(t,this._config)}};It([l],O.prototype,"descriptionVisibility");var Lt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Nt=(e,t,o,c)=>{for(var r=kt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Lt(t,o,r),r},Rt=e=>e.chartRenderer,qt=(e,t)=>{t.chartRenderer=e},_=class extends i{get chartRenderer(){return Rt(this._config)}set chartRenderer(t){qt(t,this._config)}};Nt([l],_.prototype,"chartRenderer");var Et=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Mt=(e,t,o,c)=>{for(var r=Ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Et(t,o,r),r},At=e=>e.background,Bt=(e,t)=>{t.background=e},j=class extends i{get backgroundColor(){return At(this._config)}set backgroundColor(t){Bt(t,this._config)}};Mt([l],j.prototype,"backgroundColor");var Gt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,Wt=(e,t,o,c)=>{for(var r=Jt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Gt(t,o,r),r},Zt=(e,t)=>t.series[e].visible??!0,Kt=(e,t)=>{k({detail:e},t)},P=class extends i{getSeriesVisibility(t){return Zt(t,this._config)}setSeriesVisibility(t){Kt(t,this._config)}};Wt([l],P.prototype,"setSeriesVisibility");var Qt=(e,t)=>t.series[e]?.id,C=class extends i{getSeriesId(t){return Qt(t,this._config)}},Xt=(e,t)=>t.series.findIndex(o=>o.id===e),I=class extends i{getSeriesIndex(t){return Xt(t,this._config)}},Yt=e=>N(e.series),z=class extends i{get chartSubType(){return Yt(this._config)}},$t=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,te=(e,t,o,c)=>{for(var r=Ht(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&$t(t,o,r),r},ee=(e,t)=>e.length!==0&&t<e.length?e[t].dataTooltipFontSize:void 0,re=e=>{let{series:t,seriesIndex:o,fontSize:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipFontSize=c)},m=class extends i{getDataTooltipFontSize(t){return ee(this._config.series,t)}setDataTooltipFontSize(t,o){re({series:this._config.series,seriesIndex:o,fontSize:t})}};te([l],m.prototype,"setDataTooltipFontSize");var oe=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ne=(e,t,o,c)=>{for(var r=se(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&oe(t,o,r),r},ie=(e,t)=>{let o;return e.length!==0&&t<e.length&&(o=e[t].dataTooltipValueFormat),o},ce=e=>{let{series:t,seriesIndex:o,valueFormat:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipValueFormat=c)},D=class extends i{getDataTooltipValueFormat(t){return ie(this._config.series,t)}setDataTooltipValueFormat(t,o){ce({series:this._config.series,seriesIndex:t,valueFormat:o})}};ne([l],D.prototype,"setDataTooltipValueFormat");var le=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,pe=(e,t,o,c)=>{for(var r=ae(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&le(t,o,r),r},fe=(e,t)=>{t.series.forEach(o=>{o.query&&(o.query.fetchNullValues=e)})},ge=e=>e.series.some(t=>t.query?.fetchNullValues),S=class extends i{get fetchNULLValues(){return ge(this._config)}set fetchNULLValues(t){fe(t,this._config)}};pe([l],S.prototype,"fetchNULLValues");var be=Object.defineProperty,de=Object.getOwnPropertyDescriptor,he=(e,t,o,c)=>{for(var r=de(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&be(t,o,r),r},ue=e=>e.dataFilters,ye=(e,t)=>{e!==void 0?t.dataFilters=e:delete t.dataFilters},T=class extends i{getDataFilters(){return ue(this._config)}async setDataFilters(t){ye(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};he([l],T.prototype,"setDataFilters");var L=class extends i{},ve=[b,V,F,E,g,w,d,h,u,y,v,x,O,_,j,P,C,I,M,z,D,m,S,U,T];R(L,ve);return L},b,c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import d from"./
|
|
2
|
+
import d from"./AGBAER7I.js";import"./TENIFMA5.js";import{a as g}from"./SZYIWW3C.js";import c from"./MNXVSHZ7.js";import b from"./SBDG2R25.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as u,C as a,H as p,g as n,i as m,n as o,z as l}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:d,g:f,h:e,i:i}])=>{var r={container:"container",label:"label",numberInput:"number-input"},v=n`.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends u{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=l(),this.arcgisChartsConfigCategoryFormatChange=o()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,c=Math.floor(Number(t)),b=c===Number(t)&&c>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.IDLE})}else this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return m`<div class=${a(r.container)}><calcite-label class=${a(r.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(r.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${h(this.characterLimitInputElement)}></calcite-input></calcite-label></div>`}};p("arcgis-charts-config-category-format",s);return s},b,c,d)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import r from"./6QSUWRYL.js";import q from"./ZXLDEDFO.js";import p from"./HGQUPZ2D.js";import o from"./3LBX5I52.js";import n from"./FY2QCHZI.js";import l from"./XN5TYGE4.js";import k from"./62QMWHS5.js";import j from"./HE7XU44N.js";import"./RPUEIRTH.js";import i from"./JY6LCMBR.js";import h from"./BLTNIKAX.js";import g from"./VMVEEBUO.js";import e from"./D7HL5TOZ.js";import d from"./6HQZ5JJT.js";import c from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{n as f}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{W as _,X as m,ra as A}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import{k as y,l as F}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as b}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:te},{Rb:L},{c:v,f:p,i:C,s:M},,{e:d},{c:I},{a:P},z,{b:G,d:H,f:J},{b:X,d:j,f:q},{d:W,e:Y},B,{d:g},{b:K},{a:w,b:E,c:O,d:k},{a:D,b:N}])=>{var R=s=>{p({config:s,value:null,axisIndex:0,isMax:!1}),p({config:s,value:null,axisIndex:0,isMax:!0}),p({config:s,value:null,axisIndex:1,isMax:!1}),p({config:s,value:null,axisIndex:1,isMax:!0})},U=s=>{let{name:e,axisIndex:i,config:t,layerInfo:r}=s,{layerFieldsInfo:o}=r,n=o.find(x=>x.name===e),l=n!==void 0&&L(n);C(t,i,l)};function V(s,e,i){let t=T(s,e,i),r=P(s),o=g(s);return t===r||o}function Z(s,e){let{layerFieldsInfo:i}=e,t=f(i,h(s)),r=I(1,s),o=g(s);return t===r||o}function $(s,e){let{layerFieldsInfo:i}=e,t=u(s),r=f(i,t),o=I(0,s),n=g(s);return r===o||n}function T(s,e,i){let t=u(s),r=h(s),{layerFieldsInfo:o}=e,n=f(o,t),l=f(o,r);return te(i.titleLabels.xAndY,{x:n,y:l})}var ee=s=>{let{x:e,y:i,config:t,layerInfo:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l,commonStrings:x}=s,{layerFieldsInfo:S}=r,se=f(S,e),ie=f(S,i);!y(e)&&n&&v(t,0,se),!y(i)&&l&&v(t,1,ie),!y(e)&&!y(i)&&t.title&&o&&(t.title.content.text=T(t,r,x))},u=s=>s.series[0]?.x??"",h=s=>s.series[0]?.y??"",re=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].x=e),ee({x:e,y:h(i),config:i,layerInfo:t,updateChartTitle:o,commonStrings:r,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:0,config:i,layerInfo:t})},oe=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].y=e),ee({x:u(i),y:e,config:i,layerInfo:t,commonStrings:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:1,config:i,layerInfo:t})},ne=s=>{let e={};return s.series[0]?.markerSymbol??e},ae=(s,e)=>{e.series[0]&&(e.series[0].markerSymbol=s)},le=s=>(s.series[0]?.overlays?.trendLine?.visible??!0)&&(s.series[0]?.overlays?.trendLine?.created??!1),de=s=>{let e={};return s.series[0]?.overlays?.trendLine?.symbol??e},fe=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.symbol=s},ce=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.visible=s},me=(s,e)=>{!(e.series[0]?.overlays?.trendLine?.created??!1)&&s&&(e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.created=s),ce(s,e)},Q=s=>s.series[0]?.sizePolicy??_(),ye=(s,e)=>{e.series[0]&&(s!==void 0&&s.field?.trim()!==""?e.series[0].sizePolicy={...e.series[0].sizePolicy,...s}:e.series[0].sizePolicy=void 0)},pe=s=>s?.series?.[0]?.overlays,ge=(s,e)=>{e?.series[0]!==void 0&&(e.series[0].overlays=s)},ue=s=>s.series.find(e=>e.additionalTooltipFields!==void 0)?.additionalTooltipFields??[],he=(s,e)=>{e.series.forEach(i=>{Array.isArray(s)?i.additionalTooltipFields=s:typeof s=="string"?i.additionalTooltipFields=s.trim()===""?[]:[s]:i.additionalTooltipFields=[]})},xe=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,c=(s,e,i,t)=>{for(var r=ve(e,i),o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(e,i,r)||r);return r&&xe(e,i,r),r},a=class extends z{constructor(){super(...arguments),this._chartType=b.ScatterSeries}async setup(e){await this.loadConfigFromLayer(e),typeof this.resolveSetup=="function"&&this.resolveSetup()}get xAxisField(){return u(this._config)}set xAxisField(e){re({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get yAxisField(){return h(this._config)}set yAxisField(e){oe({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get showLinearTrend(){return le(this._config)}set showLinearTrend(e){me(e,this._config)}get linearTrendSymbol(){return de(this._config)}set linearTrendSymbol(e){fe(e,this._config)}get fixedMarkerSymbol(){return ne(this._config)}set fixedMarkerSymbol(e){ae(e,this._config)}get sizePolicy(){return Q(this._config)}set sizePolicy(e){let i=Q(this._config);F(i,e)||ye(e,this._config)}get seriesOverlays(){return pe(this._config)}set seriesOverlays(e){e!==void 0&&ge(e,this._config)}get additionalTooltipField(){return ue(this._config)}set additionalTooltipField(e){he(e,this._config)}generateChartTitle(){return T(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){let e=this.yAxisField;return f(this.layerInfo.layerFieldsInfo,e)}generateDefaultConfig(){return A(this.commonStrings)}};c([d],a.prototype,"xAxisField");c([d],a.prototype,"yAxisField");c([d],a.prototype,"showLinearTrend");c([d],a.prototype,"linearTrendSymbol");c([d],a.prototype,"fixedMarkerSymbol");c([d],a.prototype,"sizePolicy");c([d],a.prototype,"seriesOverlays");c([d],a.prototype,"additionalTooltipField");var Ie=[D,w,E,O,k,K,B,N,G,W,H,Y,X,j,q,J];M(a,Ie);return a},"intl",a,c,d,e,g,h,i,j,k,l,n,o,p,q,r)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./TLXWSOHC.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./C6YOQVOB.js";import a from"./SBDG2R25.js";import{n as b}from"./VQU2TVX7.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./62GSQDTE.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.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 k{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=A(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-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}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-picker .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-picker>`}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()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|
|
2
|
+
import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./AGBAER7I.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./MNXVSHZ7.js";import a from"./SBDG2R25.js";import{n as b}from"./VQU2TVX7.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./62GSQDTE.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.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 k{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=A(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-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}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-picker .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-picker>`}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()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
|