@arcgis/charts-components 5.0.0-next.24 → 5.0.0-next.26

package/dist/components/arcgis-charts-config-line-chart-popover/customElement.js

@@ -6,25 +6,34 @@ import { a as h } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aX as F, aY as x, ci as P, bf as T, bd as C, cp as A } from "../../chunks/interfaces.js";
+import { bi as F, bj as x, cN as P, bC as T, bA as C, cU as A } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as w, p as D } from "../../chunks/popover-ui-utils.js";
 import { LitElement as E, createEvent as y, safeClassMap as o } from "@arcgis/lumina";
 import { css as S, html as n } from "lit";
 import { createRef as g, ref as m } from "lit/directives/ref.js";
 import { u as L } from "../../chunks/useT9n.js";
-import { L as a } from "../../chunks/interfaces3.js";
+import { L as a } from "../../chunks/interfaces.js";
 import { h as $, U as k, i as u, e as z, s as N } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const K = S`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

package/dist/components/arcgis-charts-config-line-chart-series/customElement.js

@@ -4,14 +4,23 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import { cC as I } from "../../chunks/interfaces.js";
+import { d5 as I } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as d } from "../../chunks/popover-ui-utils.js";
 import { LitElement as $, renderElement as L, safeStyleMap as x } from "@arcgis/lumina";
@@ -21,33 +30,33 @@ import { u as b } from "../../chunks/useT9n.js";
 import { g as M } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const O = P`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends $ {
   constructor() {
     super(...arguments), this._messages = b(), this.seriesPopover = null, this.open = !1, this.seriesNameChange = (e) => {
       if (e.detail !== null || e.detail !== void 0) {
-        const s = e.detail?.name;
-        this.model.setSeriesName(s, this.selectedSeriesIndex ?? -1);
+        const i = e.detail?.name;
+        this.model.setSeriesName(i, this.selectedSeriesIndex ?? -1);
       }
     }, this.seriesColorChange = (e) => {
       if (e.detail !== null && e.detail !== void 0) {
-        const { color: s } = e.detail;
-        this.model.colorMatch = !1, s !== void 0 && (this.model.setSeriesColor(s, this.selectedSeriesIndex ?? -1), this.model.setSeriesMarkerColor(s, this.selectedSeriesIndex ?? -1));
+        const { color: i } = e.detail;
+        this.model.colorMatch = !1, i !== void 0 && (this.model.setSeriesColor(i, this.selectedSeriesIndex ?? -1), this.model.setSeriesMarkerColor(i, this.selectedSeriesIndex ?? -1));
       }
     }, this.seriesLineStyleChange = (e) => {
       if (e.detail !== null && e.detail !== void 0) {
-        const { lineStyle: s } = e.detail;
-        s !== void 0 && this.model.setSeriesLineStyle(s, this.selectedSeriesIndex ?? -1);
+        const { lineStyle: i } = e.detail;
+        i !== void 0 && this.model.setSeriesLineStyle(i, this.selectedSeriesIndex ?? -1);
       }
     }, this.seriesLineWidthChange = (e) => {
       if (e.detail !== null && e.detail !== void 0) {
-        const { lineWidth: s } = e.detail;
-        s !== void 0 && (this.model.setSeriesLineWidth(s, this.selectedSeriesIndex ?? -1), this.model.setSeriesMarkerSize(s * 2, this.selectedSeriesIndex ?? -1));
+        const { lineWidth: i } = e.detail;
+        i !== void 0 && (this.model.setSeriesLineWidth(i, this.selectedSeriesIndex ?? -1), this.model.setSeriesMarkerSize(i * 2, this.selectedSeriesIndex ?? -1));
       }
     }, this.seriesPopoverClose = (e) => {
-      const { selectedSeriesIndex: s } = e.detail;
-      this.selectedSeriesIndex === s && (this.seriesPopover = d(this.seriesPopover), this.selectedSeriesIndex = void 0);
+      const { selectedSeriesIndex: i } = e.detail;
+      this.selectedSeriesIndex === i && (this.seriesPopover = d(this.seriesPopover), this.selectedSeriesIndex = void 0);
     }, this.onModelConfigChange = () => {
       this.requestUpdate();
     }, this.seriesOrderResetCounter = 0, this.activeColorMatch = !1, this.popoverPlacement = "leading";
@@ -67,8 +76,8 @@ class k extends $ {
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeSeriesPopover(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  modelChange(e, s) {
-    s?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+  modelChange(e, i) {
+    i?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   selectedSeriesIndexChange() {
     this.selectedSeriesIndex !== void 0 && (this.seriesPopover = L(o`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`), this.seriesPopover && !document.body.contains(this.seriesPopover) && document.body.appendChild(this.seriesPopover));
@@ -77,16 +86,16 @@ class k extends $ {
     this.seriesPopover !== void 0 && this.seriesPopover !== null && (this.seriesPopover.open = !1, this.seriesPopover = d(this.seriesPopover));
   }
   buildSeriesListItems() {
-    const e = this.model.seriesLength, s = Array.from({ length: e }, (i, t) => t);
-    return y(s, (i) => this.model.getSeriesId(i), (i) => {
-      const t = this.model.getSeriesId(i), l = this.model.getSeriesColor(i), h = this.model.getSeriesName(i), c = this.model.chartSubType === I.BarAndLineFromFields ? this._messages.series : t, m = this.model.getSeriesLineStyle(i), g = M(m);
+    const e = this.model.seriesLength, i = Array.from({ length: e }, (s, t) => t);
+    return y(i, (s) => this.model.getSeriesId(s), (s) => {
+      const t = this.model.getSeriesId(s), l = this.model.getSeriesColor(s), h = this.model.getSeriesName(s), c = this.model.chartSubType === I.BarAndLineFromFields ? this._messages.series : t, m = this.model.getSeriesLineStyle(s), p = M(m);
       let n = "#CCCCCC", a = "minus-circle";
       if ((e > 1 || !this.activeColorMatch) && l !== void 0) {
-        a = `line-${g}`;
-        const [p, C, S, v] = [...l];
-        n = `rgba(${p},${C},${S},${v / 255})`;
+        a = `line-${p}`;
+        const [g, C, S, v] = [...l];
+        n = `rgba(${g},${C},${S},${v / 255})`;
       }
-      return o`<calcite-list-item .label=${h ?? t ?? ""} .description=${c} .value=${t} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${x({ color: n })}></calcite-icon></calcite-list-item>`;
+      return o`<calcite-list-item .label=${h ?? t ?? ""} .description=${c} .value=${t} .selected=${this.selectedSeriesIndex === s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${x({ color: n })}></calcite-icon></calcite-list-item>`;
     });
   }
   buildSeriesList() {
@@ -97,14 +106,14 @@ class k extends $ {
   }
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
-      const { newIndex: s, oldIndex: r } = e.detail;
-      this.model.moveSeries(r, s), this.seriesOrderResetCounter += 1;
+      const { newIndex: i, oldIndex: r } = e.detail;
+      this.model.moveSeries(r, i), this.seriesOrderResetCounter += 1;
     }
   }
   openSeriesPopOver(e) {
     e.stopImmediatePropagation(), this.removeSeriesPopover();
-    const s = e.target, r = s.localName === "calcite-list-item" ? s : s.parentNode, i = this.model.getSeriesIndex(r.value);
-    this.open = this.selectedSeriesIndex !== i, this.selectedSeriesIndex = this.selectedSeriesIndex !== i ? i : void 0;
+    const i = e.target, r = i.localName === "calcite-list-item" ? i : i.parentNode, s = this.model.getSeriesIndex(r.value);
+    this.open = this.selectedSeriesIndex !== s, this.selectedSeriesIndex = this.selectedSeriesIndex !== s ? s : void 0;
   }
   render() {
     return o`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`;

package/dist/components/arcgis-charts-config-line-chart-series-popover/customElement.js

@@ -5,14 +5,23 @@ import "lodash-es";
 import "../../chunks/series-types.js";
 import { c as i } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { Y as v } from "../../chunks/interfaces.js";
+import { aj as v } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as y } from "../../chunks/popover-ui-utils.js";
 import { U as S, b, m, s as w, c as g } from "../../chunks/chart-ui-utils2.js";
@@ -21,7 +30,7 @@ import { createRef as n, ref as a } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as o, nothing as r } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const l = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

package/dist/components/arcgis-charts-config-line-style/customElement.js

@@ -8,7 +8,7 @@ import { createRef as r, ref as d } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as h, safeClassMap as s, nothing as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const a = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

package/dist/components/arcgis-charts-config-number-format/customElement.js

@@ -6,7 +6,7 @@ import { createRef as b, ref as f } from "lit/directives/ref.js";
 import { LitElement as v, createEvent as x, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const n = {
   container: "container",
   label: "label",

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

@@ -4,29 +4,38 @@ import { isEqual as n, cloneDeep as d } from "lodash-es";
 import "../../chunks/series-types.js";
 import { R as u } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { g as y, ba as I } from "../../chunks/interfaces.js";
+import { g as y, bx as I } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
-import { h as F } from "../../chunks/index4.js";
+import { h as F } from "../../chunks/index3.js";
 import "@arcgis/toolkit/dom";
-import { LitElement as v, createEvent as m } from "@arcgis/lumina";
+import { LitElement as v, createEvent as f } from "@arcgis/lumina";
 import { css as P, html as c } from "lit";
-import { C as h } from "../../chunks/interfaces3.js";
+import { C as h } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const L = P`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class S extends v {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
-      const s = e?.detail.config ?? this.model.config;
-      this.layer === void 0 && await this.updateFetchLayerFieldsInfo(s);
-    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = m(), this.arcgisChartsConfigWebChartChange = m();
+      const o = e?.detail.config ?? this.model.config;
+      this.layer === void 0 && await this.updateFetchLayerFieldsInfo(o);
+    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = f(), this.arcgisChartsConfigWebChartChange = f();
   }
   static {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, filterBySelection: 5, chartData: 0 };
@@ -53,29 +62,29 @@ class S extends v {
     e !== void 0 && e !== i && await this.updateFetchLayerFieldsInfo();
   }
   seriesColorChange(e) {
-    const { slices: i, groupedSlices: s, groupOfSlices: a } = e?.get(0) ?? {};
-    let o = [];
-    this.filterBySelection === !0 ? o = this.model.slices?.map((r) => i?.find((t) => t.sliceId === r.sliceId) ?? s?.find((t) => t.sliceId === r.sliceId) ?? r) ?? [] : o = (i ?? []).concat(s ?? []), o.forEach((r, t) => {
-      const f = this.model.slices?.find((g) => g.sliceId === o[t].sliceId);
-      f && (o[t] = { ...o[t], ...f });
-      const l = o[t].fillSymbol;
+    const { slices: i, groupedSlices: o, groupOfSlices: a } = e?.get(0) ?? {};
+    let t = [];
+    this.filterBySelection === !0 ? t = this.model.slices?.map((r) => i?.find((s) => s.sliceId === r.sliceId) ?? o?.find((s) => s.sliceId === r.sliceId) ?? r) ?? [] : t = (i ?? []).concat(o ?? []), t.forEach((r, s) => {
+      const m = this.model.slices?.find((g) => g.sliceId === t[s].sliceId);
+      m && (t[s] = { ...t[s], ...m });
+      const l = t[s].fillSymbol;
       l !== void 0 && !n(l?.outline?.color, l?.color) && (l.outline = {
         ...l.outline ?? {},
         type: u.SLS,
         color: l.color
       });
     });
-    const p = (s ?? []).map((r) => r.sliceId);
-    s !== void 0 && !n(p, this.model.groupedSliceIds) && (this.model.groupedSliceIds = d(p)), n(o, this.model.slices) || (this.model.slices = d(o)), a !== void 0 && !n(a, this.model.sliceGrouping) && (this.model.sliceGrouping = d(a));
+    const p = (o ?? []).map((r) => r.sliceId);
+    o !== void 0 && !n(p, this.model.groupedSliceIds) && (this.model.groupedSliceIds = d(p)), n(t, this.model.slices) || (this.model.slices = d(t)), a !== void 0 && !n(a, this.model.sliceGrouping) && (this.model.sliceGrouping = d(a));
   }
   async updateFetchLayerFieldsInfo(e) {
     const i = e ?? this.model.config;
-    let s = this.layer;
-    if (!s) {
+    let o = this.layer;
+    if (!o) {
       const a = F(i) ? i.iLayer : void 0;
-      a && (s = await y(a));
+      a && (o = await y(a));
     }
-    s && (this.layerFieldsInfo = await I(s, this.usePopupTemplateFieldsInfo));
+    o && (this.layerFieldsInfo = await I(o, this.usePopupTemplateFieldsInfo));
   }
   render() {
     let e;

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

@@ -3,19 +3,28 @@ import { keyed as u } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import { a as C } from "../../chunks/series-types.js";
-import { d as c, ci as m, bc as v } from "../../chunks/interfaces.js";
+import { d as c, cN as m, bz as v } from "../../chunks/index.js";
 import "d3-array";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as b } from "../../chunks/popover-ui-utils.js";
 import { a as g } from "../../chunks/common.js";
-import { P as a } from "../../chunks/interfaces3.js";
+import { P as a } from "../../chunks/interfaces.js";
 import { u as y } from "../../chunks/useT9n.js";
 import { css as F, html as s } from "lit";
 import { createRef as n, ref as d } from "lit/directives/ref.js";
@@ -23,7 +32,7 @@ import { LitElement as $, createEvent as p, renderElement as P, safeClassMap as
 import { s as E } from "../../chunks/data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const l = {
   label: "label",
   fieldList: "field-list",

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

@@ -6,27 +6,36 @@ import { isEqual as v } from "lodash-es";
 import "../../chunks/series-types.js";
 import { a as $ } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { aX as y, ci as L, bf as P, bd as F } from "../../chunks/interfaces.js";
+import { bi as y, cN as L, bC as P, bA as F } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as x, p as I } from "../../chunks/popover-ui-utils.js";
-import { P as c } from "../../chunks/common.js";
-import { P as a } from "../../chunks/interfaces3.js";
+import { P as r } from "../../chunks/common.js";
+import { P as a } from "../../chunks/interfaces.js";
 import { p as f, U as w, i as p, e as D } from "../../chunks/chart-ui-utils2.js";
 import { u } from "../../chunks/useT9n.js";
-import { css as S, html as n } from "lit";
+import { css as S, html as o } from "lit";
 import { createRef as b, ref as d } from "lit/directives/ref.js";
 import { LitElement as T, createEvent as C, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
-const o = {
+v5.0.0-next.26 */
+const n = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",
   numericFieldPickList: "pie-chart-data-numeric-fields-pick-list",
@@ -63,49 +72,49 @@ class A extends T {
     this.pickListHasChanged = I(e, t);
   }
   buildAggregationPickListItems() {
-    return h(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${p(e, this.selectedContent)}></calcite-list-item>`);
+    return h(f, (e) => e, (e, t) => o`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${p(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildSortOrder() {
-    const e = Object.keys(c);
-    return e.splice(e.indexOf(c.customSort), 1), h(e, (t) => t, (t) => {
+    const e = Object.keys(r);
+    return e.splice(e.indexOf(r.customSort), 1), h(e, (t) => t, (t) => {
       let i = "string";
-      const r = "rotate";
+      const c = "rotate";
       let s = "";
       switch (t) {
-        case c.labelAsc:
+        case r.labelAsc:
           i = "string";
           break;
-        case c.labelDesc:
-          i = "string", s = o.flipClass;
+        case r.labelDesc:
+          i = "string", s = n.flipClass;
           break;
-        case c.valueAsc:
+        case r.valueAsc:
           i = "number";
           break;
-        case c.valueDesc:
-          i = "number", s = o.flipClass;
+        case r.valueDesc:
+          i = "number", s = n.flipClass;
           break;
         // Do nothing for customSort for now
-        case c.customSort:
+        case r.customSort:
       }
-      return n`<calcite-list-item .selected=${this.selectedContent === t} .label=${this._messages[t]} .value=${c[t]}><calcite-icon slot=content-end .icon=${i}></calcite-icon><calcite-icon class=${l(s)} slot=content-end .icon=${r}></calcite-icon></calcite-list-item>`;
+      return o`<calcite-list-item .selected=${this.selectedContent === t} .label=${this._messages[t]} .value=${r[t]}><calcite-icon slot=content-end .icon=${i}></calcite-icon><calcite-icon class=${l(s)} slot=content-end .icon=${c}></calcite-icon></calcite-list-item>`;
     });
   }
   buildPickListItem(e) {
-    return g(e.name, n`<calcite-list-item .label=${L(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${p(e.name, this.selectedContent)}></calcite-list-item>`);
+    return g(e.name, o`<calcite-list-item .label=${L(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${p(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, i = [];
     switch (e) {
       case a.numericFields: {
-        for (let r = 0; r < t; r += 1) {
-          const s = this.layerFieldsInfo[r];
+        for (let c = 0; c < t; c += 1) {
+          const s = this.layerFieldsInfo[c];
           F(s) && i.push(this.buildPickListItem(s));
         }
         break;
       }
       case a.category: {
-        const r = g(" ", n`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`);
-        i.push(r);
+        const c = g(" ", o`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`);
+        i.push(c);
         for (let s = 0; s < t; s += 1) {
           const m = this.layerFieldsInfo[s];
           (P(m) || m.type === $.String) && i.push(this.buildPickListItem(m));
@@ -142,19 +151,19 @@ class A extends T {
   }
   renderAggregationType() {
     const e = this.buildAggregationPickListItems();
-    return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
+    return o`<calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
   renderCategory() {
     const e = this.buildPickListItems(a.category);
-    return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`;
+    return o`<calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`;
   }
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
-    return n`<calcite-list label class=${l(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`;
+    return o`<calcite-list label class=${l(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`;
   }
   renderSortOrder() {
     const e = this.buildSortOrder();
-    return n`<calcite-list label selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
+    return o`<calcite-list label selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
   renderPopoverInfo() {
     let e;
@@ -176,7 +185,7 @@ class A extends T {
   }
   render() {
     let e;
-    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(o.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div class=${l(o.jsAppFlyout)}><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
+    return this.contentKind === a.numericFields && (e = o`<div slot=footer><calcite-fab class=${l(n.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), o`<div class=${l(n.jsAppFlyout)}><calcite-popover class=${l(n.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel class=${l(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
 k("arcgis-charts-config-pie-chart-popover", A);

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

@@ -6,14 +6,23 @@ import { R as E } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { debounce as C, isEmpty as N, toNumber as x } from "lodash-es";
 import "d3-array";
-import { a$ as $, a2 as S } from "../../chunks/interfaces.js";
+import { bm as $, ap as S } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { r as I } from "../../chunks/popover-ui-utils.js";
 import { U as y, d as G, s as g } from "../../chunks/chart-ui-utils2.js";
@@ -23,8 +32,8 @@ import { createRef as m, ref as p } from "lit/directives/ref.js";
 import { LitElement as M, renderElement as P, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
-const a = {
+v5.0.0-next.26 */
+const o = {
   sectionLabel: "section-label",
   label: "label",
   sliceList: "slice-list",
@@ -107,22 +116,22 @@ class k extends M {
     const i = [];
     let t = this.model.slices;
     const 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) {
+    r && (t = t?.filter((a) => r?.findIndex((c) => c.arcgis_charts_slice_id === a.sliceId) !== -1)), t?.forEach((a) => {
+      if (a.fillSymbol?.color !== void 0) {
         l = "square-f";
-        const [c, b, v, L] = [...o.fillSymbol.color];
+        const [c, b, v, L] = [...a.fillSymbol.color];
         e = `rgba(${c},${b},${v},${L / 255})`;
       }
-      if (o !== void 0 && !this.model.groupedSliceIds.includes(o.sliceId)) {
-        let c = o.sliceId;
-        c === S.emptySliceId ? c = this._messages.emptySlice ?? "" : c === S.nullSliceId && (c = this._messages.nullSlice ?? ""), i?.push(f(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=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`));
+      if (a !== void 0 && !this.model.groupedSliceIds.includes(a.sliceId)) {
+        let c = a.sliceId;
+        c === S.emptySliceId ? c = this._messages.emptySlice ?? "" : c === S.nullSliceId && (c = this._messages.nullSlice ?? ""), i?.push(f(a.sliceId, d`<calcite-list-item .label=${a.label ?? a.sliceId} .description=${c} .value=${a.sliceId} .selected=${this.selectedSliceId === a.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${u({ color: e })}></calcite-icon></calcite-list-item>`));
       }
     });
     const n = this.model.sliceGrouping;
     if (n?.fillSymbol?.color !== void 0) {
       l = "square-f";
-      const [o, c, b, v] = [...n.fillSymbol.color];
-      e = `rgba(${o},${c},${b},${v / 255})`;
+      const [a, c, b, v] = [...n.fillSymbol.color];
+      e = `rgba(${a},${c},${b},${v / 255})`;
     }
     return this.model.groupedSliceIds.length > 0 && i?.push(f(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=${u({ color: e })}></calcite-icon></calcite-list-item>`)), i;
   }
@@ -132,17 +141,17 @@ class k extends M {
     return this.model.slices?.forEach((t) => {
       if (t.fillSymbol?.color !== void 0) {
         l = "square-f";
-        const [r, n, o, c] = [...t.fillSymbol.color];
-        e = `rgba(${r},${n},${o},${c / 255})`;
+        const [r, n, a, c] = [...t.fillSymbol.color];
+        e = `rgba(${r},${n},${a},${c / 255})`;
       }
       t !== void 0 && this.model.groupedSliceIds.includes(t.sliceId) && i?.push(f(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=${u({ 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>`;
+    return d`<calcite-list label class=${s(o.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>`;
+    return d`<calcite-list label class=${s(o.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`;
   }
   onGroupingThresholdChange(e) {
     const l = e.target.value;
@@ -185,9 +194,9 @@ class k extends M {
     G(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 ?? $} @calciteSliderChange=${this.onDonutSizeSliderChange} ${p(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=${x(g(this.model.groupingThreshold ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${g(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
+    return d`<div class=${s(o.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(o.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize ?? $} @calciteSliderChange=${this.onDonutSizeSliderChange} ${p(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(o.pieDonutLabelsContainer)}><calcite-label class=${s(o.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(o.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(o.label)}><div class=${s(o.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(o.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(g(this.model.groupingThreshold ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(o.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${g(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
       e.stopPropagation();
-    }} ${p(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=${g(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${p(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=${g(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${p(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()}`;
+    }} ${p(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(o.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(o.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${g(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${p(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(o.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${g(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${p(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(o.label)}>${this._messages.display}<calcite-radio-button-group class=${s(o.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(o.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(o.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`;
   }
 }
 T("arcgis-charts-config-pie-chart-slices", k);