@arcgis/charts-components 5.2.0-next.11 → 5.2.0-next.110

package/dist/cdn/QPSJ6XOX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as m,c as D}from"./OBPAQN4H.js";import{a as P}from"./IHO3OLL3.js";import e from"./FEKSPYHM.js";import{a as I}from"./I5T7JUDH.js";import{j as o,n as h}from"./AK7X7SGI.js";import c from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import a from"./S74GCXXK.js";import{e as E}from"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as _,z as x,za as V}from"./PAIRUVLU.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./WWO326JE.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"./7YXTWBT4.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as S}from"./547RDEMV.js";import"./U67P6YAZ.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/R7HW5WVG.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as L}from"./3KRPCKJZ.js";import{a as P}from"./SA22QZNW.js";import{a as C}from"./IHO3OLL3.js";import h from"./FEKSPYHM.js";import{a as k}from"./I5T7JUDH.js";import"./AK7X7SGI.js";import e from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import c from"./S74GCXXK.js";import"./EZV7JSQJ.js";import{c as u,d as x}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./WWO326JE.js";import{A as $,B as a,C as d,E as g,G as y,g as f,i as o,n as b}from"./7YXTWBT4.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as p,f as r}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{r:I}])=>{var _={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},E=f`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.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=k(),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=g(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),n=this.model.getSeriesColor(i),h=this.model.getSeriesName(i),m=this.model.chartSubType===x.BarAndLineFromFields?this._messages.series:s,c="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&n!==void 0){S="square-f";let[T,M,N,O]=[...n];c=`rgba(${T},${M},${N},${O/255})`}return o`<calcite-list-item .label=${h??s??""} .description=${m} .value=${s} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon .icon=${S} style=${d({color:c})} 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,n,h,m]=[...i],c=`rgba(${s},${n},${h},${m/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:c})} 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=g(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(){I(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,h)

package/dist/cdn/RJCJ3F5C.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import a from"./DJGEQ42V.js";import{C as b,E as d,c as r}from"./PAIRUVLU.js";import{g as l}from"./SP2IPHWF.js";export default $arcgis.t(([{b:f,c:c}])=>{var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,L=(t,a,e,g)=>{for(var o=p(a,e),s=t.length-1,n;s>=0;s--)(n=t[s])&&(o=n(a,e,o)||o);return o&&m(a,e,o),o};function S(t){return t!==void 0&&"dataLabelsSymbol"in t}var v=t=>{for(let a of t.series)if(a.dataLabels!==void 0)return a.dataLabels.content},y=(t,a)=>{for(let e of a.series)(e.dataLabels===void 0||t===void 0)&&(e.dataLabels=d({text:"",visible:!0,font:b(r.DataLabels),type:r.DataLabels})),t!==void 0&&(e.dataLabels.content=l(t))},i=class extends f{get dataLabelsSymbol(){return v(this._config)}set dataLabelsSymbol(a){y(a,this._config)}};L([c],i.prototype,"dataLabelsSymbol");return{a:S,b:i}},a)

package/dist/cdn/RKB6QZNW.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import e from"./AXS3UMQJ.js";import d from"./DJGEQ42V.js";import c from"./JBPYGZPJ.js";import b from"./S74GCXXK.js";import{w as k}from"./3TBK72EK.js";import{C as p,E as f,c as a}from"./PAIRUVLU.js";export default $arcgis.t(([{U:E},{q:N},{b:i,c:l},{a:R,b:q,d:U,f:M}])=>{var H=Object.defineProperty,W=Object.getOwnPropertyDescriptor,Z=(e,t,o,c)=>{for(var r=W(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&H(t,o,r),r},J=e=>e.title?.content,K=(e,t)=>{if(e){let o=R(t);t.title===void 0&&(t.title=f({text:"",visible:!0,font:p(a.ChartTitle),type:a.ChartTitle})),t.title.content=e,t.title.content.text=o}},g=class extends i{get titleSymbol(){return J(this._config)}set titleSymbol(t){K(t,this._config)}};Z([l],g.prototype,"titleSymbol");var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,$=(e,t,o,c)=>{for(var r=X(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Q(t,o,r),r},b=class extends i{get config(){return this._config}set config(t){this._config=t}};$([l],b.prototype,"config");var V=class extends i{get layer(){return this.layerInfo?.layer}},G=e=>e.id,tt=(e,t)=>{t.id=e},F=class extends i{get chartId(){return G(this._config)}set chartId(t){tt(t,this._config)}},et=e=>e.version,w=class extends i{get version(){return et(this._config)}},rt=Object.defineProperty,ot=Object.getOwnPropertyDescriptor,st=(e,t,o,c)=>{for(var r=ot(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&rt(t,o,r),r},Y=e=>e.subtitle?.content.text??"",nt=(e,t)=>{t.subtitle!==void 0?t.subtitle.content.text=e:e!==void 0&&(t.subtitle=f({text:e,visible:!0,font:p(a.ChartSubtitle)}))},d=class extends i{get subtitleText(){return Y(this._config)}set subtitleText(t){nt(t,this._config)}};st([l],d.prototype,"subtitleText");var it=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(e,t,o,c)=>{for(var r=ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&it(t,o,r),r},at=e=>e.subtitle?.content,pt=(e,t)=>{if(e){let o=Y(t);t.subtitle===void 0&&(t.subtitle=f({text:"",visible:!0,font:p(a.ChartSubtitle),type:a.ChartSubtitle})),t.subtitle.content=e,t.subtitle.content.text=o}},h=class extends i{get subtitleSymbol(){return at(this._config)}set subtitleSymbol(t){pt(t,this._config)}};lt([l],h.prototype,"subtitleSymbol");var ft=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,bt=(e,t,o,c)=>{for(var r=gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ft(t,o,r),r},A=e=>e.footer?.content.text??"",dt=(e,t)=>{t.footer!==void 0?t.footer.content.text=e:e!==void 0&&(t.footer=f({text:e,visible:!0,font:p(a.DescriptionText)}))},u=class extends i{get descriptionText(){return A(this._config)}set descriptionText(t){dt(t,this._config)}};bt([l],u.prototype,"descriptionText");var ht=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,yt=(e,t,o,c)=>{for(var r=ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ht(t,o,r),r},vt=e=>e.footer?.content,xt=(e,t)=>{if(e){let o=A(t);t.footer===void 0&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText),type:a.DescriptionText})),t.footer.content=e,t.footer.content.text=o}},y=class extends i{get descriptionSymbol(){return vt(this._config)}set descriptionSymbol(t){xt(t,this._config)}};yt([l],y.prototype,"descriptionSymbol");var Ot=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,jt=(e,t,o,c)=>{for(var r=_t(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Ot(t,o,r),r},Pt=e=>e.title?e.title.visible??!0:!1,mt=(e,t)=>{t.title!==void 0?t.title.visible=e:t.title=f({text:"",visible:e,font:p(a.ChartTitle)})},v=class extends i{get chartTitleVisibility(){return Pt(this._config)}set chartTitleVisibility(t){mt(t,this._config)}};jt([l],v.prototype,"chartTitleVisibility");var Dt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Tt=(e,t,o,c)=>{for(var r=St(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Dt(t,o,r),r},Vt=e=>e.subtitle?e.subtitle.visible??!0:!1,Ft=(e,t)=>{t.subtitle!==void 0?t.subtitle.visible=e:t.subtitle=f({text:"",visible:e,font:p(a.ChartSubtitle)})},x=class extends i{get chartSubtitleVisibility(){return Vt(this._config)}set chartSubtitleVisibility(t){Ft(t,this._config)}};Tt([l],x.prototype,"chartSubtitleVisibility");var wt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,It=(e,t,o,c)=>{for(var r=Ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&wt(t,o,r),r},B=e=>e.footer?.visible??!1,zt=(e,t)=>{t.footer!==void 0?t.footer.visible=e:e!==B(t)&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText)}))},O=class extends i{get descriptionVisibility(){return B(this._config)}set descriptionVisibility(t){zt(t,this._config)}};It([l],O.prototype,"descriptionVisibility");var Lt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Et=(e,t,o,c)=>{for(var r=kt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Lt(t,o,r),r},Nt=e=>e.chartRenderer,Rt=(e,t)=>{t.chartRenderer=e},_=class extends i{get chartRenderer(){return Nt(this._config)}set chartRenderer(t){Rt(t,this._config)}};Et([l],_.prototype,"chartRenderer");var qt=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Mt=(e,t,o,c)=>{for(var r=Ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&qt(t,o,r),r},Yt=e=>e.background,At=(e,t)=>{t.background=e},j=class extends i{get backgroundColor(){return Yt(this._config)}set backgroundColor(t){At(t,this._config)}};Mt([l],j.prototype,"backgroundColor");var Bt=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,Wt=(e,t,o,c)=>{for(var r=Ht(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Bt(t,o,r),r},Zt=(e,t)=>t.series[e].visible??!0,Jt=(e,t)=>{k({detail:e},t)},P=class extends i{getSeriesVisibility(t){return Zt(t,this._config)}setSeriesVisibility(t){Jt(t,this._config)}};Wt([l],P.prototype,"setSeriesVisibility");var Kt=(e,t)=>t.series[e]?.id,C=class extends i{getSeriesId(t){return Kt(t,this._config)}},Qt=(e,t)=>t.series.findIndex(o=>o.id===e),I=class extends i{getSeriesIndex(t){return Qt(t,this._config)}},Xt=e=>E(e.series),z=class extends i{get chartSubType(){return Xt(this._config)}},$t=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,te=(e,t,o,c)=>{for(var r=Gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&$t(t,o,r),r},ee=(e,t)=>e.length!==0&&t<e.length?e[t].dataTooltipFontSize:void 0,re=e=>{let{series:t,seriesIndex:o,fontSize:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipFontSize=c)},m=class extends i{getDataTooltipFontSize(t){return ee(this._config.series,t)}setDataTooltipFontSize(t,o){re({series:this._config.series,seriesIndex:o,fontSize:t})}};te([l],m.prototype,"setDataTooltipFontSize");var oe=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ne=(e,t,o,c)=>{for(var r=se(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&oe(t,o,r),r},ie=(e,t)=>{let o;return e.length!==0&&t<e.length&&(o=e[t].dataTooltipValueFormat),o},ce=e=>{let{series:t,seriesIndex:o,valueFormat:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipValueFormat=c)},D=class extends i{getDataTooltipValueFormat(t){return ie(this._config.series,t)}setDataTooltipValueFormat(t,o){ce({series:this._config.series,seriesIndex:t,valueFormat:o})}};ne([l],D.prototype,"setDataTooltipValueFormat");var le=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,pe=(e,t,o,c)=>{for(var r=ae(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&le(t,o,r),r},fe=(e,t)=>{t.series.forEach(o=>{o.query&&(o.query.fetchNullValues=e)})},ge=e=>e.series.some(t=>t.query?.fetchNullValues),S=class extends i{get fetchNULLValues(){return ge(this._config)}set fetchNULLValues(t){fe(t,this._config)}};pe([l],S.prototype,"fetchNULLValues");var be=Object.defineProperty,de=Object.getOwnPropertyDescriptor,he=(e,t,o,c)=>{for(var r=de(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&be(t,o,r),r},ue=e=>e.dataFilters,ye=(e,t)=>{e!==void 0?t.dataFilters=e:delete t.dataFilters},T=class extends i{getDataFilters(){return ue(this._config)}async setDataFilters(t){ye(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};he([l],T.prototype,"setDataFilters");var L=class extends i{},ve=[b,V,F,q,g,w,d,h,u,y,v,x,O,_,j,P,C,I,M,z,D,m,S,U,T];N(L,ve);return L},b,c,d,e)

package/dist/cdn/S6LH7YS6.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import b from"./DJGEQ42V.js";import a from"./S74GCXXK.js";import{a as n}from"./547RDEMV.js";export default $arcgis.t(([{Pb:l,m:s},{b:u,c:c}])=>{var g=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,d=(t,e,i,o)=>{for(var r=Z(e,i),a=t.length-1,p;a>=0;a--)(p=t[a])&&(r=p(e,i,r)||r);return r&&g(e,i,r),r},v=t=>{let e;return s(t)?e=t.outTimeZone:t?.series.forEach(i=>{(i.type===n.BarSeries||i.type===n.RadarSeries||i.type===n.LineSeries)&&i.temporalBinning&&(e=i.temporalBinning.outTimeZone)}),e||(e=t?.axes?.[0]?.valueFormat.type===n.DateAxisFormat?t.axes[0].valueFormat.intlOptions.timeZone:void 0),e},h=(t,e)=>{let i=l(t);s(e)?t?e.outTimeZone=i:delete e.outTimeZone:e?.series.forEach(o=>{(o.type===n.BarSeries||o.type===n.RadarSeries||o.type===n.LineSeries)&&(t?(o.temporalBinning??={},o.temporalBinning.outTimeZone=i):o.temporalBinning&&delete o.temporalBinning.outTimeZone)}),e?.axes?.[0]?.valueFormat.type===n.DateAxisFormat&&(t?e.axes[0].valueFormat.intlOptions.timeZone=i:delete e.axes[0].valueFormat.intlOptions.timeZone)},m=class extends u{get timeZone(){return v(this._config)}set timeZone(e){h(e,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};d([c],m.prototype,"timeZone");return{a:h,b:m}},a,b)