@arcgis/charts-components 5.2.0-next.124 → 5.2.0-next.125

package/dist/cdn/{JSFNIFWE.js → EP5BMXUY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as T}from"./7TM4LYGN.js";import{a as L}from"./MQI4ZLAS.js";import{a as C}from"./RP6LD7CU.js";import f from"./VP5MGMQP.js";import"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import e from"./KZBUDNHW.js";import c from"./LBX6U6EK.js";import{c as v,d as k}from"./4GHJREG3.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./5SYHQWPP.js";import{B as y,C as a,D as d,F as p,H as x,g as $,i as o,n as b}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as u,f as r}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Xc:h},,{r:P}])=>{var E={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},w=$`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}`,f=class extends y{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=h(i),n=i!==void 0&&s!==void 0?{...i,fillSymbol:{...s,color:t,outline:s.outline&&{...s.outline,color:t}}}:void 0;this.model.nullCategory=n}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=w}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=p(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 T(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),g=this.model.getSeriesName(i),m=this.model.chartSubType===k.BarAndLineFromFields?this._messages.series:s,c="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&n!==void 0){S="square-f";let[M,N,O,_]=[...n];c=`rgba(${M},${N},${O},${_/255})`}return o`<calcite-list-item .label=${g??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 L(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=h(e)?.color??h(v.nullCategory)?.color??v.grayColor,[s,n,g,m]=[...i],c=`rgba(${s},${n},${g},${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=${E.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===u.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=p(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(){P(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===u.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}`}};x("arcgis-charts-config-bar-chart-series",f);return f},c,e,f)
+import{a as T}from"./WG2TWSUV.js";import{a as L}from"./5434ASC3.js";import{a as C}from"./RP6LD7CU.js";import f from"./JPDI5NK6.js";import"./TENIFMA5.js";import{a as I}from"./MRN3GTKF.js";import e from"./2QWB5XRH.js";import c from"./MDKLQ2IS.js";import{c as v,d as k}from"./J5E4KON6.js";import"./WOGALV3T.js";import"./ZUN46CYQ.js";import"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./FASMW7S2.js";import{B as y,C as a,D as d,F as p,H as x,g as $,i as o,n as b}from"./IJPD3GVL.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as u,f as r}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Yc:h},,{r:P}])=>{var E={stackedType:"stacked-type"},l={topSection:"top-section",sectionLabel:"section-label",list:"list",disabledInfo:"disabled-info",disabledStackingOption:"disabled-stacking-option"},w=$`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}`,f=class extends y{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=h(i),n=i!==void 0&&s!==void 0?{...i,fillSymbol:{...s,color:t,outline:s.outline&&{...s.outline,color:t}}}:void 0;this.model.nullCategory=n}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=w}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=p(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 T(t,i=>this.model.getSeriesId(i),i=>{let s=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),g=this.model.getSeriesName(i),m=this.model.chartSubType===k.BarAndLineFromFields?this._messages.series:s,c="#CCCCCC",S="minus-square";if((e>1||!this.activeColorMatch)&&n!==void 0){S="square-f";let[M,N,O,_]=[...n];c=`rgba(${M},${N},${O},${_/255})`}return o`<calcite-list-item .label=${g??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 L(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=h(e)?.color??h(v.nullCategory)?.color??v.grayColor,[s,n,g,m]=[...i],c=`rgba(${s},${n},${g},${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=${E.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===u.NoAggregation?this._messages.noAggStackingDisabled:this._messages.singleStackingDisabled)??"";this.tooltip=p(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(){P(this.tooltip)}shouldDisableStacking(){return(this.model.seriesLength??0)<=1||this.model.aggregationType===u.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}`}};x("arcgis-charts-config-bar-chart-series",f);return f},c,e,f)