@arcgis/charts-components 6.0.0-next.10 → 6.0.0-next.12

package/dist/cdn/{ZFWGZCEY.js → MXA4EHKB.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as $}from"./H5VCT3XP.js";import{a as P}from"./GSCC3FON.js";import c from"./V35YA4VJ.js";import"./5AKOPV7Z.js";import{a as z}from"./FNXREQOE.js";import a from"./EPY6V4CJ.js";import{Ea as y,o as I}from"./XXO5K6N4.js";import{f as k}from"./WKF53DYD.js";import{e as _,k as b,q as G}from"./OZSOICXE.js";import"./PBQRZBQM.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"./YF6ML4P6.js";import{f as h}from"./FHN6CIIO.js";import"./AUKJ4CBR.js";import"./BNAX4Y53.js";import"./TIWCUJOG.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=z(),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.innerRadius=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:k.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.innerRadius??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)
+import{a as $}from"./H5VCT3XP.js";import{a as P}from"./GSCC3FON.js";import c from"./V35YA4VJ.js";import"./5AKOPV7Z.js";import{a as z}from"./FNXREQOE.js";import a from"./EPY6V4CJ.js";import{Ea as y,o as I}from"./XXO5K6N4.js";import{f as k}from"./WKF53DYD.js";import{e as _,k as b,q as G}from"./OZSOICXE.js";import"./PBQRZBQM.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"./YF6ML4P6.js";import{f as h}from"./FHN6CIIO.js";import"./AUKJ4CBR.js";import"./BNAX4Y53.js";import"./TIWCUJOG.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=z(),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.innerRadius=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:k.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.innerRadius??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=100 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)

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as r}from"./SBJXOYLB.js";import{G as t,q as e}from"./YF6ML4P6.js";import"./QGHI4FS2.js";import"./FHN6CIIO.js";import"./AUKJ4CBR.js";import"./BNAX4Y53.js";import"./TIWCUJOG.js";var a=e(t,{"arcgis-chart":[()=>import("./DXDQ6EMD.js"),"_commonStrings:,_messages:,actionMode,allowUsingObjectIdStat,animationEnabled,aria:,autoDestroyDisabled,autoDisposeChart,autoInverseDataLabelTextColor,calciteThemingCSSVariables:,chartIndex,chartLimits:,chartWillRender:,configurationEnabled,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableBetaFeatures,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,filterByViewExtent,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,hideUIMessages,hideZeroCountCategories,ignoreSmoothRenderingLimit,ignoreViewExtent,interactionsDisabled,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerItemId,layerRendererChangePolicy,legendInteractionsDisabled,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,mapLayerId,messageOverrides:,model:,nullAsValid,placeholder,popupTemplateFieldInfosEnabled,queueChartCreation,referenceElement,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotated,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionManager:,selectionTheme:,setTimeBinningInfoWhenNotProvided,showEmptySeries,showLicenseWatermark,showUIMessages,skipChartCreationQueue,syncChartsSelection,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,syncViewSelection,syncViewTimeExtent,syncViewTimeZone,syncViewTimeZoneInclusionList:,timeZone,togglingLegendItemsDisabled,tooltipFormatter:,truncateLongTitles,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:,zeroCountAsValid;clearSelection,destroy,errorAlert,exportAsCSV,exportAsImage,loadModel,notify,refresh,resetZoom,switchSelection;applySelectionFromSelectionManager"],"arcgis-charts-action-bar":[()=>import("./GRGXX2Z5.js"),"_messages:,actionBarSelectionMode,chartElement:,chartType,clearSelectionActive,clearSelectionDisabled,clearSelectionState,clearSelectionTitle,clearSelectionToggle,commonStrings:,csvExportExclusionList:,disableCSVExportForChartTypes:,editChartActive,editChartEnabled,editChartState,editChartTitle,editChartToggle,expanded,exportActionDisabled,exportActionState,exportAsCSVDisabled,exportAsCSVState,exportAsCSVTitle,exportAsImageDisabled,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionActive,filterBySelectionDisabled,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,filterByViewExtentActive,filterByViewExtentDisabled,filterByViewExtentTitle,forceDisableActions,fullExtentActive,fullExtentDisabled,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendActive,legendDisabled,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartActive,rotateChartDisabled,rotateChartState,rotateChartTitle,rotateChartToggle,selectionActive,selectionDisabled,selectionState,selectionTitle,selectionToggle,switchSelectionActive,switchSelectionDisabled,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomActive,zoomDisabled,zoomState,zoomTitle,zoomToggle"],"arcgis-charts-config-axes":[()=>import("./FKES55PK.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,messageOverrides:,model:,open,showEnableXLogOption,showEnableYLogOption,showMaxXBoundOption,showMaxYBoundOption,showMinXBoundOption,showMinYBoundOption"],"arcgis-charts-config-axis":[()=>import("./DMOEIZNS.js"),"axisTitle,dataMaxValue,dataMinValue,initialMaxBound,initialMinBound,isXAxis,maxBoundMaxLimit,maxBoundMinLimit,messageOverrides:,minBoundMaxLimit,minBoundMinLimit,model:,showEnableLogOption,showMaxBoundOption,showMinBoundOption"],"arcgis-charts-config-bar-chart":[()=>import("./5BRIW4JG.js"),"calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,timeZone,usePopupTemplateFieldsInfo"],"arcgis-charts-config-bar-chart-data":[()=>import("./X5TWBBO6.js"),"layerFieldsInfo:,messageOverrides:,model:,open"],"arcgis-charts-config-bar-chart-popover":[()=>import("./REHZ6CP3.js"),"contentKind,headingTitle,isCustomSortDisabled,isNoAggregationDisabled,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-bar-chart-series":[()=>import("./HXMLK3YJ.js"),"activeColorMatch,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-bar-chart-series-popover":[()=>import("./HZTTUPNN.js"),"messageOverrides:,nullCategory:,open,placement,referenceElement:,selectedColor:,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-box-plot":[()=>import("./SERDXBEF.js"),"calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-box-plot-data":[()=>import("./7CKN3OHT.js"),"layerFieldsInfo:,messageOverrides:,model:"],"arcgis-charts-config-box-plot-popover":[()=>import("./EOTR4BKX.js"),"contentKind,headingTitle,isCustomSortDisabled,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-box-plot-series":[()=>import("./HNXEJNF2.js"),"activeColorMatch,configSeriesOpen,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-box-plot-series-popover":[()=>import("./AS2IRRXE.js"),"isLineSymbol,labelCanBeConfigured,messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedLineStyle,selectedLineWidth,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-category-format":[()=>import("./G5VMZ4VH.js"),"categoryFormat:,messageOverrides:"],"arcgis-charts-config-chart-rename-popover":[()=>import("./WAHJIOS5.js"),"messageOverrides:,name,open,referenceElement:;reposition"],"arcgis-charts-config-color-style":[()=>import("./FM6F6ZYW.js"),"enableClose,header,messageOverrides:,open,selectedColor:"],"arcgis-charts-config-colors":[()=>import("./BRTTYFXT.js"),"heading,messageOverrides:,rgba:"],"arcgis-charts-config-create-flow":[()=>import("./4CUMUAAH.js"),"activeLayerId,calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,chartData:,close,disableEditing,filterBySelection,headerTitle,layerList:,messageOverrides:,modelList:,panelNumber,popoverPlacement,popupTemplateFieldInfosEnabled,r2,selectedChartId,seriesColor:,syncChartsToLayers,timeZone,usePopupTemplateFieldsInfo,view:;setFocus"],"arcgis-charts-config-field-picker":[()=>import("./KK445MLC.js"),"disabled,invalid,label"],"arcgis-charts-config-font-style":[()=>import("./DRUWV4QU.js"),"enableClose,fontStyle:,header,messageOverrides:,open"],"arcgis-charts-config-format":[()=>import("./EYDYH5BT.js"),"messageOverrides:,model:"],"arcgis-charts-config-format-popover":[()=>import("./2WQNU554.js"),"messageOverrides:,open,placement,referenceElement:,selectedElement:;reposition"],"arcgis-charts-config-general":[()=>import("./VJMXXMFI.js"),"messageOverrides:,model:,open"],"arcgis-charts-config-guide":[()=>import("./A2PYAGE3.js"),"calculatedMinMaxBounds:,index,latestGuidePosition,messageOverrides:,model:,orientation,timeZone"],"arcgis-charts-config-guide-popover":[()=>import("./33LWKOPD.js"),"messageOverrides:,open,placement,referenceElement:,selectedElement:;reposition"],"arcgis-charts-config-guides":[()=>import("./NUTUTE7W.js"),"calculatedMinMaxBounds:,enableXAxisGuide,enableYAxisGuide,messageOverrides:,model:,open,timeZone"],"arcgis-charts-config-guides-type-popover":[()=>import("./OYUTQX4U.js"),"enableXAxisGuide,enableYAxisGuide,messageOverrides:,open,placement,referenceElement:;reposition"],"arcgis-charts-config-heat-chart":[()=>import("./6QBSP4KD.js"),"layer:,model:,page,popupTemplateFieldInfosEnabled,usePopupTemplateFieldsInfo"],"arcgis-charts-config-heat-chart-data":[()=>import("./TTV7DGFQ.js"),"layerFieldsInfo:,messageOverrides:,model:,open"],"arcgis-charts-config-heat-chart-popover":[()=>import("./XJUMOE6X.js"),"colorRamps:,contentKind,headingTitle,isFlipped,layerFieldsInfo:,messageOverrides:,model:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-histogram":[()=>import("./F3RF7JPT.js"),"calculatedMinMaxBounds:,chartData:,layer:,model:,page,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-histogram-data":[()=>import("./DEXP6J3O.js"),"countValue,layerFieldsInfo:,maxValue,meanValue,medianValue,messageOverrides:,minValue,model:,nullsValue,open,selectedOverlaySymbolType,standardDevValue,sumValue"],"arcgis-charts-config-histogram-popover":[()=>import("./HVJPAZGC.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,placement,referenceElement:,selectedBinColor:,selectedNumericField,selectedOverlaySymbol:,selectedOverlaySymbolType,selectedTransformationType;reposition"],"arcgis-charts-config-invalid-input-message":[()=>import("./IBZIYVHR.js"),"invalidInputMessage,isInvalid"],"arcgis-charts-config-line-chart":[()=>import("./ZK3ZCNLZ.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,timeZone,usePopupTemplateFieldsInfo"],"arcgis-charts-config-line-chart-data":[()=>import("./NHJPAIVY.js"),"layerFieldsInfo:,messageOverrides:,model:,resetTimeInterval:"],"arcgis-charts-config-line-chart-popover":[()=>import("./G37AUFZF.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-line-chart-series":[()=>import("./5OYAVQQE.js"),"activeColorMatch,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-line-chart-series-popover":[()=>import("./NCPNWQMP.js"),"messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedLineStyle,selectedLineWidth,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-line-style":[()=>import("./3MXANTL7.js"),"enableClose,header,lineStyle:,messageOverrides:,open,usePanel"],"arcgis-charts-config-number-format":[()=>import("./OA24BIJ5.js"),"messageOverrides:,numberFormat:"],"arcgis-charts-config-pie-chart":[()=>import("./Y67ETZ3T.js"),"calculatedMinMaxBounds:,chartData:,filterBySelection,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-pie-chart-data":[()=>import("./RWR5WVPG.js"),"layerFieldsInfo:,messageOverrides:,model:"],"arcgis-charts-config-pie-chart-popover":[()=>import("./UUEYN7QY.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-pie-chart-slices":[()=>import("./ZFWGZCEY.js"),"chartData:,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-pie-chart-slices-popover":[()=>import("./JYLCRNMW.js"),"messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedName,selectedSliceId;reposition"],"arcgis-charts-config-scatter-plot":[()=>import("./62FX3J5X.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,r2,usePopupTemplateFieldsInfo,view:"],"arcgis-charts-config-scatter-plot-aoi":[()=>import("./TG37UNR7.js"),"messageOverrides:,view:"],"arcgis-charts-config-scatter-plot-data":[()=>import("./FYQGRCBG.js"),"isTableLayer,layerFieldsInfo:,messageOverrides:,model:,r2,view:"],"arcgis-charts-config-scatter-plot-popover":[()=>import("./6RWOVGNO.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,placement,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-select-chart-type-popover":[()=>import("./SFX2QCRS.js"),"headerTitle,layerId,layerType,messageOverrides:,open,popoverPlacement,referenceElement:,selectedModelType,supportedChartTypes:;reposition"],"arcgis-charts-config-view-charts":[()=>import("./MVIMCR4O.js"),"disableEditing,layer:,messageOverrides:,modelList:,noGroup,selectedChartId"],"arcgis-charts-info-modal":[()=>import("./ADQTDPLB.js"),"calciteThemeColors:,heading,loaderColors:,message,showLoader"]});a({resourcesUrl:import.meta.url});var i=new CSSStyleSheet;i.replaceSync('@layer{:not([hydrated]):is(arcgis-chart,arcgis-charts-action-bar){visibility:hidden}:root,:host{--arcgis-charts-config-calcite-block-default-width: 100%;--arcgis-charts-config-calcite-block-default-height: auto;--arcgis-charts-config-default-max-width: 100%;--arcgis-charts-config-default-max-height: 100%;--arcgis-charts-background: rgb(223, 223, 223);--calcite-ui-foreground: rgb(223, 223, 223);--calcite-app-background-content: rgb(0, 0, 0, 0);--config-width: 40%;--config-height: 600px;--placement-direction: "row"}:root{--arcgis-charts-curtain-opacity: 1;--arcgis-charts-popup-ol-padding: 2em;--arcgis-charts-popup-body-padding-left: 0;--arcgis-charts-default-width: 100%;--arcgis-charts-default-height: 100%;--arcgis-charts-config-calcite-block-default-margin: 0;--arcgis-charts-config-margin-minor: .5rem;--arcgis-charts-config-margin-major: 1rem;--arcgis-charts-config-popover-pick-list-max-width: 314px;--arcgis-charts-inter-section-margin: .9rem;--arcgis-charts-intra-section-margin: .3rem;--arcgis-charts-top-section-margin: .6rem;--arcgis-charts-input-height: 2.4rem;--arcgis-charts-panel-padding: 0 1rem;--arcgis-charts-border-radius: .2rem;--arcgis-charts-input-background: #ffffff;--arcgis-charts-border: #eaeaea;--arcgis-charts-border-hover: #dfdfdf;--arcgis-charts-border-invalid: red;--arcgis-charts-background-clear: transparent;--arcgis-charts-dim-text: rgb(150, 150, 150);--arcgis-charts-side-spacing: 1rem;--arcgis-charts-side-spacing-three-quarters: calc(var(--arcgis-charts-side-spacing) * 3 / 4);--arcgis-charts-side-spacing-half: calc(var(--arcgis-charts-side-spacing) / 2);--arcgis-charts-side-spacing-third: calc(var(--arcgis-charts-side-spacing) / 3);--arcgis-charts-side-spacing-quarter: calc(var(--arcgis-charts-side-spacing) / 4);--arcgis-charts-side-spacing-eighth: calc(var(--arcgis-charts-side-spacing) / 8);--arcgis-charts-side-spacing-plus-half: calc(var(--arcgis-charts-side-spacing) * 1.5);--arcgis-charts-side-spacing-double: calc(var(--arcgis-charts-side-spacing) * 2)}}');document.adoptedStyleSheets=[...document.adoptedStyleSheets,i];export{r as createModel};window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r,p,j,i=(a.importMap??={}).imports??={})=>{"model/shared/setup-utils".split(",").map(e=>i[p+e+j]=i[p+e]=import.meta.resolve("./"+e+j));a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,t,"@arcgis/charts-components/",".js");(($arcgis.importMap??={}).imports??={})["@arcgis/charts-components"]=import.meta.url
+import{a as r}from"./SBJXOYLB.js";import{G as t,q as e}from"./YF6ML4P6.js";import"./QGHI4FS2.js";import"./FHN6CIIO.js";import"./AUKJ4CBR.js";import"./BNAX4Y53.js";import"./TIWCUJOG.js";var a=e(t,{"arcgis-chart":[()=>import("./DXDQ6EMD.js"),"_commonStrings:,_messages:,actionMode,allowUsingObjectIdStat,animationEnabled,aria:,autoDestroyDisabled,autoDisposeChart,autoInverseDataLabelTextColor,calciteThemingCSSVariables:,chartIndex,chartLimits:,chartWillRender:,configurationEnabled,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableBetaFeatures,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,filterByViewExtent,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,hideUIMessages,hideZeroCountCategories,ignoreSmoothRenderingLimit,ignoreViewExtent,interactionsDisabled,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerItemId,layerRendererChangePolicy,legendInteractionsDisabled,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,mapLayerId,messageOverrides:,model:,nullAsValid,placeholder,popupTemplateFieldInfosEnabled,queueChartCreation,referenceElement,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotated,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionManager:,selectionTheme:,setTimeBinningInfoWhenNotProvided,showEmptySeries,showLicenseWatermark,showUIMessages,skipChartCreationQueue,syncChartsSelection,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,syncViewSelection,syncViewTimeExtent,syncViewTimeZone,syncViewTimeZoneInclusionList:,timeZone,togglingLegendItemsDisabled,tooltipFormatter:,truncateLongTitles,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:,zeroCountAsValid;clearSelection,destroy,errorAlert,exportAsCSV,exportAsImage,loadModel,notify,refresh,resetZoom,switchSelection;applySelectionFromSelectionManager"],"arcgis-charts-action-bar":[()=>import("./GRGXX2Z5.js"),"_messages:,actionBarSelectionMode,chartElement:,chartType,clearSelectionActive,clearSelectionDisabled,clearSelectionState,clearSelectionTitle,clearSelectionToggle,commonStrings:,csvExportExclusionList:,disableCSVExportForChartTypes:,editChartActive,editChartEnabled,editChartState,editChartTitle,editChartToggle,expanded,exportActionDisabled,exportActionState,exportAsCSVDisabled,exportAsCSVState,exportAsCSVTitle,exportAsImageDisabled,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionActive,filterBySelectionDisabled,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,filterByViewExtentActive,filterByViewExtentDisabled,filterByViewExtentTitle,forceDisableActions,fullExtentActive,fullExtentDisabled,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendActive,legendDisabled,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartActive,rotateChartDisabled,rotateChartState,rotateChartTitle,rotateChartToggle,selectionActive,selectionDisabled,selectionState,selectionTitle,selectionToggle,switchSelectionActive,switchSelectionDisabled,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomActive,zoomDisabled,zoomState,zoomTitle,zoomToggle"],"arcgis-charts-config-axes":[()=>import("./FKES55PK.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,messageOverrides:,model:,open,showEnableXLogOption,showEnableYLogOption,showMaxXBoundOption,showMaxYBoundOption,showMinXBoundOption,showMinYBoundOption"],"arcgis-charts-config-axis":[()=>import("./DMOEIZNS.js"),"axisTitle,dataMaxValue,dataMinValue,initialMaxBound,initialMinBound,isXAxis,maxBoundMaxLimit,maxBoundMinLimit,messageOverrides:,minBoundMaxLimit,minBoundMinLimit,model:,showEnableLogOption,showMaxBoundOption,showMinBoundOption"],"arcgis-charts-config-bar-chart":[()=>import("./5BRIW4JG.js"),"calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,timeZone,usePopupTemplateFieldsInfo"],"arcgis-charts-config-bar-chart-data":[()=>import("./X5TWBBO6.js"),"layerFieldsInfo:,messageOverrides:,model:,open"],"arcgis-charts-config-bar-chart-popover":[()=>import("./REHZ6CP3.js"),"contentKind,headingTitle,isCustomSortDisabled,isNoAggregationDisabled,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-bar-chart-series":[()=>import("./HXMLK3YJ.js"),"activeColorMatch,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-bar-chart-series-popover":[()=>import("./HZTTUPNN.js"),"messageOverrides:,nullCategory:,open,placement,referenceElement:,selectedColor:,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-box-plot":[()=>import("./SERDXBEF.js"),"calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-box-plot-data":[()=>import("./7CKN3OHT.js"),"layerFieldsInfo:,messageOverrides:,model:"],"arcgis-charts-config-box-plot-popover":[()=>import("./EOTR4BKX.js"),"contentKind,headingTitle,isCustomSortDisabled,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-box-plot-series":[()=>import("./HNXEJNF2.js"),"activeColorMatch,configSeriesOpen,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-box-plot-series-popover":[()=>import("./AS2IRRXE.js"),"isLineSymbol,labelCanBeConfigured,messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedLineStyle,selectedLineWidth,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-category-format":[()=>import("./G5VMZ4VH.js"),"categoryFormat:,messageOverrides:"],"arcgis-charts-config-chart-rename-popover":[()=>import("./WAHJIOS5.js"),"messageOverrides:,name,open,referenceElement:;reposition"],"arcgis-charts-config-color-style":[()=>import("./FM6F6ZYW.js"),"enableClose,header,messageOverrides:,open,selectedColor:"],"arcgis-charts-config-colors":[()=>import("./BRTTYFXT.js"),"heading,messageOverrides:,rgba:"],"arcgis-charts-config-create-flow":[()=>import("./4CUMUAAH.js"),"activeLayerId,calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,chartData:,close,disableEditing,filterBySelection,headerTitle,layerList:,messageOverrides:,modelList:,panelNumber,popoverPlacement,popupTemplateFieldInfosEnabled,r2,selectedChartId,seriesColor:,syncChartsToLayers,timeZone,usePopupTemplateFieldsInfo,view:;setFocus"],"arcgis-charts-config-field-picker":[()=>import("./KK445MLC.js"),"disabled,invalid,label"],"arcgis-charts-config-font-style":[()=>import("./DRUWV4QU.js"),"enableClose,fontStyle:,header,messageOverrides:,open"],"arcgis-charts-config-format":[()=>import("./EYDYH5BT.js"),"messageOverrides:,model:"],"arcgis-charts-config-format-popover":[()=>import("./2WQNU554.js"),"messageOverrides:,open,placement,referenceElement:,selectedElement:;reposition"],"arcgis-charts-config-general":[()=>import("./VJMXXMFI.js"),"messageOverrides:,model:,open"],"arcgis-charts-config-guide":[()=>import("./A2PYAGE3.js"),"calculatedMinMaxBounds:,index,latestGuidePosition,messageOverrides:,model:,orientation,timeZone"],"arcgis-charts-config-guide-popover":[()=>import("./33LWKOPD.js"),"messageOverrides:,open,placement,referenceElement:,selectedElement:;reposition"],"arcgis-charts-config-guides":[()=>import("./NUTUTE7W.js"),"calculatedMinMaxBounds:,enableXAxisGuide,enableYAxisGuide,messageOverrides:,model:,open,timeZone"],"arcgis-charts-config-guides-type-popover":[()=>import("./OYUTQX4U.js"),"enableXAxisGuide,enableYAxisGuide,messageOverrides:,open,placement,referenceElement:;reposition"],"arcgis-charts-config-heat-chart":[()=>import("./6QBSP4KD.js"),"layer:,model:,page,popupTemplateFieldInfosEnabled,usePopupTemplateFieldsInfo"],"arcgis-charts-config-heat-chart-data":[()=>import("./TTV7DGFQ.js"),"layerFieldsInfo:,messageOverrides:,model:,open"],"arcgis-charts-config-heat-chart-popover":[()=>import("./XJUMOE6X.js"),"colorRamps:,contentKind,headingTitle,isFlipped,layerFieldsInfo:,messageOverrides:,model:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-histogram":[()=>import("./F3RF7JPT.js"),"calculatedMinMaxBounds:,chartData:,layer:,model:,page,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-histogram-data":[()=>import("./DEXP6J3O.js"),"countValue,layerFieldsInfo:,maxValue,meanValue,medianValue,messageOverrides:,minValue,model:,nullsValue,open,selectedOverlaySymbolType,standardDevValue,sumValue"],"arcgis-charts-config-histogram-popover":[()=>import("./HVJPAZGC.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,placement,referenceElement:,selectedBinColor:,selectedNumericField,selectedOverlaySymbol:,selectedOverlaySymbolType,selectedTransformationType;reposition"],"arcgis-charts-config-invalid-input-message":[()=>import("./IBZIYVHR.js"),"invalidInputMessage,isInvalid"],"arcgis-charts-config-line-chart":[()=>import("./ZK3ZCNLZ.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,timeZone,usePopupTemplateFieldsInfo"],"arcgis-charts-config-line-chart-data":[()=>import("./NHJPAIVY.js"),"layerFieldsInfo:,messageOverrides:,model:,resetTimeInterval:"],"arcgis-charts-config-line-chart-popover":[()=>import("./G37AUFZF.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-line-chart-series":[()=>import("./5OYAVQQE.js"),"activeColorMatch,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-line-chart-series-popover":[()=>import("./NCPNWQMP.js"),"messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedLineStyle,selectedLineWidth,selectedName,selectedSeriesIndex;reposition"],"arcgis-charts-config-line-style":[()=>import("./3MXANTL7.js"),"enableClose,header,lineStyle:,messageOverrides:,open,usePanel"],"arcgis-charts-config-number-format":[()=>import("./OA24BIJ5.js"),"messageOverrides:,numberFormat:"],"arcgis-charts-config-pie-chart":[()=>import("./Y67ETZ3T.js"),"calculatedMinMaxBounds:,chartData:,filterBySelection,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,seriesColor:,usePopupTemplateFieldsInfo"],"arcgis-charts-config-pie-chart-data":[()=>import("./RWR5WVPG.js"),"layerFieldsInfo:,messageOverrides:,model:"],"arcgis-charts-config-pie-chart-popover":[()=>import("./UUEYN7QY.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-pie-chart-slices":[()=>import("./MXA4EHKB.js"),"chartData:,messageOverrides:,model:,popoverPlacement"],"arcgis-charts-config-pie-chart-slices-popover":[()=>import("./JYLCRNMW.js"),"messageOverrides:,open,placement,referenceElement:,selectedColor:,selectedName,selectedSliceId;reposition"],"arcgis-charts-config-scatter-plot":[()=>import("./62FX3J5X.js"),"calculatedDataMinMaxBounds:,calculatedMinMaxBounds:,layer:,model:,page,popoverPlacement,popupTemplateFieldInfosEnabled,r2,usePopupTemplateFieldsInfo,view:"],"arcgis-charts-config-scatter-plot-aoi":[()=>import("./TG37UNR7.js"),"messageOverrides:,view:"],"arcgis-charts-config-scatter-plot-data":[()=>import("./FYQGRCBG.js"),"isTableLayer,layerFieldsInfo:,messageOverrides:,model:,r2,view:"],"arcgis-charts-config-scatter-plot-popover":[()=>import("./6RWOVGNO.js"),"contentKind,headingTitle,layerFieldsInfo:,messageOverrides:,open,placement,referenceElement:,selectedContent;reposition"],"arcgis-charts-config-select-chart-type-popover":[()=>import("./SFX2QCRS.js"),"headerTitle,layerId,layerType,messageOverrides:,open,popoverPlacement,referenceElement:,selectedModelType,supportedChartTypes:;reposition"],"arcgis-charts-config-view-charts":[()=>import("./MVIMCR4O.js"),"disableEditing,layer:,messageOverrides:,modelList:,noGroup,selectedChartId"],"arcgis-charts-info-modal":[()=>import("./ADQTDPLB.js"),"calciteThemeColors:,heading,loaderColors:,message,showLoader"]});a({resourcesUrl:import.meta.url});var i=new CSSStyleSheet;i.replaceSync('@layer{:not([hydrated]):is(arcgis-chart,arcgis-charts-action-bar){visibility:hidden}:root,:host{--arcgis-charts-config-calcite-block-default-width: 100%;--arcgis-charts-config-calcite-block-default-height: auto;--arcgis-charts-config-default-max-width: 100%;--arcgis-charts-config-default-max-height: 100%;--arcgis-charts-background: rgb(223, 223, 223);--calcite-ui-foreground: rgb(223, 223, 223);--calcite-app-background-content: rgb(0, 0, 0, 0);--config-width: 40%;--config-height: 600px;--placement-direction: "row"}:root{--arcgis-charts-curtain-opacity: 1;--arcgis-charts-popup-ol-padding: 2em;--arcgis-charts-popup-body-padding-left: 0;--arcgis-charts-default-width: 100%;--arcgis-charts-default-height: 100%;--arcgis-charts-config-calcite-block-default-margin: 0;--arcgis-charts-config-margin-minor: .5rem;--arcgis-charts-config-margin-major: 1rem;--arcgis-charts-config-popover-pick-list-max-width: 314px;--arcgis-charts-inter-section-margin: .9rem;--arcgis-charts-intra-section-margin: .3rem;--arcgis-charts-top-section-margin: .6rem;--arcgis-charts-input-height: 2.4rem;--arcgis-charts-panel-padding: 0 1rem;--arcgis-charts-border-radius: .2rem;--arcgis-charts-input-background: #ffffff;--arcgis-charts-border: #eaeaea;--arcgis-charts-border-hover: #dfdfdf;--arcgis-charts-border-invalid: red;--arcgis-charts-background-clear: transparent;--arcgis-charts-dim-text: rgb(150, 150, 150);--arcgis-charts-side-spacing: 1rem;--arcgis-charts-side-spacing-three-quarters: calc(var(--arcgis-charts-side-spacing) * 3 / 4);--arcgis-charts-side-spacing-half: calc(var(--arcgis-charts-side-spacing) / 2);--arcgis-charts-side-spacing-third: calc(var(--arcgis-charts-side-spacing) / 3);--arcgis-charts-side-spacing-quarter: calc(var(--arcgis-charts-side-spacing) / 4);--arcgis-charts-side-spacing-eighth: calc(var(--arcgis-charts-side-spacing) / 8);--arcgis-charts-side-spacing-plus-half: calc(var(--arcgis-charts-side-spacing) * 1.5);--arcgis-charts-side-spacing-double: calc(var(--arcgis-charts-side-spacing) * 2)}}');document.adoptedStyleSheets=[...document.adoptedStyleSheets,i];export{r as createModel};window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r,p,j,i=(a.importMap??={}).imports??={})=>{"model/shared/setup-utils".split(",").map(e=>i[p+e+j]=i[p+e]=import.meta.resolve("./"+e+j));a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,t,"@arcgis/charts-components/",".js");(($arcgis.importMap??={}).imports??={})["@arcgis/charts-components"]=import.meta.url

package/dist/components/arcgis-charts-config-pie-chart-slices/customElement.js

@@ -171,7 +171,7 @@ class D extends z {
     N(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.innerRadius ?? 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 role=img tabindex=0 aria-label=${this._messages.groupingInfo ?? "" ?? w} @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=${x(p(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=${p(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
+    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.innerRadius ?? 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 role=img tabindex=0 aria-label=${this._messages.groupingInfo ?? "" ?? w} @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=100 step=1 snap .value=${x(p(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=${p(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=${p(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=${p(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()}`;
   }