@arcgis/charts-components 4.34.0-next.107 → 4.34.0-next.108

package/dist/cdn/{H2VI5AOR.js → TBNFTRUD.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.107 */
-import{a as m,c as R}from"./GI46664M.js";import{a as E}from"./WXRYQ4Z3.js";import c from"./744XD63M.js";import{a as V}from"./L4G2SXC2.js";import{j as o,l as h}from"./H7VDOKLT.js";import a from"./JP4PYRKB.js";import{c as z,f as T,i as k}from"./WSIL3WW3.js";import"./WUW2ALWL.js";import{A as $,C as w,E as L,g as I,h as n,l as v,w as d,x as r,y as F,z as i}from"./EX2T5MLM.js";import"./TB5BIC3J.js";import"./44UXBYOS.js";import"./I64POCJG.js";import{g as C}from"./XFTFZNUX.js";import{a as b}from"./T6YNJ6QY.js";import"./HJ6LCBZB.js";export default $arcgis.t(([,,,,,,,{Ia:y,p:A,ta:M,y:x},{i:_,m:f,n:S,o:g,p:p,q:D}])=>{var s={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section"},K=I`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.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}`,P=class extends F{constructor(){super(...arguments),this._messages=V(),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=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.setLinearTrendSymbol(T(t))},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,l,c]=t,u=A*255;this.model.setFixedMarkerSymbol({...this.model.getFixedMarkerSymbol(),color:[a,l,c,u]})},this.setXYField=async e=>{try{let t=e.detail;R(m),this.contentKind===o.xAxisField?await this.model.setXAxisField(t):await this.model.setYAxisField(t),this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.setSizePolicy({...this.model.getSizePolicy(),type:b.SizePolicy,field:t}):this.model.setSizePolicy(void 0),m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field??void 0},this.removeScatterplotPopover()}catch(t){throw 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.getSizePolicy()??{};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:p.IDLE}):g({inputElement:this.minSizeInputElement.value,status:p.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:p.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:p.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v(),this.arcgisChartsConfigScatterplotPopoverChange=v()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:11,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=K}async load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=await M(),this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field})}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}openPopover(){(typeof this.selectedElement=="string"||!k(this.selectedElement))&&this.setupPopover()}setShowTrendLine(e){let t=e.target.checked;this.model.setShowLinearTrend(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 l=Number.parseInt(a),c=this.model.getSizePolicy(),u=this.model.getFixedMarkerSymbol();switch(t.name){case"fixed-symbol-size":u!==void 0&&this.model.setFixedMarkerSymbol({...u,size:l});break;case"proportional-symbol-min-size":c!==void 0&&this.model.setSizePolicy({...c,minSize:l});break;case"proportional-symbol-max-size":c!==void 0&&this.model.setSizePolicy({...c,maxSize:l});break}g({inputElement:t,status:p.IDLE})}else g({inputElement:t,status:p.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:l}=t,c=this.model.getSizePolicy();c!==void 0&&(this.model.setSizePolicy({...c,minSize:a,maxSize:l}),this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${l}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.setColorMatch(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.setSizePolicy({...this.model.getSizePolicy(),type:b.SizePolicy,field:t}):e===h.Fixed&&this.model.setSizePolicy({...this.model.getSizePolicy(),type:b.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.getFixedMarkerSymbol()?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.getLinearTrendSymbol())}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.getXAxisField()}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.getYAxisField()}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.getSizePolicy()?.field??""}setupPopover(){this.scatterplotPopover=E(this.scatterplotPopover);let e=[...this.layerFieldsInfo],t,a,l,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,l=this.model.getXAxisField(),a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,l=this.model.getYAxisField(),a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,l=this.model.getSizePolicy()?.field??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let u=this.selectedElement;l=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=w(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${l} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField}></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=E(this.scatterplotPopover)),this.selectedElement={}}getCurrentSymbolSizeType(){let e=this.model.getSizePolicy();return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getXAxisField()??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getYAxisField()??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,l]=[...this.model.getLinearTrendSymbol()?.color??x(0)];return n`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(s.switchElement)} .checked=${this.model.getShowLinearTrend()} @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.getShowLinearTrend()} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${$({color:`rgba(${e},${t},${a},${l/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(s.r2)} .hidden=${!this.model.getShowLinearTrend()}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,_)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(s.numberInput)} min=1 max=100 step=1 .value=${S(this.model.getFixedMarkerSymbol()?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getSizePolicy()?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.getSizePolicy()?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(s.numberInput)} min=1 .max=${this.model.getSizePolicy()?.maxSize??100} step=1 .value=${S(this.model.getSizePolicy()?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(s.numberInput)} .min=${this.model.getSizePolicy()?.minSize??1} max=100 step=1 .value=${S(this.model.getSizePolicy()?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(s.multiInputSection)}><calcite-label class=${i(s.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(S(this.model.getSizePolicy()?.minSize))} .maxValue=${z(S(this.model.getSizePolicy()?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(s.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,t,a,l]=[...this.model.getFixedMarkerSymbol()?.color??x(0)];return n`<div class=${i(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(s.label)}>${this._messages.color}${this.isTableLayer!==!0?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.getColorMatch()} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.getColorMatch()} ${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.getColorMatch()&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${$({color:`rgba(${e},${t},${a},${l/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<div><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`}};L("arcgis-charts-config-scatter-plot-data",P);return P},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,c)
+v4.34.0-next.108 */
+import{a as m,c as R}from"./YU2ZDHVN.js";import{a as E}from"./DPRSAB7V.js";import c from"./WNZ3R54R.js";import{a as V}from"./5G5OKN3X.js";import{j as o,l as h}from"./VNMSLFKE.js";import a from"./QIE4IR2X.js";import{c as z,f as T,i as k}from"./Y77QVPB7.js";import"./ONOA22SX.js";import{A as $,C as w,E as L,g as I,h as n,l as v,w as d,x as r,y as F,z as i}from"./2LOQH4HR.js";import"./LJHR4U2E.js";import"./HXPS5P4F.js";import"./FPNDTQQP.js";import{g as C}from"./FJRNG67L.js";import{a as b}from"./AJP43KGV.js";import"./TDYFWCWT.js";export default $arcgis.t(([,,,,,,,{Ia:y,p:A,ta:M,y:x},{i:_,m:f,n:S,o:g,p:p,q:D}])=>{var s={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section"},K=I`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.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}`,P=class extends F{constructor(){super(...arguments),this._messages=V(),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=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.setLinearTrendSymbol(T(t))},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,l,c]=t,u=A*255;this.model.setFixedMarkerSymbol({...this.model.getFixedMarkerSymbol(),color:[a,l,c,u]})},this.setXYField=async e=>{try{let t=e.detail;R(m),this.contentKind===o.xAxisField?await this.model.setXAxisField(t):await this.model.setYAxisField(t),this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.setSizePolicy({...this.model.getSizePolicy(),type:b.SizePolicy,field:t}):this.model.setSizePolicy(void 0),m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field??void 0},this.removeScatterplotPopover()}catch(t){throw 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.getSizePolicy()??{};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:p.IDLE}):g({inputElement:this.minSizeInputElement.value,status:p.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:p.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:p.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v(),this.arcgisChartsConfigScatterplotPopoverChange=v()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:11,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=K}async load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=await M(),this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field})}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}openPopover(){(typeof this.selectedElement=="string"||!k(this.selectedElement))&&this.setupPopover()}setShowTrendLine(e){let t=e.target.checked;this.model.setShowLinearTrend(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 l=Number.parseInt(a),c=this.model.getSizePolicy(),u=this.model.getFixedMarkerSymbol();switch(t.name){case"fixed-symbol-size":u!==void 0&&this.model.setFixedMarkerSymbol({...u,size:l});break;case"proportional-symbol-min-size":c!==void 0&&this.model.setSizePolicy({...c,minSize:l});break;case"proportional-symbol-max-size":c!==void 0&&this.model.setSizePolicy({...c,maxSize:l});break}g({inputElement:t,status:p.IDLE})}else g({inputElement:t,status:p.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:l}=t,c=this.model.getSizePolicy();c!==void 0&&(this.model.setSizePolicy({...c,minSize:a,maxSize:l}),this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${l}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.setColorMatch(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.setSizePolicy({...this.model.getSizePolicy(),type:b.SizePolicy,field:t}):e===h.Fixed&&this.model.setSizePolicy({...this.model.getSizePolicy(),type:b.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.getFixedMarkerSymbol()?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.getLinearTrendSymbol())}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.getXAxisField()}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.getYAxisField()}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.getSizePolicy()?.field??""}setupPopover(){this.scatterplotPopover=E(this.scatterplotPopover);let e=[...this.layerFieldsInfo],t,a,l,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,l=this.model.getXAxisField(),a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,l=this.model.getYAxisField(),a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,l=this.model.getSizePolicy()?.field??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let u=this.selectedElement;l=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=w(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${l} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField}></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=E(this.scatterplotPopover)),this.selectedElement={}}getCurrentSymbolSizeType(){let e=this.model.getSizePolicy();return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getXAxisField()??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getYAxisField()??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,l]=[...this.model.getLinearTrendSymbol()?.color??x(0)];return n`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(s.switchElement)} .checked=${this.model.getShowLinearTrend()} @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.getShowLinearTrend()} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${$({color:`rgba(${e},${t},${a},${l/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(s.r2)} .hidden=${!this.model.getShowLinearTrend()}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,_)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(s.numberInput)} min=1 max=100 step=1 .value=${S(this.model.getFixedMarkerSymbol()?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.getSizePolicy()?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.getSizePolicy()?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(s.numberInput)} min=1 .max=${this.model.getSizePolicy()?.maxSize??100} step=1 .value=${S(this.model.getSizePolicy()?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(s.numberInput)} .min=${this.model.getSizePolicy()?.minSize??1} max=100 step=1 .value=${S(this.model.getSizePolicy()?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(s.multiInputSection)}><calcite-label class=${i(s.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(S(this.model.getSizePolicy()?.minSize))} .maxValue=${z(S(this.model.getSizePolicy()?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(s.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,t,a,l]=[...this.model.getFixedMarkerSymbol()?.color??x(0)];return n`<div class=${i(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(s.label)}>${this._messages.color}${this.isTableLayer!==!0?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.getColorMatch()} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.getColorMatch()} ${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.getColorMatch()&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${$({color:`rgba(${e},${t},${a},${l/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<div><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`}};L("arcgis-charts-config-scatter-plot-data",P);return P},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,c)

package/dist/cdn/{F5QMG5I6.js → TC4XPS4S.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.107 */
-import{a as u}from"./JTIJRJ4R.js";import{a as f}from"./T67BJKXP.js";import{a as o}from"./WXRYQ4Z3.js";import b from"./744XD63M.js";import{a as S}from"./L4G2SXC2.js";import"./H7VDOKLT.js";import a from"./JP4PYRKB.js";import"./WSIL3WW3.js";import"./WUW2ALWL.js";import{A as m,C as g,E as p,g as h,h as r,y as c}from"./EX2T5MLM.js";import"./TB5BIC3J.js";import"./44UXBYOS.js";import"./I64POCJG.js";import"./XFTFZNUX.js";import"./T6YNJ6QY.js";import"./HJ6LCBZB.js";export default $arcgis.t(([,,,,,,,{za:C},{w:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.setColorMatch(!1),s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.getSeriesLength(),s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.getChartSubType()===C.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}async resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i,s),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};p("arcgis-charts-config-line-chart-series",l);return l},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b)
+v4.34.0-next.108 */
+import{a as u}from"./7PIVCE2L.js";import{a as f}from"./A57M76YQ.js";import{a as o}from"./DPRSAB7V.js";import b from"./WNZ3R54R.js";import{a as S}from"./5G5OKN3X.js";import"./VNMSLFKE.js";import a from"./QIE4IR2X.js";import"./Y77QVPB7.js";import"./ONOA22SX.js";import{A as m,C as g,E as p,g as h,h as r,y as c}from"./2LOQH4HR.js";import"./LJHR4U2E.js";import"./HXPS5P4F.js";import"./FPNDTQQP.js";import"./FJRNG67L.js";import"./AJP43KGV.js";import"./TDYFWCWT.js";export default $arcgis.t(([,,,,,,,{za:C},{w:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.setColorMatch(!1),s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.getSeriesLength(),s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.getChartSubType()===C.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}async resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i,s),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};p("arcgis-charts-config-line-chart-series",l);return l},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b)

package/dist/cdn/{HJ6LCBZB.js → TDYFWCWT.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.107 */
+v4.34.0-next.108 */
 var g=Object.create;var e=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var m=(a=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(a,{get:(b,c)=>(typeof require<"u"?require:b)[c]}):a)(function(a){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+a+'" is not supported')});var n=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports),o=(a,b)=>{for(var c in b)e(a,c,{get:b[c],enumerable:!0})},l=(a,b,c,f)=>{if(b&&typeof b=="object"||typeof b=="function")for(let d of i(b))!k.call(a,d)&&d!==c&&e(a,d,{get:()=>b[d],enumerable:!(f=h(b,d))||f.enumerable});return a};var p=(a,b,c)=>(c=a!=null?g(j(a)):{},l(b||!a||!a.__esModule?e(c,"default",{value:a,enumerable:!0}):c,a));export{m as a,n as b,o as c,p as d};