@arcgis/charts-components 5.2.0-next.111 → 5.2.0-next.112

package/dist/cdn/{LMXFW6NW.js → M32F4QYD.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./JV4CEAY2.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./EWPEPYH7.js";import b from"./MIA4DLUH.js";import{d as g}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotMonoField||S===g.BoxPlotMultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)
+import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./K2IMX6HU.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./67XCXPQ6.js";import b from"./GSCC2TTU.js";import{d as g}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotMonoField||S===g.BoxPlotMultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)

package/dist/cdn/{VYD2S5WA.js → M4QCRRN6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import c from"./UVLCXTG4.js";import b from"./7CP5MYX6.js";import a from"./EWPEPYH7.js";import{j as s}from"./QP5UAIC6.js";export default $arcgis.t(([{s:f},{e:a},{a:g,b:c,c:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=p(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];f(i,h);return i},a,b,c)
+import c from"./Q3NST3BX.js";import b from"./HAIFP7IJ.js";import a from"./67XCXPQ6.js";import{j as s}from"./QP5UAIC6.js";export default $arcgis.t(([{s:f},{e:a},{a:g,b:c,c:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=p(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];f(i,h);return i},a,b,c)

package/dist/cdn/{H7K6D57Z.js → MZ2NU4TE.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as f}from"./7TM4LYGN.js";import{a as v}from"./MQI4ZLAS.js";import{b as U,c as R}from"./IHO3OLL3.js";import c from"./JV4CEAY2.js";import{g as l}from"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import b from"./EWPEPYH7.js";import a from"./MIA4DLUH.js";import{n as z,u as N}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{Aa as w,za as T}from"./62GSQDTE.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./225VUGML.js";import{a as p}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as E,k as m,o as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Na:B,Nb:O,Ob:_,Qb:K,Rb:k},,{a:P,c:b,g:H,k:h,o:M,r:j}])=>{var V=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=V}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>w(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),U(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=R(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=B(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){j(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&O(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};M(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${H(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
+import{a as f}from"./7TM4LYGN.js";import{a as v}from"./MQI4ZLAS.js";import{b as U,c as R}from"./IHO3OLL3.js";import c from"./K2IMX6HU.js";import{g as l}from"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import b from"./67XCXPQ6.js";import a from"./GSCC2TTU.js";import{n as z,u as N}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{Aa as w,za as T}from"./62GSQDTE.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./225VUGML.js";import{a as p}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as E,k as m,o as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Na:B,Nb:O,Ob:_,Qb:K,Rb:k},,{a:P,c:b,g:H,k:h,o:M,r:j}])=>{var V=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=V}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>w(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),U(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=R(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=B(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){j(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&O(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};M(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${H(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)

package/dist/cdn/{IHOTDAKI.js → N7QCYD5R.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as ae}from"./IHO3OLL3.js";import{a as J,h as Q}from"./OBPAQN4H.js";import j from"./JV4CEAY2.js";import{l as s,m as y}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import i from"./T7Z4DZ7V.js";import g from"./EMOJZ4XR.js";import e from"./NT7D3WEH.js";import b from"./EWPEPYH7.js";import a from"./MIA4DLUH.js";import{c as x,n as R,y as U}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{q as K,s as d,za as W}from"./62GSQDTE.js";import{f as q}from"./KX7KGXKQ.js";import{f as O,q as L}from"./SP2IPHWF.js";import{d as _,g as N,i as I}from"./5SYHQWPP.js";import{A as c,B as T,C as o,D as B,F as w,H as D,g as A,i as l,n as M,z as n}from"./225VUGML.js";import{c as X}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as p,b as m,l as u,m as C,n as h,w as H,x as f}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:S,a:V},,{b:Z,g:G,h:b,i:z},{d:j},{h:Y},{g:ee,s:k}])=>{var se=A`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{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}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},E=class extends T{constructor(){super(...arguments),this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===m.Count||t===m.Sum?this.model.nullPolicy=h.Zero:this.model.nullPolicy=h.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===m.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=m.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,i=this.model.colorRampName!==t,g=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(i||g)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,i={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=se}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=W(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(j(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??x.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=_(this.el??document.documentElement),a=I(e);return V.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==N}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:p.CalendarDateParts,unit:u.DayOfMonth},t={type:p.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:p.CalendarDateParts,unit:u.HourOfDay},t={type:p.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,i=Q(J);return i&&(a=await G({data:i,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:K.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);z({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Y({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<d.min?a=d.min:a>d.max&&(a=d.max),U(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,i;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,i=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,i=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,i=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,i=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,i=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,i=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,i=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=w(l`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=ae(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===m.Count||this.model.aggregationType===m.Sum)&&this.model.nullPolicy!==h.Zero&&(this.model.nullPolicy=h.Zero),this.model.colorRampName===void 0&&(this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderAggregation(){return l`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===m.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-picker>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return l`<arcgis-charts-config-field-picker .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-picker>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[O(this.model.classificationMethod)]??"":"";return l`<arcgis-charts-config-field-picker .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-picker>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?Z(a.symbol.color):"#FFFFFF";return l`<div class=${o(r.colorRampSegment)} style=${B({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return l`<arcgis-charts-config-field-picker label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldPickerSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-picker>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return l`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>l`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??x.grayColor,[i,g,v,$]=[...t],F=`rgba(${i},${g},${v},${$/255})`;return l`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${B({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return l`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Zero} .checked=${this.model.nullPolicy===h.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Null} .checked=${this.model.nullPolicy===h.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),g=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),te=this.renderEmptyBins();return l`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${g}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${d.min} .max=${d.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ee(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${te}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};D("arcgis-charts-config-heat-chart-data",E);return E},a,b,e,g,i,j)
+import{a as ae}from"./IHO3OLL3.js";import{a as J,h as Q}from"./OBPAQN4H.js";import j from"./K2IMX6HU.js";import{l as s,m as y}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import i from"./EJBDH32O.js";import g from"./7V4UDGBX.js";import e from"./PNIDMUQY.js";import b from"./67XCXPQ6.js";import a from"./GSCC2TTU.js";import{c as x,n as R,y as U}from"./VQU2TVX7.js";import"./WOGALV3T.js";import{q as K,s as d,za as W}from"./62GSQDTE.js";import{f as q}from"./KX7KGXKQ.js";import{f as O,q as L}from"./SP2IPHWF.js";import{d as _,g as N,i as I}from"./5SYHQWPP.js";import{A as c,B as T,C as o,D as B,F as w,H as D,g as A,i as l,n as M,z as n}from"./225VUGML.js";import{c as X}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as p,b as m,l as u,m as C,n as h,w as H,x as f}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:S,a:V},,{b:Z,g:G,h:b,i:z},{d:j},{h:Y},{g:ee,s:k}])=>{var se=A`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{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}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},E=class extends T{constructor(){super(...arguments),this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===m.Count||t===m.Sum?this.model.nullPolicy=h.Zero:this.model.nullPolicy=h.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===m.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=m.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,i=this.model.colorRampName!==t,g=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(i||g)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,i={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=se}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=W(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(j(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??x.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=_(this.el??document.documentElement),a=I(e);return V.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==N}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:p.CalendarDateParts,unit:u.DayOfMonth},t={type:p.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:p.CalendarDateParts,unit:u.HourOfDay},t={type:p.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.yTemporalBinning=t;break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,i=Q(J);return i&&(a=await G({data:i,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:K.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);z({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Y({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<d.min?a=d.min:a>d.max&&(a=d.max),U(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,i;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,i=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,i=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,i=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,i=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,i=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,i=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,i=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=w(l`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=ae(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===m.Count||this.model.aggregationType===m.Sum)&&this.model.nullPolicy!==h.Zero&&(this.model.nullPolicy=h.Zero),this.model.colorRampName===void 0&&(this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`}renderAggregation(){return l`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===m.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return l`<arcgis-charts-config-field-picker .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-picker>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return l`<arcgis-charts-config-field-picker .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-picker>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[O(this.model.classificationMethod)]??"":"";return l`<arcgis-charts-config-field-picker .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-picker>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?Z(a.symbol.color):"#FFFFFF";return l`<div class=${o(r.colorRampSegment)} style=${B({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return l`<arcgis-charts-config-field-picker label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldPickerSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-picker>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return l`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>l`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??x.grayColor,[i,g,v,$]=[...t],F=`rgba(${i},${g},${v},${$/255})`;return l`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${B({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return l`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Zero} .checked=${this.model.nullPolicy===h.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Null} .checked=${this.model.nullPolicy===h.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),g=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),te=this.renderEmptyBins();return l`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${g}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${d.min} .max=${d.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ee(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${te}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};D("arcgis-charts-config-heat-chart-data",E);return E},a,b,e,g,i,j)

package/dist/cdn/{GU4EQDNJ.js → NXSSBVFZ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as D}from"./MQI4ZLAS.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./JV4CEAY2.js";import{b as a,c as o,i as m}from"./TENIFMA5.js";import{a as N}from"./SZYIWW3C.js";import d from"./EWPEPYH7.js";import c from"./MIA4DLUH.js";import{n as I}from"./VQU2TVX7.js";import{e as T}from"./WOGALV3T.js";import{C as P,E as x}from"./62GSQDTE.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=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=N(),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&&H(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),t){case m.transformation:this.model.dataTransformationType=i??u.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.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}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=R}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=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}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),r=t.includes(a.StandardDev),c=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!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .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 l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??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},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<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(n.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 l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return l`<div class=${s(n.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=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
+import{a as D}from"./MQI4ZLAS.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./K2IMX6HU.js";import{b as a,c as o,i as m}from"./TENIFMA5.js";import{a as N}from"./SZYIWW3C.js";import d from"./67XCXPQ6.js";import c from"./GSCC2TTU.js";import{n as I}from"./VQU2TVX7.js";import{e as T}from"./WOGALV3T.js";import{C as P,E as x}from"./62GSQDTE.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as u}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=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=N(),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&&H(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),t){case m.transformation:this.model.dataTransformationType=i??u.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.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}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=R}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=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}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),r=t.includes(a.StandardDev),c=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!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .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 l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??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},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<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(n.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 l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return l`<div class=${s(n.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=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)

package/dist/cdn/{EY3OIDVL.js → OAYOGIS6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as u}from"./IHO3OLL3.js";import{a as f}from"./SZYIWW3C.js";import a from"./MIA4DLUH.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as C}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as m,B as d,C as i,H as g,g as c,i as p,n as s,z as h}from"./225VUGML.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Tc:v}])=>{var x={panelChildrenContainer:"panel-children-container"},y=c`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,o=class extends d{constructor(){super(...arguments),this._messages=f(),this.popoverElement=h(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSeriesIndex:9,placement:1,open:5,nullCategory:0}}static{this.styles=y}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,r,n]=t,l=C*255;this.selectedColor=[a,r,n,l],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[a,r,n,l]})}render(){let e=v(this.nullCategory)?.color??this.selectedColor,t=this.nullCategory?.text??this.selectedName;return p`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(x.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${i(x.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};g("arcgis-charts-config-bar-chart-series-popover",o);return o},a)
+import{b as u}from"./IHO3OLL3.js";import{a as f}from"./SZYIWW3C.js";import a from"./GSCC2TTU.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import{i as C}from"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as m,B as d,C as i,H as g,g as c,i as p,n as s,z as h}from"./225VUGML.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Tc:v}])=>{var x={panelChildrenContainer:"panel-children-container"},y=c`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,o=class extends d{constructor(){super(...arguments),this._messages=f(),this.popoverElement=h(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSeriesIndex:9,placement:1,open:5,nullCategory:0}}static{this.styles=y}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,r,n]=t,l=C*255;this.selectedColor=[a,r,n,l],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[a,r,n,l]})}render(){let e=v(this.nullCategory)?.color??this.selectedColor,t=this.nullCategory?.text??this.selectedName;return p`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(x.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${i(x.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};g("arcgis-charts-config-bar-chart-series-popover",o);return o},a)

package/dist/cdn/{YK5VKE7I.js → OLEFWZFS.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import n from"./E2YQ7BBF.js";import{b as e,c as t,d as a}from"./7NWEE7T2.js";import l from"./JV4CEAY2.js";import{a as u}from"./TENIFMA5.js";import{a as A}from"./SZYIWW3C.js";import k from"./G22GCRXH.js";import j from"./EMOJZ4XR.js";import{a as h,p as E}from"./RPUEIRTH.js";import i from"./7CP5MYX6.js";import f from"./NT7D3WEH.js";import c from"./EWPEPYH7.js";import b from"./MIA4DLUH.js";import{a as x}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as _,C as z,D as m,E as s,F as p,H as V,g as O,i as o,n as r,z as d}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as v}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:L},{r:n},{a:F}])=>{function R(S){return S?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=O`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends _{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=q}load(){this.chartElement=R(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?L(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),$=l.includes(e.Legend),f=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),C=l.includes(e.FilterByExtent)&&!c,y=l.includes(e.Zoom),B=l.includes(e.Selection),D=l.includes(e.ClearSelection),k=l.includes(e.FullExtent),I=l.includes(e.SwitchSelection),M=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[$||f?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||C?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,B||y||k||D||I?o`<calcite-action-group>${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,M||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${M?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${z(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};V("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)
+import n from"./4Z5SNPOX.js";import{b as e,c as t,d as a}from"./7NWEE7T2.js";import l from"./K2IMX6HU.js";import{a as u}from"./TENIFMA5.js";import{a as A}from"./SZYIWW3C.js";import k from"./UU7YRQTV.js";import j from"./7V4UDGBX.js";import{a as h,p as E}from"./RPUEIRTH.js";import i from"./HAIFP7IJ.js";import f from"./PNIDMUQY.js";import c from"./67XCXPQ6.js";import b from"./GSCC2TTU.js";import{a as x}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as _,C as z,D as m,E as s,F as p,H as V,g as O,i as o,n as r,z as d}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as v}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:L},{r:n},{a:F}])=>{function R(S){return S?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=O`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends _{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=q}load(){this.chartElement=R(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?L(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),$=l.includes(e.Legend),f=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),C=l.includes(e.FilterByExtent)&&!c,y=l.includes(e.Zoom),B=l.includes(e.Selection),D=l.includes(e.ClearSelection),k=l.includes(e.FullExtent),I=l.includes(e.SwitchSelection),M=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[$||f?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||C?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,B||y||k||D||I?o`<calcite-action-group>${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,M||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${M?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${z(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};V("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)

package/dist/cdn/{MQYMM7JO.js → ONOVYY7V.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./JV4CEAY2.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./EWPEPYH7.js";import a from"./MIA4DLUH.js";import{n as b}from"./VQU2TVX7.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./62GSQDTE.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
+import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./K2IMX6HU.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./67XCXPQ6.js";import a from"./GSCC2TTU.js";import{n as b}from"./VQU2TVX7.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./62GSQDTE.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)

package/dist/cdn/{NT7D3WEH.js → PNIDMUQY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import a from"./MIA4DLUH.js";import{q as R}from"./62GSQDTE.js";import{a as k,b as g,d as h,f as C}from"./KX7KGXKQ.js";import{d as z,g as q,j as L,l as D,r as W}from"./SP2IPHWF.js";import{a as G}from"./PWJBGZPW.js";export default $arcgis.t(([X,{createClassBreaksRenderer:Z},{getSchemes:ee},H,{Hb:J,nb:A}])=>{function te(e){let a;switch(e.length){case 4:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),255]);break}case 5:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),Number.parseInt(`${t[4]}${t[4]}`,16)]);break}case 7:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),255]);break}case 9:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),Number.parseInt(t[4],16)]);break}}return a}function _(e){let a;if(typeof e=="string"&&e.startsWith("#")){let t=te(e);t&&(a=t)}else Array.isArray(e)&&e.every(t=>typeof t=="number")&&(e.length===4?a=e:e.length===3&&(a=[...e,255]));return a}function K(e){return e===h.BackwardDiagonal||e===h.Cross||e===h.DiagonalCross||e===h.ForwardDiagonal||e===h.Horizontal||e===h.Null||e===h.Solid||e===h.Vertical}function v(e){return e===g.Dash||e===g.DashDot||e===g.DashDotDot||e===g.Dot||e===g.Null||e===g.Solid}function ae(e){let{categoryField:a,numericFields:t,configFields:r,inlineData:c}=e,o={};return r&&Object.keys(r).length>0&&"dataItems"in c&&(o={type:"uniqueValue",field1:a,uniqueValueInfos:[]},c.dataItems.forEach(s=>{let l=s[a];if(l!=null){let n={value:l};t.forEach(i=>{let u=_(s[`${r.fillColor}_${i}`]),m=s[`${r.fillOpacity}_${i}`],f=s[`${r.fillStyle}_${i}`],p=s[`${r.markerSize}_${i}`],d=_(s[`${r.outlineColor}_${i}`]),$=s[`${r.outlineOpacity}_${i}`],F=s[`${r.outlineWidth}_${i}`],O=s[`${r.outlineStyle}_${i}`],S=_(s[`${r.lineColor}_${i}`]),x=s[`${r.lineOpacity}_${i}`],I=s[`${r.lineWidth}_${i}`],N=s[`${r.lineStyle}_${i}`],j=s[`${r.displayLabel}_${i}`];if(typeof j=="string"&&(n={...n,label:j}),p!=null){let y={type:C.SMS};p&&typeof p=="number"&&(y.size=p),n.symbol=y}if(u||K(f)){let y=n.symbol?.type===C.SMS?n.symbol:{type:C.SFS};if(u&&(m&&typeof m=="number"&&(u[3]=m),y.color=u),K(f)&&(y.style=f),n.symbol=y,d||F!=null||v(O)){let B={type:C.SLS};d&&($&&typeof $=="number"&&(d[3]=$),B.color=d),v(O)&&(B.style=O),F&&typeof F=="number"&&(B.width=F),n.symbol.outline=B}}else if(S||I!=null||v(N)){let y={type:C.SLS};S&&(x&&typeof x=="number"&&(S[3]=x),y.color=S),v(N)&&(y.style=N),I!=null&&typeof I=="number"&&(y.width=I),n.symbol=y}}),(n.label||n.symbol)&&o.uniqueValueInfos.push(n)}})),o}function re(e){let{numericFields:a,configFields:t,inlineData:r}=e,c=r;return"dataItems"in r&&Object.entries(t).forEach(([o,s])=>{a.forEach(l=>{let n=`${s}_${l}`;r.dataItems.forEach(i=>{n in i&&delete i[n]})})}),c}function se(e){let{categoryField:a,categoryType:t,numericFields:r,inlineData:c}=e,o;if("dataItems"in c){let{dataItems:s}=c,l=[],n="OBJECTID",i=s.map((m,f)=>{let p={...m};return"FID"in m?n="FID":"ObjectId"in m&&(n="ObjectId"),p[n]||(p[n]=f),{attributes:p}});l.push({type:"esriFieldTypeOID",name:n});let u;switch(t){case"dateOnly":u=k.DateOnly;break;case"timeStampOffset":u=k.TimestampOffset;break;case"date":u=k.Date;break;case"number":u=k.Double;break;default:u=k.String;break}l.push({type:u,name:a}),r.forEach(m=>{l.push({type:k.Double,name:m})}),o={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:l},featureSet:{features:i}}]}}}return o}async function oe(e){let{categoryField:a,categoryType:t,numericFields:r,configFields:c,inlineData:o}=e,s,l,n=q(o);c&&(s=ae({categoryField:a,numericFields:r,configFields:c,inlineData:n}),n=re({numericFields:r,configFields:c,inlineData:n}));let i=se({categoryField:a,categoryType:t,numericFields:r,inlineData:n});return i&&(l=await J(i)),{chartRenderer:s,iLayer:i,layer:l}}var E=H.all(),ne=ee({geometryType:"point",theme:"high-to-low"});function P(e,a,t){let r=Math.max(0,Math.min(1,t));return[Math.round(e[0]+(a[0]-e[0])*r),Math.round(e[1]+(a[1]-e[1])*r),Math.round(e[2]+(a[2]-e[2])*r),Math.round(e[3]+(a[3]-e[3])*r)]}function le(e,a){return a?.length===e?a:[]}function ie(e){let{numberOfClassBreaks:a,baseColors:t,fallbackStartColor:r=[237,248,251,255],fallbackEndColor:c=[136,65,157,255]}=e,o=[];if(a>0){let s=t?.[0]??r,l=t&&t.length>1?t[t.length-1]:c;if(a===1)o=[s];else for(let n=0;n<a;n++){let i=n/(a-1);o.push(P(s,l,i))}}return o}function Y(e){let{colorRamp:a,numberOfClassBreaks:t,isFlipped:r}=e,c=[],o=!1;if(a.colorsForClassBreaks&&a.colorsForClassBreaks.length>0){let s=a.colorsForClassBreaks.find(l=>l.numClasses===t);if(s?.colors?.length===t){let l=s.colors.map(n=>M(n));l.every(n=>n!==void 0)&&(c=r?l.reverse():l,o=!0)}}if(!o){let s=a.colors||[];if(s.length>0){let l=s.map(M).filter(i=>i!==void 0);r&&(l=l.reverse());let n=[];for(let i=0;i<t;i++){let u=t>1?i/(t-1):0,m=Math.floor(u*(l.length-1)),f=Math.min(m+1,l.length-1),p=l[m],d=l[f];if(!p||!d){c=[];break}let $=u*(l.length-1)-m,F=P(p,d,$);n.push(F)}c=n}}return c}function Q(e){let{numberOfClassBreaks:a,selectedColorRamp:t,colorRamp:r,isFlipped:c=!1}=e,o=le(a,r),s=t?Y({colorRamp:t,numberOfClassBreaks:a,isFlipped:c}):[];return o.length!==a&&(o=s),o.length!==a&&(o=ie({numberOfClassBreaks:a,baseColors:s.length>0?s:r})),o}function U(e,a=2){return e%1===0?e.toString():e.toFixed(a)}function ce(e,a=2){return`\u2264 ${U(e,a)}`}function Re(e){let a="#000000";if(e&&Array.isArray(e)&&e.length>=3){let t=b(e[0]||0),r=b(e[1]||0),c=b(e[2]||0),o=t.toString(16).padStart(2,"0"),s=r.toString(16).padStart(2,"0"),l=c.toString(16).padStart(2,"0");a=`#${o}${s}${l}`}return a}var ve={all:["*"],light:["light"],dark:["dark"],redsAndYellows:["oranges","reds","yellows"],greens:["greens"],blues:["blues"],purplesAndPinks:["purples","pinks"],browns:["browns"],grays:["grays"],bright:["bright"],subdued:["subdued"],colorblindFriendly:["colorblind-friendly"]},we={all:"all"},ue=e=>{let a=0,t=o=>{let s=0;return o.forEach(l=>{let n=l.toString().split(".")[1];n&&(s=Math.max(s,n.length))}),s},r=[...e].sort((o,s)=>o-s),c=t(r);for(;a<=c&&r.some((o,s)=>s>0&&A(o,a)<=A(r[s-1],a));)a++;return Math.min(a,c)};function b(e){return Math.max(0,Math.min(255,Math.round(e)))}function M(e){let a;if(e instanceof X){let t=e.toRgba();a=[b(t[0]),b(t[1]),b(t[2]),b(t[3]*255)]}else if(Array.isArray(e)&&e.every(t=>typeof t=="number")&&e.length===4){let t=e.length>=4?e[3]??255:255,r=b(t<=1?t*255:t);a=[b(e[0]??0),b(e[1]??0),b(e[2]??0),r]}return a}function w(e){let a=[];for(let t of e){let r=M(t);r&&a.push(r)}return a}function V(e,a){let t=0,r=e.size<=a.size?e:a,c=r===e?a:e;for(let o of r)c.has(o)&&t++;return t}function me(e){return[...e.colors??[],...L(e.colorsForClassBreaks??[],a=>a.colors??[])]}function fe(e){let{ramp:a,breakKeys:t,breakCount:r,weights:c}=e,o=d=>d.join(","),s=a.colorsForClassBreaks?.find(d=>d.numClasses===r)?.colors??[],l=new Set(w(s).map(o)),n=V(t,l),i=new Set(w(Q({numberOfClassBreaks:r,selectedColorRamp:a})).map(o)),u=V(t,i),m=me(a).filter(d=>!!d),f=new Set(w(m).map(o)),p=V(t,f);return n*c.exactN+u*c.generated+p*c.anyOverlap}function Me(e,a){let t={exactN:100,generated:10,anyOverlap:1},r=o=>o.join(","),c;if(e?.length){let o=w(e.map(u=>u.symbol?.color)),s=new Set(o.map(r)),l=o.length,n=a.map(u=>{let m=fe({ramp:u,breakKeys:s,breakCount:l,weights:t});return{ramp:u,score:m}}),i=W(n,[u=>-u.score,u=>u.ramp.name]);i[0]?.score>0&&(c=i[0].ramp)}return c}function Oe(e,a){let t=!0;if(!e?.length||a.length<2)t=!1;else{let r=e.map(M),c=a.map(o=>o.symbol.color);if(r.length!==c.length)t=!1;else{let o=(n,i)=>!!n&&!!i&&n.length===i.length&&n.every((u,m)=>u===i[m]),s=0,l=c.length-1;for(;s<r.length&&l>=0;){if(!o(r[s],c[l])){t=!1;break}s++,l--}}}return t}function pe(e){let a=new Set(e.dataItems.map(r=>r[R.valueField])),[t]=a;return a.size===1?t:void 0}function de(e,a){let t=Y({colorRamp:T.defaultColorRampForCharts,numberOfClassBreaks:1})[0];return{classMinValue:0,classMaxValue:e,label:U(e),symbol:{type:C.SFS,style:h.Solid,color:a??t??[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}}async function ye(e){let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorsForClassBreaks:o}=e,s=[],l=pe(a);if(l!==void 0)s=[de(l,o?.[0])];else{let n=await oe({categoryField:c??"",categoryType:G.DateAxisFormat,numericFields:[R.valueField],inlineData:a});if(n.layer){let i=ne?.primaryScheme,u=await Z({layer:n.layer,field:R.valueField,classificationMethod:r,numClasses:t,colorScheme:i});if(u?.classBreaksResult?.classBreakInfos?.length){let m=ue(u.classBreaksResult.classBreakInfos.map(f=>f.maxValue));s=u.classBreaksResult.classBreakInfos.map((f,p)=>({classMinValue:f.minValue,classMaxValue:f.maxValue,label:ce(f.maxValue,m),symbol:{type:C.SFS,style:h.Solid,color:o?.[p]||[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}))}}}return s}function he(e){return e?.length?e:T.esriColorRamps}function be(e,a){return e?he(a).find(t=>t.name===e):void 0}function ge(e){let{colorRampName:a,availableColorRamps:t}=e;return be(a,t)??T.defaultColorRampForCharts}var xe=z(async e=>{let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorRampName:o,availableColorRamps:s,existingClassBreakInfos:l,useExistingColors:n,isColorRampFlipped:i}=e,u=ge({colorRampName:o,availableColorRamps:s}),m=i??!1,f=Q({numberOfClassBreaks:t,selectedColorRamp:u,colorRamp:n?l?.map(p=>p.symbol?.color):void 0,isFlipped:m});return await ye({data:a,classificationMethod:r,breaksCount:t,xAxisField:c,colorsForClassBreaks:f})},e=>JSON.stringify(e)),T={esriColorRamps:E,defaultColorRampForCharts:E.find(e=>e.name==="Blue 3")??E[0]};function Ne({currentBreaks:e,configBreaks:a,treatReversedColorsAsEqual:t=!0}){let r=!0;if(Array.isArray(e)&&Array.isArray(a)){let c=o=>o.map(({symbol:s,...l})=>l);if(D(c(e),c(a))){let o=e.map(i=>i.symbol?.color),s=a.map(i=>i.symbol?.color),l=D(o,s),n=D(o,[...s].reverse());r=t?!(l||n):!l}}return r}return{a:Q,b:Re,c:ve,d:we,e:Me,f:Oe,g:xe,h:T,i:Ne}},"Color","smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps",a)
+import a from"./GSCC2TTU.js";import{q as R}from"./62GSQDTE.js";import{a as k,b as g,d as h,f as C}from"./KX7KGXKQ.js";import{d as z,g as q,j as L,l as D,r as W}from"./SP2IPHWF.js";import{a as G}from"./PWJBGZPW.js";export default $arcgis.t(([X,{createClassBreaksRenderer:Z},{getSchemes:ee},H,{Hb:J,nb:A}])=>{function te(e){let a;switch(e.length){case 4:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),255]);break}case 5:{let t=e.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);t&&(a=[Number.parseInt(`${t[1]}${t[1]}`,16),Number.parseInt(`${t[2]}${t[2]}`,16),Number.parseInt(`${t[3]}${t[3]}`,16),Number.parseInt(`${t[4]}${t[4]}`,16)]);break}case 7:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),255]);break}case 9:{let t=e.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);t&&(a=[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16),Number.parseInt(t[4],16)]);break}}return a}function _(e){let a;if(typeof e=="string"&&e.startsWith("#")){let t=te(e);t&&(a=t)}else Array.isArray(e)&&e.every(t=>typeof t=="number")&&(e.length===4?a=e:e.length===3&&(a=[...e,255]));return a}function K(e){return e===h.BackwardDiagonal||e===h.Cross||e===h.DiagonalCross||e===h.ForwardDiagonal||e===h.Horizontal||e===h.Null||e===h.Solid||e===h.Vertical}function v(e){return e===g.Dash||e===g.DashDot||e===g.DashDotDot||e===g.Dot||e===g.Null||e===g.Solid}function ae(e){let{categoryField:a,numericFields:t,configFields:r,inlineData:c}=e,o={};return r&&Object.keys(r).length>0&&"dataItems"in c&&(o={type:"uniqueValue",field1:a,uniqueValueInfos:[]},c.dataItems.forEach(s=>{let l=s[a];if(l!=null){let n={value:l};t.forEach(i=>{let u=_(s[`${r.fillColor}_${i}`]),m=s[`${r.fillOpacity}_${i}`],f=s[`${r.fillStyle}_${i}`],p=s[`${r.markerSize}_${i}`],d=_(s[`${r.outlineColor}_${i}`]),$=s[`${r.outlineOpacity}_${i}`],F=s[`${r.outlineWidth}_${i}`],O=s[`${r.outlineStyle}_${i}`],S=_(s[`${r.lineColor}_${i}`]),x=s[`${r.lineOpacity}_${i}`],I=s[`${r.lineWidth}_${i}`],N=s[`${r.lineStyle}_${i}`],j=s[`${r.displayLabel}_${i}`];if(typeof j=="string"&&(n={...n,label:j}),p!=null){let y={type:C.SMS};p&&typeof p=="number"&&(y.size=p),n.symbol=y}if(u||K(f)){let y=n.symbol?.type===C.SMS?n.symbol:{type:C.SFS};if(u&&(m&&typeof m=="number"&&(u[3]=m),y.color=u),K(f)&&(y.style=f),n.symbol=y,d||F!=null||v(O)){let B={type:C.SLS};d&&($&&typeof $=="number"&&(d[3]=$),B.color=d),v(O)&&(B.style=O),F&&typeof F=="number"&&(B.width=F),n.symbol.outline=B}}else if(S||I!=null||v(N)){let y={type:C.SLS};S&&(x&&typeof x=="number"&&(S[3]=x),y.color=S),v(N)&&(y.style=N),I!=null&&typeof I=="number"&&(y.width=I),n.symbol=y}}),(n.label||n.symbol)&&o.uniqueValueInfos.push(n)}})),o}function re(e){let{numericFields:a,configFields:t,inlineData:r}=e,c=r;return"dataItems"in r&&Object.entries(t).forEach(([o,s])=>{a.forEach(l=>{let n=`${s}_${l}`;r.dataItems.forEach(i=>{n in i&&delete i[n]})})}),c}function se(e){let{categoryField:a,categoryType:t,numericFields:r,inlineData:c}=e,o;if("dataItems"in c){let{dataItems:s}=c,l=[],n="OBJECTID",i=s.map((m,f)=>{let p={...m};return"FID"in m?n="FID":"ObjectId"in m&&(n="ObjectId"),p[n]||(p[n]=f),{attributes:p}});l.push({type:"esriFieldTypeOID",name:n});let u;switch(t){case"dateOnly":u=k.DateOnly;break;case"timeStampOffset":u=k.TimestampOffset;break;case"date":u=k.Date;break;case"number":u=k.Double;break;default:u=k.String;break}l.push({type:u,name:a}),r.forEach(m=>{l.push({type:k.Double,name:m})}),o={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:l},featureSet:{features:i}}]}}}return o}async function oe(e){let{categoryField:a,categoryType:t,numericFields:r,configFields:c,inlineData:o}=e,s,l,n=q(o);c&&(s=ae({categoryField:a,numericFields:r,configFields:c,inlineData:n}),n=re({numericFields:r,configFields:c,inlineData:n}));let i=se({categoryField:a,categoryType:t,numericFields:r,inlineData:n});return i&&(l=await J(i)),{chartRenderer:s,iLayer:i,layer:l}}var E=H.all(),ne=ee({geometryType:"point",theme:"high-to-low"});function P(e,a,t){let r=Math.max(0,Math.min(1,t));return[Math.round(e[0]+(a[0]-e[0])*r),Math.round(e[1]+(a[1]-e[1])*r),Math.round(e[2]+(a[2]-e[2])*r),Math.round(e[3]+(a[3]-e[3])*r)]}function le(e,a){return a?.length===e?a:[]}function ie(e){let{numberOfClassBreaks:a,baseColors:t,fallbackStartColor:r=[237,248,251,255],fallbackEndColor:c=[136,65,157,255]}=e,o=[];if(a>0){let s=t?.[0]??r,l=t&&t.length>1?t[t.length-1]:c;if(a===1)o=[s];else for(let n=0;n<a;n++){let i=n/(a-1);o.push(P(s,l,i))}}return o}function Y(e){let{colorRamp:a,numberOfClassBreaks:t,isFlipped:r}=e,c=[],o=!1;if(a.colorsForClassBreaks&&a.colorsForClassBreaks.length>0){let s=a.colorsForClassBreaks.find(l=>l.numClasses===t);if(s?.colors?.length===t){let l=s.colors.map(n=>M(n));l.every(n=>n!==void 0)&&(c=r?l.reverse():l,o=!0)}}if(!o){let s=a.colors||[];if(s.length>0){let l=s.map(M).filter(i=>i!==void 0);r&&(l=l.reverse());let n=[];for(let i=0;i<t;i++){let u=t>1?i/(t-1):0,m=Math.floor(u*(l.length-1)),f=Math.min(m+1,l.length-1),p=l[m],d=l[f];if(!p||!d){c=[];break}let $=u*(l.length-1)-m,F=P(p,d,$);n.push(F)}c=n}}return c}function Q(e){let{numberOfClassBreaks:a,selectedColorRamp:t,colorRamp:r,isFlipped:c=!1}=e,o=le(a,r),s=t?Y({colorRamp:t,numberOfClassBreaks:a,isFlipped:c}):[];return o.length!==a&&(o=s),o.length!==a&&(o=ie({numberOfClassBreaks:a,baseColors:s.length>0?s:r})),o}function U(e,a=2){return e%1===0?e.toString():e.toFixed(a)}function ce(e,a=2){return`\u2264 ${U(e,a)}`}function Re(e){let a="#000000";if(e&&Array.isArray(e)&&e.length>=3){let t=b(e[0]||0),r=b(e[1]||0),c=b(e[2]||0),o=t.toString(16).padStart(2,"0"),s=r.toString(16).padStart(2,"0"),l=c.toString(16).padStart(2,"0");a=`#${o}${s}${l}`}return a}var ve={all:["*"],light:["light"],dark:["dark"],redsAndYellows:["oranges","reds","yellows"],greens:["greens"],blues:["blues"],purplesAndPinks:["purples","pinks"],browns:["browns"],grays:["grays"],bright:["bright"],subdued:["subdued"],colorblindFriendly:["colorblind-friendly"]},we={all:"all"},ue=e=>{let a=0,t=o=>{let s=0;return o.forEach(l=>{let n=l.toString().split(".")[1];n&&(s=Math.max(s,n.length))}),s},r=[...e].sort((o,s)=>o-s),c=t(r);for(;a<=c&&r.some((o,s)=>s>0&&A(o,a)<=A(r[s-1],a));)a++;return Math.min(a,c)};function b(e){return Math.max(0,Math.min(255,Math.round(e)))}function M(e){let a;if(e instanceof X){let t=e.toRgba();a=[b(t[0]),b(t[1]),b(t[2]),b(t[3]*255)]}else if(Array.isArray(e)&&e.every(t=>typeof t=="number")&&e.length===4){let t=e.length>=4?e[3]??255:255,r=b(t<=1?t*255:t);a=[b(e[0]??0),b(e[1]??0),b(e[2]??0),r]}return a}function w(e){let a=[];for(let t of e){let r=M(t);r&&a.push(r)}return a}function V(e,a){let t=0,r=e.size<=a.size?e:a,c=r===e?a:e;for(let o of r)c.has(o)&&t++;return t}function me(e){return[...e.colors??[],...L(e.colorsForClassBreaks??[],a=>a.colors??[])]}function fe(e){let{ramp:a,breakKeys:t,breakCount:r,weights:c}=e,o=d=>d.join(","),s=a.colorsForClassBreaks?.find(d=>d.numClasses===r)?.colors??[],l=new Set(w(s).map(o)),n=V(t,l),i=new Set(w(Q({numberOfClassBreaks:r,selectedColorRamp:a})).map(o)),u=V(t,i),m=me(a).filter(d=>!!d),f=new Set(w(m).map(o)),p=V(t,f);return n*c.exactN+u*c.generated+p*c.anyOverlap}function Me(e,a){let t={exactN:100,generated:10,anyOverlap:1},r=o=>o.join(","),c;if(e?.length){let o=w(e.map(u=>u.symbol?.color)),s=new Set(o.map(r)),l=o.length,n=a.map(u=>{let m=fe({ramp:u,breakKeys:s,breakCount:l,weights:t});return{ramp:u,score:m}}),i=W(n,[u=>-u.score,u=>u.ramp.name]);i[0]?.score>0&&(c=i[0].ramp)}return c}function Oe(e,a){let t=!0;if(!e?.length||a.length<2)t=!1;else{let r=e.map(M),c=a.map(o=>o.symbol.color);if(r.length!==c.length)t=!1;else{let o=(n,i)=>!!n&&!!i&&n.length===i.length&&n.every((u,m)=>u===i[m]),s=0,l=c.length-1;for(;s<r.length&&l>=0;){if(!o(r[s],c[l])){t=!1;break}s++,l--}}}return t}function pe(e){let a=new Set(e.dataItems.map(r=>r[R.valueField])),[t]=a;return a.size===1?t:void 0}function de(e,a){let t=Y({colorRamp:T.defaultColorRampForCharts,numberOfClassBreaks:1})[0];return{classMinValue:0,classMaxValue:e,label:U(e),symbol:{type:C.SFS,style:h.Solid,color:a??t??[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}}async function ye(e){let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorsForClassBreaks:o}=e,s=[],l=pe(a);if(l!==void 0)s=[de(l,o?.[0])];else{let n=await oe({categoryField:c??"",categoryType:G.DateAxisFormat,numericFields:[R.valueField],inlineData:a});if(n.layer){let i=ne?.primaryScheme,u=await Z({layer:n.layer,field:R.valueField,classificationMethod:r,numClasses:t,colorScheme:i});if(u?.classBreaksResult?.classBreakInfos?.length){let m=ue(u.classBreaksResult.classBreakInfos.map(f=>f.maxValue));s=u.classBreaksResult.classBreakInfos.map((f,p)=>({classMinValue:f.minValue,classMaxValue:f.maxValue,label:ce(f.maxValue,m),symbol:{type:C.SFS,style:h.Solid,color:o?.[p]||[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}}))}}}return s}function he(e){return e?.length?e:T.esriColorRamps}function be(e,a){return e?he(a).find(t=>t.name===e):void 0}function ge(e){let{colorRampName:a,availableColorRamps:t}=e;return be(a,t)??T.defaultColorRampForCharts}var xe=z(async e=>{let{data:a,breaksCount:t,classificationMethod:r,xAxisField:c,colorRampName:o,availableColorRamps:s,existingClassBreakInfos:l,useExistingColors:n,isColorRampFlipped:i}=e,u=ge({colorRampName:o,availableColorRamps:s}),m=i??!1,f=Q({numberOfClassBreaks:t,selectedColorRamp:u,colorRamp:n?l?.map(p=>p.symbol?.color):void 0,isFlipped:m});return await ye({data:a,classificationMethod:r,breaksCount:t,xAxisField:c,colorsForClassBreaks:f})},e=>JSON.stringify(e)),T={esriColorRamps:E,defaultColorRampForCharts:E.find(e=>e.name==="Blue 3")??E[0]};function Ne({currentBreaks:e,configBreaks:a,treatReversedColorsAsEqual:t=!0}){let r=!0;if(Array.isArray(e)&&Array.isArray(a)){let c=o=>o.map(({symbol:s,...l})=>l);if(D(c(e),c(a))){let o=e.map(i=>i.symbol?.color),s=a.map(i=>i.symbol?.color),l=D(o,s),n=D(o,[...s].reverse());r=t?!(l||n):!l}}return r}return{a:Q,b:Re,c:ve,d:we,e:Me,f:Oe,g:xe,h:T,i:Ne}},"Color","smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps",a)

package/dist/cdn/{5HJSLXLN.js → PY4FAYSG.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import d from"./JV4CEAY2.js";import"./TENIFMA5.js";import{a as g}from"./SZYIWW3C.js";import c from"./EWPEPYH7.js";import b from"./MIA4DLUH.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as u,C as a,H as p,g as n,i as m,n as o,z as l}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:d,g:f,h:e,i:i}])=>{var r={container:"container",label:"label",numberInput:"number-input"},v=n`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends u{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=l(),this.arcgisChartsConfigCategoryFormatChange=o()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,c=Math.floor(Number(t)),b=c===Number(t)&&c>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.IDLE})}else this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return m`<div class=${a(r.container)}><calcite-label class=${a(r.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(r.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${h(this.characterLimitInputElement)}></calcite-input></calcite-label></div>`}};p("arcgis-charts-config-category-format",s);return s},b,c,d)
+import d from"./K2IMX6HU.js";import"./TENIFMA5.js";import{a as g}from"./SZYIWW3C.js";import c from"./67XCXPQ6.js";import b from"./GSCC2TTU.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as u,C as a,H as p,g as n,i as m,n as o,z as l}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:d,g:f,h:e,i:i}])=>{var r={container:"container",label:"label",numberInput:"number-input"},v=n`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends u{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=l(),this.arcgisChartsConfigCategoryFormatChange=o()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,c=Math.floor(Number(t)),b=c===Number(t)&&c>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.IDLE})}else this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return m`<div class=${a(r.container)}><calcite-label class=${a(r.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(r.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${h(this.characterLimitInputElement)}></calcite-input></calcite-label></div>`}};p("arcgis-charts-config-category-format",s);return s},b,c,d)