@arcgis/charts-components 5.1.0-next.67 → 5.1.0-next.69

package/dist/cdn/{MUCSVAGN.js → LCTOFU34.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as D}from"./2E5ZABQ4.js";import{a as A}from"./EEBD6KKN.js";import{a as N,c as B}from"./7BDNLABD.js";import g from"./LT62HS4S.js";import{b as a,c,i as m}from"./VCUC6CMW.js";import{a as T}from"./MP7HYYJR.js";import f from"./PGJD4Q7S.js";import e from"./R6XIAIZH.js";import"./YJXIGYX6.js";import d from"./GXQDCOI4.js";import{h as C,z as L}from"./Y7IQV44J.js";import"./3ZHL4GR5.js";import"./EZM4ZDQI.js";import{c as p}from"./ETLJKITO.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as o,n as u,y as b,z as v}from"./J66D7A5G.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,{S:P,U:x,dc:I},,,{a:S,c:_,g:F,h:H,i:f,j:$,k:K}])=>{var l={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},q=w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=T(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&F(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(B(N),t){case m.transformation:this.model.dataTransformationType=i??p.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigHistogramDataPopoverChange=u()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=q}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=A(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case p.None:e=this._messages.none??"";break;case p.Log:e=this._messages.log??"";break;case p.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case c.Min:t=this.minValue;break;case c.Max:t=this.maxValue;break;case c.Sum:t=this.sumValue;break;case c.Nulls:t=this.nullsValue;break;case c.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case c.CountExcludingNulls:t=this.countValue;break;case c.Mean:t=this.meanValue;break;case c.Median:t=this.medianValue;break;case c.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return K(t,_)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),n=t.includes(a.StandardDev),r=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==n&&(this.model.showStandardDevOverlay=n,this.standardDevOverlayVisible=n),this.normalDistOverlayVisible!==r&&(this.model.showNormalDistOverlay=r,this.normalDistOverlayVisible=r)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",n,r,h,g;switch(this.contentKind){case m.transformation:n=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.numericFields:r=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,n=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,n=void 0,r=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,n=void 0,r=void 0;break}this.histogramPopover=M(o`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${r} .selectedTransformationType=${n} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return o`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return o`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:n,ref:r,colorAction:h,color:g}=e,[E,j,z,U]=[...g??x()];return D(i,o`<calcite-list-item .label=${t??""} .value=${d} .selected=${n} ${v(r??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${j},${z},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return o`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(l.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return o`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,o`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(c);return o`<calcite-list label class=${s(l.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return o`<div class=${s(l.row)}><calcite-label class=${s(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return o`<div class=${s(l.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${H(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return o`<div class=${s(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(l.sectionLabel)}>${this._messages.bins}</div><p class=${s(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","applications/Components/imageryUtils","geometry/Extent","geometry/Point","intl",d,e,f,g)
+import{a as D}from"./XB6PLTZP.js";import{a as A}from"./EEBD6KKN.js";import{a as N,c as B}from"./7BDNLABD.js";import g from"./FOGT5KUE.js";import{b as a,c,i as m}from"./VCUC6CMW.js";import{a as T}from"./4IFQNR3G.js";import f from"./KG6VAY4O.js";import e from"./EPJXASVH.js";import"./YJXIGYX6.js";import d from"./DDTZK4ZS.js";import{h as C,z as L}from"./Y7IQV44J.js";import"./2O53DY2A.js";import"./EZM4ZDQI.js";import{c as p}from"./ETLJKITO.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as o,n as u,y as b,z as v}from"./HMOVBIG5.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,{S:P,U:x,dc:I},,,{a:S,c:_,g:F,h:H,i:f,j:$,k:K}])=>{var l={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},q=w`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=T(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&F(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(B(N),t){case m.transformation:this.model.dataTransformationType=i??p.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigHistogramDataPopoverChange=u()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=q}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=A(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case p.None:e=this._messages.none??"";break;case p.Log:e=this._messages.log??"";break;case p.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case c.Min:t=this.minValue;break;case c.Max:t=this.maxValue;break;case c.Sum:t=this.sumValue;break;case c.Nulls:t=this.nullsValue;break;case c.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case c.CountExcludingNulls:t=this.countValue;break;case c.Mean:t=this.meanValue;break;case c.Median:t=this.medianValue;break;case c.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return K(t,_)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),n=t.includes(a.StandardDev),r=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==n&&(this.model.showStandardDevOverlay=n,this.standardDevOverlayVisible=n),this.normalDistOverlayVisible!==r&&(this.model.showNormalDistOverlay=r,this.normalDistOverlayVisible=r)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",n,r,h,g;switch(this.contentKind){case m.transformation:n=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.numericFields:r=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,n=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,n=void 0,r=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,n=void 0,r=void 0;break}this.histogramPopover=M(o`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${r} .selectedTransformationType=${n} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return o`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return o`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:n,ref:r,colorAction:h,color:g}=e,[E,j,z,U]=[...g??x()];return D(i,o`<calcite-list-item .label=${t??""} .value=${d} .selected=${n} ${v(r??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${j},${z},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return o`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(l.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return o`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,o`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(c);return o`<calcite-list label class=${s(l.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return o`<div class=${s(l.row)}><calcite-label class=${s(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return o`<div class=${s(l.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${H(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return o`<div class=${s(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(l.sectionLabel)}>${this._messages.bins}</div><p class=${s(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","applications/Components/imageryUtils","geometry/Extent","geometry/Point","intl",d,e,f,g)

package/dist/cdn/{PG36SBDU.js → LMQBVW4Y.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import e from"./5KOFW5BO.js";import{a as u}from"./HLYRVLOY.js";import{a as v}from"./2E5ZABQ4.js";import{a as f}from"./EEBD6KKN.js";import{a as g}from"./MP7HYYJR.js";import c from"./R6XIAIZH.js";import"./YJXIGYX6.js";import b from"./GXQDCOI4.js";import"./Y7IQV44J.js";import"./3ZHL4GR5.js";import"./ETLJKITO.js";import{A as m,B as o,E as p,G as C,g as d,i as a,n as s}from"./J66D7A5G.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{a:w}])=>{var n={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},$=d`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let r=[...this.modelList],c=r?.[i],h=r?.[t];c&&h&&(r.splice(i,1),r.splice(t,0,c)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:r})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=s(),this.arcgisChartsConfigViewChartAddChart=s(),this.arcgisChartsConfigViewChartDelete=s(),this.arcgisChartsConfigViewChartEdit=s(),this.arcgisChartsConfigViewChartSelect=s()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=$}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildChartList(){let e=this.modelList?u(this.modelList,t=>t.chartId,(t,i)=>{let r=t.chartId,c=t.titleText,h=w(t.config);return a`<calcite-list-item .label=${c??r??this._messages.chartTitle} .selected=${this.selectedChartId===(r?.toString()??i.toString())} .value=${r??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing?null:a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===r} @calciteDropdownClose=${()=>this.chartActionClosed(r??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(r??"")} class=${o(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${r===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${R=>R.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?a`<div>${this.noGroup?null:a`<p class=${o(n.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${v(this.chartsOrderReorderCounter,a`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:a`<div class=${o(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(r=>r.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=p(a`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=f(this.chartRenamePopover))}render(){return a`<div class=${o(n.viewChartComponent)}>${this.buildChartList()}</div>`}};C("arcgis-charts-config-view-charts",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","applications/Components/imageryUtils","geometry/Extent","geometry/Point",b,c,e)
+import e from"./DH4KFHEJ.js";import{a as u}from"./SGF2PV4P.js";import{a as v}from"./XB6PLTZP.js";import{a as f}from"./EEBD6KKN.js";import{a as g}from"./4IFQNR3G.js";import c from"./EPJXASVH.js";import"./YJXIGYX6.js";import b from"./DDTZK4ZS.js";import"./Y7IQV44J.js";import"./2O53DY2A.js";import"./ETLJKITO.js";import{A as m,B as o,E as p,G as C,g as d,i as a,n as s}from"./HMOVBIG5.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{a:w}])=>{var n={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},$=d`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let r=[...this.modelList],c=r?.[i],h=r?.[t];c&&h&&(r.splice(i,1),r.splice(t,0,c)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:r})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=s(),this.arcgisChartsConfigViewChartAddChart=s(),this.arcgisChartsConfigViewChartDelete=s(),this.arcgisChartsConfigViewChartEdit=s(),this.arcgisChartsConfigViewChartSelect=s()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=$}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildChartList(){let e=this.modelList?u(this.modelList,t=>t.chartId,(t,i)=>{let r=t.chartId,c=t.titleText,h=w(t.config);return a`<calcite-list-item .label=${c??r??this._messages.chartTitle} .selected=${this.selectedChartId===(r?.toString()??i.toString())} .value=${r??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing?null:a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===r} @calciteDropdownClose=${()=>this.chartActionClosed(r??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(r??"")} class=${o(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${r===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${R=>R.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?a`<div>${this.noGroup?null:a`<p class=${o(n.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${v(this.chartsOrderReorderCounter,a`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:a`<div class=${o(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(r=>r.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=p(a`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=f(this.chartRenamePopover))}render(){return a`<div class=${o(n.viewChartComponent)}>${this.buildChartList()}</div>`}};C("arcgis-charts-config-view-charts",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","applications/Components/imageryUtils","geometry/Extent","geometry/Point",b,c,e)