@arcgis/charts-components 5.2.0-next.129 → 5.2.0-next.130

package/dist/components/arcgis-charts-action-bar/customElement.d.ts

@@ -757,23 +757,20 @@ export abstract class ArcgisChartsActionBar extends LitElement {
   /** Custom title for the download chart action. */
   accessor exportAsImageTitle: string | undefined;
   /**
-   * When `true`, interaction with the filter by extent action is prevented and the action is displayed with lower opacity.
+   * When `disabled`, interaction with the filter by view extent action is prevented and the action is displayed with lower opacity.
    *
-   * @default false
-   * @since 5.2
+   * @deprecated since 5.2. Use [filterByViewExtentDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByViewExtentDisabled) instead.
+   * @default "enabled"
    */
-  accessor filterByExtentDisabled: boolean;
+  accessor filterByExtentState: ActionState;
   /**
-   * When `disabled`, interaction with the filter by extent action is prevented and the action is displayed with lower opacity.
+   * Custom title for the filter by view extent action.
    *
-   * @deprecated since 5.2. Use [filterByExtentDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByExtentDisabled) instead.
-   * @default "enabled"
+   * @deprecated since 5.2. Use [filterByViewExtentTitle](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByViewExtentTitle) instead.
    */
-  accessor filterByExtentState: ActionState;
-  /** Custom title for the filter by extent action. */
   accessor filterByExtentTitle: string | undefined;
   /**
-   * When `active`, the filter by extent action is highlighted.
+   * When `active`, the filter by view extent action is highlighted.
    *
    * @deprecated since 5.2. Use [filterByViewExtentActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByViewExtentActive) instead.
    * @default "inactive"
@@ -810,12 +807,25 @@ export abstract class ArcgisChartsActionBar extends LitElement {
    */
   accessor filterBySelectionToggle: ActionToggle;
   /**
-   * When `true`, the filter by extent action is active.
+   * When `true`, the filter by view extent action is active.
    *
    * @default false
    * @since 5.2
    */
   accessor filterByViewExtentActive: boolean;
+  /**
+   * When `true`, interaction with the filter by view extent action is prevented and the action is displayed with lower opacity.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor filterByViewExtentDisabled: boolean;
+  /**
+   * Custom title for the filter by view extent action.
+   *
+   * @since 5.2
+   */
+  accessor filterByViewExtentTitle: string | undefined;
   /**
    * When `true`, overrides the individual settings for each action to instead force disable them all.
    *

package/dist/components/arcgis-charts-action-bar/customElement.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as z } from "../../chunks/runtime.js";
-import { css as V, html as c } from "lit";
+import { c as M } from "../../chunks/runtime.js";
+import { css as z, html as c } from "lit";
 import { S as b } from "../../chunks/interfaces.js";
 import { g as O } from "../../chunks/action-bar-utils.js";
 import { u as T } from "../../chunks/useT9n.js";
@@ -9,15 +9,15 @@ import { LitElement as _, renderElement as D, safeStyleMap as y, createEvent as
 import { a as h } from "../../chunks/chart-ui-utils.js";
 import { i as F } from "../../chunks/rotated-state.js";
 import { A as t, c as l, D as e } from "../../chunks/index5.js";
-import { A as k } from "../../chunks/index2.js";
-import { a as I } from "../../chunks/chart-object-literals.js";
-import { i as r, j as w } from "../../chunks/type-guards2.js";
+import { A as w } from "../../chunks/index2.js";
+import { a as k } from "../../chunks/chart-object-literals.js";
+import { i as r, j as I } from "../../chunks/type-guards2.js";
 function N(d) {
   return d?.tagName.toLowerCase() === "arcgis-chart";
 }
 const R = {
   actionBar: "action-bar"
-}, Z = V`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`;
+}, Z = z`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`;
 class W extends _ {
   constructor() {
     super(...arguments), this.calciteActionBar = C(), this.exportCalciteActionBar = C(), this.expandAction = null, this._messages = T(), this.commonStrings = T({ name: "common", blocking: !0 }), this.handleMouseOver = (a) => {
@@ -28,10 +28,10 @@ class W extends _ {
         o?.tagName === "CALCITE-ACTION" ? i = o : (o?.tagName === "CALCITE-ACTION-MENU" || o?.tagName === "DIV") && (i = o.firstChild), i !== void 0 && (this.actionTooltip = D(c`<calcite-tooltip style=${y({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
       } else
         this.actionTooltip = h(this.actionTooltip);
-    }, this._csvExportExclusionList = [I.ScatterSeries, I.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartActive = !1, this.editChartState = l.Disabled, this.editChartEnabled = !1, this.legendToggle = t.Inactive, this.legendActive = !1, this.legendState = l.Enabled, this.legendDisabled = !1, this.rotateChartToggle = t.Inactive, this.rotateChartActive = !1, this.rotateChartState = l.Enabled, this.rotateChartDisabled = !1, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionActive = !1, this.filterBySelectionState = l.Enabled, this.filterBySelectionDisabled = !1, this.filterByExtentToggle = t.Inactive, this.filterByViewExtentActive = !1, this.filterByExtentState = l.Enabled, this.filterByExtentDisabled = !1, this.actionBarSelectionMode = k.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionActive = !1, this.selectionState = l.Enabled, this.selectionDisabled = !1, this.zoomToggle = t.Inactive, this.zoomActive = !1, this.zoomState = l.Enabled, this.zoomDisabled = !1, this.fullExtentToggle = t.Inactive, this.fullExtentActive = !1, this.fullExtentState = l.Enabled, this.fullExtentDisabled = !1, this.clearSelectionToggle = t.Inactive, this.clearSelectionActive = !1, this.clearSelectionState = l.Enabled, this.clearSelectionDisabled = !1, this.switchSelectionToggle = t.Inactive, this.switchSelectionActive = !1, this.switchSelectionState = l.Enabled, this.switchSelectionDisabled = !1, this.exportAsImageState = l.Enabled, this.exportAsImageDisabled = !1, this.exportAsCSVState = l.Enabled, this.exportAsCSVDisabled = !1, this.disableCSVExportForChartTypes = this._csvExportExclusionList, this.csvExportExclusionList = this._csvExportExclusionList, this.exportActionState = l.Enabled, this.exportActionDisabled = !1, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = B(), this.arcgisDefaultActionSelect = B();
+    }, this._csvExportExclusionList = [k.ScatterSeries, k.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartActive = !1, this.editChartState = l.Disabled, this.editChartEnabled = !1, this.legendToggle = t.Inactive, this.legendActive = !1, this.legendState = l.Enabled, this.legendDisabled = !1, this.rotateChartToggle = t.Inactive, this.rotateChartActive = !1, this.rotateChartState = l.Enabled, this.rotateChartDisabled = !1, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionActive = !1, this.filterBySelectionState = l.Enabled, this.filterBySelectionDisabled = !1, this.filterByExtentToggle = t.Inactive, this.filterByViewExtentActive = !1, this.filterByExtentState = l.Enabled, this.filterByViewExtentDisabled = !1, this.actionBarSelectionMode = w.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionActive = !1, this.selectionState = l.Enabled, this.selectionDisabled = !1, this.zoomToggle = t.Inactive, this.zoomActive = !1, this.zoomState = l.Enabled, this.zoomDisabled = !1, this.fullExtentToggle = t.Inactive, this.fullExtentActive = !1, this.fullExtentState = l.Enabled, this.fullExtentDisabled = !1, this.clearSelectionToggle = t.Inactive, this.clearSelectionActive = !1, this.clearSelectionState = l.Enabled, this.clearSelectionDisabled = !1, this.switchSelectionToggle = t.Inactive, this.switchSelectionActive = !1, this.switchSelectionState = l.Enabled, this.switchSelectionDisabled = !1, this.exportAsImageState = l.Enabled, this.exportAsImageDisabled = !1, this.exportAsCSVState = l.Enabled, this.exportAsCSVDisabled = !1, this.disableCSVExportForChartTypes = this._csvExportExclusionList, this.csvExportExclusionList = this._csvExportExclusionList, this.exportActionState = l.Enabled, this.exportActionDisabled = !1, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = B(), this.arcgisDefaultActionSelect = B();
   }
   static {
-    this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartActive: 5, editChartState: 1, editChartEnabled: 5, editChartTitle: 1, legendToggle: 1, legendActive: 5, legendState: 1, legendDisabled: 5, legendTitle: 1, rotateChartToggle: 1, rotateChartActive: 5, rotateChartState: 1, rotateChartDisabled: 5, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionActive: 5, filterBySelectionState: 1, filterBySelectionDisabled: 5, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByViewExtentActive: 5, filterByExtentState: 1, filterByExtentDisabled: 5, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionActive: 5, selectionState: 1, selectionDisabled: 5, selectionTitle: 1, zoomToggle: 1, zoomActive: 5, zoomState: 1, zoomDisabled: 5, zoomTitle: 1, fullExtentToggle: 1, fullExtentActive: 5, fullExtentState: 1, fullExtentDisabled: 5, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionActive: 5, clearSelectionState: 1, clearSelectionDisabled: 5, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionActive: 5, switchSelectionState: 1, switchSelectionDisabled: 5, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageDisabled: 5, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVDisabled: 5, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, csvExportExclusionList: 0, exportActionState: 1, exportActionDisabled: 5, expanded: 5, hiddenActions: 0 };
+    this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartActive: 5, editChartState: 1, editChartEnabled: 5, editChartTitle: 1, legendToggle: 1, legendActive: 5, legendState: 1, legendDisabled: 5, legendTitle: 1, rotateChartToggle: 1, rotateChartActive: 5, rotateChartState: 1, rotateChartDisabled: 5, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionActive: 5, filterBySelectionState: 1, filterBySelectionDisabled: 5, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByViewExtentActive: 5, filterByExtentState: 1, filterByViewExtentDisabled: 5, filterByExtentTitle: 1, filterByViewExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionActive: 5, selectionState: 1, selectionDisabled: 5, selectionTitle: 1, zoomToggle: 1, zoomActive: 5, zoomState: 1, zoomDisabled: 5, zoomTitle: 1, fullExtentToggle: 1, fullExtentActive: 5, fullExtentState: 1, fullExtentDisabled: 5, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionActive: 5, clearSelectionState: 1, clearSelectionDisabled: 5, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionActive: 5, switchSelectionState: 1, switchSelectionDisabled: 5, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageDisabled: 5, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVDisabled: 5, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, csvExportExclusionList: 0, exportActionState: 1, exportActionDisabled: 5, expanded: 5, hiddenActions: 0 };
   }
   static {
     this.styles = Z;
@@ -58,7 +58,7 @@ class W extends _ {
       }
       case e.Legend: {
         const s = !(this.legendToggle === t.Active || this.legendActive);
-        this.legendToggle = s ? t.Active : t.Inactive, this.legendActive = s, i.actionActive = s, r(this.chartElement?.model) && w(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (r(this.chartElement.model) ? w(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
+        this.legendToggle = s ? t.Active : t.Inactive, this.legendActive = s, i.actionActive = s, r(this.chartElement?.model) && I(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (r(this.chartElement.model) ? I(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
         break;
       }
       case e.RotateChart: {
@@ -71,7 +71,7 @@ class W extends _ {
         this.filterBySelectionToggle = s ? t.Active : t.Inactive, this.filterBySelectionActive = s, i.actionActive = s, this.chartElement !== void 0 && (this.chartElement.filterBySelection = i.actionActive);
         break;
       }
-      case e.FilterByExtent: {
+      case e.FilterByViewExtent: {
         const s = !(this.filterByExtentToggle === t.Active || this.filterByViewExtentActive);
         this.filterByExtentToggle = s ? t.Active : t.Inactive, this.filterByViewExtentActive = s, i.actionActive = s, this.chartElement !== void 0 && (this.chartElement.filterByViewExtent = i.actionActive);
         break;
@@ -81,7 +81,7 @@ class W extends _ {
         break;
       }
       case e.Zoom: {
-        this.zoomToggle = t.Active, this.zoomActive = !0, this.selectionToggle = t.Inactive, this.selectionActive = !1, i.actionActive = !0, this.chartElement !== void 0 && (this.chartElement.actionMode = k.Zoom);
+        this.zoomToggle = t.Active, this.zoomActive = !0, this.selectionToggle = t.Inactive, this.selectionActive = !1, i.actionActive = !0, this.chartElement !== void 0 && (this.chartElement.actionMode = w.Zoom);
         break;
       }
       case e.ClearSelection:
@@ -129,10 +129,10 @@ class W extends _ {
     })));
   }
   renderDefaultActions() {
-    const a = O(this.chartType).filter((M) => !this.hiddenActions?.includes(M)), o = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = a.includes(e.EditChart), s = a.includes(e.Legend), g = a.includes(e.RotateChart), A = a.includes(e.FilterBySelection), v = a.includes(e.FilterByExtent) && !o, m = a.includes(e.Zoom), f = a.includes(e.Selection), x = a.includes(e.ClearSelection), u = a.includes(e.FullExtent), p = a.includes(e.SwitchSelection), S = a.includes(e.ExportAsImage), E = a.includes(e.ExportAsCSV);
+    const a = O(this.chartType).filter((V) => !this.hiddenActions?.includes(V)), o = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = a.includes(e.EditChart), s = a.includes(e.Legend), g = a.includes(e.RotateChart), A = a.includes(e.FilterBySelection), v = a.includes(e.FilterByViewExtent) && !o, m = a.includes(e.Zoom), f = a.includes(e.Selection), x = a.includes(e.ClearSelection), u = a.includes(e.FullExtent), p = a.includes(e.SwitchSelection), S = a.includes(e.ExportAsImage), E = a.includes(e.ExportAsCSV);
     return [
       s || g ? c`<calcite-action-group>${i ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? n} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .textEnabled=${this.expanded} .active=${this.editChartToggle === t.Active || this.editChartActive} .disabled=${this.editChartState === l.Disabled || !this.editChartEnabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${s ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? n} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .textEnabled=${this.expanded} .active=${this.legendToggle === t.Active || this.legendActive} .disabled=${this.legendState === l.Disabled || this.legendDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>` : null}${g ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart ?? n} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle === t.Active || this.rotateChartActive} .disabled=${this.rotateChartState === l.Disabled || this.rotateChartDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      A || v ? c`<calcite-action-group>${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? n} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle === t.Active || this.filterBySelectionActive} .disabled=${this.filterBySelectionState === l.Disabled || this.filterBySelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? n} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle === t.Active || this.filterByViewExtentActive} .disabled=${this.filterByExtentState === l.Disabled || this.filterByExtentDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      A || v ? c`<calcite-action-group>${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? n} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle === t.Active || this.filterBySelectionActive} .disabled=${this.filterBySelectionState === l.Disabled || this.filterBySelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByViewExtent ?? n} icon=extent-filter .text=${(this.filterByExtentTitle || this.filterByViewExtentTitle) ?? this._messages?.filterByExtent ?? ""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle === t.Active || this.filterByViewExtentActive} .disabled=${this.filterByExtentState === l.Disabled || this.filterByViewExtentDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
       f || m || u || x || p ? c`<calcite-action-group>${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? n} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .textEnabled=${this.expanded} .active=${this.zoomToggle === t.Active || this.zoomActive} .disabled=${this.zoomState === l.Disabled || this.zoomDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? n} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .textEnabled=${this.expanded} .active=${this.selectionToggle === t.Active || this.selectionActive} .disabled=${this.selectionState === l.Disabled || this.selectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${x ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? n} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle === t.Active || this.clearSelectionActive} .disabled=${this.clearSelectionState === l.Disabled || this.clearSelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? n} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle === t.Active || this.fullExtentActive} .disabled=${this.fullExtentState === l.Disabled || this.fullExtentDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? n} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle === t.Active || this.switchSelectionActive} .disabled=${this.switchSelectionState === l.Disabled || this.switchSelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
       S || E ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${$(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .textEnabled=${this.expanded} .disabled=${this.exportActionState === l.Disabled || this.exportActionDisabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${S ? c`<div><calcite-action id=${e.ExportAsImage ?? n} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === l.Disabled || this.exportAsImageDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${E ? c`<div><calcite-action id=${e.ExportAsCSV ?? n} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === l.Disabled || this.exportAsCSVDisabled || this.forceDisableActions || this.chartType && (this.disableCSVExportForChartTypes.includes(this.chartType) || this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}</calcite-action-menu>` : null
     ];
@@ -141,7 +141,7 @@ class W extends _ {
     return c`<calcite-action-bar class=${L(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${$(this.calciteActionBar)}><slot name=${b.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${b.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
   }
 }
-z("arcgis-charts-action-bar", W);
+M("arcgis-charts-action-bar", W);
 export {
   W as ArcgisChartsActionBar
 };

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 d } from "es-toolkit/compat";
 import { C as t } from "../../chunks/interfaces.js";
-import { i as c, aq as p, bJ as u, bK as C, bg as y, t as F, aR as v } from "../../chunks/index.js";
+import { i as c, aq as p, bL as u, bM as C, bg as y, t as F, aR 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 v, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
 import { b as $, o as z, C as M, a as B, p as R } from "../../chunks/index2.js";
 import { x as K } from "../../chunks/data.js";
-import { r as A, bH as j, p as L, aR as H } from "../../chunks/index.js";
+import { r as A, bJ as j, p as L, aR as H } from "../../chunks/index.js";
 import { I as q, J as W } from "../../chunks/index3.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { d as h, e as x, a as f, h as y } from "../../chunks/chart-object-literals.js";
@@ -28,8 +28,8 @@ const r = {
   customSortButtons: "custom-sort-buttons",
   dimText: "dim-text",
   intervalContainer: "interval-container"
-}, G = _`.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;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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
-class J extends U {
+}, 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;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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
+class G extends U {
   constructor() {
     super(...arguments), this._messages = F(), this.commonStrings = F({ name: "common", blocking: !0 }), this.barChartPopover = null, this.sortOrderElement = c(), this.aggregationElement = c(), this.categoryElement = c(), this.numericFieldsElement = c(), this.splitByFieldElement = c(), this.enableTimeBinningSwitch = c(), this.intervalAlignmentElement = c(), this.intervalElement = c(), this.originalCustomSortLabels = [], this.isCustomSortDisabled = !1, this.onBarChartDataChange = async (e) => {
       try {
@@ -95,7 +95,7 @@ class J extends U {
     this.properties = { selectedCustomSortItemId: 16, aggregationLabel: 16, timeAggregationLabel: 16, disableSplitBy: 16, sortOrderResetCounter: 16, messageOverrides: 0, model: 0, layerFieldsInfo: 0, open: 5 };
   }
   static {
-    this.styles = G;
+    this.styles = J;
   }
   load() {
     this.modelChange(this.model), this.onModelConfigChange(), this.currentDataFilter = this.model.getDataFilters(), this.updateCustomSortProps();
@@ -292,7 +292,7 @@ class J extends U {
     return n`<calcite-label class=${l(r.label)}>${this._messages.category}${t}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${o}</calcite-label><div class=${l(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${l(r.label)}><span class=${l(this.disableSplitBy ? r.dimText : "")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData || !this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${b}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${k}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType !== h.Count ? n`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${T}</calcite-label>` : null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type === f.DateAxisFormat ? r.disabledLabel : r.label)}>${this._messages.sortOrder}${s}</calcite-label>${u}`;
   }
 }
-w("arcgis-charts-config-bar-chart-data", J);
+w("arcgis-charts-config-bar-chart-data", G);
 export {
-  J as ArcgisChartsConfigBarChartData
+  G as ArcgisChartsConfigBarChartData
 };

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 { I as K, J as _ } from "../../chunks/index3.js";
-import { D as O, bI as I, aR as H, a_ as M, aQ as U } from "../../chunks/index.js";
+import { D as O, bK as I, aR as H, a_ as M, aQ 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 "es-toolkit/compat";
 import { C as a } from "../../chunks/interfaces.js";
-import { bJ as d, bK as h, t as f } from "../../chunks/index.js";
+import { bL as d, bM 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 { bI as b, aQ as E, D as w } from "../../chunks/index.js";
+import { bK as b, aQ 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 = {
@@ -23,8 +23,8 @@ const o = {
   sortMedian: "sort-median",
   sortOrderPickList: "sort-order-pick-list",
   panel: "panel"
-}, N = L`.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-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
-class K extends x {
+}, K = L`.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-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
+class N extends x {
   constructor() {
     super(...arguments), this._messages = F(), this.picklist = u(), this.placement = "leading", this.popoverElement = u(), this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.isCustomSortDisabled = !1, this.arcgisChartsConfigBoxPlotDataPopoverChange = g(), this.arcgisChartsConfigPopoverClose = g();
   }
@@ -32,7 +32,7 @@ class K extends x {
     this.properties = { messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, isCustomSortDisabled: 5, selectedContent: 1 };
   }
   static {
-    this.styles = N;
+    this.styles = K;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -194,7 +194,7 @@ class K extends x {
     return this.contentKind === l.numericFields && (e = n`<div slot=footer><calcite-fab class=${d(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div><calcite-popover class=${d(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel class=${d(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${d(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-v("arcgis-charts-config-box-plot-popover", K);
+v("arcgis-charts-config-box-plot-popover", N);
 export {
-  K as ArcgisChartsConfigBoxPlotPopover
+  N as ArcgisChartsConfigBoxPlotPopover
 };

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

@@ -14,12 +14,12 @@ import { LitElement as X, createEvent as f, renderElement as v, safeStyleMap as
 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 b, g as Q } from "../../chunks/store.js";
-import { bL as J, ai as ee, bM as te, bN as ae, bO as ie } from "../../chunks/index.js";
+import { c as Q, a as M, g as Y } from "../../chunks/store.js";
+import { bN as J, ai as ee, bO as te, bP as ae, bQ 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 M } from "../../chunks/index5.js";
+import { C as b } from "../../chunks/index5.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";
@@ -114,7 +114,7 @@ class ge extends X {
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: n, timeIntervalInfo: l } = a;
-            ($(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(b, { 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 && Q(M, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
         }
@@ -187,7 +187,7 @@ class ge extends X {
     }, 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: re }], 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 }], view: 0, 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;
@@ -277,7 +277,7 @@ class ge extends X {
       chartType: t.chartType,
       commonStrings: this.commonStrings,
       config: t.config
-    }) : "", e !== void 0 && e !== b.selectedChartId && (b.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
+    }) : "", e !== void 0 && e !== M.selectedChartId && (M.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
       key: "key",
       model: t
     });
@@ -286,7 +286,7 @@ class ge extends X {
     e === 0 ? this.clearPartialModels() : e === 1 && this.removeSelectChartTypePopover(), this.arcgisChartsConfigPanelNumberChange.emit({ panelNumber: e, modelList: this.modelList });
   }
   addChartEventListeners() {
-    this.listenOn(document, M.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, M.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, M.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, M.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, M.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
+    this.listenOn(document, b.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, b.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, b.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, b.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, b.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
   }
   getDataExtent(e) {
     const t = this.getModel(this.selectedChartId)?.config;
@@ -307,11 +307,11 @@ class ge extends X {
     e?.forEach((t) => {
       const { isXAxis: a, maximum: i, minimum: s } = t, r = this.getModel(this.selectedChartId);
       if (r !== void 0 && T(r) && this.selectedChartId !== void 0) {
-        const n = new se(r, a), l = Q({
+        const n = new se(r, a), l = Y({
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: n.getLogarithmic()
-        }), g = b.chartAxesBoundDataMap;
+        }), g = M.chartAxesBoundDataMap;
         g[this.selectedChartId] === void 0 && (g[this.selectedChartId] = {});
         const u = g[this.selectedChartId]?.[l], C = {
           defaultMinBound: u?.defaultMinBound === u?.currMinBound ? s : u?.defaultMinBound,
@@ -465,7 +465,7 @@ class ge extends X {
           a = h`<arcgis-charts-config-histogram class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel ?? c.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;
           break;
         case o.ScatterSeries:
-          a = h`<arcgis-charts-config-scatter-plot class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel ?? c.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;
+          a = h`<arcgis-charts-config-scatter-plot class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled} .layer=${t} .view=${this.view} .page=${this.selectedPanel ?? c.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;
           break;
         case o.BoxPlotSeries:
           a = h`<arcgis-charts-config-box-plot class=${d(m.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel ?? c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;

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, bQ as r } from "../../chunks/index.js";
+import { b as u, bS 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

@@ -2,15 +2,15 @@
 import { c as B } from "../../chunks/runtime.js";
 import { keyed as X } from "lit/directives/keyed.js";
 import { cloneDeep as E } from "es-toolkit/compat";
-import { m as G, U as S, a as N, j as Z, k } from "../../chunks/chart-ui-utils.js";
+import { m as G, U as S, a as N, j as V, k } from "../../chunks/chart-ui-utils.js";
 import { d as F } from "../../chunks/default.js";
-import { g as q } from "../../chunks/resource.js";
-import { u as z } from "../../chunks/useT9n.js";
-import { css as O, html as c } from "lit";
+import { g as Z } from "../../chunks/resource.js";
+import { u as q } from "../../chunks/useT9n.js";
+import { css as z, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
-import { LitElement as V, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
+import { LitElement as O, createEvent as U, renderElement as L, safeStyleMap as M, safeClassMap as o } from "@arcgis/lumina";
 import { l as W, q as Y, r as j } from "../../chunks/type-guards2.js";
-import { bR as p, b as m, bo as H, bS as A, bT as _, i as J } from "../../chunks/index.js";
+import { bT as p, b as m, bo as H, bU as A, bV 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";
@@ -20,10 +20,10 @@ const n = {
   row: "row",
   column: "column",
   colorPicker: "color-picker"
-}, ie = O`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
-class se extends V {
+}, ie = 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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
+class se extends O {
   constructor() {
-    super(...arguments), this._messages = z(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
+    super(...arguments), this._messages = q(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
       const t = e.detail, i = this.model.getGuideStart(this.index, this.orientation), a = this.model.getGuideEnd(this.index, this.orientation);
       if (p(i, a) === g.SLS) {
         const l = E(F.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
@@ -213,12 +213,12 @@ class se extends V {
     });
   }
   renderColorElement() {
-    const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? Z(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
+    const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? V(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
     return c`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${M({ color: `rgba(${t},${i},${a},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   render() {
     const e = this.model.getGuideStart(this.index, this.orientation), t = this.model.getGuideEnd(this.index, this.orientation), i = this.model.getGuideName(this.index, this.orientation), a = this.model.getGuideLabelText(this.index, this.orientation), l = this.model.getGuideAbove(this.index, this.orientation), s = this.model.getGuideVisibility(this.index, this.orientation), r = this.isXAxisDateField;
-    return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === q(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
+    return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === Z(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
       expand: this._messages.expand,
       collapse: this._messages.collapse
     }}><calcite-action slot=actions-end text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.startDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${k} number-button-type=none .value=${e?.toString()} ${u(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.endDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${k} number-button-type=none .value=${t?.toString()} ${u(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", c`<div class=${o(n.row)}>${e != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;

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 "es-toolkit/compat";
-import { bJ as h, bK as c, t as f } from "../../chunks/index.js";
+import { bL as h, bM 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 "es-toolkit/compat";
 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, bJ as c, bK as m, bg as f, cc as g, t as p } from "../../chunks/index.js";
+import { i as d, bL as c, bM as m, bg as f, ce 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 "es-toolkit/compat";
 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 { bJ as c, bK as m, t as f, aQ as g, aR as p } from "../../chunks/index.js";
+import { bL as c, bM as m, t as f, aQ as g, aR 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 { I as E, J as S } from "../../chunks/index3.js";
 import { b as z, p as w } from "../../chunks/index2.js";
-import { bI as N, aQ as L, aR as K, a_ as B } from "../../chunks/index.js";
+import { bK as N, aQ as L, aR as K, a_ as B } from "../../chunks/index.js";
 const _ = 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 "es-toolkit/compat";
 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 { bJ as I, bK as F, t as v } from "../../chunks/index.js";
+import { bL as I, bM 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 {
+const L = 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 S extends C {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const s = e?.detail.config ?? this.model.config;
@@ -18,7 +18,7 @@ class L extends C {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5, filterBySelection: 5, chartData: 0 };
   }
   static {
-    this.styles = S;
+    this.styles = L;
   }
   async load() {
     this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model);
@@ -80,7 +80,7 @@ class L extends C {
     return e;
   }
 }
-u("arcgis-charts-config-pie-chart", L);
+u("arcgis-charts-config-pie-chart", S);
 export {
-  L as ArcgisChartsConfigPieChart
+  S as ArcgisChartsConfigPieChart
 };

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

@@ -9,10 +9,10 @@ import { u } from "../../chunks/useT9n.js";
 import { css as L, html as n } from "lit";
 import { createRef as C, ref as m } from "lit/directives/ref.js";
 import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
-import { e as I, p as F } from "../../chunks/popover-ui-utils.js";
+import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { I as D } from "../../chunks/index3.js";
 import { b as x } from "../../chunks/index2.js";
-import { bI as S, aQ as T } from "../../chunks/index.js";
+import { bK as S, aQ 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 = {
@@ -24,7 +24,7 @@ const s = {
   sortOrderPickList: "sort-order-pick-list",
   panel: "panel"
 }, w = L`.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-counter-clockwise{transform:scaleX(-1)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
-class A extends y {
+class K extends y {
   constructor() {
     super(...arguments), this._messages = u(), this.commonStrings = u({ name: "common", blocking: !0 }), this.picklist = C(), this.popoverElement = C(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = b(), this.arcgisChartsConfigPopoverClose = b();
   }
@@ -43,12 +43,12 @@ class A extends y {
     k(this.aggregationLabels, t) || (this.aggregationLabels = t);
   }
   updated() {
-    I(this.popoverElement.value, this.open), setTimeout(() => {
+    F(this.popoverElement.value, this.open), setTimeout(() => {
       this.picklist.value?.setFocus();
     }, $.PopoverTimer);
   }
   selectedContentChange(e, t) {
-    this.pickListHasChanged = F(e, t);
+    this.pickListHasChanged = I(e, t);
   }
   buildAggregationPickListItems() {
     return h(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${d(e, this.selectedContent)}></calcite-list-item>`);
@@ -167,7 +167,7 @@ class A extends y {
     return this.contentKind === o.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(s.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div><calcite-popover class=${l(s.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel class=${l(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(s.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-v("arcgis-charts-config-pie-chart-popover", A);
+v("arcgis-charts-config-pie-chart-popover", K);
 export {
-  A as ArcgisChartsConfigPieChartPopover
+  K as ArcgisChartsConfigPieChartPopover
 };