@arcgis/charts-components 5.2.0-next.87 → 5.2.0-next.89

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

@@ -4,7 +4,7 @@ import { LitElement as g, createEvent as f } from "@arcgis/lumina";
 import { css as m, html as s } from "lit";
 import { isEqual as c } from "lodash-es";
 import { C as t } from "../../chunks/interfaces.js";
-import { i as d, ap as p, bC as u, bD as C, bc as y, t as F, aP as v } from "../../chunks/index.js";
+import { i as d, ap as p, bD as u, bE as C, bc as y, t as F, aP as v } from "../../chunks/index.js";
 const b = m`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class I extends g {
   constructor() {

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

@@ -12,7 +12,7 @@ import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as b, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
 import { b as S, o as z, C as M, a as F, p as R } from "../../chunks/index2.js";
 import { x as K } from "../../chunks/data.js";
-import { r as B, bA as j, p as A, aP as H } from "../../chunks/index.js";
+import { r as B, bB as j, p as A, aP as H } from "../../chunks/index.js";
 import { H as q, I as W } from "../../chunks/index3.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { d, e as x, a as C, h as v } from "../../chunks/chart-object-literals.js";

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

@@ -15,7 +15,7 @@ import { b as u, d as z, e as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
 import { e as N, p as B } from "../../chunks/popover-ui-utils.js";
 import { H as K, I as _ } from "../../chunks/index3.js";
-import { D as O, bB as P, aP as H, aW as M, aO as U } from "../../chunks/index.js";
+import { D as O, bC as P, aP as H, aW as M, aO as U } from "../../chunks/index.js";
 import { b as W, p as j } from "../../chunks/index2.js";
 const R = A`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`, o = {
   name: "bar-chart-data-popover",

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

@@ -4,7 +4,7 @@ import { LitElement as n } from "@arcgis/lumina";
 import { css as c, html as t } from "lit";
 import { isEqual as l } from "lodash-es";
 import { C as a } from "../../chunks/interfaces.js";
-import { bC as d, bD as h, t as f } from "../../chunks/index.js";
+import { bD as d, bE as h, t as f } from "../../chunks/index.js";
 const g = c`: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 m extends n {
   constructor() {

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

@@ -11,7 +11,7 @@ import { createRef as u, ref as m } from "lit/directives/ref.js";
 import { LitElement as x, createEvent as g, renderElement as I, safeStyleMap as D, safeClassMap as d } from "@arcgis/lumina";
 import { B as r } from "../../chunks/common.js";
 import { e as S, p as T } from "../../chunks/popover-ui-utils.js";
-import { bB as b, aO as E, D as w } from "../../chunks/index.js";
+import { bC as b, aO as E, D as w } from "../../chunks/index.js";
 import { b as B } from "../../chunks/index2.js";
 import { d as C } from "../../chunks/rest-js-object-literals.js";
 const o = {

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

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as A } from "../../chunks/runtime.js";
-import { repeat as N } from "lit/directives/repeat.js";
-import { keyed as $ } from "lit/directives/keyed.js";
-import { createModel as V } from "../../model/shared/setup-utils.js";
-import { d as x, c as _, h as U, g as T, j as v, k as R } from "../../chunks/type-guards2.js";
-import { i as z } from "../../chunks/rotated-state.js";
-import { substitute as H } from "@arcgis/core/intl.js";
+import { c as N } from "../../chunks/runtime.js";
+import { repeat as V } from "lit/directives/repeat.js";
+import { keyed as S } from "lit/directives/keyed.js";
+import { createModel as _ } from "../../model/shared/setup-utils.js";
+import { d as $, c as U, h as R, g as x, j as T, k as z } from "../../chunks/type-guards2.js";
+import { i as H } from "../../chunks/rotated-state.js";
+import { substitute as O } from "@arcgis/core/intl.js";
 import { C as c } from "../../chunks/interfaces.js";
-import { isEqual as w, cloneDeep as O } from "lodash-es";
-import { i as D } from "../../chunks/index4.js";
-import { q as k, r as F, C as W } from "../../chunks/index2.js";
-import { LitElement as G, createEvent as f, renderElement as I, safeStyleMap as X, safeClassMap as d } from "@arcgis/lumina";
-import { css as Z, html as h } from "lit";
-import { createRef as j, ref as q } from "lit/directives/ref.js";
-import { u as L } from "../../chunks/useT9n.js";
-import { c as K, a as M, g as Y } from "../../chunks/store.js";
-import { bE as Q, ah as J, bF as ee, bG as te, bH as ae } from "../../chunks/index.js";
-import { A as ie } from "../../chunks/axis-model-wrapper.js";
-import { h as se, f as y } from "../../chunks/web-component-utils.js";
-import { a as re } from "../../chunks/chart-ui-utils.js";
+import { isEqual as D, cloneDeep as W } from "lodash-es";
+import { i as k } from "../../chunks/index4.js";
+import { q as F, r as E, C as G } from "../../chunks/index2.js";
+import { LitElement as X, createEvent as f, renderElement as v, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
+import { css as j, html as h } from "lit";
+import { createRef as q, ref as K } from "lit/directives/ref.js";
+import { u as I } from "../../chunks/useT9n.js";
+import { c as Y, a as M, g as Q } from "../../chunks/store.js";
+import { bF as J, ah as ee, bG as te, bH as ae, bI as ie } from "../../chunks/index.js";
+import { A as se } from "../../chunks/axis-model-wrapper.js";
+import { h as re, f as y } from "../../chunks/web-component-utils.js";
+import { a as oe } from "../../chunks/chart-ui-utils.js";
 import { C as b } from "../../chunks/index5.js";
-import { g as P } from "../../chunks/chart-ui-utils2.js";
-import { i as oe, b as S } from "../../chunks/type-guards.js";
+import { g as L } from "../../chunks/chart-ui-utils2.js";
+import { i as P, b as B } from "../../chunks/type-guards.js";
 import { r as le } from "../../chunks/popover-ui-utils.js";
 import { a as o, e as ne } from "../../chunks/chart-object-literals.js";
 const m = {
@@ -29,7 +29,7 @@ const m = {
   tabBar: "tab-bar",
   tab: "tab"
 };
-function B(p, e) {
+function w(p, e) {
   const t = /* @__PURE__ */ new Set();
   let a = e;
   return p?.forEach((i, s) => {
@@ -38,7 +38,7 @@ function B(p, e) {
   }), a;
 }
 function ce(p, e, t) {
-  return p?.filter((a) => F(t, a.config) && a.layer?.id === e) ?? [];
+  return p?.filter((a) => E(t, a.config) && a.layer?.id === e) ?? [];
 }
 function he(p) {
   const { modelList: e, layerList: t, activeLayerId: a, disableEditing: i } = p, s = /* @__PURE__ */ new Map();
@@ -50,16 +50,16 @@ function he(p) {
 function de(p, e) {
   p.forEach((t) => {
     e.forEach((a) => {
-      t?.id === a.layer?.id && E(t, a);
+      t?.id === a.layer?.id && A(t, a);
     });
   });
 }
-function E(p, e) {
+function A(p, e) {
   const t = p;
   if (t) {
     const a = [...t?.charts ?? []], i = a?.findIndex((r) => r.id === e.chartId);
     let s = !1;
-    i !== void 0 && i > -1 ? (s = !w(a[i], e.config), a[i] = e.config) : t && !D(e.config) && (s = !0, a.push(e.config)), s && (t.charts = a);
+    i !== void 0 && i > -1 ? (s = !D(a[i], e.config), a[i] = e.config) : t && !k(e.config) && (s = !0, a.push(e.config)), s && (t.charts = a);
   }
 }
 function me(p, e) {
@@ -73,17 +73,17 @@ function pe(p, e) {
   const t = p;
   if (t) {
     let a = [...t.charts ?? []];
-    a = k({
+    a = F({
       arrayA: a,
       arrayB: e.map((i) => i.config),
       getKey: (i) => i.id ?? i.title?.content.text ?? ""
     }), t.charts = a;
   }
 }
-const ue = Z`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;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 ge extends G {
+const ue = j`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;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 ge extends X {
   constructor() {
-    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = j(), this.supportedChartTypes = [
+    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = q(), this.supportedChartTypes = [
       o.BarSeries,
       o.BoxPlotSeries,
       o.LineSeries,
@@ -91,12 +91,12 @@ class ge extends G {
       o.HistogramSeries,
       o.ScatterSeries,
       o.HeatSeries
-    ], this._messages = L(), this.commonStrings = L({ name: "common", blocking: !0 }), this.chartDataProcessComplete = async (e) => {
+    ], this._messages = I(), this.commonStrings = I({ name: "common", blocking: !0 }), this.chartDataProcessComplete = async (e) => {
       const t = e, { chartData: a, model: i } = t.detail, s = this.getModel(this.selectedChartId);
       if (i?.isSameChartAs(s))
         switch (s?.chartType) {
           case o.HistogramSeries:
-            if (this.chartData = a, i && (i.dataStore.chartData = a, oe(i.layer))) {
+            if (this.chartData = a, i && (i.dataStore.chartData = a, P(i.layer))) {
               const n = i, l = a?.bins?.length;
               l !== void 0 && n.binCount !== l && (n.binCount = l);
             }
@@ -108,13 +108,13 @@ class ge extends G {
           case o.ScatterSeries: {
             const n = a, { dataItems: l, r2: g, aggregated: u } = n;
             let C = g;
-            Number.isFinite(g) || (C = void 0), this.r2 = C, U(i) && (i.dataStore.r2 = C, i.dataStore.aggregated = u, u && (i.additionalTooltipField = void 0)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            Number.isFinite(g) || (C = void 0), this.r2 = C, R(i) && (i.dataStore.r2 = C, i.dataStore.aggregated = u, u && (i.additionalTooltipField = void 0)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: n, timeIntervalInfo: l } = a;
-            (x(s) || _(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && K(M, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            ($(s) || U(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && Y(M, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
         }
@@ -156,18 +156,18 @@ class ge extends G {
       if (r)
         switch (a) {
           case "rotation":
-            typeof i == "boolean" && z(r) && (r.rotated = i);
+            typeof i == "boolean" && H(r) && (r.rotated = i);
             break;
           case "legendPosition":
-            typeof i == "string" && T(r) && (r.legendPosition = i);
+            typeof i == "string" && x(r) && (r.legendPosition = i);
             break;
           case "legendVisibility":
-            typeof i == "boolean" && T(r) && (r.legendVisibility = i);
+            typeof i == "boolean" && x(r) && (r.legendVisibility = i);
             break;
         }
     }, this.chartLegendItemVisibilityChange = (e) => {
       const t = e, { legendItemVisibility: a, model: i } = t.detail, s = this.modelList.find((r) => i?.isSameChartAs(r));
-      s?.setSeriesVisibility(a), v(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), x(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(a), T(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: t, layerId: a } = e.target;
@@ -181,13 +181,13 @@ class ge extends G {
     }, this.onModelConfigChange = (e) => {
       if (this.syncChartsToLayers && this.allowChartSyncing) {
         const t = e.target;
-        E(t?.layer, t);
+        A(t?.layer, t);
       }
       this.requestUpdate();
     }, this.allowChartSyncing = !1, this.currentChartTypeText = "", this.modelList = [], this.layerList = [], this.disableEditing = !1, this.syncChartsToLayers = !1, this.close = !1, this.usePopupTemplateFieldsInfo = !1, this.panelNumber = 0, this.filterBySelection = !1, this.arcgisChartsConfigChartViewChartClose = f(), this.arcgisChartsConfigModelListChange = f(), this.arcgisChartsConfigNewChart = f(), this.arcgisChartsConfigPanelNumberChange = f(), this.arcgisChartsConfigSelectedChartChange = f(), this.addChartEventListeners(), this.listen("arcgisChartsConfigModelListReorder", this.modelListReorderChangeListener);
   }
   static {
-    this.properties = { selectedPanel: 16, currentChartTypeText: 16, messageOverrides: 0, modelList: [0, { hasChanged: y }], layerList: [0, { hasChanged: y }], selectedChartId: 1, activeLayerId: 1, disableEditing: 5, syncChartsToLayers: 5, timeZone: 1, headerTitle: 1, close: 5, chartData: [0, { hasChanged: y }], r2: 9, calculatedDataMinMaxBounds: [0, { hasChanged: y }], calculatedMinMaxBounds: [0, { hasChanged: y }], seriesColor: [0, { hasChanged: se }], popoverPlacement: 1, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5, panelNumber: 9, filterBySelection: 5 };
+    this.properties = { selectedPanel: 16, currentChartTypeText: 16, messageOverrides: 0, modelList: [0, { hasChanged: y }], layerList: [0, { hasChanged: y }], selectedChartId: 1, activeLayerId: 1, disableEditing: 5, syncChartsToLayers: 5, timeZone: 1, headerTitle: 1, close: 5, chartData: [0, { hasChanged: y }], r2: 9, calculatedDataMinMaxBounds: [0, { hasChanged: y }], calculatedMinMaxBounds: [0, { hasChanged: y }], seriesColor: [0, { hasChanged: re }], popoverPlacement: 1, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5, panelNumber: 9, filterBySelection: 5 };
   }
   static {
     this.styles = ue;
@@ -208,7 +208,7 @@ class ge extends G {
   }
   applyNullCategorySeriesColor(e) {
     const { colorMatchApplied: t, data: a, model: i } = e;
-    R(i) && i.nullCategory === void 0 && (i.nullCategory = this.getDefaultNullCategory(t ? this.getSeriesColor(a) : void 0));
+    z(i) && i.nullCategory === void 0 && (i.nullCategory = this.getDefaultNullCategory(t ? this.getSeriesColor(a) : void 0));
   }
   getSeriesColor(e) {
     const t = e.get(0);
@@ -216,12 +216,12 @@ class ge extends G {
     return t && "color" in t ? a = t.color : t && "lineSymbol" in t && (a = t.markerSymbol?.color ?? t.lineSymbol.color), a;
   }
   getDefaultNullCategory(e) {
-    const t = O(W.nullCategory);
+    const t = W(G.nullCategory);
     return e !== void 0 && (t.fillSymbol && (t.fillSymbol.color = e, t.fillSymbol.outline && (t.fillSymbol.outline.color = e)), t.markerSymbol && (t.markerSymbol.color = e, t.markerSymbol.outline && (t.markerSymbol.outline.color = e))), t;
   }
   modelListReorderChangeListener(e) {
     const { modelList: t } = e.detail;
-    if (this.modelList = k({
+    if (this.modelList = F({
       arrayA: this.modelList,
       arrayB: t,
       getKey: (a) => a.chartId ?? a.titleText ?? ""
@@ -245,7 +245,7 @@ class ge extends G {
       }
       const r = i.charts;
       for (const n of r ?? []) {
-        const l = await V({
+        const l = await _({
           layer: i,
           config: n,
           commonStrings: this.commonStrings
@@ -253,18 +253,18 @@ class ge extends G {
         l !== void 0 && e.push(l);
       }
     }
-    B(e), e.forEach((i) => {
+    w(e), e.forEach((i) => {
       a.find((r) => r.isSameChartAs(i)) === void 0 && a.push(i);
-    }), a = a.filter((i) => !Q(i.config)), this.modelList = a;
+    }), a = a.filter((i) => !J(i.config)), this.modelList = a;
   }
   modelListChange(e, t) {
-    this.selectedChartId = B(e, this.selectedChartId), t?.forEach((i) => {
+    this.selectedChartId = w(e, this.selectedChartId), t?.forEach((i) => {
       i.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
     }), e.forEach((i) => {
       i.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
     });
     const a = this.getModel(this.selectedChartId);
-    this.currentChartTypeText = a?.chartType !== void 0 ? P({
+    this.currentChartTypeText = a?.chartType !== void 0 ? L({
       chartType: a.chartType,
       commonStrings: this.commonStrings,
       config: a.config
@@ -273,7 +273,7 @@ class ge extends G {
   selectedChartIdChange(e) {
     this.selectedChartId === void 0 && (this.panelNumber = 0), this.selectedPanel = c.Data;
     const t = this.getModel(e);
-    this.setEventBasedPropsFromModelData(t), this.currentChartTypeText = t?.chartType !== void 0 ? P({
+    this.setEventBasedPropsFromModelData(t), this.currentChartTypeText = t?.chartType !== void 0 ? L({
       chartType: t.chartType,
       commonStrings: this.commonStrings,
       config: t.config
@@ -292,7 +292,7 @@ class ge extends G {
     const t = this.getModel(this.selectedChartId)?.config;
     let a = [];
     if (t !== void 0 && e !== void 0) {
-      const i = J({
+      const i = ee({
         chartConfig: t,
         chartData: e
       }), { minY: s, maxY: r, minX: n, maxX: l } = i;
@@ -306,8 +306,8 @@ class ge extends G {
   updateAxesBoundsInAppState(e) {
     e?.forEach((t) => {
       const { isXAxis: a, maximum: i, minimum: s } = t, r = this.getModel(this.selectedChartId);
-      if (r !== void 0 && v(r) && this.selectedChartId !== void 0) {
-        const n = new ie(r, a), l = Y({
+      if (r !== void 0 && T(r) && this.selectedChartId !== void 0) {
+        const n = new se(r, a), l = Q({
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: n.getLogarithmic()
@@ -319,13 +319,13 @@ class ge extends G {
           defaultMaxBound: u?.defaultMaxBound === u?.currMaxBound ? i : u?.defaultMaxBound,
           currMaxBound: i
         };
-        !w(u, C) && this.selectedChartId !== void 0 && g?.[this.selectedChartId] !== void 0 && (g[this.selectedChartId][l] = C);
+        !D(u, C) && this.selectedChartId !== void 0 && g?.[this.selectedChartId] !== void 0 && (g[this.selectedChartId][l] = C);
       }
     });
   }
   getPlacement() {
     let e;
-    return this.popoverPlacement !== void 0 ? e = this.popoverPlacement : e = this.modelList?.filter((i) => F(ee, i.config)).length <= 2 ? "bottom" : "top", e;
+    return this.popoverPlacement !== void 0 ? e = this.popoverPlacement : e = this.modelList?.filter((i) => E(te, i.config)).length <= 2 ? "bottom" : "top", e;
   }
   onBackFlow() {
     this.panelNumber -= 1;
@@ -333,15 +333,15 @@ class ge extends G {
   async onAddChartClick(e) {
     const { referenceElement: t, layerId: a, layerType: i } = e.detail;
     let s = !0;
-    if (S(i) && a) {
+    if (B(i) && a) {
       const r = this.layerList.find((n) => n.id === a);
-      S(r?.type) && (s = !!(await te(r))?.attributeTable);
+      P(r) && (s = !!(await ae(r))?.attributeTable);
     }
     this.setupSelectChartTypePopover(t, a, i, s);
   }
   setupSelectChartTypePopover(e, t, a, i = !0) {
     const s = this.getPlacement();
-    this.removeSelectChartTypePopover(), this.selectChartTypePopover = I(h`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`), !document.body.contains(this.selectChartTypePopover) && this.selectChartTypePopover !== null && document.body.appendChild(this.selectChartTypePopover);
+    this.removeSelectChartTypePopover(), this.selectChartTypePopover = v(h`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`), !document.body.contains(this.selectChartTypePopover) && this.selectChartTypePopover !== null && document.body.appendChild(this.selectChartTypePopover);
   }
   getModel(e) {
     return this.modelList?.find((t) => t.chartId === e);
@@ -350,7 +350,7 @@ class ge extends G {
     this.selectChartTypePopover !== void 0 && (this.selectChartTypePopover?.remove(), this.selectChartTypePopover = le(this.selectChartTypePopover));
   }
   clearPartialModels() {
-    this.modelList = this.modelList.filter((e) => !D(e.config));
+    this.modelList = this.modelList.filter((e) => !k(e.config));
   }
   onViewChartDelete(e) {
     const { chartId: t } = e.detail;
@@ -405,10 +405,10 @@ class ge extends G {
         a = "";
         break;
     }
-    this.tooltip = I(h`<calcite-tooltip style=${X({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = v(h`<calcite-tooltip style=${Z({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
-    re(this.tooltip);
+    oe(this.tooltip);
   }
   renderViewCharts() {
     const e = he({
@@ -417,14 +417,14 @@ class ge extends G {
       activeLayerId: this.activeLayerId,
       disableEditing: this.disableEditing
     });
-    return N(e, (t) => t.id, (t) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${ce(this.modelList, t.id.toString(), S(t.type) ? ae : this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
+    return V(e, (t) => t.id, (t) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${ce(this.modelList, t.id.toString(), B(t.type) ? ie : this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
   }
   render() {
-    return this.close ? null : h`<calcite-flow>${$("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${q(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber >= 1 && !this.disableEditing ? this.renderTabs() : null}</calcite-flow>`;
+    return this.close ? null : h`<calcite-flow>${S("charts-list", h`<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.panelNumber >= 1 && !this.disableEditing ? this.renderTabs() : null}</calcite-flow>`;
   }
   renderTabs() {
     const e = this.getModel(this.selectedChartId);
-    return $("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? c.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? H(this._messages.pageFlowTitle, {
+    return S("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? c.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? O(this._messages.pageFlowTitle, {
       chartName: e?.titleText ?? this.currentChartTypeText,
       layerName: e?.layer?.title ?? ""
     }) : ""}>${e?.chartType !== void 0 ? h`<calcite-action-bar class=${d(m.tabBar)} layout=horizontal expand-disabled><calcite-action class=${d(m.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel === c.Data || this.selectedPanel === void 0} @click=${() => {
@@ -477,7 +477,7 @@ class ge extends G {
     return a;
   }
 }
-A("arcgis-charts-config-create-flow", ge);
+N("arcgis-charts-config-create-flow", ge);
 export {
   ge as ArcgisChartsConfigCreateFlow
 };

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

@@ -11,7 +11,7 @@ import { u as N } from "../../chunks/useT9n.js";
 import { css as z, html as f } from "lit";
 import { LitElement as H, renderElement as R, safeClassMap as p } from "@arcgis/lumina";
 import { C as j, F as i, L as m } from "../../chunks/common.js";
-import { b as u, bJ as r } from "../../chunks/index.js";
+import { b as u, bK as r } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
 import { C as I } from "../../chunks/index2.js";
 import { a } from "../../chunks/chart-object-literals.js";

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

@@ -10,8 +10,8 @@ import { css as V, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
 import { LitElement as q, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
 import { j as W, o as j, p as Y } from "../../chunks/type-guards2.js";
-import { bK as p, b as m, bl as H, bL as A, bM as _, i as K } from "../../chunks/index.js";
-import { t as J } from "../../chunks/index3.js";
+import { bL as p, b as m, bl as H, bM as A, bN as _, i as J } from "../../chunks/index.js";
+import { t as K } from "../../chunks/index3.js";
 import { r as Q } from "../../chunks/popover-ui-utils.js";
 import { b as g, R as ee } from "../../chunks/rest-js-object-literals.js";
 import { a as te } from "../../chunks/chart-object-literals.js";
@@ -164,8 +164,8 @@ class se extends q {
     this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = Q(this.guidePopover));
   }
   setColor(e) {
-    const t = J({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
-      ...K(i) ? i : {},
+    const t = K({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
+      ...J(i) ? i : {},
       type: g.SFS,
       color: e,
       outline: t

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

@@ -4,7 +4,7 @@ import { LitElement as l } from "@arcgis/lumina";
 import { css as n, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
 import { isEqual as d } from "lodash-es";
-import { bC as h, bD as c, t as f } from "../../chunks/index.js";
+import { bD as h, bE as c, t as f } from "../../chunks/index.js";
 const p = n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class m extends l {
   static {

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

@@ -4,7 +4,7 @@ import { isEqual as r } from "lodash-es";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as h, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { i as d, bC as c, bD as m, bc as f, c5 as g, t as p } from "../../chunks/index.js";
+import { i as d, bD as c, bE as m, bc as f, c6 as g, t as p } from "../../chunks/index.js";
 import { i as u } from "../../chunks/type-guards.js";
 const C = h`: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 y extends n {

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

@@ -4,7 +4,7 @@ import { isEqual as a } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as h, html as o } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
-import { bC as c, bD as m, t as f, aO as g, aP as p } from "../../chunks/index.js";
+import { bD as c, bE as m, t as f, aO as g, aP as p } from "../../chunks/index.js";
 const u = h`: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 C extends n {
   constructor() {

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

@@ -14,7 +14,7 @@ import { b as g, e as c } from "../../chunks/chart-object-literals.js";
 import { e as A, p as D } from "../../chunks/popover-ui-utils.js";
 import { H as E, I as S } from "../../chunks/index3.js";
 import { b as z, p as w } from "../../chunks/index2.js";
-import { bB as N, aO as L, aP as K, aW as B } from "../../chunks/index.js";
+import { bC as N, aO as L, aP as K, aW as B } from "../../chunks/index.js";
 const H = P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
   name: "line-chart-data-popover",
   header: "header",

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

@@ -4,10 +4,10 @@ import { isEqual as n, cloneDeep as h } from "lodash-es";
 import { LitElement as C, createEvent as m } from "@arcgis/lumina";
 import { css as y, html as c } from "lit";
 import { C as d } from "../../chunks/interfaces.js";
-import { bC as I, bD as F, t as v } from "../../chunks/index.js";
+import { bD as I, bE as F, t as v } from "../../chunks/index.js";
 import { b } from "../../chunks/rest-js-object-literals.js";
 const S = y`: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 L extends C {
+class E extends C {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const s = e?.detail.config ?? this.model.config;
@@ -80,7 +80,7 @@ class L extends C {
     return e;
   }
 }
-u("arcgis-charts-config-pie-chart", L);
+u("arcgis-charts-config-pie-chart", E);
 export {
-  L as ArcgisChartsConfigPieChart
+  E as ArcgisChartsConfigPieChart
 };

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

@@ -12,7 +12,7 @@ import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lu
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { H as D } from "../../chunks/index3.js";
 import { b as x } from "../../chunks/index2.js";
-import { bB as S, aO as T } from "../../chunks/index.js";
+import { bC as S, aO as T } from "../../chunks/index.js";
 import { d as E } from "../../chunks/rest-js-object-literals.js";
 import { a as r } from "../../chunks/common.js";
 const s = {

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

@@ -4,7 +4,7 @@ import { isEqual as l } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { bC as h, bD as p, bc as f, c5 as g, t as m, aS as u } from "../../chunks/index.js";
+import { bD as h, bE as p, bc as f, c6 as g, t as m, aS as u } from "../../chunks/index.js";
 import { i as y } from "../../chunks/type-guards.js";
 const b = c`: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 F extends n {