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

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

@@ -1,13 +1,22 @@
 import { c as f } from "../../chunks/runtime.js";
 import { keyed as S } from "lit-html/directives/keyed.js";
-import { removePopover as h, defaultBoxPlotCategory as n, getFieldNameFromFieldAlias as C, getFieldAlias as g, createPopover as v, PopoverType as y } from "@arcgis/charts-shared-utils";
-import { WebChartTypes as x } from "@arcgis/charts-spec";
-import { Z as u } from "../../chunks/scatter-plot-model.js";
-import { isEqual as p } from "lodash-es";
-import { repeat as P } from "lit-html/directives/repeat.js";
-import { a as l, e as c } from "../../chunks/interfaces.js";
+import { WebChartTypes as C } from "@arcgis/charts-spec";
+import { isEqual as h } from "lodash-es";
+import "d3-array";
+import { T as n, aL as v, c as g } 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 u, c as y, P } from "../../chunks/popover-ui-utils.js";
+import { Z as p } from "../../chunks/scatter-plot-model.js";
+import { repeat as x } from "lit-html/directives/repeat.js";
+import { a as l, e as c } from "../../chunks/interfaces2.js";
 import { d as $, s as F } from "../../chunks/store.js";
-import { U as w } from "../../chunks/chart-ui-utils.js";
+import { U as w } from "../../chunks/chart-ui-utils2.js";
 import { u as I } from "../../chunks/useT9n.js";
 import { nothing as L, html as a } from "lit";
 import { createRef as d, ref as m } from "lit-html/directives/ref.js";
@@ -15,7 +24,7 @@ import { LitElement as B, createEvent as O, safeClassMap as r } 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.101 */
+v4.33.0-next.102 */
 const o = {
   hostDiv: "host-div",
   label: "label",
@@ -31,7 +40,7 @@ class D extends B {
     super(...arguments), this._messages = I(), this.boxPlotPopover = null, this.categoryElement = d(), this.numericFieldsElement = d(), this.splitByFieldElement = d(), this.sortOrderElement = d(), this.originalCustomSortLabels = [], this.isCustomSortDisabled = !1, this.onModelConfigChange = () => {
       this.requestUpdate();
     }, this.popoverClose = (t) => {
-      this.boxPlotPopover === t?.target && (this.boxPlotPopover = h(this.boxPlotPopover));
+      this.boxPlotPopover === t?.target && (this.boxPlotPopover = u(this.boxPlotPopover));
     }, this.onBoxPlotDataChange = async (t) => {
       try {
         if (t.detail !== null && t.detail?.value !== void 0) {
@@ -56,7 +65,7 @@ class D extends B {
             case l.sortOrder:
               {
                 const i = s[0];
-                i === u.customSort ? (await this.updateCustomSortProps(), this.model.setSortOrder(i, this.customSortLabels)) : this.model.setSortOrder(i);
+                i === p.customSort ? (await this.updateCustomSortProps(), this.model.setSortOrder(i, this.customSortLabels)) : this.model.setSortOrder(i);
               }
               break;
             default:
@@ -83,11 +92,11 @@ class D extends B {
   }
   /** @category Lifecycle */
   async willUpdate(t) {
-    t.has("model") && this.modelChange(this.model, t.get("model")), p(this.model.getDataFilter(), this.currentDataFilter) ? p(this.model.getOrderByList(), this.customSortLabels) || (this.customSortLabels = this.model.getOrderByList() ?? []) : (await this.updateCustomSortProps(), this.currentDataFilter = this.model.getDataFilter()), this.disableSplitBy = this.model.getNumericFields().length === 0 || this.model.getNumericFields().length > 1 && this.model.getCategory() !== n;
+    t.has("model") && this.modelChange(this.model, t.get("model")), h(this.model.getDataFilter(), this.currentDataFilter) ? h(this.model.getOrderByList(), this.customSortLabels) || (this.customSortLabels = this.model.getOrderByList() ?? []) : (await this.updateCustomSortProps(), this.currentDataFilter = this.model.getDataFilter()), this.disableSplitBy = this.model.getNumericFields().length === 0 || this.model.getNumericFields().length > 1 && this.model.getCategory() !== n;
   }
   /** @category Lifecycle */
   disconnectedCallback() {
-    super.disconnectedCallback(), this.boxPlotPopover = h(this.boxPlotPopover), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+    super.disconnectedCallback(), this.boxPlotPopover = u(this.boxPlotPopover), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   //#endregion
   //#region Private Methods
@@ -116,8 +125,8 @@ class D extends B {
   }
   /** @category Render UX */
   buildCustomSortListItems() {
-    return P(this.customSortLabels, (e) => e, (e) => {
-      const s = C(this.layerFieldsInfo, e);
+    return x(this.customSortLabels, (e) => e, (e) => {
+      const s = v(this.layerFieldsInfo, e);
       return a`<calcite-list-item id=${e ?? L} .label=${e ?? ""} .description=${s} .value=${e} .selected=${this.selectedCustomSortItemId === e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`;
     });
   }
@@ -160,7 +169,7 @@ class D extends B {
     const t = await this.model.getCustomSortValues();
     this.customSortLabels = t, this.originalCustomSortLabels = [...t];
     const e = t.length > w.customSortLimit;
-    e && (this.sortOrderElement.value && (this.sortOrderElement.value.label = this._messages.xAxisAsc), this.model.setSortOrder(u.xAxisAsc)), this.isCustomSortDisabled = e;
+    e && (this.sortOrderElement.value && (this.sortOrderElement.value.label = this._messages.xAxisAsc), this.model.setSortOrder(p.xAxisAsc)), this.isCustomSortDisabled = e;
   }
   /** @category Event handler */
   async onStandardizeValuesChange(t) {
@@ -188,13 +197,13 @@ class D extends B {
   }
   /** @category Private */
   setupPopover() {
-    this.boxPlotPopover = h(this.boxPlotPopover);
+    this.boxPlotPopover = u(this.boxPlotPopover);
     const t = {
       layerFieldsInfo: this.layerFieldsInfo,
       onBoxPlotDataChange: this.onBoxPlotDataChange,
       popoverClose: this.popoverClose
     };
-    if (this.boxPlotPopover = v(y.BoxPlotDataPopover, t), this.boxPlotPopover !== null) {
+    if (this.boxPlotPopover = y(P.BoxPlotDataPopover, t), this.boxPlotPopover !== null) {
       switch (this.contentKind) {
         case l.category:
           this.boxPlotPopover.referenceElement = this.categoryElement.value, this.boxPlotPopover.headingTitle = this._messages.categoryHeader, this.boxPlotPopover.selectedContent = this.model.getCategory() === n ? "" : this.model.getCategory();
@@ -254,7 +263,7 @@ class D extends B {
   //#region Rendering
   renderCustomSortUI() {
     const t = this.model.getSortOrder(), e = this.model.getXAxisValueFormat()?.type, s = this.customSortLabels.indexOf(this.selectedCustomSortItemId);
-    return e === x.CategoryAxisFormat && t === u.customSort && !this.isCustomSortDisabled ? a`<calcite-label class=${r(o.label)}><div class=${r(o.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s === 0 || s === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${c.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s === -1 || s === this.customSortLabels.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${c.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${p(this.customSortLabels, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.getCategory() === n ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
+    return e === C.CategoryAxisFormat && t === p.customSort && !this.isCustomSortDisabled ? a`<calcite-label class=${r(o.label)}><div class=${r(o.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s === 0 || s === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${c.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s === -1 || s === this.customSortLabels.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${c.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${h(this.customSortLabels, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.getCategory() === n ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
   }
   /** @category Render UX */
   renderNumericFields(t) {

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

@@ -1,12 +1,21 @@
 import { c as k } from "../../chunks/runtime.js";
 import { keyed as p } from "lit-html/directives/keyed.js";
 import { repeat as v } from "lit-html/directives/repeat.js";
-import { editPopover as y, getFieldAlias as $, isIntegerField as u, isNumericField as L, getLocaleInfo as F, formatMessage as P } from "@arcgis/charts-shared-utils";
-import { RESTFieldType as g } from "@arcgis/charts-spec";
+import { RESTFieldType as u } from "@arcgis/charts-spec";
+import { isEqual as y } from "lodash-es";
+import "d3-array";
+import { c as $, n as g, i as L, a3 as F, f 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";
+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 x } from "../../chunks/popover-ui-utils.js";
 import { Z as l } from "../../chunks/scatter-plot-model.js";
-import { isEqual as x } from "lodash-es";
-import { a as n } from "../../chunks/interfaces.js";
-import { U as h, e as I, i as f, c as w, d as D } from "../../chunks/chart-ui-utils.js";
+import { a as n } from "../../chunks/interfaces2.js";
+import { U as h, e as I, i as f, c as w, d as D } from "../../chunks/chart-ui-utils2.js";
 import { u as T } from "../../chunks/useT9n.js";
 import { html as r } from "lit";
 import { createRef as b, ref as m } from "lit-html/directives/ref.js";
@@ -14,7 +23,7 @@ import { LitElement as S, createEvent as C, safeClassMap as d } from "@arcgis/lu
 import { css as E } 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.101 */
+v4.33.0-next.102 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
@@ -57,7 +66,7 @@ class A extends S {
   async updated() {
     setTimeout(async () => {
       typeof this.picklist.value?.setFocus == "function" && await this.picklist.value?.setFocus();
-    }, h.PopoverTimer), y(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    }, h.PopoverTimer), x(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, h.PopoverTimer);
   }
@@ -71,7 +80,7 @@ class A extends S {
    * @category Watch handler
    */
   selectedContentChange(e, t) {
-    this.pickListHasChanged = !x(e, t);
+    this.pickListHasChanged = !y(e, t);
   }
   /** @category Event handler */
   closePopover() {
@@ -123,7 +132,7 @@ class A extends S {
         i.push(s);
         for (let a = 0; a < t; a += 1) {
           const c = this.layerFieldsInfo[a];
-          (u(c) || c.type === g.String) && i.push(this.buildPickListItem(c));
+          (g(c) || c.type === u.String) && i.push(this.buildPickListItem(c));
         }
         break;
       }
@@ -132,7 +141,7 @@ class A extends S {
         i.push(s);
         for (let a = 0; a < t; a += 1) {
           const c = this.layerFieldsInfo[a];
-          (u(c) || c.type === g.String) && i.push(this.buildPickListItem(c));
+          (g(c) || c.type === u.String) && i.push(this.buildPickListItem(c));
         }
         break;
       }

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { BoxPlotModel } from '../../model';
-import { PopoverOpenChangePayload } from '../../utils/event-payloads';
+import { PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisChartsConfigBoxPlotSeriesPopover } from '../arcgis-charts-config-box-plot-series-popover/customElement.js';
 

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

@@ -1,16 +1,25 @@
 import { c as I } from "../../chunks/runtime.js";
 import { html as a } from "lit-html";
-import { removePopover as g, ChartSubType as v, createPopover as $, PopoverType as M } from "@arcgis/charts-shared-utils";
 import { WebChartBoxPlotMultipleSeriesKinds as h } from "@arcgis/charts-spec";
-import { isNil as y } from "lodash-es";
+import { isNil as $ } from "lodash-es";
+import "d3-array";
+import { C as g } 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 v, c as M, P as y } from "../../chunks/popover-ui-utils.js";
 import { repeat as B } from "lit-html/directives/repeat.js";
-import { c as O, d as w } from "../../chunks/chart-ui-utils.js";
+import { c as O, d as w } from "../../chunks/chart-ui-utils2.js";
 import { u as T } from "../../chunks/useT9n.js";
-import { LitElement as N, createEvent as S, safeStyleMap as C, safeClassMap as l } from "@arcgis/lumina";
+import { LitElement as N, createEvent as C, safeStyleMap as S, safeClassMap as l } from "@arcgis/lumina";
 import { css as _ } 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.101 */
+v4.33.0-next.102 */
 const n = {
   hostDiv: "host-div",
   topSection: "top-section",
@@ -55,7 +64,7 @@ class W extends N {
         i !== -1 && (s = r >= i ? r + 1 : r, o = t >= i ? t + 1 : t), this.model.moveSeries(s, o);
       }
     }, this.seriesPopoverClose = () => {
-      this.selectedSeriesIndex = void 0, this.meanLinesBoxColorIsSelected = !1, this.configSeriesOpen = !1, this.seriesPopover = g(this.seriesPopover);
+      this.selectedSeriesIndex = void 0, this.meanLinesBoxColorIsSelected = !1, this.configSeriesOpen = !1, this.seriesPopover = v(this.seriesPopover);
     }, this.seriesPopoverChange = (e) => {
       this.arcgisChartsConfigBoxPlotSeriesPopoverChange.emit({
         open: e,
@@ -78,7 +87,7 @@ class W extends N {
       this.requestUpdate();
     }, this.openChange = (e) => {
       this.arcgisChartsConfigPopoverOpenChange.emit(e.detail);
-    }, this.meanLinesBoxColorIsSelected = !1, this.configSeriesOpen = !1, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.arcgisChartsConfigBoxPlotSeriesPopoverChange = S(), this.arcgisChartsConfigPopoverOpenChange = S({
+    }, this.meanLinesBoxColorIsSelected = !1, this.configSeriesOpen = !1, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.arcgisChartsConfigBoxPlotSeriesPopoverChange = C(), this.arcgisChartsConfigPopoverOpenChange = C({
       composed: !0,
       cancelable: !0,
       bubbles: !0
@@ -116,20 +125,20 @@ class W extends N {
   }
   /** @category Private */
   removeSeriesPopover() {
-    this.seriesPopover !== null && this.seriesPopover !== void 0 && (this.seriesPopover.open = !1, this.seriesPopover = g(this.seriesPopover)), this.seriesPopoverChange(!1);
+    this.seriesPopover !== null && this.seriesPopover !== void 0 && (this.seriesPopover.open = !1, this.seriesPopover = v(this.seriesPopover)), this.seriesPopoverChange(!1);
   }
   /** @category Render UX */
   buildSeriesListItems() {
     const e = this.model.getSeriesLength(), i = this.model.getBoxPlotSeriesIndexWhenMeanLinesShown(), t = Array.from({ length: e }, (s, o) => o);
     return B(t, (s) => this.model.getSeriesId(s), (s) => {
-      const o = this.model.getSeriesId(s), c = this.model.getSeriesColor(s), f = this.model.getSeriesName(s), d = this.model.getChartSubType(), u = d === v.BoxPlotMonoField || d === v.BoxPlotMultiFields ? this._messages.series : o;
+      const o = this.model.getSeriesId(s), c = this.model.getSeriesColor(s), f = this.model.getSeriesName(s), d = this.model.getChartSubType(), u = d === g.BoxPlotMonoField || d === g.BoxPlotMultiFields ? this._messages.series : o;
       let m = "#CCCCCC", p = "minus-square";
       if ((e > 1 || !this.activeColorMatch) && c !== void 0) {
         p = this.model.getShowMeanLines() === !0 ? "line-solid" : "square-f";
-        const [L, P, x, b] = [...c];
-        m = `rgba(${L},${P},${x},${b / 255})`;
+        const [P, L, x, b] = [...c];
+        m = `rgba(${P},${L},${x},${b / 255})`;
       }
-      return i !== s ? a`<calcite-list-item .label=${f ?? o ?? ""} .description=${u} .value=${o} .selected=${this.selectedSeriesIndex === s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${p} style=${C({ color: m })}></calcite-icon></calcite-list-item>` : null;
+      return i !== s ? a`<calcite-list-item .label=${f ?? o ?? ""} .description=${u} .value=${o} .selected=${this.selectedSeriesIndex === s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${p} style=${S({ color: m })}></calcite-icon></calcite-list-item>` : null;
     });
   }
   /** @category Render UX */
@@ -138,7 +147,7 @@ class W extends N {
   }
   /** @category Private */
   setupSeriesPopover() {
-    if (y(this.seriesPopover) && this.el !== void 0) {
+    if ($(this.seriesPopover) && this.el !== void 0) {
       const e = {
         seriesNameChange: this.seriesNameChange,
         seriesColorChange: this.seriesColorChange,
@@ -150,7 +159,7 @@ class W extends N {
         labelCanBeConfigured: !this.meanLinesBoxColorIsSelected,
         popoverClose: this.seriesPopoverClose
       };
-      this.seriesPopover = $(M.BoxPlotSeriesPopover, e);
+      this.seriesPopover = M(y.BoxPlotSeriesPopover, e);
     }
   }
   /** @category Private */
@@ -172,7 +181,7 @@ class W extends N {
       const [r, s, o, c] = [...t];
       e = `rgba(${r},${s},${o},${c / 255})`;
     }
-    return a`<calcite-list label class=${l(n.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${C({ color: e })}></calcite-icon></calcite-list-item></calcite-list>`;
+    return a`<calcite-list label class=${l(n.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${S({ color: e })}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   /** @category Render UX */
   renderMultipleSeriesOption() {

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { Color, SimpleLineSymbolStyle } 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-box-plot-series-popover/customElement.js

@@ -1,16 +1,25 @@
-import { c as m } from "../../chunks/runtime.js";
-import { editPopover as C, reducedOpacity as g } from "@arcgis/charts-shared-utils";
-import { RESTSymbolType as f } from "@arcgis/charts-spec";
-import { isEqual as v } from "lodash-es";
-import { U as u } from "../../chunks/chart-ui-utils.js";
+import { c as g } from "../../chunks/runtime.js";
+import { RESTSymbolType as C } from "@arcgis/charts-spec";
+import { isEqual as f } from "lodash-es";
+import "d3-array";
+import { r as m } 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 v } from "../../chunks/popover-ui-utils.js";
+import { U as u } from "../../chunks/chart-ui-utils2.js";
 import { u as y } from "../../chunks/useT9n.js";
-import { html as r } from "lit";
+import { html as n } from "lit";
 import { createRef as b, ref as S } from "lit-html/directives/ref.js";
 import { LitElement as x, createEvent as a, safeClassMap as c } from "@arcgis/lumina";
 import { css as P } 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.101 */
+v4.33.0-next.102 */
 const l = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",
@@ -43,7 +52,7 @@ class L extends x {
   }
   /** @category Lifecycle */
   updated() {
-    C(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    v(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, u.PopoverTimer);
   }
@@ -72,15 +81,15 @@ class L extends x {
   }
   /** @category Event handler */
   colorChange(e) {
-    const t = e instanceof CustomEvent ? e.detail : e, [s, i, o] = t, n = g * 255;
-    this.selectedColor = [s, i, o, n], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [s, i, o, n] });
+    const t = e instanceof CustomEvent ? e.detail : e, [s, i, o] = t, r = m * 255;
+    this.selectedColor = [s, i, o, r], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [s, i, o, r] });
   }
   /** @category Event handler */
   lineSymbolChange(e) {
     const { lineStyle: t } = e.target, { color: s, style: i, width: o } = t;
-    if (s !== void 0 && !v(s, this.selectedColor)) {
-      const [n, h, p] = s, d = g * 255;
-      this.selectedColor = [n, h, p, d], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [n, h, p, d] });
+    if (s !== void 0 && !f(s, this.selectedColor)) {
+      const [r, h, p] = s, d = m * 255;
+      this.selectedColor = [r, h, p, d], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [r, h, p, d] });
     }
     i !== void 0 && i !== this.selectedLineStyle && (this.selectedLineStyle = i, this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({ style: i })), o !== void 0 && o !== this.selectedLineWidth && (this.selectedLineWidth = o, this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({ width: o }));
   }
@@ -89,18 +98,18 @@ class L extends x {
   /** @category Lifecycle */
   render() {
     const e = this.selectedColor;
-    return r`<div class=${c({
+    return n`<div class=${c({
       [l.jsAppFlyout]: !0,
       [l.hostDiv]: !0
-    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label ${S(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${this.labelCanBeConfigured ? r`<div class=${c(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>` : null}<div class=${c(l.panelChildrenContainer)}>${this.isLineSymbol ? r`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{
-      type: f.SLS,
+    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label ${S(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${this.labelCanBeConfigured ? n`<div class=${c(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>` : null}<div class=${c(l.panelChildrenContainer)}>${this.isLineSymbol ? n`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{
+      type: C.SLS,
       style: this.selectedLineStyle,
       width: this.selectedLineWidth,
       color: e
-    }} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>` : r`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`;
+    }} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>` : n`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`;
   }
 }
-m("arcgis-charts-config-box-plot-series-popover", L);
+g("arcgis-charts-config-box-plot-series-popover", L);
 export {
   L as ArcgisChartsConfigBoxPlotSeriesPopover
 };

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

@@ -1,13 +1,13 @@
 import { c } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
-import { a as m, m as r, s as h, b as s } from "../../chunks/chart-ui-utils.js";
+import { a as m, m as r, s as h, b as s } from "../../chunks/chart-ui-utils2.js";
 import { u } from "../../chunks/useT9n.js";
 import { createRef as p, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as g, createEvent as f, safeClassMap as e } from "@arcgis/lumina";
 import { css as b } 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.101 */
+v4.33.0-next.102 */
 const a = {
   hostDiv: "host-div",
   container: "container",

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

@@ -1,15 +1,25 @@
-import { c as r } from "../../chunks/runtime.js";
-import { editPopover as c } from "@arcgis/charts-shared-utils";
-import { isEmpty as h } from "lodash-es";
-import { m, b as n } from "../../chunks/chart-ui-utils.js";
+import { c as l } from "../../chunks/runtime.js";
+import "@arcgis/charts-spec";
+import { isEmpty as c } from "lodash-es";
+import "d3-array";
+import "../../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 m } from "../../chunks/popover-ui-utils.js";
+import { m as h, b as n } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { html as d } from "lit";
 import { createRef as s, ref as o } from "lit-html/directives/ref.js";
-import { LitElement as g, createEvent as l, safeClassMap as a } from "@arcgis/lumina";
+import { LitElement as g, createEvent as r, safeClassMap as a } from "@arcgis/lumina";
 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.101 */
+v4.33.0-next.102 */
 const t = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",
@@ -19,7 +29,7 @@ const t = {
 }, u = f`.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)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}.host-div{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`;
 class v extends g {
   constructor() {
-    super(...arguments), this._messages = p(), this.characterLimitInputElement = s(), this.popoverElement = s(), this.isChartTitleInvalid = !1, this.changedName = "", this.name = "", this.arcgisChartsConfigChartRenamePopoverChange = l(), this.arcgisChartsConfigPopoverClose = l();
+    super(...arguments), this._messages = p(), this.characterLimitInputElement = s(), this.popoverElement = s(), this.isChartTitleInvalid = !1, this.changedName = "", this.name = "", this.arcgisChartsConfigChartRenamePopoverChange = r(), this.arcgisChartsConfigPopoverClose = r();
   }
   static {
     this.properties = { isChartTitleInvalid: 16, changedName: 16, messageOverrides: 0, name: 3, open: 5, popoverReferenceElement: 0 };
@@ -47,7 +57,7 @@ class v extends g {
     e.has("name") && (this.hasUpdated || this.name !== "") && this.changeName(this.name);
   }
   updated() {
-    this.popoverElement.value?.reposition(), c(this.popoverElement.value, this.open);
+    this.popoverElement.value?.reposition(), m(this.popoverElement.value, this.open);
   }
   //#endregion
   //#region Private Methods
@@ -58,7 +68,7 @@ class v extends g {
   /** @category Event handler */
   onNameChange(e) {
     const i = e.target.value;
-    this.changedName = i, this.isChartTitleInvalid = h(i.trim()), this.characterLimitInputElement.value && m({
+    this.changedName = i, this.isChartTitleInvalid = c(i.trim()), this.characterLimitInputElement.value && h({
       inputElement: this.characterLimitInputElement.value,
       status: this.isChartTitleInvalid ? n.INVALID : n.IDLE
     });
@@ -86,7 +96,7 @@ class v extends g {
     })}><calcite-popover .referenceElement=${this.popoverReferenceElement ?? document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label ${o(this.popoverElement)}><calcite-panel class=${a(t.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${a(t.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${o(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`;
   }
 }
-r("arcgis-charts-config-chart-rename-popover", v);
+l("arcgis-charts-config-chart-rename-popover", v);
 export {
   v as ArcgisChartsConfigChartRenamePopover
 };

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

@@ -5,7 +5,7 @@ import { LitElement as r, createEvent as t, safeClassMap as o } from "@arcgis/lu
 import { css as n } 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.101 */
+v4.33.0-next.102 */
 const a = {
   hostDiv: "host-div",
   colorStyleContainer: "color-style-container"

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

@@ -1,12 +1,12 @@
 import { c as a } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
-import { n as c } from "../../chunks/chart-ui-utils.js";
+import { n as c } from "../../chunks/chart-ui-utils2.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as h, createEvent as m, safeClassMap as n } from "@arcgis/lumina";
 import { css as v } 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.101 */
+v4.33.0-next.102 */
 const d = "arcgis-charts-config-storage-colors", u = {
   hostDiv: "host-div"
 }, f = v`.host-div{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`;

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

@@ -1,12 +1,12 @@
 /// <reference types="../../index.d.ts" />
 import { ChartModel } from '../../model';
-import { SeriesSymbolsMap, SupportedCharts } from '@arcgis/charts-shared-utils';
+import { SeriesSymbolsMap, SupportedCharts } from '../../utils';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer, WebChartGenericDataItem, WebChartHistogramDataItem } from '@arcgis/charts-spec';
 import { default as Sublayer } from '@arcgis/core/layers/support/Sublayer';
 import { default as MapView } from '@arcgis/core/views/MapView';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
-import { ModelListChangePayload, PanelNumberChangePayload, PopoverOpenChangePayload } from '../../utils/event-payloads';
+import { ModelListChangePayload, PanelNumberChangePayload, PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 
 /** @private */
 export declare class ArcGISChartsConfigCreateFlow extends LitElement {