@arcgis/charts-components 4.34.0-next.51 → 4.34.0-next.53

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

@@ -1,10 +1,10 @@
 import { c as k } from "../../chunks/runtime.js";
-import { repeat as b } from "lit/directives/repeat.js";
-import { keyed as v } from "lit/directives/keyed.js";
+import { repeat as f } from "lit/directives/repeat.js";
+import { keyed as b } from "lit/directives/keyed.js";
 import { WebChartTimeAggregationTypes as d, RESTFieldType as h, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
-import { isEqual as f } from "lodash-es";
+import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aL as I, aM as F, c9 as P, b3 as x, b1 as C, cg as T } from "../../chunks/interfaces.js";
+import { aN as I, aO as F, cd as P, b5 as x, b3 as C, ck as T } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,17 +12,17 @@ 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 { e as A } from "../../chunks/popover-ui-utils.js";
-import { LitElement as w, createEvent as y, safeClassMap as o } from "@arcgis/lumina";
-import { css as D, html as n } from "lit";
+import { e as A, p as w } from "../../chunks/popover-ui-utils.js";
+import { LitElement as D, createEvent as y, safeClassMap as o } from "@arcgis/lumina";
+import { css as E, html as n } from "lit";
 import { createRef as g, ref as p } from "lit-html/directives/ref.js";
-import { u as E } from "../../chunks/useT9n.js";
+import { u as S } from "../../chunks/useT9n.js";
 import { L as a } from "../../chunks/interfaces2.js";
-import { j as L, U as $, i as u, h as z, s as S } from "../../chunks/chart-ui-utils2.js";
+import { j as L, U as $, i as u, h 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/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
-const N = D`.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)}.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 = {
+v4.34.0-next.53 */
+const K = E`.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)}.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",
   numericFieldPickList: "line-chart-data-numeric-fields-pick-list",
@@ -32,15 +32,15 @@ const N = D`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolu
   sizeSection: "size-section",
   applyButton: "apply-button"
 };
-class K extends w {
+class B extends D {
   constructor() {
-    super(...arguments), this._messages = E(), this.picklist = g(), this.intervalSizeElement = g(), this.intervalTypeElement = g(), this.popoverElement = g(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigLineChartDataPopoverChange = y(), this.arcgisChartsConfigLineChartPopoverClose = y();
+    super(...arguments), this._messages = S(), this.picklist = g(), this.intervalSizeElement = g(), this.intervalTypeElement = g(), this.popoverElement = g(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigLineChartDataPopoverChange = y(), this.arcgisChartsConfigLineChartPopoverClose = y();
   }
   static {
     this.properties = { aggregationLabels: 16, timeAggregationLabels: 16, messageOverrides: 0, headingTitle: 3, referenceElement: 2, open: 7, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1 };
   }
   static {
-    this.styles = N;
+    this.styles = K;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -48,9 +48,9 @@ class K extends w {
   async willUpdate(e) {
     e.has("selectedContent") && this.selectedContentChange(this.selectedContent, e.get("selectedContent"));
     const t = await Promise.all(L.map(async (i) => await I(i)));
-    f(this.aggregationLabels, t) || (this.aggregationLabels = t);
+    v(this.aggregationLabels, t) || (this.aggregationLabels = t);
     const s = [d.Start, d.End], l = await Promise.all(s.map(async (i) => await F(i)));
-    f(this.timeAggregationLabels, l) || (this.timeAggregationLabels = l);
+    v(this.timeAggregationLabels, l) || (this.timeAggregationLabels = l);
   }
   async updated() {
     setTimeout(async () => {
@@ -60,17 +60,17 @@ class K extends w {
     }, $.PopoverTimer);
   }
   selectedContentChange(e, t) {
-    this.pickListHasChanged = !f(e, t);
+    this.pickListHasChanged = w(e, t);
   }
   buildAggregationPickListItems() {
-    return b(L, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${u(e, this.selectedContent)}></calcite-list-item>`);
+    return f(L, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${u(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildIntervalAlignmentPickListItems() {
     const e = [d.Start, d.End];
-    return b(e, (t) => t, (t, s) => n`<calcite-list-item .label=${this.timeAggregationLabels?.[s]} .value=${t} .selected=${u(t, this.selectedContent)}></calcite-list-item>`);
+    return f(e, (t) => t, (t, s) => n`<calcite-list-item .label=${this.timeAggregationLabels?.[s]} .value=${t} .selected=${u(t, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItem(e) {
-    return v(e.name, n`<calcite-list-item .label=${P(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${u(e.name, this.selectedContent)}></calcite-list-item>`);
+    return b(e.name, n`<calcite-list-item .label=${P(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${u(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, s = [];
@@ -90,7 +90,7 @@ class K extends w {
         break;
       }
       case a.splitByField: {
-        const l = v(" ", n`<calcite-list-item label=" " value=" " .selected=${u("", this.selectedContent)}></calcite-list-item>`);
+        const l = b(" ", n`<calcite-list-item label=" " value=" " .selected=${u("", this.selectedContent)}></calcite-list-item>`);
         s.push(l);
         for (let i = 0; i < t; i += 1) {
           const m = this.layerFieldsInfo?.[i];
@@ -163,7 +163,7 @@ class K extends w {
       c.Month,
       c.Year
     ];
-    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${S(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${T(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${N(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${T(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   renderPopoverInfo() {
     let e;
@@ -194,7 +194,7 @@ class K extends w {
     return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(r.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=${o(r.jsAppFlyout)}><calcite-popover class=${o(r.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(r.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-k("arcgis-charts-config-line-chart-popover", K);
+k("arcgis-charts-config-line-chart-popover", B);
 export {
-  K as ArcgisChartsConfigLineChartPopover
+  B as ArcgisChartsConfigLineChartPopover
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { LineChartModel } from '../../model';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';

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

@@ -3,7 +3,7 @@ import { keyed as u } from "lit/directives/keyed.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cs as P } from "../../chunks/interfaces.js";
+import { cx as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -19,7 +19,7 @@ import { u as M } from "../../chunks/useT9n.js";
 import { g as k } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const N = O`: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 T extends x {
   constructor() {

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Color, RESTSimpleLineSymbolStyle } from '@arcgis/charts-spec';
 import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';

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 { P 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/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -18,7 +18,7 @@ import { createRef as l, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as x, createEvent as s, safeClassMap as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const n = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ISimpleLineSymbol } from '@arcgis/charts-spec';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 

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

@@ -7,7 +7,7 @@ import { createRef as r, ref as d } from "lit-html/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/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 /** @private */

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

@@ -6,7 +6,7 @@ import { createRef as b, ref as f } from "lit-html/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/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const n = {
   container: "container",
   label: "label",

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PieSlicesSymbols } from '../../utils';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer, WebChartGenericDataItem } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';

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 { g as y, a_ as v } from "../../chunks/interfaces.js";
+import { g as y, b0 as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -16,7 +16,7 @@ import { css as S, html as h } from "lit";
 import { C as c } from "../../chunks/interfaces2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 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.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IField } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';
 import { DataChangeErrorPayload } from '../../utils/components/event-payloads';

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit/directives/keyed.js";
 import { defaultPieFromFieldsName as n, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { c9 as m, b0 as v } from "../../chunks/interfaces.js";
+import { cd as m, b2 as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -20,7 +20,7 @@ import { createRef as c, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as w, createEvent as p, safeClassMap as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const l = {
   label: "label",
   fieldList: "field-list",

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IField } from '@arcgis/charts-spec';
 import { PieChartDataPopoverKinds } from '../../interfaces';
 import { PropertyValues } from 'lit';

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

@@ -1,10 +1,10 @@
-import { c as k } from "../../chunks/runtime.js";
+import { c as C } from "../../chunks/runtime.js";
 import { repeat as h } from "lit/directives/repeat.js";
 import { keyed as g } from "lit/directives/keyed.js";
-import { RESTFieldType as v } from "@arcgis/charts-spec";
-import { isEqual as f } from "lodash-es";
+import { RESTFieldType as k } from "@arcgis/charts-spec";
+import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aL as $, c9 as y, b3 as L, b1 as P } from "../../chunks/interfaces.js";
+import { aN as $, cd as y, b5 as L, b3 as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,17 +12,17 @@ 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 { e as F } from "../../chunks/popover-ui-utils.js";
+import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { P as c } from "../../chunks/common.js";
 import { P as a } from "../../chunks/interfaces2.js";
-import { p as u, U as I, i as p, h as x } from "../../chunks/chart-ui-utils2.js";
-import { u as w } from "../../chunks/useT9n.js";
-import { css as D, html as n } from "lit";
-import { createRef as b, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as T, createEvent as C, safeClassMap as l } from "@arcgis/lumina";
+import { p as f, U as x, i as p, h as w } from "../../chunks/chart-ui-utils2.js";
+import { u as D } from "../../chunks/useT9n.js";
+import { css as T, html as n } from "lit";
+import { createRef as u, ref as m } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",
@@ -32,35 +32,35 @@ const o = {
   pickListItemLabel: "pick-list-item-label",
   flipClass: "sort-counter-clockwise",
   panel: "panel"
-}, E = D`.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)}.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-counter-clockwise{transform:scaleX(-1)}.panel{max-height:60vh}`;
-class A extends T {
+}, S = T`.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)}.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-counter-clockwise{transform:scaleX(-1)}.panel{max-height:60vh}`;
+class A extends E {
   constructor() {
-    super(...arguments), this._messages = w(), this.picklist = b(), this.popoverElement = b(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = C(), this.arcgisChartsConfigPopoverClose = C();
+    super(...arguments), this._messages = D(), this.picklist = u(), this.popoverElement = u(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = b(), this.arcgisChartsConfigPopoverClose = b();
   }
   static {
     this.properties = { aggregationLabels: 16, messageOverrides: 0, headingTitle: 3, referenceElement: 2, open: 7, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1 };
   }
   static {
-    this.styles = E;
+    this.styles = S;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
   async willUpdate(e) {
     e.has("selectedContent") && this.selectedContentChange(this.selectedContent, e.get("selectedContent"));
-    const t = await Promise.all(u.map(async (i) => await $(i)));
-    f(this.aggregationLabels, t) || (this.aggregationLabels = t);
+    const t = await Promise.all(f.map(async (i) => await $(i)));
+    v(this.aggregationLabels, t) || (this.aggregationLabels = t);
   }
   async updated() {
     setTimeout(async () => {
       await this.picklist.value?.setFocus();
-    }, I.PopoverTimer), F(this.popoverElement.value, this.open);
+    }, x.PopoverTimer), F(this.popoverElement.value, this.open);
   }
   selectedContentChange(e, t) {
-    this.pickListHasChanged = !f(e, t);
+    this.pickListHasChanged = I(e, t);
   }
   buildAggregationPickListItems() {
-    return h(u, (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) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${p(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildSortOrder() {
     const e = Object.keys(c);
@@ -105,7 +105,7 @@ class A extends T {
         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));
+          (L(d) || d.type === k.String) && i.push(this.buildPickListItem(d));
         }
         break;
       }
@@ -119,7 +119,7 @@ class A extends T {
         eventEmitter: this.arcgisChartsConfigPieChartDataPopoverChange,
         contentKind: this.contentKind
       };
-      x(e);
+      w(e);
     }
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
@@ -176,7 +176,7 @@ class A extends T {
     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 ${m(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>`;
   }
 }
-k("arcgis-charts-config-pie-chart-popover", A);
+C("arcgis-charts-config-pie-chart-popover", A);
 export {
   A as ArcgisChartsConfigPieChartPopover
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PieChartModel } from '../../model';
 import { WebChartGenericDataItem } from '@arcgis/charts-spec';
 import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';

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

@@ -4,7 +4,7 @@ import { b as d } from "../../chunks/common.js";
 import { RESTSymbolType as T } from "@arcgis/charts-spec";
 import { debounce as C, isEmpty as E, toNumber as G } from "lodash-es";
 import "d3-array";
-import { aP as S, V as $ } from "../../chunks/interfaces.js";
+import { aR as S, X as $ } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -20,7 +20,7 @@ import { createRef as m, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as k, createEvent as P, safeStyleMap as b, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const o = {
   sectionLabel: "section-label",
   label: "label",
@@ -31,7 +31,7 @@ const o = {
   groupingLabelContainer: "grouping-label-container",
   numberInput: "number-input"
 }, z = 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)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`;
-class V extends k {
+class R extends k {
   constructor() {
     super(...arguments), this._messages = w(), this.slicesPopover = null, this.donutSizeSliderElement = m(), this.groupingThresholdElement = m(), this.groupingThresholdSliderElement = m(), this.labelCharacterLimitElement = m(), this.decimalPlacesElement = m(), this.onDonutSizeSliderChange = C(() => {
       this.donutSizeSliderElement.value && Number.isInteger(this.donutSizeSliderElement.value?.value) && this.model.setInnerRadiusSize(this.donutSizeSliderElement.value.value ?? S);
@@ -211,7 +211,7 @@ class V extends k {
     }} ${g(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=${p(this.model.getLabelCharacterLimit())} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(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=${p(this.model.getDecimalPlaces())} @calciteInputInput=${this.onDecimalPlacesChange} ${g(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=${d.Value} .checked=${this.model.getDisplayType() === d.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Percentage} .checked=${this.model.getDisplayType() === d.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Both} .checked=${this.model.getDisplayType() === d.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()}`;
   }
 }
-L("arcgis-charts-config-pie-chart-slices", V);
+L("arcgis-charts-config-pie-chart-slices", R);
 export {
-  V as ArcgisChartsConfigPieChartSlices
+  R as ArcgisChartsConfigPieChartSlices
 };

package/dist/components/arcgis-charts-config-pie-chart-slices-popover/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Color } from '@arcgis/charts-spec';
 import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';

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

@@ -2,7 +2,7 @@ import { c } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { P as p } from "../../chunks/interfaces.js";
+import { R as p } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -18,7 +18,7 @@ import { createRef as C, ref as v } from "lit-html/directives/ref.js";
 import { LitElement as u, createEvent as o, safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const s = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"

package/dist/components/arcgis-charts-config-scatter-plot/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ScatterplotModel } from '../../model';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer } from '@arcgis/charts-spec';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';

package/dist/components/arcgis-charts-config-scatter-plot/customElement.js

@@ -2,7 +2,7 @@ import { c as r } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as n } from "lodash-es";
 import "d3-array";
-import { g as l, a_ as h, bI as p } from "../../chunks/interfaces.js";
+import { g as l, b0 as h, bM as p } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -16,7 +16,7 @@ import { css as m, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const f = m`: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 c {
   constructor() {

package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ScatterplotModel } from '../../model';
 import { Color, IField, ISimpleLineSymbol } from '@arcgis/charts-spec';
 import { DataChangeErrorPayload, PopoverOpenChangePayload } from '../../utils/components/event-payloads';

package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js

@@ -2,7 +2,7 @@ import { c as E } from "../../chunks/runtime.js";
 import { WebChartTypes as b, RESTSymbolType as z } from "@arcgis/charts-spec";
 import { cloneDeep as I, isEmpty as T, toNumber as $ } from "lodash-es";
 import "d3-array";
-import { aO as F, c9 as y, Z as C, P as w } from "../../chunks/interfaces.js";
+import { aQ as F, cd as y, $ as C, R as w } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -20,7 +20,7 @@ import { createRef as d, ref as a } from "lit-html/directives/ref.js";
 import { LitElement as N, createEvent as v, safeClassMap as i, safeStyleMap as P } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const s = {
   label: "label",
   r2: "r2",

package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Color, IField, ISimpleLineSymbol } from '@arcgis/charts-spec';
 import { ScatterplotDataPopoverKinds } from '../../interfaces';
 import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';

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

@@ -3,7 +3,7 @@ import { keyed as n } from "lit/directives/keyed.js";
 import { RESTSymbolType as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { b1 as v, c9 as u } from "../../chunks/interfaces.js";
+import { b3 as v, cd as u } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -20,7 +20,7 @@ import { createRef as m, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as P, createEvent as a, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

package/dist/components/arcgis-charts-config-select-chart-type-popover/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ModelTypes } from '../../model';
 

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

@@ -19,7 +19,7 @@ import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lu
 import { M as e } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",

package/dist/components/arcgis-charts-config-view-charts/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ChartModel } from '../../model';
 import { SupportedLayer } from '@arcgis/charts-spec';
 import { default as Sublayer } from '@arcgis/core/layers/support/Sublayer';

package/dist/components/arcgis-charts-config-view-charts/customElement.js

@@ -2,7 +2,7 @@ import { c as h } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { bR as d } from "../../chunks/interfaces.js";
+import { bV as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -18,7 +18,7 @@ import { LitElement as u, createEvent as r, safeClassMap as n } from "@arcgis/lu
 import { repeat as w } from "lit-html/directives/repeat.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.51 */
+v4.34.0-next.53 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-09T04:46:29",
+  "timestamp": "2025-07-11T04:41:34",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.51",
+    "version": "4.34.0-next.53",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -2875,7 +2875,7 @@
               "name": "arcgisNoRenderPropChange",
               "description": "Event triggered when a no-render prop is changed",
               "type": {
-                "text": "{\n    propName: string;\n    value: boolean | WebChartLegendPositions;\n    model: ChartModel | undefined;\n}"
+                "text": "{\n    propName: string;\n    value: number | boolean | MapView | SceneView | WebChartLegendPositions | undefined;\n    model: ChartModel | undefined;\n}"
               },
               "docsTags": [
                 {