@arcgis/charts-components 4.33.0-next.103 → 4.33.0-next.104

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

@@ -3,7 +3,7 @@ import { keyed as c } from "lit-html/directives/keyed.js";
 import { WebChartDataTransformations as o, RESTSymbolType as v } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { i as C, c as u, r as b } from "../../chunks/interfaces.js";
+import { a_ as C, c6 as u, R as b } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -12,7 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
-import { H as s } from "../../chunks/interfaces2.js";
+import { H as s } from "../../chunks/interfaces3.js";
 import { U as m, g as P } from "../../chunks/chart-ui-utils2.js";
 import { u as S } from "../../chunks/useT9n.js";
 import { html as r } from "lit";
@@ -21,9 +21,8 @@ import { LitElement as w, createEvent as p, safeClassMap as i } from "@arcgis/lu
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const t = {
-  hostDiv: "host-div",
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",
   jsAppFlyout: "js-app-flyout",
@@ -32,7 +31,7 @@ const t = {
   fieldSelectPanel: "field-select-panel",
   transformationPanel: "transformation-panel",
   rtl: "arcgis-chart-rtl"
-}, x = k`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}.host-div.arcgis-charts-rtl .symbol-property-popover .inline calcite-action{margin-left:0rem;margin-right:.2rem}.host-div.arcgis-charts-rtl .symbol-property-popover .inline input,.host-div.arcgis-charts-rtl .symbol-property-popover .inline select{margin-left:0rem;margin-right:.5rem}.host-div.arcgis-charts-rtl .symbol-property-popover .color calcite-icon{margin-left:0rem;margin-right:.5rem}`;
+}, x = k`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}:host .arcgis-charts-rtl .symbol-property-popover .inline calcite-action{margin-left:0rem;margin-right:.2rem}:host .arcgis-charts-rtl .symbol-property-popover .inline input,:host .arcgis-charts-rtl .symbol-property-popover .inline select{margin-left:0rem;margin-right:.5rem}:host .arcgis-charts-rtl .symbol-property-popover .color calcite-icon{margin-left:0rem;margin-right:.5rem}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`;
 class T extends w {
   constructor() {
     super(...arguments), this._messages = S(), this.picklist = h(), this.popoverElement = h(), this.layerFieldsInfo = [], this.arcgisChartsConfigHistogramPopoverChange = p(), this.arcgisChartsConfigHistogramPopoverSymbolChange = p(), this.arcgisChartsConfigPopoverClose = p(), this.arcgisChartsConfigPopoverOpenChange = p();
@@ -158,7 +157,6 @@ class T extends w {
   /** @category Lifecycle */
   render() {
     return r`<div class=${i({
-      [t.hostDiv]: !0,
       [t.rtl]: this.direction === "rtl",
       [t.jsAppFlyout]: !0
     })}><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${P(this.placement)} label ${d(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`;

package/dist/components/arcgis-charts-config-histogram-popover/resource.d.ts

@@ -1,5 +1,4 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly symbolPropertyPopover: "symbol-property-popover";
     readonly colorPicker: "color-picker";
     readonly jsAppFlyout: "js-app-flyout";

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, safeClassMap as e } from "@arcgis/lumina";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = l`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -2,7 +2,7 @@ import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as o } from "lodash-es";
 import "d3-array";
-import { h as n, j as h, i as c, t as d } from "../../chunks/interfaces.js";
+import { g as n, aX as h, a_ as c, a$ as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -10,14 +10,14 @@ import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { h as m } from "../../chunks/index.js";
+import { j as m } from "../../chunks/index.js";
 import { LitElement as p, createEvent as g } from "@arcgis/lumina";
 import { html as a } from "lit";
-import { C as s } from "../../chunks/interfaces2.js";
+import { C as s } from "../../chunks/interfaces3.js";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const C = f`: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 u extends p {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as y } from "lit-html/directives/keyed.js";
 import { WebChartStatisticType as o, defaultBarLineFromFieldsName as F, RESTFieldType as $, WebChartTemporalBinningUnits as p, WebChartNullPolicyTypes as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { o as v, m as A, q as x, c as m, s as I } from "../../chunks/interfaces.js";
+import { aZ as v, aJ as A, aK as x, c6 as m, cd as I } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -12,18 +12,17 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { c as P, r as T, P as w } from "../../chunks/popover-ui-utils.js";
-import { L as l } from "../../chunks/interfaces2.js";
+import { L as l } from "../../chunks/interfaces3.js";
 import { d as B, s as S } from "../../chunks/store.js";
 import { u as k } from "../../chunks/useT9n.js";
 import { html as r } from "lit";
 import { createRef as h, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as E, createEvent as g, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as E, createEvent as g, safeClassMap as a } from "@arcgis/lumina";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
-const a = {
-  hostDiv: "host-div",
+v4.33.0-next.104 */
+const s = {
   label: "label",
   fieldList: "field-list",
   fab: "fab",
@@ -31,8 +30,8 @@ const a = {
   timeBinningHeader: "time-binning-header",
   linkContainer: "link-container",
   dimText: "dim-text"
-}, N = L`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.host-div{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:.5rem}`;
-class D extends E {
+}, N = L`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:.5rem}`;
+class _ extends E {
   constructor() {
     super(...arguments), this._messages = k(), this.lineChartPopover = null, this.aggregationElement = h(), this.xAxisFieldElement = h(), this.numericFieldsElement = h(), this.splitByFieldElement = h(), this.intervalAlignmentElement = h(), this.intervalElement = h(), this.onLineChartDataChange = async (e) => {
       try {
@@ -281,7 +280,7 @@ class D extends E {
     const t = v(this.layerFieldsInfo), i = [];
     for (const n of e)
       n !== t && i.push(this.buildNumericFieldItem(n));
-    return r`<calcite-list label class=${s(a.fieldList)} ${d(this.numericFieldsElement)}>${i}</calcite-list>`;
+    return r`<calcite-list label class=${a(s.fieldList)} ${d(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   /** @category Render UX */
   renderInterval() {
@@ -289,7 +288,7 @@ class D extends E {
     return [
       r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e ? "" : `${t} ${i}`} .label=${e ? "" : `${t} ${i}`} @click=${e ? () => {
       } : this.onIntervalSelect} ${d(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,
-      r`<div class=${s(a.linkContainer)}><calcite-button appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`
+      r`<div class=${a(s.linkContainer)}><calcite-button appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`
     ];
   }
   /** @category Render UX */
@@ -303,10 +302,10 @@ class D extends E {
   /** @category Lifecycle */
   render() {
     const e = this.renderAggregation(), t = this.renderXAxisField(), i = this.renderSplitBy(), n = this.renderNumericFields([...this.model.getNumericFields()]), u = this.renderInterval(), b = this.renderIntervalAlignment(), f = this.renderEmptyBins();
-    return r`<div class=${s({ [a.hostDiv]: !0, [a.rtl]: this.direction === "rtl" })}><calcite-label class=${s(a.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${s(a.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(a.label)}><span class=${s(this.disableSplitBy ? a.dimText : "")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(a.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(a.label)}>${this._messages.interval}${u}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.intervalAlignment}${b}</calcite-label><calcite-label class=${s(a.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.getTrimIncompleteTimeInterval()} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(a.label)}>${this._messages.emptyBins}${f}</calcite-label></div><calcite-label class=${s(a.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`;
+    return r`<div class=${a({ [s.rtl]: this.direction === "rtl" })}><calcite-label class=${a(s.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${a(s.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${a(s.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${a(s.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${a(s.label)}><span class=${a(this.disableSplitBy ? s.dimText : "")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${a(s.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${a(s.label)}>${this._messages.interval}${u}</calcite-label><calcite-label class=${a(s.label)}>${this._messages.intervalAlignment}${b}</calcite-label><calcite-label class=${a(s.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.getTrimIncompleteTimeInterval()} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${a(s.label)}>${this._messages.emptyBins}${f}</calcite-label></div><calcite-label class=${a(s.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`;
   }
 }
-C("arcgis-charts-config-line-chart-data", D);
+C("arcgis-charts-config-line-chart-data", _);
 export {
-  D as ArcGISChartsConfigLineChartData
+  _ as ArcGISChartsConfigLineChartData
 };

package/dist/components/arcgis-charts-config-line-chart-data/resource.d.ts

@@ -1,5 +1,4 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly label: "label";
     readonly text: "text";
     readonly fieldList: "field-list";

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

@@ -4,7 +4,7 @@ import { keyed as b } from "lit-html/directives/keyed.js";
 import { WebChartTimeAggregationTypes as d, RESTFieldType as v, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
 import { isEqual as u } from "lodash-es";
 import "d3-array";
-import { m as I, q as F, c as P, n as x, i as C, s as T } from "../../chunks/interfaces.js";
+import { aJ as I, aK as F, c6 as P, b0 as x, a_ as C, cd as T } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -13,7 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as A } from "../../chunks/popover-ui-utils.js";
-import { L as a } from "../../chunks/interfaces2.js";
+import { L as a } from "../../chunks/interfaces3.js";
 import { j as y, U as L, i as h, e as w, s as E } from "../../chunks/chart-ui-utils2.js";
 import { u as D } from "../../chunks/useT9n.js";
 import { html as n } from "lit";
@@ -22,7 +22,7 @@ import { LitElement as z, createEvent as $, safeClassMap as o } from "@arcgis/lu
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -2,7 +2,7 @@ import { c as f } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { C as u } from "../../chunks/interfaces.js";
+import { cp as u } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -19,7 +19,7 @@ import { h as $ } from "../../chunks/chart-ui-utils2.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const N = M`: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 y {
   constructor() {

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

@@ -2,7 +2,7 @@ import { c as u } from "../../chunks/runtime.js";
 import { RESTSimpleLineSymbolStyle as i } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { r as f } from "../../chunks/interfaces.js";
+import { R as f } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -15,18 +15,17 @@ import { U as v, a as y, m, s as b, b as g } from "../../chunks/chart-ui-utils2.
 import { u as S } from "../../chunks/useT9n.js";
 import { nothing as a, html as w } from "lit";
 import { createRef as l, ref as r } from "lit-html/directives/ref.js";
-import { LitElement as $, createEvent as s, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as $, createEvent as s, safeClassMap as o } from "@arcgis/lumina";
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
-const o = {
-  hostDiv: "host-div",
+v4.33.0-next.104 */
+const n = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",
   dropdownText: "dropdown-text",
   panelChildrenContainer: "panel-children-container"
-}, E = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.host-div calcite-panel .size-section{padding:0 1rem 1rem;display:flex}.host-div calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}.host-div calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
+}, E = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}:host calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
 class I extends $ {
   constructor() {
     super(...arguments), this._messages = S(), this.popoverElement = l(), this.lineWidthInputElement = l(), this.lineStyleDropdownElement = l(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigPopoverOpenChange = s(), this.arcgisChartsConfigSeriesPopoverColorChange = s(), this.arcgisChartsConfigSeriesPopoverLineStyleChange = s(), this.arcgisChartsConfigSeriesPopoverLineWidthChange = s(), this.arcgisChartsConfigSeriesPopoverNameChange = s();
@@ -84,8 +83,8 @@ class I extends $ {
   }
   /** @category Event handler */
   colorChange(e) {
-    const t = e instanceof CustomEvent ? e.detail : e, [c, d, p] = t, h = f * 255;
-    this.selectedColor = [c, d, p, h], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [c, d, p, h] });
+    const t = e instanceof CustomEvent ? e.detail : e, [c, p, d] = t, h = f * 255;
+    this.selectedColor = [c, p, d, h], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [c, p, d, h] });
   }
   /** @category Event handler */
   lineStyleChange() {
@@ -125,7 +124,7 @@ class I extends $ {
   /** @category Lifecycle */
   render() {
     const e = this.selectedColor;
-    return w`<div class=${n({ [o.jsAppFlyout]: !0, [o.hostDiv]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${r(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${n(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${n(o.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${r(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${n(o.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? a}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? a}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? a}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${b(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${r(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${n(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
+    return w`<div class=${o({ [n.jsAppFlyout]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${r(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${r(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? a}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? a}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? a}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${b(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${r(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
   }
 }
 u("arcgis-charts-config-line-chart-series-popover", I);

package/dist/components/arcgis-charts-config-line-chart-series-popover/resource.d.ts

@@ -1,5 +1,4 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly jsAppFlyout: "js-app-flyout";
     readonly sizeSection: "size-section";
     readonly dropdownText: "dropdown-text";

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } fr
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -3,18 +3,17 @@ import { html as u } from "lit-html";
 import { a as h, m as r, s as d, b as o } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { createRef as g, ref as b } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as v, safeClassMap as i } from "@arcgis/lumina";
+import { LitElement as f, createEvent as v, safeClassMap as a } from "@arcgis/lumina";
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
-const a = {
-  hostDiv: "host-div",
+v4.33.0-next.104 */
+const i = {
   container: "container",
   label: "label",
   numberInput: "number-input",
   rtl: "arcgis-charts-rtl"
-}, w = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.host-div{display:flex;flex-direction:row}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`;
+}, w = x`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}:host{display:flex;flex-direction:row}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`;
 class F extends f {
   constructor() {
     super(...arguments), this._messages = p(), this.decimalPlacesInputElement = g(), this.arcgisChartsConfigNumberFormatChange = v();
@@ -67,7 +66,7 @@ class F extends f {
   //#region Rendering
   /** @category Lifecycle */
   render() {
-    return u`<div class=${i({ [a.hostDiv]: !0, [a.rtl]: this.direction === "rtl" })}><div class=${i(a.container)}><calcite-label class=${i(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${i(a.numberInput)} min=0 max=20 step=1 .value=${d(this.numberFormat?.maximumFractionDigits, 2)} @calciteInputInput=${this.onDecimalPlacesChange} ${b(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${i(a.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping ?? !0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div></div>`;
+    return u`<div class=${a({ [i.rtl]: this.direction === "rtl" })}><div class=${a(i.container)}><calcite-label class=${a(i.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(i.numberInput)} min=0 max=20 step=1 .value=${d(this.numberFormat?.maximumFractionDigits, 2)} @calciteInputInput=${this.onDecimalPlacesChange} ${b(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(i.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping ?? !0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div></div>`;
   }
 }
 l("arcgis-charts-config-number-format", F);

package/dist/components/arcgis-charts-config-number-format/resource.d.ts

@@ -1,5 +1,4 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly container: "container";
     readonly label: "label";
     readonly numberInput: "number-input";

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

@@ -2,7 +2,7 @@ import { c as C } from "../../chunks/runtime.js";
 import { RESTSymbolType as u } from "@arcgis/charts-spec";
 import { isEqual as n, cloneDeep as p } from "lodash-es";
 import "d3-array";
-import { h as y, j as v } from "../../chunks/interfaces.js";
+import { g as y, aX as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -10,14 +10,14 @@ import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { h as I } from "../../chunks/index.js";
+import { j as I } from "../../chunks/index.js";
 import { LitElement as F, createEvent as m } from "@arcgis/lumina";
 import { html as h } from "lit";
-import { C as c } from "../../chunks/interfaces2.js";
+import { C as c } from "../../chunks/interfaces3.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const P = S`: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 E extends F {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit-html/directives/keyed.js";
 import { defaultPieFromFieldsName as c, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { c as m, o as v } from "../../chunks/interfaces.js";
+import { c6 as m, aZ as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -12,24 +12,23 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { c as b, r as y, P } from "../../chunks/popover-ui-utils.js";
-import { T as g } from "../../chunks/scatter-plot-model.js";
-import { P as r } from "../../chunks/interfaces2.js";
+import { U as g } from "../../chunks/scatter-plot-model.js";
+import { P as r } from "../../chunks/interfaces3.js";
 import { u as F } from "../../chunks/useT9n.js";
-import { html as s } from "lit";
+import { html as a } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as $, createEvent as p, safeClassMap as o } from "@arcgis/lumina";
+import { LitElement as $, createEvent as p, safeClassMap as s } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
-const a = {
-  hostDiv: "host-div",
+v4.33.0-next.104 */
+const o = {
   label: "label",
   fieldList: "field-list",
   fab: "fab",
   rtl: "arcgis-charts-rtl"
-}, D = w`.host-div{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}`;
-class E extends $ {
+}, E = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}`;
+class N extends $ {
   constructor() {
     super(...arguments), this._messages = F(), this.pieChartPopover = null, this.sortOrderElement = n(), this.categoryElement = n(), this.numericFieldsElement = n(), this.onPieChartDataChange = async (e) => {
       try {
@@ -70,7 +69,7 @@ class E extends $ {
     this.properties = { messageOverrides: 0, model: 0, layerFieldsInfo: 0, open: 7 };
   }
   static {
-    this.styles = D;
+    this.styles = E;
   }
   //#endregion
   //#region Lifecycle
@@ -97,7 +96,7 @@ class E extends $ {
    * @param field
    */
   buildNumericFieldItem(e) {
-    return f(e, s`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
+    return f(e, a`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
   }
   /**
    * @category Event handler
@@ -192,30 +191,30 @@ class E extends $ {
   //#region Rendering
   /** @category Render UX */
   renderSorting() {
-    return s`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`;
+    return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`;
   }
   /** @category Render UX */
   renderCategory() {
     const e = this.getCorrectedCategoryValue();
-    return s`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`;
+    return a`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`;
   }
   /** @category Render UX */
   renderNumericFields(e) {
     const t = v(this.layerFieldsInfo), i = [];
     for (const l of e)
       l !== t && i.push(this.buildNumericFieldItem(l));
-    return s`<calcite-list label class=${o(a.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
+    return a`<calcite-list label class=${s(o.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   /** @category Lifecycle */
   render() {
     const e = this.renderCategory(), t = this.renderSorting(), i = this.renderNumericFields([...this.model.getNumericFields()]);
-    return s`<div class=${o({ [a.hostDiv]: !0, [a.rtl]: this.direction === "rtl" })}><calcite-label class=${o(a.label)}>${this._messages.category}${e}</calcite-label>${[
-      s`<calcite-label class=${o(a.label)}>${this._messages.numericFields}${i}</calcite-label>`,
-      s`<div class=${o(a.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
-    ]}<calcite-label class=${o(a.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(a.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
+    return a`<div class=${s({ [o.rtl]: this.direction === "rtl" })}><calcite-label class=${s(o.label)}>${this._messages.category}${e}</calcite-label>${[
+      a`<calcite-label class=${s(o.label)}>${this._messages.numericFields}${i}</calcite-label>`,
+      a`<div class=${s(o.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
+    ]}<calcite-label class=${s(o.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${s(o.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
   }
 }
-C("arcgis-charts-config-pie-chart-data", E);
+C("arcgis-charts-config-pie-chart-data", N);
 export {
-  E as ArcGISChartsConfigPieChartData
+  N as ArcGISChartsConfigPieChartData
 };

package/dist/components/arcgis-charts-config-pie-chart-data/resource.d.ts

@@ -1,5 +1,4 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly label: "label";
     readonly text: "text";
     readonly fieldList: "field-list";

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

@@ -4,7 +4,7 @@ import { keyed as g } from "lit-html/directives/keyed.js";
 import { RESTFieldType as v } from "@arcgis/charts-spec";
 import { isEqual as f } from "lodash-es";
 import "d3-array";
-import { m as $, c as y, n as L, i as P } from "../../chunks/interfaces.js";
+import { aJ as $, c6 as y, b0 as L, a_ as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -13,8 +13,8 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as F } from "../../chunks/popover-ui-utils.js";
-import { Q as r } from "../../chunks/scatter-plot-model.js";
-import { P as a } from "../../chunks/interfaces2.js";
+import { T as c } from "../../chunks/scatter-plot-model.js";
+import { P as a } from "../../chunks/interfaces3.js";
 import { p as u, U as I, i as p, e as x } from "../../chunks/chart-ui-utils2.js";
 import { u as w } from "../../chunks/useT9n.js";
 import { html as n } from "lit";
@@ -23,7 +23,7 @@ import { LitElement as D, createEvent as C, safeClassMap as l } from "@arcgis/lu
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.103 */
+v4.33.0-next.104 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",
@@ -88,26 +88,27 @@ class A extends D {
   }
   /** @category Render UX */
   buildSortOrder() {
-    const e = Object.keys(r);
-    return e.splice(e.indexOf(r.customSort), 1), h(e, (t) => t, (t) => {
+    const e = Object.keys(c);
+    return e.splice(e.indexOf(c.customSort), 1), h(e, (t) => t, (t) => {
       let i = "string";
-      const c = "rotate";
+      const r = "rotate";
       let s = "";
       switch (t) {
-        case r.labelAsc:
+        case c.labelAsc:
           i = "string";
           break;
-        case r.labelDesc:
+        case c.labelDesc:
           i = "string", s = o.flipClass;
           break;
-        case r.valueAsc:
+        case c.valueAsc:
           i = "number";
           break;
-        case r.valueDesc:
+        case c.valueDesc:
           i = "number", s = o.flipClass;
           break;
+        case c.customSort:
       }
-      return n`<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>`;
+      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>`;
     });
   }
   /**
@@ -125,15 +126,15 @@ class A extends D {
     const t = this.layerFieldsInfo?.length ?? 0, i = [];
     switch (e) {
       case a.numericFields: {
-        for (let c = 0; c < t; c += 1) {
-          const s = this.layerFieldsInfo[c];
+        for (let r = 0; r < t; r += 1) {
+          const s = this.layerFieldsInfo[r];
           P(s) && i.push(this.buildPickListItem(s));
         }
         break;
       }
       case a.category: {
-        const c = g(" ", n`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`);
-        i.push(c);
+        const r = g(" ", n`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`);
+        i.push(r);
         for (let s = 0; s < t; s += 1) {
           const d = this.layerFieldsInfo[s];
           (L(d) || d.type === v.String) && i.push(this.buildPickListItem(d));