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

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

@@ -5,7 +5,7 @@ import { u as h } from "../../chunks/useT9n.js";
 import { LitElement as m, createEvent as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const u = "arcgis-charts-config-storage-colors", v = l`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`;
 class b extends m {
   constructor() {

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

@@ -2,37 +2,44 @@ import { c as A } from "../../chunks/runtime.js";
 import { repeat as N } from "lit/directives/repeat.js";
 import { keyed as v } from "lit/directives/keyed.js";
 import { createModel as V } from "../../model.js";
-import { b as $, a as b, f as U, p as L, k as _, j as S } from "../../chunks/type-guards.js";
+import { b as $, a as b, f as U, p as S, k as _, j as L } from "../../chunks/type-guards.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as B } from "lodash-es";
 import { W as o, i as z } from "../../chunks/series-types.js";
-import { x as w, cA as D, cl as E, N as R } from "../../chunks/interfaces.js";
+import { S as w, d3 as D, cQ as E, da as R, a9 as W } from "../../chunks/index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "d3-array";
+import { substitute as H } from "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
 import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
-import { C } from "../../chunks/index5.js";
+import { C } from "../../chunks/index4.js";
 import { a as T } from "../../chunks/chart-ui-utils.js";
-import { r as W } from "../../chunks/popover-ui-utils.js";
-import { substitute as H } from "@arcgis/core/intl.js";
-import { C as n } from "../../chunks/interfaces3.js";
-import "d3-array";
-import { LitElement as G, createEvent as y, renderElement as I, safeStyleMap as X, safeClassMap as d } from "@arcgis/lumina";
-import { css as Z, html as c } from "lit";
-import { createRef as O, ref as j } from "lit/directives/ref.js";
-import { u as K } from "../../chunks/useT9n.js";
-import { a as q, s as x, b as Y } from "../../chunks/store.js";
-import { h as Q, a as M, s as J } from "../../chunks/web-component-utils.js";
-import { A as ee } from "../../chunks/axis-model-wrapper.js";
-import { d as te } from "../../chunks/chart-ui-utils2.js";
-import { C as ae } from "../../chunks/interfaces4.js";
+import { r as G } from "../../chunks/popover-ui-utils.js";
+import { C as n } from "../../chunks/interfaces.js";
+import { LitElement as X, createEvent as y, renderElement as I, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
+import { css as O, html as c } from "lit";
+import { createRef as j, ref as K } from "lit/directives/ref.js";
+import { u as q } from "../../chunks/useT9n.js";
+import { a as Q, s as x, b as Y } from "../../chunks/store.js";
+import { h as J, a as M, s as ee } from "../../chunks/web-component-utils.js";
+import { A as te } from "../../chunks/axis-model-wrapper.js";
+import { d as ae } from "../../chunks/chart-ui-utils2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const m = {
   chartUIComponent: "chart-ui-component",
   tabBar: "tab-bar",
@@ -89,17 +96,17 @@ function ne(p, e) {
     }), a.charts = t;
   }
 }
-const le = Z`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
-class ce extends G {
+const le = O`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
+class ce extends X {
   constructor() {
-    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = O(), this.supportedChartTypes = [
+    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = j(), this.supportedChartTypes = [
       o.BarSeries,
       o.BoxPlotSeries,
       o.LineSeries,
       o.PieSeries,
       o.HistogramSeries,
       o.ScatterSeries
-    ], this._messages = K(), this.chartDataProcessComplete = (e) => {
+    ], this._messages = q(), this.chartDataProcessComplete = (e) => {
       const a = e, { chartData: t, model: i } = a.detail, s = this.getModel(this.selectedChartId);
       if (i?.isSameChartAs(s))
         switch (s?.chartType) {
@@ -119,9 +126,9 @@ class ce extends G {
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: l, timeIntervalInfo: h } = t;
-            if (($(s) || b(s) && s.binTemporalData) && (h?.size !== void 0 && s.temporalBinningSize !== h?.size && (s.temporalBinningSize = h?.size), h?.unit !== void 0 && s.temporalBinningUnit !== h?.unit && h?.unit !== z.Quarter && (s.temporalBinningUnit = h?.unit), h?.size !== void 0 && h?.unit !== void 0 && q(x, { size: h.size, unit: h.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds), b(s)) {
+            if (($(s) || b(s) && s.binTemporalData) && (h?.size !== void 0 && s.temporalBinningSize !== h?.size && (s.temporalBinningSize = h?.size), h?.unit !== void 0 && s.temporalBinningUnit !== h?.unit && h?.unit !== z.Quarter && (s.temporalBinningUnit = h?.unit), h?.size !== void 0 && h?.unit !== void 0 && Q(x, { size: h.size, unit: h.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds), b(s)) {
               const g = s.xAxisField, u = l.some((F) => F[g] === null), f = s.nullCategory;
-              u && f === void 0 && (s.nullCategory = ae.nullCategory);
+              u && f === void 0 && (s.nullCategory = R.nullCategory);
             }
             break;
           }
@@ -163,15 +170,15 @@ class ce extends G {
             typeof i == "boolean" && _(r) && (r.rotatedState = i);
             break;
           case "legendPosition":
-            typeof i == "string" && L(r) && (r.legendPosition = i);
+            typeof i == "string" && S(r) && (r.legendPosition = i);
             break;
           case "legendVisibility":
-            typeof i == "boolean" && L(r) && (r.legendVisibility = i);
+            typeof i == "boolean" && S(r) && (r.legendVisibility = i);
             break;
         }
     }, this.chartLegendItemVisibilityChange = async (e) => {
       const a = e, { legendItemVisibility: t, model: i } = a.detail, s = this.modelList.find((r) => i?.isSameChartAs(r));
-      s?.setSeriesVisibility(t), S(s) && ((s.getMinBound(1) === null || Number.isNaN(s.getMinBound(1))) && s.setMinBound(null, 1), (s.getMaxBound(1) === null || Number.isNaN(s.getMaxBound(1))) && s.setMaxBound(null, 1), $(s) && ((s.getMinBound(0) === null || Number.isNaN(s.getMinBound(0))) && s.setMinBound(null, 0), (s.getMaxBound(0) === null || Number.isNaN(s.getMaxBound(0))) && s.setMaxBound(null, 0)));
+      s?.setSeriesVisibility(t), L(s) && ((s.getMinBound(1) === null || Number.isNaN(s.getMinBound(1))) && s.setMinBound(null, 1), (s.getMaxBound(1) === null || Number.isNaN(s.getMaxBound(1))) && s.setMaxBound(null, 1), $(s) && ((s.getMinBound(0) === null || Number.isNaN(s.getMinBound(0))) && s.setMinBound(null, 0), (s.getMaxBound(0) === null || Number.isNaN(s.getMaxBound(0))) && s.setMaxBound(null, 0)));
     }, this.onSelectChartTypeChange = (e) => {
       this.currentChartTypeText = "", this.calculatedDataMinMaxBounds = void 0, this.calculatedMinMaxBounds = void 0, this.removeSelectChartTypePopover();
       const { selectedModelType: a, layerId: t } = e.target;
@@ -191,7 +198,7 @@ class ce extends G {
     }, this.allowChartSyncing = !1, this.currentChartTypeText = "", this.modelList = [], this.layerList = [], this.disableEditing = !1, this.syncChartsToLayers = !1, this.panelNumber = 0, this.arcgisChartsConfigChartViewChartClose = y(), this.arcgisChartsConfigModelListChange = y(), this.arcgisChartsConfigNewChart = y(), this.arcgisChartsConfigPanelNumberChange = y(), this.arcgisChartsConfigSelectedChartChange = y(), this.listen("arcgisChartsConfigModelListReorder", this.modelListReorderChangeListener);
   }
   static {
-    this.properties = { selectedPanel: 16, currentChartTypeText: 16, messageOverrides: 0, modelList: [0, { hasChanged: M }], layerList: [0, { hasChanged: M }], selectedChartId: 1, activeLayerId: 1, disableEditing: 5, syncChartsToLayers: 5, timeZone: 1, headerTitle: 1, open: 5, chartData: [0, { hasChanged: M }], r2: 9, calculatedDataMinMaxBounds: [0, { hasChanged: M }], calculatedMinMaxBounds: [0, { hasChanged: M }], seriesColor: [0, { hasChanged: Q }], popoverPlacement: 1, usePopupTemplateFieldsInfo: 5, panelNumber: 9, filterBySelection: 5 };
+    this.properties = { selectedPanel: 16, currentChartTypeText: 16, messageOverrides: 0, modelList: [0, { hasChanged: M }], layerList: [0, { hasChanged: M }], selectedChartId: 1, activeLayerId: 1, disableEditing: 5, syncChartsToLayers: 5, timeZone: 1, headerTitle: 1, open: 5, chartData: [0, { hasChanged: M }], r2: 9, calculatedDataMinMaxBounds: [0, { hasChanged: M }], calculatedMinMaxBounds: [0, { hasChanged: M }], seriesColor: [0, { hasChanged: J }], popoverPlacement: 1, usePopupTemplateFieldsInfo: 5, panelNumber: 9, filterBySelection: 5 };
   }
   static {
     this.styles = le;
@@ -279,7 +286,7 @@ class ce extends G {
     const a = this.getModel(this.selectedChartId)?.config;
     let t = [];
     if (a !== void 0 && e !== void 0) {
-      const i = R({
+      const i = W({
         chartConfig: a,
         chartData: e
       }), { minY: s, maxY: r, minX: l, maxX: h } = i;
@@ -293,8 +300,8 @@ class ce extends G {
   updateAxesBoundsInAppState(e) {
     e?.forEach((a) => {
       const { isXAxis: t, maximum: i, minimum: s } = a, r = this.getModel(this.selectedChartId);
-      if (r !== void 0 && S(r) && this.selectedChartId !== void 0) {
-        const l = new ee(r, t), h = Y({
+      if (r !== void 0 && L(r) && this.selectedChartId !== void 0) {
+        const l = new te(r, t), h = Y({
           chartId: this.selectedChartId,
           isXAxis: t,
           isLogarithmic: l.getLogarithmic()
@@ -315,7 +322,7 @@ class ce extends G {
     if (this.popoverPlacement !== void 0)
       e = this.popoverPlacement;
     else {
-      const a = this.modelList?.filter((i) => E(J, i.config)).length;
+      const a = this.modelList?.filter((i) => E(ee, i.config)).length;
       e = Number(a) <= 2 ? "bottom" : "top";
     }
     return e;
@@ -335,7 +342,7 @@ class ce extends G {
     return this.modelList?.find((a) => a.chartId === e);
   }
   removeSelectChartTypePopover() {
-    this.selectChartTypePopover !== void 0 && (this.selectChartTypePopover?.remove(), this.selectChartTypePopover = W(this.selectChartTypePopover));
+    this.selectChartTypePopover !== void 0 && (this.selectChartTypePopover?.remove(), this.selectChartTypePopover = G(this.selectChartTypePopover));
   }
   clearPartialModels() {
     this.modelList = this.modelList.filter((e) => !w(e.config));
@@ -393,10 +400,10 @@ class ce extends G {
         t = "";
         break;
     }
-    this.tooltip = I(c`<calcite-tooltip style=${X({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = I(c`<calcite-tooltip style=${Z({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
-    te(this.tooltip);
+    ae(this.tooltip);
   }
   renderViewCharts() {
     const e = se({
@@ -408,7 +415,7 @@ class ce extends G {
     return N(e, (a) => a.id, (a) => c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${ie(this.modelList, a.id.toString(), this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${a} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
   }
   render() {
-    return this.open !== !1 ? c`<calcite-flow>${v("charts-list", c`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${j(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>` : null;
+    return this.open !== !1 ? c`<calcite-flow>${v("charts-list", c`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${K(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>` : null;
   }
   renderTabs() {
     const e = this.getModel(this.selectedChartId);

package/dist/components/arcgis-charts-config-field-select/customElement.js

@@ -3,7 +3,7 @@ import { css as l, html as c } from "lit";
 import { LitElement as a, safeClassMap as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const e = {
   fieldSelectButtonSection: "field-select-btn-section",
   fieldSelectButton: "field-select-btn",

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

@@ -5,22 +5,31 @@ import { merge as i } from "lodash-es";
 import "../../chunks/series-types.js";
 import { R as u, h as s, g as c, i as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { ab as S } from "../../chunks/interfaces.js";
+import { ay as S } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
-import { b as g, m as h, s as b, c as m } from "../../chunks/chart-ui-utils2.js";
+import { b as g, m, s as b, c as p } from "../../chunks/chart-ui-utils2.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { createRef as C, ref as x } from "lit/directives/ref.js";
-import { LitElement as $, createEvent as p, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as $, createEvent as h, safeClassMap as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const w = {
   arial: "Arial",
   arialBlack: "Arial Black",
@@ -46,7 +55,7 @@ class I extends $ {
   constructor() {
     super(...arguments), this._messages = v(), this.fontSizeInputElement = C(), this.fontStyle = {
       type: u.TS
-    }, this.arcgisChartsConfigFontStyleChange = p(), this.arcgisChartsConfigFontStyleClose = p();
+    }, this.arcgisChartsConfigFontStyleChange = h(), this.arcgisChartsConfigFontStyleClose = h();
   }
   static {
     this.properties = { messageOverrides: 0, fontStyle: 0, header: 1, open: 5, enableClose: 5 };
@@ -72,13 +81,13 @@ class I extends $ {
       const e = {
         size: Number.parseInt(t)
       };
-      this.isNewFontProperty("size", e) && (this.fontStyle = i(this.fontStyle, { font: e }), this.emitFontStyleEvent({ font: e })), this.fontSizeInputElement.value && h({
+      this.isNewFontProperty("size", e) && (this.fontStyle = i(this.fontStyle, { font: e }), this.emitFontStyleEvent({ font: e })), this.fontSizeInputElement.value && m({
         inputElement: this.fontSizeInputElement.value,
-        status: m.IDLE
+        status: p.IDLE
       });
-    } else this.fontSizeInputElement.value && h({
+    } else this.fontSizeInputElement.value && m({
       inputElement: this.fontSizeInputElement.value,
-      status: m.INVALID
+      status: p.INVALID
     });
   }
   boldSelect() {

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

@@ -1,21 +1,30 @@
 import { c as A } from "../../chunks/runtime.js";
 import { ref as $ } from "lit/directives/ref.js";
-import { C as B, F as i, L as m } from "../../chunks/common.js";
+import { C as B, F as i, L as c } from "../../chunks/common.js";
 import { d as T, j as h, h as n, l as E, p, m as L, f as M } from "../../chunks/type-guards.js";
 import { W as d } from "../../chunks/series-types.js";
 import { c as V, R as f, h as w, g as N, i as D } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { isEmpty as u, cloneDeep as r, isArray as v, isObject as k, mergeWith as W } from "lodash-es";
 import "d3-array";
-import "../../chunks/interfaces.js";
+import "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
-import { c as x, e as l } from "../../chunks/index4.js";
+import { c as x, e as l } from "../../chunks/index3.js";
 import "@arcgis/toolkit/dom";
 import { r as F } from "../../chunks/popover-ui-utils.js";
 import { l as G } from "../../chunks/chart-ui-utils2.js";
@@ -24,7 +33,7 @@ import { css as j, html as S } from "lit";
 import { LitElement as I, renderElement as O, safeClassMap as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const P = {
   type: f.TS,
   color: [1, 1, 1, 255],
@@ -65,8 +74,8 @@ class _ extends I {
       if (e.target?.localName === "calcite-list-item" ? s = e.target?.value : s = e.target?.parentNode?.value, this.selectedSymbols = [], this.selectedBackground = [], e.shiftKey) {
         this.selectedTexts = [];
         const o = this.textProperties.indexOf(this.lastSelectedText ?? s), a = this.textProperties.indexOf(s);
-        this.textProperties.forEach((c, y) => {
-          y >= Math.min(o, a) && y <= Math.max(o, a) && this.selectedTexts.push(c);
+        this.textProperties.forEach((m, y) => {
+          y >= Math.min(o, a) && y <= Math.max(o, a) && this.selectedTexts.push(m);
         }), this.updateSelectedElement(this.selectedTexts), this.setupFormatPopover();
       } else if (e.ctrlKey)
         this.selectedTexts.includes(s) ? (this.selectedTexts = this.selectedTexts.filter((o) => o !== s), this.updateSelectedElement(this.selectedTexts)) : (this.selectedTexts = [...this.selectedTexts, s], this.updateSelectedElement(this.selectedTexts)), this.setupFormatPopover();
@@ -92,12 +101,12 @@ class _ extends I {
     }, this.updateTextProps = (t) => {
       const { font: e, color: s } = t.detail;
       this.selectedTexts.forEach((o) => {
-        const a = this.getFormatValue(o), c = l(a) ? a : void 0;
+        const a = this.getFormatValue(o), m = l(a) ? a : void 0;
         this.setFormatValue(o, {
-          ...c,
+          ...m,
           type: f.TS,
-          font: { ...c?.font, ...e },
-          color: s ?? c?.color
+          font: { ...m?.font, ...e },
+          color: s ?? m?.color
         });
       }), this.selectedElement = r(t.target.selectedElement);
     }, this.onModelConfigChange = () => {
@@ -141,8 +150,8 @@ class _ extends I {
     if (this.selectedElement = void 0, e === void 0) {
       const s = r(this.getFormatValue(t[0]));
       this.selectedElement = t?.reduce((o, a) => {
-        const c = this.getFormatValue(a);
-        return W(o, c, this.mergeFormatValues);
+        const m = this.getFormatValue(a);
+        return W(o, m, this.mergeFormatValues);
       }, s);
     } else {
       let s = r(e);
@@ -186,11 +195,11 @@ class _ extends I {
         return p(this.model) ? this.model.legendTitleSymbol : void 0;
       case i.DataLabels:
         return E(this.model) ? this.model.dataLabelsSymbol : void 0;
-      case m.AxisLines:
+      case c.AxisLines:
         return n(this.model) ? this.model.axisLinesSymbol : void 0;
-      case m.GridLines:
+      case c.GridLines:
         return h(this.model) ? this.model.getGridLinesSymbol() : void 0;
-      case m.LeaderLines:
+      case c.LeaderLines:
         return T(this.model) ? this.model.ticksSymbol : void 0;
       case i.Background:
         return this.model.backgroundColor;
@@ -227,10 +236,10 @@ class _ extends I {
       case i.DataLabels:
         E(this.model) && l(e) && (this.model.dataLabelsSymbol = e);
         break;
-      case m.AxisLines:
+      case c.AxisLines:
         n(this.model) && x(e) && (this.model.axisLinesSymbol = e);
         break;
-      case m.GridLines:
+      case c.GridLines:
         if (h(this.model) && x(e)) {
           const s = this.model.chartType;
           let o = [];
@@ -254,7 +263,7 @@ class _ extends I {
           this.model.setGridLinesSymbol(e, o);
         }
         break;
-      case m.LeaderLines:
+      case c.LeaderLines:
         T(this.model) && x(e) && (this.model.ticksSymbol = e);
         break;
       case i.Background:
@@ -275,16 +284,16 @@ class _ extends I {
       ...E(this.model) ? [i.DataLabels] : []
     ], M(this.model) && (this.textProperties = this.textProperties.filter((s) => s !== i.DataLabels)), this.symbolProperties = [
       i.Background,
-      ...n(this.model) ? [m.AxisLines] : [],
-      ...h(this.model) ? [m.GridLines] : [],
-      ...T(this.model) ? [m.LeaderLines] : []
+      ...n(this.model) ? [c.AxisLines] : [],
+      ...h(this.model) ? [c.GridLines] : [],
+      ...T(this.model) ? [c.LeaderLines] : []
     ];
     const t = this.textProperties.map((s) => this.renderTextElement(s, this.textPropertyChange)), e = this.symbolProperties.map((s) => s === i.Background ? this.renderTextElement(s, this.backgroundChange) : this.renderTextElement(s, this.symbolPropertyChange));
     return { textElements: t, symbolElements: e };
   }
   renderTextElement(t, e) {
-    const s = G(t), o = this.getFormatValue(t), a = typeof o == "string" ? o : "", c = this.selectedTexts.includes(t) || this.selectedSymbols.includes(t) || this.selectedBackground.includes(t);
-    return S`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${c} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? S`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
+    const s = G(t), o = this.getFormatValue(t), a = typeof o == "string" ? o : "", m = this.selectedTexts.includes(t) || this.selectedSymbols.includes(t) || this.selectedBackground.includes(t);
+    return S`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${m} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? S`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
   }
   render() {
     const { textElements: t, symbolElements: e } = this.renderFormatElements();

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

@@ -5,14 +5,23 @@ import "lodash-es";
 import "../../chunks/series-types.js";
 import { R as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import "../../chunks/interfaces.js";
+import "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as l } from "../../chunks/popover-ui-utils.js";
 import { u as n } from "../../chunks/useT9n.js";
@@ -20,7 +29,7 @@ import { createRef as p, ref as c } from "lit/directives/ref.js";
 import { LitElement as m, createEvent as s, safeClassMap as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const g = {
   jsAppFlyout: "js-app-flyout"
 }, C = a``;

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

@@ -1,26 +1,35 @@
 import { c as g } from "../../chunks/runtime.js";
 import { h as n, j as c, g as h, p as r } from "../../chunks/type-guards.js";
 import { d as l } from "../../chunks/series-types.js";
-import { isEmpty as b } from "lodash-es";
-import { m as p, c as m } from "../../chunks/chart-ui-utils2.js";
+import { isEmpty as p } from "lodash-es";
+import { m as b, c as m } from "../../chunks/chart-ui-utils2.js";
 import { u as x } from "../../chunks/useT9n.js";
 import { css as u, html as a } from "lit";
 import { createRef as T, ref as f } from "lit/directives/ref.js";
 import { LitElement as C, safeClassMap as i } from "@arcgis/lumina";
 import "@arcgis/toolkit/intl";
 import "d3-array";
-import { x as $ } from "../../chunks/interfaces.js";
+import { S as $ } from "../../chunks/index.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.24 */
+v5.0.0-next.26 */
 const s = {
   textInput: "text-input",
   label: "label",
@@ -80,7 +89,7 @@ class y extends C {
   }
   setChartTitle(e) {
     const { value: t } = e.target;
-    this.isChartTitleInvalid = b(t.trim()), this.characterLimitInputElement.value && p({
+    this.isChartTitleInvalid = p(t.trim()), this.characterLimitInputElement.value && b({
       inputElement: this.characterLimitInputElement.value,
       status: this.isChartTitleInvalid ? m.INVALID : m.IDLE
     }), this.isChartTitleInvalid || (this.model.titleText = t);