@arcgis/charts-components 5.1.2 → 5.1.4

package/dist/cdn/{UCKHWA7Y.js → JQ625GCM.js}

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

package/dist/cdn/{5BS2HDMS.js → JW72VEXT.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{d as t}from"./MZ2UZAFW.js";import{c as u,g as C}from"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as r}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as c,G as d,g as n,i,n as h}from"./YB3MZLQ3.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{Gb:f,nb:g,pb:m,tb:p}])=>{var F=n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends c{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigNoSeriesUpdate=h()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=F}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!r(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==void 0&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((a,s)=>{u(a)&&e?.get(0)!==void 0&&a?.color!==void 0&&!r(this.model.getSeriesColor(s),a?.color)&&this.model.setSeriesColor(a?.color,s)})}async updateDataFilters(){let e=this.model.getDataFilters(),a=e?.where,s=this.layer?.definitionExpression??void 0;r(a,s)||await this.model.setDataFilters({...e,where:s})}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=C(a)?a.iLayer:void 0;o&&(s=await g(o))}s&&(await f(s),this.layerFieldsInfo=m(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e=this.layerFieldsInfo?.find(o=>o.name===this.model.xAxisField),a=e!==void 0&&p(e),s;switch(this.page){case t.Data:s=i`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case t.Series:s=i`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case t.Axes:s=i`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:s=i`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${a} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case t.Format:s=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:s=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:s="";break}return s}};d("arcgis-charts-config-bar-chart",l);return l},a)
+import{d as t}from"./MZ2UZAFW.js";import{c as u,g as C}from"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as r}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as c,G as d,g as n,i,n as h}from"./ZQNOUNTB.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{Gb:f,nb:g,pb:m,tb:p}])=>{var F=n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends c{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigNoSeriesUpdate=h()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=F}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!r(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==void 0&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((a,s)=>{u(a)&&e?.get(0)!==void 0&&a?.color!==void 0&&!r(this.model.getSeriesColor(s),a?.color)&&this.model.setSeriesColor(a?.color,s)})}async updateDataFilters(){let e=this.model.getDataFilters(),a=e?.where,s=this.layer?.definitionExpression??void 0;r(a,s)||await this.model.setDataFilters({...e,where:s})}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=C(a)?a.iLayer:void 0;o&&(s=await g(o))}s&&(await f(s),this.layerFieldsInfo=m(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e=this.layerFieldsInfo?.find(o=>o.name===this.model.xAxisField),a=e!==void 0&&p(e),s;switch(this.page){case t.Data:s=i`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case t.Series:s=i`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case t.Axes:s=i`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:s=i`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${a} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case t.Format:s=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:s=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:s="";break}return s}};d("arcgis-charts-config-bar-chart",l);return l},a)

package/dist/cdn/{NMF2WTWI.js → JYZJN3VW.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./NKVDX2XU.js";import{a as m}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import b from"./SJLXVHEK.js";import"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as h,G as l,g as o,i as g,n as c}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{m:n}])=>{var u="arcgis-charts-config-storage-colors",_=o`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`,a=class extends h{constructor(){super(...arguments),this._messages=m(),this.arcgisColorSelect=c()}static{this.properties={messageOverrides:0,rgba:0,heading:1}}static{this.styles=_}onColorSelect(s){let{value:e}=s.target;if(e!==null){let{r,g:t,b:v}=e,i=[r,t,v,255];this.isNewColor(i)&&this.arcgisColorSelect.emit(i)}}isNewColor(s){let e=!1;return this.rgba===void 0?e=!0:s===void 0?e=!1:e=s[0]!==this.rgba[0]||s[1]!==this.rgba[1]||s[2]!==this.rgba[2],e}render(){let s;if(this.rgba!==void 0){let[e,r,t]=this.rgba;s={r:e,g:r,b:t}}return g`<calcite-label>${this.heading??this._messages.color}</calcite-label><calcite-color-picker .value=${n(s)} @calciteColorPickerInput=${this.onColorSelect} .messageOverrides=${{g:this._messages.g,green:this._messages.green,h:this._messages.h,hex:this._messages.hex,hsv:this._messages.hsv,hue:this._messages.hue,r:this._messages.r,red:this._messages.red,rgb:this._messages.rgb,s:this._messages.s,saturation:this._messages.saturation,saveColor:this._messages.saveColor,saved:this._messages.saved,v:this._messages.v,value:this._messages.value}} clearable .storageId=${u} format=rgb></calcite-color-picker>`}};l("arcgis-charts-config-colors",a);return a},a,b,d)
+import d from"./FFA2RBY6.js";import{a as m}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import b from"./B5HQ43EN.js";import"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as h,G as l,g as o,i as g,n as c}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{m:n}])=>{var u="arcgis-charts-config-storage-colors",_=o`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`,a=class extends h{constructor(){super(...arguments),this._messages=m(),this.arcgisColorSelect=c()}static{this.properties={messageOverrides:0,rgba:0,heading:1}}static{this.styles=_}onColorSelect(s){let{value:e}=s.target;if(e!==null){let{r,g:t,b:v}=e,i=[r,t,v,255];this.isNewColor(i)&&this.arcgisColorSelect.emit(i)}}isNewColor(s){let e=!1;return this.rgba===void 0?e=!0:s===void 0?e=!1:e=s[0]!==this.rgba[0]||s[1]!==this.rgba[1]||s[2]!==this.rgba[2],e}render(){let s;if(this.rgba!==void 0){let[e,r,t]=this.rgba;s={r:e,g:r,b:t}}return g`<calcite-label>${this.heading??this._messages.color}</calcite-label><calcite-color-picker .value=${n(s)} @calciteColorPickerInput=${this.onColorSelect} .messageOverrides=${{g:this._messages.g,green:this._messages.green,h:this._messages.h,hex:this._messages.hex,hsv:this._messages.hsv,hue:this._messages.hue,r:this._messages.r,red:this._messages.red,rgb:this._messages.rgb,s:this._messages.s,saturation:this._messages.saturation,saveColor:this._messages.saveColor,saved:this._messages.saved,v:this._messages.v,value:this._messages.value}} clearable .storageId=${u} format=rgb></calcite-color-picker>`}};l("arcgis-charts-config-colors",a);return a},a,b,d)

package/dist/cdn/{3P23ZVN7.js → L4UNCX3L.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./M3TE4TO2.js";import{a as ee}from"./TJQGGNGV.js";import d from"./NKVDX2XU.js";import{a as j}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./SJLXVHEK.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{F as Z}from"./6JI4NDJ6.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./YB3MZLQ3.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{P:p,Pb:O,Qb:P,Rb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},a,b,d)
+import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./NJH2AUUA.js";import{a as ee}from"./TJQGGNGV.js";import d from"./FFA2RBY6.js";import{a as j}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./B5HQ43EN.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{F as Z}from"./6JI4NDJ6.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./ZQNOUNTB.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{P:p,Pb:O,Qb:P,Rb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},a,b,d)

package/dist/cdn/{B2US7GOK.js → MKTZLNQS.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as m}from"./M3TE4TO2.js";import{b as P}from"./TJQGGNGV.js";import d from"./NKVDX2XU.js";import{a as u}from"./4H6RZWUK.js";import{j as r}from"./MZ2UZAFW.js";import b from"./SJLXVHEK.js";import"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import{n as y}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as f,B as l,G as v,g,i as s,n as o,y as c,z as p}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{sb:$},,{a:S,k:d,l:b}])=>{var n={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},k=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=u(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},S.PopoverTimer),P(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${b(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,b,d)
+import{a as m}from"./NJH2AUUA.js";import{b as P}from"./TJQGGNGV.js";import d from"./FFA2RBY6.js";import{a as u}from"./E6GB46ZD.js";import{j as r}from"./MZ2UZAFW.js";import b from"./B5HQ43EN.js";import"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import{n as y}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as f,B as l,G as v,g,i as s,n as o,y as c,z as p}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{sb:$},,{a:S,k:d,l:b}])=>{var n={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},k=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=u(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},S.PopoverTimer),P(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${b(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,b,d)

package/dist/cdn/{NUGTADWT.js → N2EQ4VQJ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as i}from"./2JUO3GP2.js";import{b as m}from"./TJQGGNGV.js";import{a as g}from"./4H6RZWUK.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as n,B as p,G as c,i as o,n as t,y as a,z as l}from"./YB3MZLQ3.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var C={jsAppFlyout:"js-app-flyout"},r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=t(),this.arcgisChartsConfigGuidePopoverSymbolChange=t(),this.arcgisChartsConfigPopoverClose=t()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){m(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(s){let e=s.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(s){let{lineStyle:e}=s.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(s.detail)}render(){let s=this.selectedElement,e=this.selectedElement;return o`<div class=${p(C.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(s)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${s} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);export{r as ArcgisChartsConfigGuidePopover};
+import{a as i}from"./2JUO3GP2.js";import{b as m}from"./TJQGGNGV.js";import{a as g}from"./E6GB46ZD.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as n,B as p,G as c,i as o,n as t,y as a,z as l}from"./ZQNOUNTB.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var C={jsAppFlyout:"js-app-flyout"},r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=t(),this.arcgisChartsConfigGuidePopoverSymbolChange=t(),this.arcgisChartsConfigPopoverClose=t()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){m(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(s){let e=s.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(s){let{lineStyle:e}=s.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(s.detail)}render(){let s=this.selectedElement,e=this.selectedElement;return o`<div class=${p(C.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(s)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${s} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);export{r as ArcgisChartsConfigGuidePopover};

package/dist/cdn/{TZEFJQQO.js → N4F66JKS.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{A as c,B as e,G as a,g as s,i as l}from"./YB3MZLQ3.js";import"./QPIMTXPL.js";var t={fieldSelectButtonSection:"field-select-btn-section",fieldSelectButton:"field-select-btn",fieldSelectButtonText:"field-select-btn-text",fieldSelectButtonIcon:"field-select-btn-icon",fieldSelectButtonInvalid:"field-select-btn-invalid"},d=s`.field-select-btn-section{background-color:var(--arcgis-charts-input-background);min-width:100%}.field-select-btn{background:var(--arcgis-charts-background-clear);border:1px solid;border-radius:var(--arcgis-charts-border-radius);display:flex;align-items:center;justify-content:space-between;padding:var(--arcgis-charts-side-spacing-half) var(--arcgis-charts-side-spacing-quarter);cursor:pointer;width:100%;text-align:unset}.field-select-btn:not(.field-select-btn-invalid){border-color:var(--arcgis-charts-border)}.field-select-btn.field-select-btn-invalid{border-color:var(--arcgis-charts-border-invalid)}.field-select-btn-exp{width:calc(100% - 32px)}.field-select-btn-exp .field-select-btn{border:none;border-radius:0;border-right:1px solid var(--arcgis-charts-border)}.field-select-btn-text{flex:0 1 auto;overflow:hidden;padding:0 var(--arcgis-charts-side-spacing-eighth);text-overflow:ellipsis;white-space:nowrap}.field-select-btn-icon{flex:0 0 0%;padding:0 var(--arcgis-charts-side-spacing-half)}.field-select-btn:disabled{cursor:default}`,i=class extends c{constructor(){super(...arguments),this.disabled=!1,this.invalid=!1}static{this.properties={label:1,disabled:5,invalid:5}}static{this.styles=d}render(){let r=`${t.fieldSelectButton} ${this.invalid?t.fieldSelectButtonInvalid:""}`;return l`<div class=${e(t.fieldSelectButtonSection)}><button class=${e(r)} .disabled=${this.disabled}><span class=${e(t.fieldSelectButtonText)}>${this.label}</span><slot name=fieldSelectSlot></slot><span class=${e(t.fieldSelectButtonIcon)}><calcite-icon scale=s icon=chevron-down></calcite-icon></span></button></div>`}};a("arcgis-charts-config-field-select",i);export{i as ArcgisChartsConfigFieldSelect};
+import{A as c,B as e,G as a,g as s,i as l}from"./ZQNOUNTB.js";import"./QPIMTXPL.js";var t={fieldSelectButtonSection:"field-select-btn-section",fieldSelectButton:"field-select-btn",fieldSelectButtonText:"field-select-btn-text",fieldSelectButtonIcon:"field-select-btn-icon",fieldSelectButtonInvalid:"field-select-btn-invalid"},d=s`.field-select-btn-section{background-color:var(--arcgis-charts-input-background);min-width:100%}.field-select-btn{background:var(--arcgis-charts-background-clear);border:1px solid;border-radius:var(--arcgis-charts-border-radius);display:flex;align-items:center;justify-content:space-between;padding:var(--arcgis-charts-side-spacing-half) var(--arcgis-charts-side-spacing-quarter);cursor:pointer;width:100%;text-align:unset}.field-select-btn:not(.field-select-btn-invalid){border-color:var(--arcgis-charts-border)}.field-select-btn.field-select-btn-invalid{border-color:var(--arcgis-charts-border-invalid)}.field-select-btn-exp{width:calc(100% - 32px)}.field-select-btn-exp .field-select-btn{border:none;border-radius:0;border-right:1px solid var(--arcgis-charts-border)}.field-select-btn-text{flex:0 1 auto;overflow:hidden;padding:0 var(--arcgis-charts-side-spacing-eighth);text-overflow:ellipsis;white-space:nowrap}.field-select-btn-icon{flex:0 0 0%;padding:0 var(--arcgis-charts-side-spacing-half)}.field-select-btn:disabled{cursor:default}`,i=class extends c{constructor(){super(...arguments),this.disabled=!1,this.invalid=!1}static{this.properties={label:1,disabled:5,invalid:5}}static{this.styles=d}render(){let r=`${t.fieldSelectButton} ${this.invalid?t.fieldSelectButtonInvalid:""}`;return l`<div class=${e(t.fieldSelectButtonSection)}><button class=${e(r)} .disabled=${this.disabled}><span class=${e(t.fieldSelectButtonText)}>${this.label}</span><slot name=fieldSelectSlot></slot><span class=${e(t.fieldSelectButtonIcon)}><calcite-icon scale=s icon=chevron-down></calcite-icon></span></button></div>`}};a("arcgis-charts-config-field-select",i);export{i as ArcgisChartsConfigFieldSelect};

package/dist/cdn/{LINGZCLS.js → NAH7RHCB.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import f from"./XNAEJAWM.js";import{a as A,b as j}from"./NQAPPISU.js";import e from"./ZNNQGFW5.js";import d from"./SJLXVHEK.js";import{c as O,d as T}from"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import{C as G,D as S,F as L,c as m}from"./6JI4NDJ6.js";import{f as c}from"./75Y43JLP.js";import{g as _}from"./FIMXZMTB.js";import{j as x}from"./EZM4ZDQI.js";import{a as b}from"./XOB365BI.js";export default $arcgis.t(([{P:C},{c:y,d:v,q:X},{b:l,c:a},B])=>{var V=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},D=(t,e)=>{for(let i of e.axes??[])for(let s of i?.guides??[]){let o=s.label?.text??"";s.label=_(t),s.label!==void 0&&(s.label.text=o)}};function r(t){return{...t,axis:t.orientation===x.X?t.config.axes?.[0]:t.config.axes?.[1],index:t.index??0,orientation:t.orientation??x.Y}}var F=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},I=t=>{let{visible:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].visible=e)},P=t=>{let e=C(t.start,t.end);T(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:O(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},R=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},w=t=>{let{start:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].start=e,P(i.guides[s]))},E=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.end},N=t=>{let{end:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].end=e,P(i.guides[s]))},k=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},q=t=>{let{name:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].name=e)},U=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},W=t=>{let{labelText:e,axis:i,index:s}=r(t),o=i?.guides?.[s]?.label??S(e,G(m.GuideLabel),m.GuideLabel);i?.guides?.[s]!==void 0&&(i.guides[s].label={...o,text:e})},Y=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.above??!1},Z=t=>{let{above:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].above=e)},z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},H=t=>{let{style:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].style=e)},_e=t=>{let{config:e,name:i,index:s,orientation:o}=t,n=o===x.X?e.axes?.[0]:e.axes?.[1];if(n!==void 0){n.guides=n.guides??[];let d={type:b.Guide,name:i,start:n.valueFormat.type===b.DateAxisFormat?"":0,style:L()};s!==void 0&&s<n.guides.length?n.guides.splice(s,0,d):n.guides.push(d)}},Ge=t=>{let{config:e,index:i,orientation:s}=t,o=s===x.X?e.axes?.[0]:e.axes?.[1];o?.guides!==void 0&&(i!==void 0&&i<o.guides.length?o.guides.splice(i,1):o.guides.pop())},J=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},K=t=>{let{reverseColor:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].tooltipReverseColor=e)},Q=Object.defineProperty,$=Object.getOwnPropertyDescriptor,u=(t,e,i,s)=>{for(var o=$(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&Q(e,i,o),o},g=class extends B{get guideLabelsSymbol(){return V(this._config)}set guideLabelsSymbol(e){D(e,this._config)}getGuideVisibility(e,i){return F({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,s){I({visible:e,config:this._config,index:i,orientation:s})}getGuideStart(e,i){return R({config:this._config,index:e,orientation:i})}setGuideStart(e,i,s){w({start:e,config:this._config,index:i,orientation:s})}getGuideEnd(e,i){return E({config:this._config,index:e,orientation:i})}setGuideEnd(e,i,s){N({end:e,config:this._config,index:i,orientation:s})}getGuideName(e,i){return k({config:this._config,index:e,orientation:i})}setGuideName(e,i,s){q({name:e,config:this._config,index:i,orientation:s})}getGuideLabelText(e,i){return U({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,s){W({labelText:e,config:this._config,index:i,orientation:s})}getGuideAbove(e,i){return Y({config:this._config,index:e,orientation:i})}setGuideAbove(e,i,s){Z({above:e,config:this._config,index:i,orientation:s})}getGuideStyle(e,i){return z({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,s){H({style:e,config:this._config,index:i,orientation:s})}getTooltipReverseColor(e,i){return J({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,s){K({reverseColor:e,config:this._config,index:i,orientation:s})}};u([a],g.prototype,"guideLabelsSymbol");u([a],g.prototype,"setGuideVisibility");u([a],g.prototype,"setGuideStart");u([a],g.prototype,"setGuideEnd");u([a],g.prototype,"setGuideName");u([a],g.prototype,"setGuideLabelText");u([a],g.prototype,"setGuideAbove");u([a],g.prototype,"setGuideStyle");u([a],g.prototype,"setTooltipReverseColor");var M=class extends l{get xAxisLabelsVisibility(){return A(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{j(e,0,this._config),this.emitConfigUpdate("xAxisLabelsVisibility")})}},ee=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,te=(t,e,i,s)=>{for(var o=ie(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ee(e,i,o),o},se=t=>y({config:t,axisIndex:0,isMax:!0}),oe=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!0})},f=class extends l{get maxXBound(){return se(this._config)}set maxXBound(e){oe(this._config,e)}};te([a],f.prototype,"maxXBound");var ne=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ae=(t,e,i,s)=>{for(var o=re(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ne(e,i,o),o},de=t=>y({config:t,axisIndex:0,isMax:!1}),ge=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!1})},p=class extends l{get minXBound(){return de(this._config)}set minXBound(e){ge(this._config,e)}};ae([a],p.prototype,"minXBound");var h=class extends l{};X(h,[f,p]);return{a:_e,b:Ge,c:g,d:M,e:h}},a,d,e,f)
+import f from"./BYMBCT2F.js";import{a as A,b as j}from"./NQAPPISU.js";import e from"./TLJ4H37R.js";import d from"./B5HQ43EN.js";import{c as O,d as T}from"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import{C as G,D as S,F as L,c as m}from"./6JI4NDJ6.js";import{f as c}from"./75Y43JLP.js";import{g as _}from"./FIMXZMTB.js";import{j as x}from"./EZM4ZDQI.js";import{a as b}from"./XOB365BI.js";export default $arcgis.t(([{P:C},{c:y,d:v,q:X},{b:l,c:a},B])=>{var V=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},D=(t,e)=>{for(let i of e.axes??[])for(let s of i?.guides??[]){let o=s.label?.text??"";s.label=_(t),s.label!==void 0&&(s.label.text=o)}};function r(t){return{...t,axis:t.orientation===x.X?t.config.axes?.[0]:t.config.axes?.[1],index:t.index??0,orientation:t.orientation??x.Y}}var F=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},I=t=>{let{visible:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].visible=e)},P=t=>{let e=C(t.start,t.end);T(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:O(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},R=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},w=t=>{let{start:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].start=e,P(i.guides[s]))},E=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.end},N=t=>{let{end:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].end=e,P(i.guides[s]))},k=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},q=t=>{let{name:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].name=e)},U=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},W=t=>{let{labelText:e,axis:i,index:s}=r(t),o=i?.guides?.[s]?.label??S(e,G(m.GuideLabel),m.GuideLabel);i?.guides?.[s]!==void 0&&(i.guides[s].label={...o,text:e})},Y=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.above??!1},Z=t=>{let{above:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].above=e)},z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},H=t=>{let{style:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].style=e)},_e=t=>{let{config:e,name:i,index:s,orientation:o}=t,n=o===x.X?e.axes?.[0]:e.axes?.[1];if(n!==void 0){n.guides=n.guides??[];let d={type:b.Guide,name:i,start:n.valueFormat.type===b.DateAxisFormat?"":0,style:L()};s!==void 0&&s<n.guides.length?n.guides.splice(s,0,d):n.guides.push(d)}},Ge=t=>{let{config:e,index:i,orientation:s}=t,o=s===x.X?e.axes?.[0]:e.axes?.[1];o?.guides!==void 0&&(i!==void 0&&i<o.guides.length?o.guides.splice(i,1):o.guides.pop())},J=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},K=t=>{let{reverseColor:e,axis:i,index:s}=r(t);i?.guides?.[s]!==void 0&&(i.guides[s].tooltipReverseColor=e)},Q=Object.defineProperty,$=Object.getOwnPropertyDescriptor,u=(t,e,i,s)=>{for(var o=$(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&Q(e,i,o),o},g=class extends B{get guideLabelsSymbol(){return V(this._config)}set guideLabelsSymbol(e){D(e,this._config)}getGuideVisibility(e,i){return F({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,s){I({visible:e,config:this._config,index:i,orientation:s})}getGuideStart(e,i){return R({config:this._config,index:e,orientation:i})}setGuideStart(e,i,s){w({start:e,config:this._config,index:i,orientation:s})}getGuideEnd(e,i){return E({config:this._config,index:e,orientation:i})}setGuideEnd(e,i,s){N({end:e,config:this._config,index:i,orientation:s})}getGuideName(e,i){return k({config:this._config,index:e,orientation:i})}setGuideName(e,i,s){q({name:e,config:this._config,index:i,orientation:s})}getGuideLabelText(e,i){return U({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,s){W({labelText:e,config:this._config,index:i,orientation:s})}getGuideAbove(e,i){return Y({config:this._config,index:e,orientation:i})}setGuideAbove(e,i,s){Z({above:e,config:this._config,index:i,orientation:s})}getGuideStyle(e,i){return z({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,s){H({style:e,config:this._config,index:i,orientation:s})}getTooltipReverseColor(e,i){return J({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,s){K({reverseColor:e,config:this._config,index:i,orientation:s})}};u([a],g.prototype,"guideLabelsSymbol");u([a],g.prototype,"setGuideVisibility");u([a],g.prototype,"setGuideStart");u([a],g.prototype,"setGuideEnd");u([a],g.prototype,"setGuideName");u([a],g.prototype,"setGuideLabelText");u([a],g.prototype,"setGuideAbove");u([a],g.prototype,"setGuideStyle");u([a],g.prototype,"setTooltipReverseColor");var M=class extends l{get xAxisLabelsVisibility(){return A(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{j(e,0,this._config),this.emitConfigUpdate("xAxisLabelsVisibility")})}},ee=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,te=(t,e,i,s)=>{for(var o=ie(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ee(e,i,o),o},se=t=>y({config:t,axisIndex:0,isMax:!0}),oe=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!0})},f=class extends l{get maxXBound(){return se(this._config)}set maxXBound(e){oe(this._config,e)}};te([a],f.prototype,"maxXBound");var ne=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ae=(t,e,i,s)=>{for(var o=re(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=d(e,i,o)||o);return o&&ne(e,i,o),o},de=t=>y({config:t,axisIndex:0,isMax:!1}),ge=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!1})},p=class extends l{get minXBound(){return de(this._config)}set minXBound(e){ge(this._config,e)}};ae([a],p.prototype,"minXBound");var h=class extends l{};X(h,[f,p]);return{a:_e,b:Ge,c:g,d:M,e:h}},a,d,e,f)

package/dist/cdn/{NBPDOKLD.js → NBKUOIWE.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import a from"./ZNNQGFW5.js";import{h as d}from"./P5XJTTU3.js";export default $arcgis.t(([{b:c,c:n}])=>{var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,f=(t,e,a,u)=>{for(var r=m(e,a),i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=s(e,a,r)||r);return r&&h(e,a,r),r};function S(t){return t!==void 0&&"rotated"in t}var p=t=>d(t),g=(t,e)=>{e.rotated=t},o=class extends c{get rotatedState(){return p(this._config)}set rotatedState(e){g(e,this._config)}get rotated(){return p(this._config)}set rotated(e){g(e,this._config)}};f([n],o.prototype,"rotatedState");f([n],o.prototype,"rotated");return{a:S,b:o}},a)
+import a from"./TLJ4H37R.js";import{h as d}from"./P5XJTTU3.js";export default $arcgis.t(([{b:c,c:n}])=>{var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,f=(t,e,a,u)=>{for(var r=m(e,a),i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=s(e,a,r)||r);return r&&h(e,a,r),r};function S(t){return t!==void 0&&"rotated"in t}var p=t=>d(t),g=(t,e)=>{e.rotated=t},o=class extends c{get rotatedState(){return p(this._config)}set rotatedState(e){g(e,this._config)}get rotated(){return p(this._config)}set rotated(e){g(e,this._config)}};f([n],o.prototype,"rotatedState");f([n],o.prototype,"rotated");return{a:S,b:o}},a)

package/dist/cdn/{M3TE4TO2.js → NJH2AUUA.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{k as r,r as s,s as i,v as o}from"./YB3MZLQ3.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};
+import{k as r,r as s,s as i,v as o}from"./ZQNOUNTB.js";var u=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,m]){return e!==this.key&&(o(t),this.key=e),m}});export{u as a};

package/dist/cdn/{VNG5IORT.js → NT7UYJVV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as n}from"./4H6RZWUK.js";import"./GIDFPLFF.js";import{A as i,B as l,G as r,g as o,i as a,n as t}from"./YB3MZLQ3.js";import"./QPIMTXPL.js";var c={colorStyleContainer:"color-style-container"},h=o`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}:host calcite-panel .color-style-container{display:flex;padding:0 1rem;margin-top:1rem}:host calcite-panel .color-style-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-styling-panel>.panel-body{padding:var(--arcgis-charts-panel-padding);margin-top:var(--arcgis-charts-inter-section-margin)}`,s=class extends i{constructor(){super(...arguments),this._messages=n(),this.open=!1,this.enableClose=!1,this.arcgisChartsConfigColorStyleChange=t(),this.arcgisChartsConfigColorStyleClose=t()}static{this.properties={messageOverrides:0,header:1,selectedColor:0,open:5,enableClose:5}}static{this.styles=h}closePanel(e){e.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigColorStyleClose.emit())}colorChange(e){this.selectedColor=e.detail,this.arcgisChartsConfigColorStyleChange.emit(this.selectedColor)}render(){return a`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}><div class=${l(c.colorStyleContainer)}><arcgis-charts-config-colors @arcgisColorSelect=${this.colorChange} .rgba=${this.selectedColor}></arcgis-charts-config-colors></div></calcite-panel>`}};r("arcgis-charts-config-color-style",s);export{s as ArcgisChartsConfigColorStyle};
+import{a as n}from"./E6GB46ZD.js";import"./HUUQ5D7I.js";import{A as i,B as l,G as r,g as o,i as a,n as t}from"./ZQNOUNTB.js";import"./QPIMTXPL.js";var c={colorStyleContainer:"color-style-container"},h=o`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}:host calcite-panel .color-style-container{display:flex;padding:0 1rem;margin-top:1rem}:host calcite-panel .color-style-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-styling-panel>.panel-body{padding:var(--arcgis-charts-panel-padding);margin-top:var(--arcgis-charts-inter-section-margin)}`,s=class extends i{constructor(){super(...arguments),this._messages=n(),this.open=!1,this.enableClose=!1,this.arcgisChartsConfigColorStyleChange=t(),this.arcgisChartsConfigColorStyleClose=t()}static{this.properties={messageOverrides:0,header:1,selectedColor:0,open:5,enableClose:5}}static{this.styles=h}closePanel(e){e.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigColorStyleClose.emit())}colorChange(e){this.selectedColor=e.detail,this.arcgisChartsConfigColorStyleChange.emit(this.selectedColor)}render(){return a`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}><div class=${l(c.colorStyleContainer)}><arcgis-charts-config-colors @arcgisColorSelect=${this.colorChange} .rgba=${this.selectedColor}></arcgis-charts-config-colors></div></calcite-panel>`}};r("arcgis-charts-config-color-style",s);export{s as ArcgisChartsConfigColorStyle};

package/dist/cdn/{ICMG5OSW.js → NYHISIOD.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as w,c as L}from"./7BDNLABD.js";import{a as E}from"./ZEUIFHHY.js";import{a as C}from"./M3TE4TO2.js";import{a as p}from"./TJQGGNGV.js";import j from"./NKVDX2XU.js";import{a as P}from"./4H6RZWUK.js";import{k as l,o as g}from"./MZ2UZAFW.js";import i from"./NSCYUNI2.js";import f from"./SJLXVHEK.js";import"./KGNYAMFB.js";import e from"./CMP6PTJT.js";import"./777EBGS5.js";import{n as u,o as O}from"./P5XJTTU3.js";import{p as h}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./YB3MZLQ3.js";import{b as c}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as I}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left: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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return B({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)
+import{a as w,c as L}from"./7BDNLABD.js";import{a as E}from"./Z2RV6WZ3.js";import{a as C}from"./NJH2AUUA.js";import{a as p}from"./TJQGGNGV.js";import j from"./FFA2RBY6.js";import{a as P}from"./E6GB46ZD.js";import{k as l,o as g}from"./MZ2UZAFW.js";import i from"./SWYI6DEZ.js";import f from"./B5HQ43EN.js";import"./KGNYAMFB.js";import e from"./DWKUQWMM.js";import"./777EBGS5.js";import{n as u,o as O}from"./P5XJTTU3.js";import{p as h}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as b}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./ZQNOUNTB.js";import{b as c}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as I}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left: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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return B({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)

package/dist/cdn/{JNRPZSX2.js → OFCKFTDX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as L}from"./ZEUIFHHY.js";import{a as P}from"./M3TE4TO2.js";import{a as C}from"./TJQGGNGV.js";import g from"./NKVDX2XU.js";import{a as I}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import e from"./SJLXVHEK.js";import"./KGNYAMFB.js";import c from"./CMP6PTJT.js";import"./777EBGS5.js";import{c as u,d as k}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as $,B as a,C as d,E as m,G as y,g as f,i as o,n as b}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as p,f as r}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{r:x}])=>{var _={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},E=f`: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)}.disabled-info{margin:auto 1rem;pointer-events:auto}.disabled-info:active{margin:auto 1rem;pointer-events:none}.disabled-stacking-option{pointer-events:none;opacity:var(--calcite-opacity-disabled)}`,v=class extends ${constructor(){super(...arguments),this._messages=I(),this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null&&e.detail!==void 0){let t=e.detail.name;if(this.isNullCategorySelected){let i=this.model.nullCategory;if(i){let s={...i,text:t};this.model.nullCategory=s}}else this.model.setSeriesName(t,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:t}=e.detail;if(t!==void 0){if(this.isNullCategorySelected){let i=this.model.nullCategory,s=i?.symbol&&{...i,symbol:{...i.symbol,color:t,outline:i.symbol.outline&&{...i.symbol.outline,color:t}}};this.model.nullCategory=s}else this.model.setSeriesColor(t,this.selectedSeriesIndex??-1);this.model.colorMatch=!1}}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:t}=e.detail;this.selectedSeriesIndex===t&&(this.seriesPopover=C(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigDataChangeError=b()}static{this.properties={seriesOrderResetCounter:16,selectedSeriesIndex:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=E}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=C(this.seriesPopover))}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=m(o`<arcgis-charts-config-bar-chart-series-popover .referenceElement=${this.el} .selectedName=${this.selectedSeriesIndex!=null?this.model.getSeriesName(this.selectedSeriesIndex):void 0} .selectedColor=${this.selectedSeriesIndex!=null?this.model.getSeriesColor(this.selectedSeriesIndex):void 0} .placement=${this.popoverPlacement} .selectedSeriesIndex=${this.selectedSeriesIndex!=null?this.selectedSeriesIndex:void 0} .nullCategory=${this.isNullCategorySelected?this.model.nullCategory:void 0} .open=${this.open} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-bar-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength??0,t=Array.from({length:e},(i,s)=>s);return L(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),c=this.model.getSeriesColor(i),h=this.model.getSeriesName(i),g=this.model.chartSubType===k.BarAndLineFromFields?this._messages.series:s,n="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&c!==void 0){S="square-f";let[T,M,N,O]=[...c];n=`rgba(${T},${M},${N},${O/255})`}return o`<calcite-list-item .label=${h??s??""} .description=${g} .value=${s} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon .icon=${S} style=${d({color:n})} slot=content-end></calcite-icon></calcite-list-item>`})}buildSeriesList(){return P(this.seriesOrderResetCounter,o`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}buildNullCategoryUI(){let e=this.model.nullCategory,t=this._messages.nullCategory,i=e?.symbol?.color??u.nullCategory?.symbol?.color??u.grayColor,[s,c,h,g]=[...i],n=`rgba(${s},${c},${h},${g/255})`;return o`<calcite-list label class=${a(l.list)} selection-mode=none><calcite-list-item .label=${t} .value=${t} .selected=${this.selectedSeriesIndex===null} @click=${this.openSeriesPopOver}><calcite-icon icon=square-f style=${d({color:n})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}buildMultipleBarTypeList(){let e=this.shouldDisableStacking();return e&&this.model.stackedType!==r.Side&&(this.model.stackedType=r.Side),o`<calcite-list label id=${_.stackedType} class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleBarSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${r.Side} .selected=${this.model.stackedType===void 0||this.model.stackedType===r.Side}><calcite-icon scale=l icon=graph-bar-side-by-side slot=content-start></calcite-icon></calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked} .value=${r.Stacked} .selected=${this.model.stackedType===r.Stacked}><calcite-icon scale=l icon=graph-bar-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked100} .value=${r.Stacked100} .selected=${this.model.stackedType===r.Stacked100}><calcite-icon scale=l icon=graph-bar100-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item></calcite-list>`}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onMultipleBarSelect(e){if(!this.shouldDisableStacking()){let t=e.target;this.model.stackedType=t.value??t.parentElement.value??""}}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;this.model.moveSeries(i??0,t??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let t=e.target,i=t.localName==="calcite-list-item"?t:t.parentNode,s=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==s,this.selectedSeriesIndex=this.selectedSeriesIndex!==s?s:void 0,this.isNullCategorySelected=i.value===this._messages.nullCategory}createTooltip(e){let t=e.target,i=(this.model.aggregationType===p.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=m(o`<calcite-tooltip style=${d({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){x(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===p.NoAggregation}render(){return o`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultiSeries}</div>${this.buildMultipleBarTypeList()}<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()}${this.model.nullCategory!==void 0&&this.model.fetchNULLValues?this.buildNullCategoryUI():null}`}};y("arcgis-charts-config-bar-chart-series",v);return v},c,e,g)
+import{a as L}from"./Z2RV6WZ3.js";import{a as P}from"./NJH2AUUA.js";import{a as C}from"./TJQGGNGV.js";import g from"./FFA2RBY6.js";import{a as I}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import e from"./B5HQ43EN.js";import"./KGNYAMFB.js";import c from"./DWKUQWMM.js";import"./777EBGS5.js";import{c as u,d as k}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as $,B as a,C as d,E as m,G as y,g as f,i as o,n as b}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as p,f as r}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{r:x}])=>{var _={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},E=f`: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)}.disabled-info{margin:auto 1rem;pointer-events:auto}.disabled-info:active{margin:auto 1rem;pointer-events:none}.disabled-stacking-option{pointer-events:none;opacity:var(--calcite-opacity-disabled)}`,v=class extends ${constructor(){super(...arguments),this._messages=I(),this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null&&e.detail!==void 0){let t=e.detail.name;if(this.isNullCategorySelected){let i=this.model.nullCategory;if(i){let s={...i,text:t};this.model.nullCategory=s}}else this.model.setSeriesName(t,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:t}=e.detail;if(t!==void 0){if(this.isNullCategorySelected){let i=this.model.nullCategory,s=i?.symbol&&{...i,symbol:{...i.symbol,color:t,outline:i.symbol.outline&&{...i.symbol.outline,color:t}}};this.model.nullCategory=s}else this.model.setSeriesColor(t,this.selectedSeriesIndex??-1);this.model.colorMatch=!1}}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:t}=e.detail;this.selectedSeriesIndex===t&&(this.seriesPopover=C(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigDataChangeError=b()}static{this.properties={seriesOrderResetCounter:16,selectedSeriesIndex:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=E}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=C(this.seriesPopover))}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=m(o`<arcgis-charts-config-bar-chart-series-popover .referenceElement=${this.el} .selectedName=${this.selectedSeriesIndex!=null?this.model.getSeriesName(this.selectedSeriesIndex):void 0} .selectedColor=${this.selectedSeriesIndex!=null?this.model.getSeriesColor(this.selectedSeriesIndex):void 0} .placement=${this.popoverPlacement} .selectedSeriesIndex=${this.selectedSeriesIndex!=null?this.selectedSeriesIndex:void 0} .nullCategory=${this.isNullCategorySelected?this.model.nullCategory:void 0} .open=${this.open} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-bar-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength??0,t=Array.from({length:e},(i,s)=>s);return L(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),c=this.model.getSeriesColor(i),h=this.model.getSeriesName(i),g=this.model.chartSubType===k.BarAndLineFromFields?this._messages.series:s,n="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&c!==void 0){S="square-f";let[T,M,N,O]=[...c];n=`rgba(${T},${M},${N},${O/255})`}return o`<calcite-list-item .label=${h??s??""} .description=${g} .value=${s} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon .icon=${S} style=${d({color:n})} slot=content-end></calcite-icon></calcite-list-item>`})}buildSeriesList(){return P(this.seriesOrderResetCounter,o`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}buildNullCategoryUI(){let e=this.model.nullCategory,t=this._messages.nullCategory,i=e?.symbol?.color??u.nullCategory?.symbol?.color??u.grayColor,[s,c,h,g]=[...i],n=`rgba(${s},${c},${h},${g/255})`;return o`<calcite-list label class=${a(l.list)} selection-mode=none><calcite-list-item .label=${t} .value=${t} .selected=${this.selectedSeriesIndex===null} @click=${this.openSeriesPopOver}><calcite-icon icon=square-f style=${d({color:n})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}buildMultipleBarTypeList(){let e=this.shouldDisableStacking();return e&&this.model.stackedType!==r.Side&&(this.model.stackedType=r.Side),o`<calcite-list label id=${_.stackedType} class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleBarSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${r.Side} .selected=${this.model.stackedType===void 0||this.model.stackedType===r.Side}><calcite-icon scale=l icon=graph-bar-side-by-side slot=content-start></calcite-icon></calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked} .value=${r.Stacked} .selected=${this.model.stackedType===r.Stacked}><calcite-icon scale=l icon=graph-bar-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item><calcite-list-item class=${a(e?l.disabledStackingOption:"")} .label=${this._messages.stacked100} .value=${r.Stacked100} .selected=${this.model.stackedType===r.Stacked100}><calcite-icon scale=l icon=graph-bar100-stacked slot=content-start></calcite-icon>${e&&o`<calcite-icon class=${a(l.disabledInfo)} slot=content-end icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon>`||""}</calcite-list-item></calcite-list>`}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onMultipleBarSelect(e){if(!this.shouldDisableStacking()){let t=e.target;this.model.stackedType=t.value??t.parentElement.value??""}}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;this.model.moveSeries(i??0,t??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let t=e.target,i=t.localName==="calcite-list-item"?t:t.parentNode,s=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==s,this.selectedSeriesIndex=this.selectedSeriesIndex!==s?s:void 0,this.isNullCategorySelected=i.value===this._messages.nullCategory}createTooltip(e){let t=e.target,i=(this.model.aggregationType===p.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=m(o`<calcite-tooltip style=${d({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){x(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===p.NoAggregation}render(){return o`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultiSeries}</div>${this.buildMultipleBarTypeList()}<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()}${this.model.nullCategory!==void 0&&this.model.fetchNULLValues?this.buildNullCategoryUI():null}`}};y("arcgis-charts-config-bar-chart-series",v);return v},c,e,g)

package/dist/cdn/{XNRQCRPW.js → OIYGFIO4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as u,c as P,d as T,f as _}from"./7BDNLABD.js";import{a as w}from"./M3TE4TO2.js";import{a as N}from"./TJQGGNGV.js";import{a as C}from"./4H6RZWUK.js";import{f as l}from"./MZ2UZAFW.js";import e from"./NSCYUNI2.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import{n as p,u as S}from"./P5XJTTU3.js";import{wa as B,xa as k}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as I}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as F,B as s,E as x,G as A,g as y,i as r,n as g,y as h,z as m}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as c,k as b,n as d}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
+import{a as u,c as P,d as T,f as _}from"./7BDNLABD.js";import{a as w}from"./NJH2AUUA.js";import{a as N}from"./TJQGGNGV.js";import{a as C}from"./E6GB46ZD.js";import{f as l}from"./MZ2UZAFW.js";import e from"./SWYI6DEZ.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import{n as p,u as S}from"./P5XJTTU3.js";import{wa as B,xa as k}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as I}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as F,B as s,E as x,G as A,g as y,i as r,n as g,y as h,z as m}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as c,k as b,n as d}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)

package/dist/cdn/{CS62SWED.js → P7BXFL27.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b}from"./TJQGGNGV.js";import g from"./NKVDX2XU.js";import{a as $}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import e from"./SJLXVHEK.js";import"./KGNYAMFB.js";import d from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{i as S}from"./6JI4NDJ6.js";import{b as i}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as f,B as l,D as c,G as y,g as C,i as v,n as s,y as a,z as o}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var n={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=a(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,u=S*255;this.selectedColor=[p,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${o(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??c}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??c}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??c}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${o(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",h);return h},d,e,g)
+import{b}from"./TJQGGNGV.js";import g from"./FFA2RBY6.js";import{a as $}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import e from"./B5HQ43EN.js";import"./KGNYAMFB.js";import d from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{i as S}from"./6JI4NDJ6.js";import{b as i}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as f,B as l,D as c,G as y,g as C,i as v,n as s,y as a,z as o}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var n={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=a(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,u=S*255;this.selectedColor=[p,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${o(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??c}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??c}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??c}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${o(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",h);return h},d,e,g)

package/dist/cdn/{GLAETANO.js → PSKB6EW7.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b as u}from"./TJQGGNGV.js";import f from"./NKVDX2XU.js";import{a as g}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import b from"./SJLXVHEK.js";import"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{k as d}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as m,B as e,G as p,g as c,i as h,n as i,y as s,z as n}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:v,i:r}])=>{var t={jsAppFlyout:"js-app-flyout",chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},C=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)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=s(),this.popoverElement=s(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=C}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(a){a.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),u(this.popoverElement.value,this.open)}onNameChange(a){let o=a.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?r.INVALID:r.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[t.chartRenameComponent]:!0,[t.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${n(this.popoverElement)}><calcite-panel class=${e(t.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(t.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${n(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},a,b,f)
+import{b as u}from"./TJQGGNGV.js";import f from"./FFA2RBY6.js";import{a as g}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import b from"./B5HQ43EN.js";import"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{k as d}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as m,B as e,G as p,g as c,i as h,n as i,y as s,z as n}from"./ZQNOUNTB.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:v,i:r}])=>{var t={jsAppFlyout:"js-app-flyout",chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},C=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)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=s(),this.popoverElement=s(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=C}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(a){a.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),u(this.popoverElement.value,this.open)}onNameChange(a){let o=a.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?r.INVALID:r.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[t.chartRenameComponent]:!0,[t.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${n(this.popoverElement)}><calcite-panel class=${e(t.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(t.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${n(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},a,b,f)