@arcgis/charts-components 4.33.0-next.134 → 4.33.0-next.136

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

@@ -1,9 +1,9 @@
 import { c as k } from "../../chunks/runtime.js";
 import { repeat as A } from "lit-html/directives/repeat.js";
-import { keyed as x } from "lit-html/directives/keyed.js";
+import { keyed as L } from "lit-html/directives/keyed.js";
 import { WebChartTypes as o, WebChartTemporalBinningUnits as F } from "@arcgis/charts-spec";
-import { isEqual as v } from "lodash-es";
-import { o as B, cr as w, cc as D, G as N, bQ as V } from "../../chunks/interfaces.js";
+import { isEqual as I } from "lodash-es";
+import { o as B, cs as w, cd as D, G as N, bR as V } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,33 +11,33 @@ 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 } from "../../chunks/index3.js";
-import { a as T } from "../../chunks/chart-ui-utils.js";
+import { a as C } from "../../chunks/index2.js";
+import { a as x } from "../../chunks/chart-ui-utils.js";
 import { c as U, P as H } from "../../chunks/popover-ui-utils.js";
 import "../../chunks/scatter-plot-model.js";
-import { b, n as $, h as _, g as P } from "../../chunks/type-guards.js";
-import { c as R } from "../../chunks/setup-utils.js";
-import { C as n } from "../../chunks/interfaces3.js";
+import { b as T, o as b, j as R, h as $ } from "../../chunks/type-guards.js";
+import { c as _ } from "../../chunks/setup-utils.js";
+import { C as n } from "../../chunks/interfaces2.js";
 import { d as X, e as Y } from "../../chunks/chart-ui-utils2.js";
 import "d3-array";
-import { LitElement as O, createEvent as f, safeClassMap as c, nothing as S } from "@arcgis/lumina";
+import { LitElement as O, createEvent as f, safeClassMap as c, nothing as P } from "@arcgis/lumina";
 import { html as h } from "lit";
 import { createRef as W, ref as z } from "lit-html/directives/ref.js";
 import { u as G } from "../../chunks/useT9n.js";
 import { s as M, g as Z } from "../../chunks/store.js";
-import { s as K } from "../../chunks/interfaces4.js";
-import { A as j } from "../../chunks/axis-model-wrapper.js";
+import { h as y, s as j } from "../../chunks/web-component-utils.js";
+import { A as K } from "../../chunks/axis-model-wrapper.js";
 import { css as q } 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.134 */
+v4.33.0-next.136 */
 const d = {
   chartUIComponent: "chart-ui-component",
   tabBar: "tab-bar",
   tab: "tab",
   rtl: "arcgis-charts-rtl"
 };
-function I(m, e) {
+function S(m, e) {
   const t = /* @__PURE__ */ new Set();
   let a = e;
   return m?.forEach((i, s) => {
@@ -69,7 +69,7 @@ function E(m, e) {
   if (t) {
     const a = [...t?.charts ?? []], i = a?.findIndex((r) => r.id === e.getChartId());
     let s = !1;
-    i !== void 0 && i > -1 ? (s = !v(a[i], e.getConfig()), a[i] = e.getConfig()) : t && !B(e.getConfig()) && (s = !0, a.push(e.getConfig())), s && (t.charts = a);
+    i !== void 0 && i > -1 ? (s = !I(a[i], e.getConfig()), a[i] = e.getConfig()) : t && !B(e.getConfig()) && (s = !0, a.push(e.getConfig())), s && (t.charts = a);
   }
 }
 function te(m, e) {
@@ -91,9 +91,6 @@ function ie(m, e) {
   }
 }
 const ae = q`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}:host .arcgis-charts-rtl .label{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .bin-count-slider{margin-left:0rem;margin-right:1rem}:host .arcgis-charts-rtl .bin-count-input{margin-left:0rem;margin-right:1rem}.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}`;
-function y(m, e) {
-  return !v(m, e);
-}
 class se extends O {
   constructor() {
     super(), this.chartsListFlowItem = W(), this.supportedChartTypes = [
@@ -122,7 +119,7 @@ class se extends O {
           }
           case o.LineSeries: {
             const { dataItems: l, timeIntervalInfo: p } = a;
-            b(s) && (p?.size !== void 0 && s.getTemporalBinningSize() !== p?.size && s.setTemporalBinningSize(p?.size), p?.unit !== void 0 && s.getTemporalBinningUnit() !== p?.unit && p?.unit !== F.Quarter && s.setTemporalBinningUnit(p?.unit)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            T(s) && (p?.size !== void 0 && s.getTemporalBinningSize() !== p?.size && s.setTemporalBinningSize(p?.size), p?.unit !== void 0 && s.getTemporalBinningUnit() !== p?.unit && p?.unit !== F.Quarter && s.setTemporalBinningUnit(p?.unit)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
         }
@@ -160,18 +157,18 @@ class se extends O {
       if (r)
         switch (a) {
           case "rotation":
-            typeof i == "boolean" && _(r) && r.setRotatedState(i);
+            typeof i == "boolean" && R(r) && r.setRotatedState(i);
             break;
           case "legendPosition":
-            typeof i == "string" && $(r) && r.setLegendPosition(i);
+            typeof i == "string" && b(r) && r.setLegendPosition(i);
             break;
           case "legendVisibility":
-            typeof i == "boolean" && $(r) && r.setLegendVisibility(i);
+            typeof i == "boolean" && b(r) && r.setLegendVisibility(i);
             break;
         }
     }, this.chartLegendItemVisibilityChange = async (e) => {
       const t = e, { legendItemVisibility: a, model: i } = t.detail, s = this.modelList.find((r) => i?.isSameChartAs(r));
-      s?.setSeriesVisibility(a), P(s) && ((s.getMinYBound() === null || Number.isNaN(s.getMinYBound())) && await s.setMinYBound(null), (s.getMaxYBound() === null || Number.isNaN(s.getMaxYBound())) && await s.setMaxYBound(null), b(s) && ((s.getMinXBound() === null || Number.isNaN(s.getMinXBound())) && await s.setMinXBound(null), (s.getMaxXBound() === null || Number.isNaN(s.getMaxXBound())) && await s.setMaxXBound(null)));
+      s?.setSeriesVisibility(a), $(s) && ((s.getMinYBound() === null || Number.isNaN(s.getMinYBound())) && await s.setMinYBound(null), (s.getMaxYBound() === null || Number.isNaN(s.getMaxYBound())) && await s.setMaxYBound(null), T(s) && ((s.getMinXBound() === null || Number.isNaN(s.getMinXBound())) && await s.setMinXBound(null), (s.getMaxXBound() === null || Number.isNaN(s.getMaxXBound())) && await s.setMaxXBound(null)));
     }, this.onSelectChartTypeChange = (e) => {
       this.currentChartTypeText = "", this.calculatedDataMinMaxBounds = void 0, this.calculatedMinMaxBounds = void 0, this.removeSelectChartTypePopover();
       const { selectedModelType: t, layerId: a } = e.target;
@@ -238,30 +235,30 @@ class se extends O {
       }
       const s = i;
       for (const r of s.charts ?? []) {
-        const l = await R({
+        const l = await _({
           layer: i,
           config: r
         });
         l !== void 0 && e.push(l);
       }
     }
-    I(e), e.forEach((i) => {
+    S(e), e.forEach((i) => {
       a.find((r) => r.isSameChartAs(i)) === void 0 && a.push(i);
     }), this.modelList = a;
   }
   async modelListChange(e, t) {
-    this.selectedChartId = I(e, this.selectedChartId), t?.forEach((i) => {
+    this.selectedChartId = S(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?.getChartType() !== void 0 ? await T(a.getChartType()) : "", this.syncChartsToLayers && ee(this.layerList, e), this.arcgisChartsConfigModelListChange.emit({ modelList: e });
+    this.currentChartTypeText = a?.getChartType() !== void 0 ? await x(a.getChartType()) : "", this.syncChartsToLayers && ee(this.layerList, e), this.arcgisChartsConfigModelListChange.emit({ modelList: e });
   }
   async selectedChartIdChange(e) {
     this.selectedChartId === void 0 && (this.panelNumber = 0), this.selectedPanel = n.Data;
     const t = this.getModel(e);
-    this.setEventBasedPropsFromModelData(t), this.currentChartTypeText = t?.getChartType() !== void 0 ? await T(t.getChartType()) : "", e !== void 0 && e !== M.selectedChartId && (M.selectedChartId = e), this.arcgisChartsConfigSelectedChartChange.emit({
+    this.setEventBasedPropsFromModelData(t), this.currentChartTypeText = t?.getChartType() !== void 0 ? await x(t.getChartType()) : "", e !== void 0 && e !== M.selectedChartId && (M.selectedChartId = e), this.arcgisChartsConfigSelectedChartChange.emit({
       key: "key",
       model: t
     });
@@ -293,20 +290,20 @@ class se extends O {
   updateAxesBoundsInAppState(e) {
     e?.forEach((t) => {
       const { isXAxis: a, maximum: i, minimum: s } = t, r = this.getModel(this.selectedChartId);
-      if (r !== void 0 && P(r) && this.selectedChartId !== void 0) {
-        const l = new j(r, a), p = Z({
+      if (r !== void 0 && $(r) && this.selectedChartId !== void 0) {
+        const l = new K(r, a), p = Z({
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: l.getLogarithmic()
         }), u = M.chartAxesBoundDataMap;
         u[this.selectedChartId] === void 0 && (u[this.selectedChartId] = {});
-        const g = u[this.selectedChartId]?.[p], L = {
+        const g = u[this.selectedChartId]?.[p], v = {
           defaultMinBound: g?.defaultMinBound === g?.currMinBound ? s : g?.defaultMinBound,
           currMinBound: s,
           defaultMaxBound: g?.defaultMaxBound === g?.currMaxBound ? i : g?.defaultMaxBound,
           currMaxBound: i
         };
-        !v(g, L) && this.selectedChartId !== void 0 && u?.[this.selectedChartId] !== void 0 && (u[this.selectedChartId][p] = L);
+        !I(g, v) && this.selectedChartId !== void 0 && u?.[this.selectedChartId] !== void 0 && (u[this.selectedChartId][p] = v);
       }
     });
   }
@@ -315,7 +312,7 @@ class se extends O {
     if (this.popoverPlacement !== void 0)
       e = this.popoverPlacement;
     else {
-      const t = this.modelList?.filter((i) => D(K, i.getConfig())).length;
+      const t = this.modelList?.filter((i) => D(j, i.getConfig())).length;
       e = Number(t) <= 2 ? "bottom" : "top";
     }
     return e;
@@ -416,14 +413,14 @@ class se extends O {
     return A(e, (t) => t.id, (t) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${Q(this.modelList, t.id.toString(), 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.open !== !1 ? h`<calcite-flow class=${c({ [d.rtl]: this.direction === "rtl" })} dir=${this.direction ?? S}>${x("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${z(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>` : null;
+    return this.open !== !1 ? h`<calcite-flow class=${c({ [d.rtl]: this.direction === "rtl" })} dir=${this.direction ?? P}>${L("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${z(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>` : null;
   }
   renderTabs() {
     const e = this.getModel(this.selectedChartId);
-    return x("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? n.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? V(this._messages.pageFlowTitle, {
+    return L("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? n.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? V(this._messages.pageFlowTitle, {
       chartName: e?.getTitleText() ?? this.currentChartTypeText,
       layerName: e?.getLayer()?.title ?? ""
-    }) : ""}>${e?.getChartType() !== void 0 ? h`<calcite-action-bar class=${c(d.tabBar)} layout=horizontal expand-disabled dir=${this.direction ?? S}><calcite-action class=${c(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel === n.Data || this.selectedPanel === void 0} @click=${() => {
+    }) : ""}>${e?.getChartType() !== void 0 ? h`<calcite-action-bar class=${c(d.tabBar)} layout=horizontal expand-disabled dir=${this.direction ?? P}><calcite-action class=${c(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel === n.Data || this.selectedPanel === void 0} @click=${() => {
       this.selectedPanel = n.Data;
     }} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.getChartType() === o.BarSeries ? h`<calcite-action class=${c(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel === n.Series} @click=${() => {
       this.selectedPanel = n.Series;

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

@@ -4,7 +4,7 @@ import { LitElement as c, safeClassMap as t } from "@arcgis/lumina";
 import { css as a } 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.134 */
+v4.33.0-next.136 */
 const e = {
   fieldSelectButtonSection: "field-select-btn-section",
   fieldSelectButton: "field-select-btn",

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

@@ -18,7 +18,7 @@ import { LitElement as $, createEvent as p, safeClassMap as n } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const E = {
   arial: "Arial",
   arialBlack: "Arial Black",

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

@@ -11,18 +11,18 @@ 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 b, e as l } from "../../chunks/index2.js";
+import { c as b, e as l } from "../../chunks/index3.js";
 import { r as k, c as N, P as G } from "../../chunks/popover-ui-utils.js";
 import { u as W, F as i, t as m } from "../../chunks/scatter-plot-model.js";
-import { c as y, g as d, f as c, j as S, n as h, k as T, e as O } from "../../chunks/type-guards.js";
+import { c as y, h as d, g as c, k as S, o as h, l as T, e as O } from "../../chunks/type-guards.js";
 import { n as X } from "../../chunks/chart-ui-utils2.js";
 import { u as R } from "../../chunks/useT9n.js";
 import { html as P } from "lit";
 import { LitElement as Y, createEvent as F, safeClassMap as p } from "@arcgis/lumina";
-import { css as j } from "@lit/reactive-element/css-tag.js";
+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.134 */
+v4.33.0-next.136 */
 const v = {
   type: f.TS,
   color: [1, 1, 1, 255],
@@ -42,7 +42,7 @@ const v = {
   element: "chart-element",
   elementList: "element-list",
   sectionLabel: "section-label"
-}, _ = j`:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`;
+}, j = _`:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`;
 class z extends Y {
   constructor() {
     super(...arguments), this._messages = R(), this.formatPopover = null, this.selectableElements = [], this.textProperties = [], this.symbolProperties = [], this.symbolPropertyChange = (t) => {
@@ -114,7 +114,7 @@ class z extends Y {
     this.properties = { selectedSymbols: 16, selectedTexts: 16, selectedBackground: 16, selectedElement: 16, messageOverrides: 0, model: 0 };
   }
   static {
-    this.styles = _;
+    this.styles = j;
   }
   load() {
     this.modelChange(this.model);

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

@@ -18,7 +18,7 @@ import { LitElement as c, createEvent as s, safeClassMap as m } from "@arcgis/lu
 import { css as h } 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.134 */
+v4.33.0-next.136 */
 const g = {
   jsAppFlyout: "js-app-flyout"
 }, C = h``;

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

@@ -11,7 +11,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "../../chunks/scatter-plot-model.js";
-import { n as o, f as n, g as c } from "../../chunks/type-guards.js";
+import { o, g as n, h as c } from "../../chunks/type-guards.js";
 import { m as g, c as r } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { html as a } from "lit";
@@ -20,7 +20,7 @@ import { LitElement as x, safeClassMap as i } 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.134 */
+v4.33.0-next.136 */
 const s = {
   textInput: "text-input",
   label: "label",

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

@@ -3,7 +3,7 @@ import { keyed as B } from "lit-html/directives/keyed.js";
 import { RESTSymbolType as m, WebChartTypes as R, RESTSimpleLineSymbolStyle as O } from "@arcgis/charts-spec";
 import { cloneDeep as E } from "lodash-es";
 import "d3-array";
-import { d as p, bS as N, bT as L, bU as F, a3 as Z } from "../../chunks/interfaces.js";
+import { d as p, bT as N, bU as L, bV as F, a3 as V } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,10 +11,10 @@ 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 g, b as V } from "../../chunks/index2.js";
+import { c as g, b as Z } from "../../chunks/index3.js";
 import { c as q, P as z } from "../../chunks/popover-ui-utils.js";
 import { v as G } from "../../chunks/scatter-plot-model.js";
-import { g as H, l as U, m as W } from "../../chunks/type-guards.js";
+import { h as H, m as U, n as W } from "../../chunks/type-guards.js";
 import { m as S, d as Y, e as j, g as J, k as M, c as $ } from "../../chunks/chart-ui-utils2.js";
 import { d as A } from "../../chunks/default.js";
 import { g as K } from "../../chunks/resource.js";
@@ -25,7 +25,7 @@ import { LitElement as ee, createEvent as T, safeClassMap as o, safeStyleMap as
 import { css as ie } 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.134 */
+v4.33.0-next.136 */
 const s = {
   row: "row",
   column: "column",
@@ -194,8 +194,8 @@ class se extends ee {
     this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover), this.guidePopoverChange(!0);
   }
   setColor(e) {
-    const t = Z({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), n = {
-      ...V(i) ? i : {},
+    const t = V({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), n = {
+      ...Z(i) ? i : {},
       type: m.SFS,
       color: e,
       outline: t

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

@@ -19,7 +19,7 @@ import { LitElement as m, createEvent as s, safeClassMap as h } from "@arcgis/lu
 import { css as g } 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.134 */
+v4.33.0-next.136 */
 const C = {
   jsAppFlyout: "js-app-flyout"
 }, d = g``;

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

@@ -12,7 +12,7 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as A } from "../../chunks/popover-ui-utils.js";
 import { v as o } from "../../chunks/scatter-plot-model.js";
-import { l, m as h } from "../../chunks/type-guards.js";
+import { m as l, n as h } from "../../chunks/type-guards.js";
 import { d as c } from "../../chunks/default.js";
 import { g as u, H as g } from "../../chunks/resource.js";
 import { u as b } from "../../chunks/useT9n.js";
@@ -22,7 +22,7 @@ import { LitElement as C, createEvent as $, safeClassMap as p } from "@arcgis/lu
 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.134 */
+v4.33.0-next.136 */
 const X = v`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
 class Y extends C {
   constructor() {

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

@@ -2,7 +2,7 @@ import { c as n } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as r } from "lodash-es";
 import "d3-array";
-import { g as l, aZ as h } from "../../chunks/interfaces.js";
+import { g as l, a_ as h } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,14 +10,14 @@ 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 { b as d, h as c } from "../../chunks/index2.js";
+import { b as d, h as c } from "../../chunks/index3.js";
 import { LitElement as m } from "@arcgis/lumina";
 import { html as t } from "lit";
-import { C as s } from "../../chunks/interfaces3.js";
+import { C as s } from "../../chunks/interfaces2.js";
 import { css as g } 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.134 */
+v4.33.0-next.136 */
 const p = g`: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 m {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit-html/directives/keyed.js";
 import { WebChartDataTransformations as v, RESTSymbolType as x } from "@arcgis/charts-spec";
 import { debounce as y } from "lodash-es";
 import "d3-array";
-import { c9 as k, $ as T, Z as L } from "../../chunks/interfaces.js";
+import { ca as k, $ as T, Z as L } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,7 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { r as V, c as N, P as I } from "../../chunks/popover-ui-utils.js";
-import { H as r, c as i, d as n } from "../../chunks/interfaces3.js";
+import { H as r, c as i, d as n } from "../../chunks/interfaces2.js";
 import { b as B, m as S, U as C, f as F, s as _, c as D, D as H } from "../../chunks/chart-ui-utils2.js";
 import { d as K, s as A } from "../../chunks/store.js";
 import { u as U } from "../../chunks/useT9n.js";
@@ -22,7 +22,7 @@ import { LitElement as z, createEvent as u, safeStyleMap as P, safeClassMap as a
 import { css as j } 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.134 */
+v4.33.0-next.136 */
 const s = {
   label: "label",
   row: "row",

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

@@ -3,7 +3,7 @@ import { keyed as c } from "lit-html/directives/keyed.js";
 import { WebChartDataTransformations as o, RESTSymbolType as v } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { b0 as C, c9 as u, P as b } from "../../chunks/interfaces.js";
+import { b1 as C, ca as u, P as b } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,7 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
-import { H as s } from "../../chunks/interfaces3.js";
+import { H as s } from "../../chunks/interfaces2.js";
 import { U as m, a as P } from "../../chunks/chart-ui-utils2.js";
 import { u as S } from "../../chunks/useT9n.js";
 import { html as r } from "lit";
@@ -21,7 +21,7 @@ import { LitElement as w, createEvent as p, safeClassMap as i } 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.134 */
+v4.33.0-next.136 */
 const t = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, safeClassMap as e } from "@arcgis/lumina";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = l`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -2,7 +2,7 @@ import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import { isEqual as o } from "lodash-es";
 import "d3-array";
-import { g as n, aZ as h, b0 as c, b1 as d } from "../../chunks/interfaces.js";
+import { g as n, a_ as h, b1 as c, b2 as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,14 +10,14 @@ 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 { h as m } from "../../chunks/index2.js";
+import { h as m } from "../../chunks/index3.js";
 import { LitElement as g, createEvent as p } from "@arcgis/lumina";
 import { html as a } from "lit";
-import { C as s } from "../../chunks/interfaces3.js";
+import { C as s } from "../../chunks/interfaces2.js";
 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.134 */
+v4.33.0-next.136 */
 const C = f`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class u extends g {
   constructor() {

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

@@ -5,11 +5,11 @@ import { LitElement as A, createEvent as g, safeClassMap as a } from "@arcgis/lu
 import { html as r } from "lit";
 import { createRef as h, ref as d } from "lit-html/directives/ref.js";
 import { u as x } from "../../chunks/useT9n.js";
-import { L as l } from "../../chunks/interfaces3.js";
+import { L as l } from "../../chunks/interfaces2.js";
 import { d as T, s as P } from "../../chunks/store.js";
 import "lodash-es";
 import "d3-array";
-import { a$ as u, aL as I, aM as w, c9 as p, cg as B } from "../../chunks/interfaces.js";
+import { b0 as u, aL as I, aM as w, ca as p, ch as B } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -21,7 +21,7 @@ import { c as k, r as S, P as E } from "../../chunks/popover-ui-utils.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const N = L`.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)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:.5rem}`, s = {
   label: "label",
   fieldList: "field-list",

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

@@ -4,7 +4,7 @@ import { keyed as v } from "lit-html/directives/keyed.js";
 import { WebChartTimeAggregationTypes as d, RESTFieldType as h, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
 import { isEqual as f } from "lodash-es";
 import "d3-array";
-import { aL as I, aM as F, c9 as P, b2 as x, b0 as C, cg as T } from "../../chunks/interfaces.js";
+import { aL as I, aM as F, ca as P, b3 as x, b1 as C, ch as T } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -17,12 +17,12 @@ import { LitElement as w, createEvent as y, safeClassMap as o } from "@arcgis/lu
 import { html as n } from "lit";
 import { createRef as g, ref as p } from "lit-html/directives/ref.js";
 import { u as D } from "../../chunks/useT9n.js";
-import { L as a } from "../../chunks/interfaces3.js";
+import { L as a } from "../../chunks/interfaces2.js";
 import { j as L, U as $, i as u, h as E, s as z } from "../../chunks/chart-ui-utils2.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const N = S`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -2,7 +2,7 @@ import { c as f } from "../../chunks/runtime.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cs as u } from "../../chunks/interfaces.js";
+import { ct as u } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -19,7 +19,7 @@ import { g as $ } from "../../chunks/chart-ui-utils2.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const N = M`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends y {
   constructor() {

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

@@ -19,7 +19,7 @@ import { LitElement as $, createEvent as s, safeClassMap as o } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const n = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } fr
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -7,7 +7,7 @@ import { LitElement as f, createEvent as v, safeClassMap as a } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const i = {
   container: "container",
   label: "label",

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

@@ -2,7 +2,7 @@ import { c as C } from "../../chunks/runtime.js";
 import { RESTSymbolType as u } from "@arcgis/charts-spec";
 import { isEqual as n, cloneDeep as p } from "lodash-es";
 import "d3-array";
-import { g as y, aZ as v } from "../../chunks/interfaces.js";
+import { g as y, a_ as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,14 +10,14 @@ 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 { h as I } from "../../chunks/index2.js";
+import { h as I } from "../../chunks/index3.js";
 import { LitElement as F, createEvent as m } from "@arcgis/lumina";
 import { html as h } from "lit";
-import { C as c } from "../../chunks/interfaces3.js";
+import { C as c } from "../../chunks/interfaces2.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.134 */
+v4.33.0-next.136 */
 const P = S`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class E extends F {
   constructor() {