@arcgis/charts-components 4.33.0-next.100 → 4.33.0-next.102

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

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { LineChartModel } from '../../model';
 import { IField } from '@arcgis/charts-spec';
-import { DataChangeErrorPayload } from '../../utils/event-payloads';
+import { DataChangeErrorPayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 

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

@@ -1,8 +1,18 @@
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as y } from "lit-html/directives/keyed.js";
-import { getObjectIdField as p, getDefaultAggregationTypeLabel as F, getDefaultTimeAggregationTypeLabel as $, getFieldAlias as m, createPopover as A, PopoverType as x, removePopover as I, getTimeIntervalUnitLabel as T } from "@arcgis/charts-shared-utils";
-import { WebChartStatisticType as o, defaultBarLineFromFieldsName as P, RESTFieldType as w, WebChartTemporalBinningUnits as v, WebChartNullPolicyTypes as c } from "@arcgis/charts-spec";
-import { L as l } from "../../chunks/interfaces.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 "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+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 { c as P, r as T, P as w } from "../../chunks/popover-ui-utils.js";
+import { L as l } from "../../chunks/interfaces2.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";
@@ -11,7 +21,7 @@ import { LitElement as E, createEvent as g, safeClassMap as s } from "@arcgis/lu
 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.100 */
+v4.33.0-next.102 */
 const a = {
   hostDiv: "host-div",
   label: "label",
@@ -38,7 +48,7 @@ class D extends E {
               break;
             }
             case l.numericFields:
-              await this.model.setNumericFields(i), this.model.getNumericFields().length > 0 && this.model.getAggregationType() === o.Count && this.model.getNumericFields()[0] !== p(this.layerFieldsInfo) && await this.model.setAggregationType(o.Sum);
+              await this.model.setNumericFields(i), this.model.getNumericFields().length > 0 && this.model.getAggregationType() === o.Count && this.model.getNumericFields()[0] !== v(this.layerFieldsInfo) && await this.model.setAggregationType(o.Sum);
               break;
             case l.splitByField: {
               const n = i[0]?.trim() || "";
@@ -80,9 +90,9 @@ class D extends E {
   /** @category Lifecycle */
   /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async willUpdate(e) {
-    e.has("model") && this.modelChange(this.model, e.get("model")), this.aggregationLabel = await F(this.model.getAggregationType());
+    e.has("model") && this.modelChange(this.model, e.get("model")), this.aggregationLabel = await A(this.model.getAggregationType());
     const t = this.model.getTimeAggregationType();
-    t !== void 0 && (this.timeAggregationLabel = await $(t)), this.disableSplitBy = this.model.getNumericFields().length > 1;
+    t !== void 0 && (this.timeAggregationLabel = await x(t)), this.disableSplitBy = this.model.getNumericFields().length > 1;
   }
   /** @category Lifecycle */
   disconnectedCallback() {
@@ -183,7 +193,7 @@ class D extends E {
    * @returns {string} - The corrected x-axis field value.
    */
   getCorrectedXAxisValue() {
-    return this.model.getXAxisField() === P || this.model.getXAxisField().trim() === "" ? "" : m(this.layerFieldsInfo, this.model.getXAxisField());
+    return this.model.getXAxisField() === F || this.model.getXAxisField().trim() === "" ? "" : m(this.layerFieldsInfo, this.model.getXAxisField());
   }
   /** @category Event handler */
   onShowDataLabelsChange(e) {
@@ -199,7 +209,7 @@ class D extends E {
   }
   /** @category Private */
   shouldShowTimeBinning() {
-    const t = this.layerFieldsInfo.find((n) => n.name === this.model.getXAxisField())?.type === w.Date, i = this.model.getAggregationType() !== o.NoAggregation;
+    const t = this.layerFieldsInfo.find((n) => n.name === this.model.getXAxisField())?.type === $.Date, i = this.model.getAggregationType() !== o.NoAggregation;
     return t && i;
   }
   /** @category Private */
@@ -210,10 +220,10 @@ class D extends E {
       onLineChartDataChange: this.onLineChartDataChange,
       popoverClose: this.popoverClose
     };
-    if (this.lineChartPopover = A(x.LineChartDataPopover, e), this.lineChartPopover !== null) {
+    if (this.lineChartPopover = P(w.LineChartDataPopover, e), this.lineChartPopover !== null) {
       const t = {
         size: this.model.getTemporalBinningSize() ?? 1,
-        unit: this.model.getTemporalBinningUnit() ?? v.Second
+        unit: this.model.getTemporalBinningUnit() ?? p.Second
       };
       switch (this.contentKind) {
         case l.aggregation:
@@ -248,7 +258,7 @@ class D extends E {
    * @category Private
    */
   removeLineChartDataPopover() {
-    this.lineChartPopover !== null && (this.lineChartPopover.open = !1, this.lineChartPopover = I(this.lineChartPopover));
+    this.lineChartPopover !== null && (this.lineChartPopover.open = !1, this.lineChartPopover = T(this.lineChartPopover));
   }
   //#endregion
   //#region Rendering
@@ -268,14 +278,14 @@ class D extends E {
   }
   /** @category Render UX */
   renderNumericFields(e) {
-    const t = p(this.layerFieldsInfo), i = [];
+    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>`;
   }
   /** @category Render UX */
   renderInterval() {
-    const e = (this.model.getTemporalBinningSize() ?? 0) <= 0, t = this.model.getTemporalBinningSize() ?? "", i = T(this.model.getTemporalBinningUnit() ?? v.Second, this._messages) ?? "";
+    const e = (this.model.getTemporalBinningSize() ?? 0) <= 0, t = this.model.getTemporalBinningSize() ?? "", i = I(this.model.getTemporalBinningUnit() ?? p.Second, this._messages) ?? "";
     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>`,

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

@@ -1,11 +1,20 @@
 import { c as k } from "../../chunks/runtime.js";
 import { repeat as f } from "lit-html/directives/repeat.js";
 import { keyed as b } from "lit-html/directives/keyed.js";
-import { getDefaultAggregationTypeLabel as I, getDefaultTimeAggregationTypeLabel as F, editPopover as P, getFieldAlias as x, isIntegerField as T, isNumericField as v, getTimeIntervalUnitLabel as A } from "@arcgis/charts-shared-utils";
-import { WebChartTimeAggregationTypes as d, RESTFieldType as C, WebChartTemporalBinningUnits as r } from "@arcgis/charts-spec";
+import { WebChartTimeAggregationTypes as d, RESTFieldType as v, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
 import { isEqual as u } from "lodash-es";
-import { L as a } from "../../chunks/interfaces.js";
-import { j as y, U as L, i as h, e as w, s as E } from "../../chunks/chart-ui-utils.js";
+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 "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+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 { e as A } from "../../chunks/popover-ui-utils.js";
+import { L as a } from "../../chunks/interfaces2.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";
 import { createRef as g, ref as p } from "lit-html/directives/ref.js";
@@ -13,8 +22,8 @@ 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.100 */
-const c = {
+v4.33.0-next.102 */
+const r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",
   numericFieldPickList: "line-chart-data-numeric-fields-pick-list",
@@ -60,7 +69,7 @@ class K extends z {
   async updated() {
     setTimeout(async () => {
       typeof this.picklist.value?.setFocus == "function" && await this.picklist.value?.setFocus();
-    }, L.PopoverTimer), P(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    }, L.PopoverTimer), A(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, L.PopoverTimer);
   }
@@ -90,7 +99,7 @@ class K extends z {
    * @category Render UX
    */
   buildPickListItem(e) {
-    return b(e.name, n`<calcite-list-item .label=${x(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${h(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=${h(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   /**
    * @param itemKind
@@ -102,14 +111,14 @@ class K extends z {
       case a.numericFields: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && v(i) && s.push(this.buildPickListItem(i));
+          i && C(i) && s.push(this.buildPickListItem(i));
         }
         break;
       }
       case a.xAxisField: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && (v(i) || i.type === C.Date) && s.push(this.buildPickListItem(i));
+          i && (C(i) || i.type === v.Date) && s.push(this.buildPickListItem(i));
         }
         break;
       }
@@ -118,7 +127,7 @@ class K extends z {
         s.push(l);
         for (let i = 0; i < t; i += 1) {
           const m = this.layerFieldsInfo?.[i];
-          m && (T(m) || m.type === C.String) && s.push(this.buildPickListItem(m));
+          m && (x(m) || m.type === v.String) && s.push(this.buildPickListItem(m));
         }
         break;
       }
@@ -173,40 +182,40 @@ class K extends z {
   /** @category Render UX */
   renderAggregationType() {
     const e = this.buildAggregationPickListItems();
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderXAxisField() {
     const e = this.buildPickListItems(a.xAxisField);
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
-    return n`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderSplitByField() {
     const e = this.buildPickListItems(a.splitByField);
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderIntervalAlignment() {
     const e = this.buildIntervalAlignmentPickListItems();
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(r.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderInterval() {
     const e = this.selectedContent, t = [
-      r.Second,
-      r.Minute,
-      r.Hour,
-      r.Day,
-      r.Week,
-      r.Month,
-      r.Year
+      c.Second,
+      c.Minute,
+      c.Hour,
+      c.Day,
+      c.Week,
+      c.Month,
+      c.Year
     ];
-    return n`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${E(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=${A(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.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=${E(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>`;
   }
   /** @category Render UX */
   renderPopoverInfo() {
@@ -236,7 +245,7 @@ class K extends z {
   /** @category Lifecycle */
   render() {
     let e;
-    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(c.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(c.jsAppFlyout)}><calcite-popover class=${o(c.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(c.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
+    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);

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

@@ -2,7 +2,7 @@
 import { LineChartModel } from '../../model';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
-import { PopoverOpenChangePayload } from '../../utils/event-payloads';
+import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { ArcgisChartsConfigLineChartSeriesPopover } from '../arcgis-charts-config-line-chart-series-popover/customElement.js';
 
 /** @private */

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

@@ -1,14 +1,25 @@
 import { c as f } from "../../chunks/runtime.js";
-import { removePopover as u, ChartSubType as P, createPopover as L, PopoverType as I } from "@arcgis/charts-shared-utils";
+import "@arcgis/charts-spec";
+import "lodash-es";
+import "d3-array";
+import { C 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";
+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 { r as P, c as L, P as I } from "../../chunks/popover-ui-utils.js";
 import { LitElement as y, createEvent as h, safeStyleMap as b } from "@arcgis/lumina";
 import { html as r } from "lit";
 import { repeat as x } from "lit-html/directives/repeat.js";
 import { u as O } from "../../chunks/useT9n.js";
-import { h as $ } from "../../chunks/chart-ui-utils.js";
+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.100 */
+v4.33.0-next.102 */
 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() {
@@ -73,18 +84,18 @@ class k extends y {
   }
   /** @category Private */
   removeSeriesPopover() {
-    this.seriesPopover !== void 0 && this.seriesPopover !== null && (this.seriesPopover.open = !1, this.seriesPopover = u(this.seriesPopover)), this.seriesPopoverChange(!1);
+    this.seriesPopover !== void 0 && this.seriesPopover !== null && (this.seriesPopover.open = !1, this.seriesPopover = P(this.seriesPopover)), this.seriesPopoverChange(!1);
   }
   /** @category Render UX */
   buildSeriesListItems() {
     const e = this.model.getSeriesLength(), s = Array.from({ length: e }, (i, t) => t);
     return x(s, (i) => this.model.getSeriesId(i), (i) => {
-      const t = this.model.getSeriesId(i), n = this.model.getSeriesColor(i), d = this.model.getSeriesName(i), c = this.model.getChartSubType() === P.BarAndLineFromFields ? this._messages.series : t, p = this.model.getSeriesLineStyle(i), g = $(p);
+      const t = this.model.getSeriesId(i), n = this.model.getSeriesColor(i), d = this.model.getSeriesName(i), c = this.model.getChartSubType() === u.BarAndLineFromFields ? this._messages.series : t, p = this.model.getSeriesLineStyle(i), m = $(p);
       let l = "#CCCCCC", a = "minus-circle";
       if ((e > 1 || !this.activeColorMatch) && n !== void 0) {
-        a = `line-${g}`;
-        const [m, C, S, v] = [...n];
-        l = `rgba(${m},${C},${S},${v / 255})`;
+        a = `line-${m}`;
+        const [g, C, S, v] = [...n];
+        l = `rgba(${g},${C},${S},${v / 255})`;
       }
       return r`<calcite-list-item .label=${d ?? t ?? ""} .description=${c} .value=${t} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${b({ color: l })}></calcite-icon></calcite-list-item>`;
     });

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { Color, RESTSimpleLineSymbolStyle } from '@arcgis/charts-spec';
-import { PopoverOpenChangePayload } from '../../utils/event-payloads';
+import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 

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

@@ -1,16 +1,26 @@
 import { c as u } from "../../chunks/runtime.js";
-import { editPopover as f, reducedOpacity as C } from "@arcgis/charts-shared-utils";
 import { RESTSimpleLineSymbolStyle as i } from "@arcgis/charts-spec";
-import { U as v, a as y, m, s as b, b as g } from "../../chunks/chart-ui-utils.js";
+import "lodash-es";
+import "d3-array";
+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";
+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 { e as C } from "../../chunks/popover-ui-utils.js";
+import { U as v, a as y, m, s as b, b as g } from "../../chunks/chart-ui-utils2.js";
 import { u as S } from "../../chunks/useT9n.js";
 import { nothing as a, html as w } from "lit";
-import { createRef as l, ref as c } from "lit-html/directives/ref.js";
-import { LitElement as $, createEvent as s, safeClassMap as o } from "@arcgis/lumina";
+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 { 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.100 */
-const n = {
+v4.33.0-next.102 */
+const o = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",
@@ -45,7 +55,7 @@ class I extends $ {
   /** @category Lifecycle */
   /** @category Lifecycle */
   updated() {
-    f(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    C(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, v.PopoverTimer);
   }
@@ -74,8 +84,8 @@ class I extends $ {
   }
   /** @category Event handler */
   colorChange(e) {
-    const t = e instanceof CustomEvent ? e.detail : e, [r, d, h] = t, p = C * 255;
-    this.selectedColor = [r, d, h, p], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [r, d, h, p] });
+    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] });
   }
   /** @category Event handler */
   lineStyleChange() {
@@ -115,7 +125,7 @@ class I extends $ {
   /** @category Lifecycle */
   render() {
     const e = this.selectedColor;
-    return w`<div class=${o({ [n.jsAppFlyout]: !0, [n.hostDiv]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${c(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} ${c(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} ${c(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>`;
+    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>`;
   }
 }
 u("arcgis-charts-config-line-chart-series-popover", I);

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

@@ -1,14 +1,14 @@
 import { c as p } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { RESTSymbolType as m, RESTSimpleLineSymbolStyle as t } from "@arcgis/charts-spec";
-import { a as u, m as a, s as g, b as c } from "../../chunks/chart-ui-utils.js";
+import { a as u, m as a, s as g, b as c } from "../../chunks/chart-ui-utils2.js";
 import { u as y } from "../../chunks/useT9n.js";
 import { createRef as r, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } from "@arcgis/lumina";
 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.100 */
+v4.33.0-next.102 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -1,13 +1,13 @@
 import { c as l } from "../../chunks/runtime.js";
 import { html as u } from "lit-html";
-import { a as h, m as r, s as d, b as o } from "../../chunks/chart-ui-utils.js";
+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 { 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.100 */
+v4.33.0-next.102 */
 const a = {
   hostDiv: "host-div",
   container: "container",

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PieSlicesSymbols } from '@arcgis/charts-shared-utils';
+import { PieSlicesSymbols } from '../../utils';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer, WebChartGenericDataItem } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';

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

@@ -1,21 +1,30 @@
 import { c as C } from "../../chunks/runtime.js";
-import { hasILayer as u, getFeatureLayer as y, fetchLayerFieldsInfo as v } from "@arcgis/charts-shared-utils";
-import { RESTSymbolType as I } from "@arcgis/charts-spec";
-import { isEqual as n, cloneDeep as d } from "lodash-es";
-import { LitElement as F, createEvent as g } from "@arcgis/lumina";
+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 "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+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 { LitElement as F, createEvent as m } from "@arcgis/lumina";
 import { html as h } from "lit";
-import { C as c } from "../../chunks/interfaces.js";
+import { C as c } from "../../chunks/interfaces2.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.100 */
+v4.33.0-next.102 */
 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() {
     super(...arguments), this.popoverElement = null, this.onModelConfigChange = async (e) => {
       const t = e?.detail.config ?? this.model.getConfig();
       this.layer === void 0 && await this.updateFetchLayerFieldsInfo(t);
-    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = g(), this.arcgisChartsConfigWebChartChange = g();
+    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = m(), this.arcgisChartsConfigWebChartChange = m();
   }
   static {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 3, seriesColor: 2, calculatedMinMaxBounds: 2, page: 3, layer: 0, usePopupTemplateFieldsInfo: 5, filterBySelection: 5, chartData: 0 };
@@ -59,25 +68,25 @@ class E extends F {
   seriesColorChange(e) {
     const { slices: i, groupedSlices: t, groupOfSlices: a } = e?.get(0) ?? {};
     let o = [];
-    this.filterBySelection === !0 ? o = this.model.getSlices()?.map((l) => i?.find((s) => s.sliceId === l.sliceId) ?? t?.find((s) => s.sliceId === l.sliceId) ?? l) ?? [] : o = (i ?? []).concat(t ?? []), o.forEach((l, s) => {
-      const f = this.model.getSlices()?.find((m) => m.sliceId === o[s].sliceId);
+    this.filterBySelection === !0 ? o = this.model.getSlices()?.map((r) => i?.find((s) => s.sliceId === r.sliceId) ?? t?.find((s) => s.sliceId === r.sliceId) ?? r) ?? [] : o = (i ?? []).concat(t ?? []), o.forEach((r, s) => {
+      const f = this.model.getSlices()?.find((g) => g.sliceId === o[s].sliceId);
       f && (o[s] = { ...o[s], ...f });
-      const r = o[s].fillSymbol;
-      r !== void 0 && !n(r?.outline?.color, r?.color) && (r.outline = {
-        ...r.outline ?? {},
-        type: I.SLS,
-        color: r.color
+      const l = o[s].fillSymbol;
+      l !== void 0 && !n(l?.outline?.color, l?.color) && (l.outline = {
+        ...l.outline ?? {},
+        type: u.SLS,
+        color: l.color
       });
     });
-    const p = (t ?? []).map((l) => l.sliceId);
-    t !== void 0 && !n(p, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(d(p)), n(o, this.model.getSlices()) || this.model.setSlices(d(o)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(d(a));
+    const d = (t ?? []).map((r) => r.sliceId);
+    t !== void 0 && !n(d, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(p(d)), n(o, this.model.getSlices()) || this.model.setSlices(p(o)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(p(a));
   }
   /** @category Private */
   async updateFetchLayerFieldsInfo(e) {
     const i = e ?? this.model.getConfig();
     let t = this.layer;
     if (!t) {
-      const a = u(i) ? i.iLayer : void 0;
+      const a = I(i) ? i.iLayer : void 0;
       a && (t = await y(a));
     }
     t && (this.layerFieldsInfo = await v(t, this.usePopupTemplateFieldsInfo));

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

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { IField } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';
-import { DataChangeErrorPayload } from '../../utils/event-payloads';
+import { DataChangeErrorPayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';