@arcgis/charts-components 5.2.0-next.117 → 5.2.0-next.119

package/dist/cdn/{PS2SISM7.js → 2FT66YGB.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as k,b,c as v,d as x}from"./3LEJV2CC.js";import d from"./HHW3YRII.js";import a from"./5NLH5NS2.js";import{T as c}from"./ZTVR6KBG.js";export default $arcgis.t(([{pa:o,qa:n},{d:f,e:g}])=>{var t=s=>{let{config:e,seriesIndex:i,callback:a}=s;[i!==void 0?e.series?.[i]:e.series].flat().forEach(r=>{r!==void 0&&(o(r)||n(r))&&a(r)})},T=(s,e)=>{if(o(e.series[s])||n(e.series[s]))return k(e.series[s])},w=s=>{let{style:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{b(e,r)}})},j=(s,e)=>{if(o(e.series[s])||n(e.series[s]))return v(e.series[s])},z=s=>{let{width:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{x(e,r)}})},O=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].markerSymbol?.color:void 0,A=(s,e,i)=>{if(o(i.series[e])||n(i.series[e])){let a=i.series[e];a.markerSymbol===void 0&&(a.markerSymbol=c()),a.markerSymbol.color=s}},L=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.markerSymbol?.style:void 0,P=s=>{let{style:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerSymbol===void 0&&(r.markerSymbol=c()),r.markerSymbol.style=e}})},_=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.markerSymbol?.size:void 0,q=s=>{let{size:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerSymbol===void 0&&(r.markerSymbol=c()),r.markerSymbol.size=e}})},C=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.lineSmoothed??!1:!1,D=s=>{let{smoothed:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.lineSmoothed=e}})},E=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].showArea??!1:!1,W=s=>{let{visible:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.showArea=e}})},F=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].markerVisible??!0:!1,G=s=>{let{visible:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerVisible=e}})},H=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].areaColor:void 0,J=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.connectLines:void 0,K=s=>{let{connect:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.connectLines=e}})},y=Object.defineProperty,I=Object.getOwnPropertyDescriptor,S=(s,e,i,a)=>{for(var r=I(e,i),l=s.length-1,m;l>=0;l--)(m=s[l])&&(r=m(e,i,r)||r);return r&&y(e,i,r),r},h=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].stackNegativeValuesToBaseline??!0:!1,u=s=>{let{stackNegativeValuesToBaseline:e,seriesIndex:i,config:a}=s;(o(a.series[i])||n(a.series[i]))&&(a.series[i].stackNegativeValuesToBaseline=e)},d=class extends f{isNegativeValuesStackedToBaseline(e){return h(e,this._config)}setNegativeValuesStackedToBaseline(e,i){u({stackNegativeValuesToBaseline:e,seriesIndex:i,config:this._config})}};S([g],d.prototype,"setNegativeValuesStackedToBaseline");return{a:T,b:w,c:j,d:z,e:O,f:A,g:L,h:P,i:_,j:q,k:C,l:D,m:E,n:W,o:F,p:G,q:H,r:J,s:K,t:d}},a,d)
+import{a as k,b,c as v,d as x}from"./3LEJV2CC.js";import d from"./LLDSFQI7.js";import a from"./4GT67VUK.js";import{T as c}from"./ZTVR6KBG.js";export default $arcgis.t(([{pa:o,qa:n},{d:f,e:g}])=>{var t=s=>{let{config:e,seriesIndex:i,callback:a}=s;[i!==void 0?e.series?.[i]:e.series].flat().forEach(r=>{r!==void 0&&(o(r)||n(r))&&a(r)})},T=(s,e)=>{if(o(e.series[s])||n(e.series[s]))return k(e.series[s])},w=s=>{let{style:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{b(e,r)}})},j=(s,e)=>{if(o(e.series[s])||n(e.series[s]))return v(e.series[s])},z=s=>{let{width:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{x(e,r)}})},O=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].markerSymbol?.color:void 0,A=(s,e,i)=>{if(o(i.series[e])||n(i.series[e])){let a=i.series[e];a.markerSymbol===void 0&&(a.markerSymbol=c()),a.markerSymbol.color=s}},L=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.markerSymbol?.style:void 0,P=s=>{let{style:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerSymbol===void 0&&(r.markerSymbol=c()),r.markerSymbol.style=e}})},_=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.markerSymbol?.size:void 0,q=s=>{let{size:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerSymbol===void 0&&(r.markerSymbol=c()),r.markerSymbol.size=e}})},C=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.lineSmoothed??!1:!1,D=s=>{let{smoothed:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.lineSmoothed=e}})},E=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].showArea??!1:!1,W=s=>{let{visible:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.showArea=e}})},F=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].markerVisible??!0:!1,G=s=>{let{visible:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.markerVisible=e}})},H=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].areaColor:void 0,J=(s,e)=>o(e.series[s])||n(e.series[s])?e.series?.[s]?.connectLines:void 0,K=s=>{let{connect:e,seriesIndex:i,config:a}=s;t({config:a,seriesIndex:i,callback:r=>{r.connectLines=e}})},y=Object.defineProperty,I=Object.getOwnPropertyDescriptor,S=(s,e,i,a)=>{for(var r=I(e,i),l=s.length-1,m;l>=0;l--)(m=s[l])&&(r=m(e,i,r)||r);return r&&y(e,i,r),r},h=(s,e)=>o(e.series[s])||n(e.series[s])?e.series[s].stackNegativeValuesToBaseline??!0:!1,u=s=>{let{stackNegativeValuesToBaseline:e,seriesIndex:i,config:a}=s;(o(a.series[i])||n(a.series[i]))&&(a.series[i].stackNegativeValuesToBaseline=e)},d=class extends f{isNegativeValuesStackedToBaseline(e){return h(e,this._config)}setNegativeValuesStackedToBaseline(e,i){u({stackNegativeValuesToBaseline:e,seriesIndex:i,config:this._config})}};S([g],d.prototype,"setNegativeValuesStackedToBaseline");return{a:T,b:w,c:j,d:z,e:O,f:A,g:L,h:P,i:_,j:q,k:C,l:D,m:E,n:W,o:F,p:G,q:H,r:J,s:K,t:d}},a,d)

package/dist/cdn/{QXAP7DRB.js → 3FB4VL4V.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as c}from"./MQI4ZLAS.js";import{b as k}from"./IHO3OLL3.js";import e from"./FIIRJDC2.js";import{i as s}from"./TENIFMA5.js";import{a as $}from"./SZYIWW3C.js";import d from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import{n as b}from"./7CLOBWEI.js";import"./WOGALV3T.js";import{i as C}from"./ZTVR6KBG.js";import{f as y}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as f,C as i,H as v,g,i as t,n as p,z as m}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as o}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Nb:u},,{a:P,l:S}])=>{var l={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",popoverPickList:"popover-pick-list",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},T=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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=T}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===s.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(o.None,t`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType===o.None}></calcite-list-item>`),c(o.Log,t`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType===o.Log}></calcite-list-item>`),c(o.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${o.Sqrt} .selected=${this.selectedTransformationType===o.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===s.fillSymbol||this.contentKind===s.lineSymbol?l.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,w]=n,x=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:y.SFS,color:[r,a,w,x]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(l.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(l.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} use-panel .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(s.numericFields);return t`<calcite-panel class=${i(l.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return t`<calcite-panel class=${i(l.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case s.fillSymbol:return this.renderFillColor();case s.lineSymbol:return this.renderOverlayStyle();case s.numericFields:return this.renderFieldSelect();case s.transformation:return this.renderTransformationSelect();default:return}}};v("arcgis-charts-config-histogram-popover",d);return d},a,d,e)
+import{a as c}from"./MQI4ZLAS.js";import{b as k}from"./IHO3OLL3.js";import e from"./EFNGBCII.js";import{i as s}from"./TENIFMA5.js";import{a as $}from"./SZYIWW3C.js";import d from"./6WJOSZSP.js";import a from"./4GT67VUK.js";import{n as b}from"./WIIKUAWF.js";import"./WOGALV3T.js";import{i as C}from"./ZTVR6KBG.js";import{f as y}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as h,B as f,C as i,H as v,g,i as t,n as p,z as m}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{c as o}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Ob:u},,{a:P,l:S}])=>{var l={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",popoverPickList:"popover-pick-list",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},T=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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=T}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===s.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(o.None,t`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType===o.None}></calcite-list-item>`),c(o.Log,t`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType===o.Log}></calcite-list-item>`),c(o.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${o.Sqrt} .selected=${this.selectedTransformationType===o.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===s.fillSymbol||this.contentKind===s.lineSymbol?l.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,w]=n,x=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:y.SFS,color:[r,a,w,x]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(l.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(l.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} use-panel .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(s.numericFields);return t`<calcite-panel class=${i(l.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return t`<calcite-panel class=${i(l.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case s.fillSymbol:return this.renderFillColor();case s.lineSymbol:return this.renderOverlayStyle();case s.numericFields:return this.renderFieldSelect();case s.transformation:return this.renderTransformationSelect();default:return}}};v("arcgis-charts-config-histogram-popover",d);return d},a,d,e)

package/dist/cdn/{34JAB5UH.js → 3IQDYASN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as $}from"./MQI4ZLAS.js";import{a as P}from"./IHO3OLL3.js";import e from"./FIIRJDC2.js";import"./TENIFMA5.js";import{a as k}from"./SZYIWW3C.js";import c from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZTVR6KBG.js";import{f as z}from"./KX7KGXKQ.js";import{c as _,h as b,k as G}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./225VUGML.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},D=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends x{constructor(){super(...arguments),this._messages=k(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:z.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??y} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
+import{a as $}from"./MQI4ZLAS.js";import{a as P}from"./IHO3OLL3.js";import e from"./EFNGBCII.js";import"./TENIFMA5.js";import{a as k}from"./SZYIWW3C.js";import c from"./6WJOSZSP.js";import a from"./4GT67VUK.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import{Da as y,o as I}from"./ZTVR6KBG.js";import{f as z}from"./KX7KGXKQ.js";import{c as _,h as b,k as G}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as x,C as s,D as p,F as S,H as N,g as T,i as d,k as E,z as m}from"./225VUGML.js";import{f as h}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:v,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},D=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends x{constructor(){super(...arguments),this._messages=k(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=b(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??y)},v.SliderTimer),this.onGroupingThresholdSliderChange=b(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},v.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?this.model.setSliceName(i,l):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:i})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail,l=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;l!=null&&l>=0?(this.model.colorMatch=!1,this.model.setSliceColor(i,l)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:z.SFS,color:i}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:i}=e.detail;i===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.onGroupingThresholdChange=b(()=>{let e=this.groupingThresholdElement.value?.value??"",i=Number.parseInt(e);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))},v.DebounceTimer),this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=D}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!G(this.selectedSliceId)){let e=this.model.slices,i=this.model.sliceGrouping,l,t;if(this.selectedSliceId===i?.sliceId)l=i?.label,t=i?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);l=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=S(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${l} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",i="minus-square",l=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){i="square-f";let[c,f,C,w]=[...o.fillSymbol.color];e=`rgba(${c},${f},${C},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===I.emptySliceId?c=this._messages.emptySlice??"":c===I.nullSliceId&&(c=this._messages.nullSlice??""),l?.push($(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){i="square-f";let[o,c,f,C]=[...n.fillSymbol.color];e=`rgba(${o},${c},${f},${C/255})`}return this.model.groupedSliceIds.length>0&&l?.push($(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),l}buildGroupedSlicesListItem(){let e="#CCCCCC",i="minus-square",l=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){i="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&l?.push($(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${i} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),l}buildSliceList(){return d`<calcite-list .label=${this._messages.slices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list .label=${this._messages.groupedSlices??""} class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onLabelCharacterLimitChange(e){let i=e.target.value,l=Number.parseInt(i);l<1&&(l=1),Number.isNaN(l)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=l.toString()),this.model.labelCharacterLimit=l)}onDecimalPlacesChange(e){let i=e.target.value,l=Number.parseInt(i);l<0?l=0:l>20&&(l=20),Number.isNaN(l)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=l.toString()),this.model.decimalPlaces=l)}onDisplayTypeChange(e){let i=e.target.selectedItem;this.model.displayType=i?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:l}=e.detail;this.model.moveSeries(l??0,i??l??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let i=e.target,l=i.localName==="calcite-list-item"?i:i.parentNode;l.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=l.value,this.open=!0}createTooltip(e){let i=e.currentTarget;this.tooltip=S(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??y} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo??""??E} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${_(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)

package/dist/cdn/{CO3FBKOL.js → 4DQNFHA4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from"./4YMHNMGU.js";import{a as b}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SZYIWW3C.js";import e from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./225VUGML.js";import{a as w}from"./P3AYFJRV.js";import{k as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{P:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},L=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=L}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}onChartActionClick(e){e.stopPropagation()}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} @click=${this.onChartActionClick} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)
+import f from"./TUB6DD6P.js";import{a as b}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SZYIWW3C.js";import e from"./6WJOSZSP.js";import a from"./4GT67VUK.js";import"./WIIKUAWF.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./225VUGML.js";import{a as w}from"./P3AYFJRV.js";import{k as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{P:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},L=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=L}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}onChartActionClick(e){e.stopPropagation()}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} @click=${this.onChartActionClick} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)

package/dist/cdn/{JMVO446U.js → 4E34FLKY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as u}from"./7TM4LYGN.js";import{a as f}from"./MQI4ZLAS.js";import{a as o}from"./IHO3OLL3.js";import d from"./FIIRJDC2.js";import"./TENIFMA5.js";import{a as S}from"./SZYIWW3C.js";import b from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import{d as p}from"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}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,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)
+import{a as u}from"./7TM4LYGN.js";import{a as f}from"./MQI4ZLAS.js";import{a as o}from"./IHO3OLL3.js";import d from"./EFNGBCII.js";import"./TENIFMA5.js";import{a as S}from"./SZYIWW3C.js";import b from"./6WJOSZSP.js";import a from"./4GT67VUK.js";import{d as p}from"./WIIKUAWF.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}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,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)