@arcgis/charts-components 5.2.0-next.16 → 5.2.0-next.18

package/dist/cdn/{LM3WDIMX.js → 2TC4JZJO.js}

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

package/dist/cdn/{WE5N2DWF.js → 2UMH6XR3.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b}from"./S7Z4HRW7.js";import{a as P}from"./IHO3OLL3.js";import e from"./INWHDZUX.js";import{a as z}from"./JHANH4UG.js";import"./AK7X7SGI.js";import c from"./475GCHIH.js";import"./WNKDEOFZ.js";import a from"./FLLUECUY.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{Aa as I,o as S}from"./PAIRUVLU.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./RIM4HLHN.js";import{f as h}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{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"},k=E`.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{display:flex}.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}.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 T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{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},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .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",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,M]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${M/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(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=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(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=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);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))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.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:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(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??I} @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 @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(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()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
+import{a as b}from"./S7Z4HRW7.js";import{a as P}from"./IHO3OLL3.js";import e from"./HO6UADCP.js";import{a as z}from"./JHANH4UG.js";import"./AK7X7SGI.js";import c from"./GHNRDFV4.js";import"./WNKDEOFZ.js";import a from"./LANNBQHD.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import{Aa as I,o as S}from"./PAIRUVLU.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./RIM4HLHN.js";import{f as h}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{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"},k=E`.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{display:flex}.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}.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 T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{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},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .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",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,M]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${M/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(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=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(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=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);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))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.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:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(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??I} @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 @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(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()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)