@arcgis/charts-components 5.1.0-next.9 → 5.1.0-next.91

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

@@ -157,6 +157,9 @@ export abstract class ArcgisChartsActionBar extends LitElement {
               histogramCreateMsg: string;
               scatterplotCreateMsg: string;
               calendarHeatChartCreateMsg: string;
+              comboBarLineChartCreateMsg: string;
+              radarChartCreateMsg: string;
+              gaugeCreateMsg: string;
           };
           notifications: {
               invalidConfig: string;
@@ -412,6 +415,9 @@ export abstract class ArcgisChartsActionBar extends LitElement {
               histogramCreateMsg: string;
               scatterplotCreateMsg: string;
               calendarHeatChartCreateMsg: string;
+              comboBarLineChartCreateMsg: string;
+              radarChartCreateMsg: string;
+              gaugeCreateMsg: string;
           };
           notifications: {
               invalidConfig: string;
@@ -602,6 +608,14 @@ export abstract class ArcgisChartsActionBar extends LitElement {
    *
    * Modify this property to add or remove chart types from the list of disabled types.
    */
+  accessor csvExportExclusionList: WebChartTypes[];
+  /**
+   * The CSV export action is disabled for certain chart types.
+   *
+   * Modify this property to add or remove chart types from the list of disabled types.
+   *
+   * @deprecated since 5.1. Use [csvExportExclusionList](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#csvExportExclusionList) instead.
+   */
   accessor disableCSVExportForChartTypes: WebChartTypes[];
   /**
    * When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.

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

@@ -1,47 +1,41 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as O } from "../../chunks/runtime.js";
-import { css as z, html as c } from "lit";
-import { g as E } from "../../chunks/interfaces.js";
-import { g as _ } from "../../chunks/action-bar-utils.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { createRef as b, ref as C } from "lit/directives/ref.js";
-import { LitElement as V, renderElement as y, safeStyleMap as B, createEvent as D, safeClassMap as F, nothing as s } from "@arcgis/lumina";
+import { c as w } from "../../chunks/runtime.js";
+import { css as O, html as c } from "lit";
+import { c as T } from "../../chunks/interfaces.js";
+import { i as _, g as z } from "../../chunks/type-guards2.js";
+import { u as S } from "../../chunks/useT9n.js";
+import { createRef as $, ref as b } from "lit/directives/ref.js";
+import { LitElement as V, renderElement as C, safeStyleMap as y, createEvent as B, safeClassMap as L, nothing as s } from "@arcgis/lumina";
 import { d as n } from "../../chunks/chart-ui-utils2.js";
-import { i as h, r as k } from "../../chunks/type-guards.js";
+import { b as r, k as D } from "../../chunks/type-guards.js";
 import "@arcgis/toolkit/type";
-import { W as I } from "../../chunks/series-types.js";
-import { i as L } from "../../chunks/rotated-state.js";
-import { A as t, a as o, D as e } from "../../chunks/index5.js";
-import { a2 as M } from "../../chunks/index.js";
-function N(d) {
-  return d?.tagName.toLowerCase() === "arcgis-chart";
-}
-const R = {
+import { u as k } from "../../chunks/series-types.js";
+import { i as F } from "../../chunks/rotated-state.js";
+import { a as t, A as o, D as e } from "../../chunks/index5.js";
+import { A as I } from "../../chunks/index.js";
+const N = {
   actionBar: "action-bar"
-}, W = 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}`;
+}, R = O`.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 Z extends V {
   constructor() {
-    super(...arguments), this.calciteActionBar = b(), this.exportCalciteActionBar = b(), this.expandAction = null, this._messages = $(), this.commonStrings = $({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
+    super(...arguments), this.calciteActionBar = $(), this.exportCalciteActionBar = $(), this.expandAction = null, this._messages = S(), this.commonStrings = S({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
       if (this.calciteActionBar.value && !this.calciteActionBar.value?.expanded) {
         const a = l.target;
         this.actionTooltip !== void 0 && (this.actionTooltip = n(this.actionTooltip));
         let i;
-        a?.tagName === "CALCITE-ACTION" ? i = a : (a?.tagName === "CALCITE-ACTION-MENU" || a?.tagName === "DIV") && (i = a.firstChild), i !== void 0 && (this.actionTooltip = y(c`<calcite-tooltip style=${B({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
+        a?.tagName === "CALCITE-ACTION" ? i = a : (a?.tagName === "CALCITE-ACTION-MENU" || a?.tagName === "DIV") && (i = a.firstChild), i !== void 0 && (this.actionTooltip = C(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 = n(this.actionTooltip);
-    }, this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState = o.Disabled, this.legendToggle = t.Inactive, this.legendState = o.Enabled, this.rotateChartToggle = t.Inactive, this.rotateChartState = o.Enabled, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionState = o.Enabled, this.filterByExtentToggle = t.Inactive, this.filterByExtentState = o.Enabled, this.actionBarSelectionMode = M.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionState = o.Enabled, this.zoomToggle = t.Inactive, this.zoomState = o.Enabled, this.fullExtentToggle = t.Inactive, this.fullExtentState = o.Enabled, this.clearSelectionToggle = t.Inactive, this.clearSelectionState = o.Enabled, this.switchSelectionToggle = t.Inactive, this.switchSelectionState = o.Enabled, this.exportAsImageState = o.Enabled, this.exportAsCSVState = o.Enabled, this.disableCSVExportForChartTypes = [
-      I.ScatterSeries,
-      I.BoxPlotSeries
-    ], this.exportActionState = o.Enabled, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = D(), this.arcgisDefaultActionSelect = D();
+    }, this._csvExportExclusionList = [k.ScatterSeries, k.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState = o.Disabled, this.legendToggle = t.Inactive, this.legendState = o.Enabled, this.rotateChartToggle = t.Inactive, this.rotateChartState = o.Enabled, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionState = o.Enabled, this.filterByExtentToggle = t.Inactive, this.filterByExtentState = o.Enabled, this.actionBarSelectionMode = I.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionState = o.Enabled, this.zoomToggle = t.Inactive, this.zoomState = o.Enabled, this.fullExtentToggle = t.Inactive, this.fullExtentState = o.Enabled, this.clearSelectionToggle = t.Inactive, this.clearSelectionState = o.Enabled, this.switchSelectionToggle = t.Inactive, this.switchSelectionState = o.Enabled, this.exportAsImageState = o.Enabled, this.exportAsCSVState = o.Enabled, this.disableCSVExportForChartTypes = this._csvExportExclusionList, this.csvExportExclusionList = this._csvExportExclusionList, this.exportActionState = o.Enabled, 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, editChartState: 1, editChartTitle: 1, legendToggle: 1, legendState: 1, legendTitle: 1, rotateChartToggle: 1, rotateChartState: 1, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionState: 1, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByExtentState: 1, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionState: 1, selectionTitle: 1, zoomToggle: 1, zoomState: 1, zoomTitle: 1, fullExtentToggle: 1, fullExtentState: 1, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionState: 1, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionState: 1, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, exportActionState: 1, expanded: 5, hiddenActions: 0 };
+    this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartState: 1, editChartTitle: 1, legendToggle: 1, legendState: 1, legendTitle: 1, rotateChartToggle: 1, rotateChartState: 1, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionState: 1, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByExtentState: 1, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionState: 1, selectionTitle: 1, zoomToggle: 1, zoomState: 1, zoomTitle: 1, fullExtentToggle: 1, fullExtentState: 1, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionState: 1, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionState: 1, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, csvExportExclusionList: 0, exportActionState: 1, expanded: 5, hiddenActions: 0 };
   }
   static {
-    this.styles = W;
+    this.styles = R;
   }
   load() {
-    this.chartElement = N(this.el.parentElement) ? this.el.parentElement : void 0;
+    this.chartElement = _(this.el.parentElement) ? this.el.parentElement : void 0;
   }
   updated() {
     this.handleExpandTooltip();
@@ -59,10 +53,10 @@ class Z extends V {
         this.editChartToggle = this.editChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.editChartToggle === t.Active;
         break;
       case e.Legend:
-        this.legendToggle = this.legendToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.legendToggle === t.Active, h(this.chartElement?.model) && k(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (h(this.chartElement.model) ? k(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
+        this.legendToggle = this.legendToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.legendToggle === t.Active, r(this.chartElement?.model) && D(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (r(this.chartElement.model) ? D(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
         break;
       case e.RotateChart:
-        this.rotateChartToggle = this.rotateChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.rotateChartToggle === t.Active, this.chartElement?.model && (h(this.chartElement.model) ? L(this.chartElement.model) && (this.chartElement.model.rotatedState = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
+        this.rotateChartToggle = this.rotateChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.rotateChartToggle === t.Active, this.chartElement?.model && (r(this.chartElement.model) ? F(this.chartElement.model) && (this.chartElement.model.rotatedState = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
         break;
       case e.FilterBySelection:
         this.filterBySelectionToggle = this.filterBySelectionToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.filterBySelectionToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.filterBySelection = i.actionActive);
@@ -74,7 +68,7 @@ class Z extends V {
         this.selectionToggle = t.Active, this.zoomToggle = t.Inactive, i.actionActive = this.selectionToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = this.actionBarSelectionMode);
         break;
       case e.Zoom:
-        this.zoomToggle = t.Active, this.selectionToggle = t.Inactive, i.actionActive = this.zoomToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = M.Zoom);
+        this.zoomToggle = t.Active, this.selectionToggle = t.Inactive, i.actionActive = this.zoomToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = I.Zoom);
         break;
       case e.ClearSelection:
         i.actionActive = this.clearSelectionToggle === t.Active, this.chartElement?.clearSelection();
@@ -102,8 +96,8 @@ class Z extends V {
   }
   handleSlotChange(l) {
     const i = l.currentTarget.assignedElements();
-    for (const r of i)
-      r.onmouseover = this.handleMouseOver;
+    for (const h of i)
+      h.onmouseover = this.handleMouseOver;
   }
   setCustomActionsExpanded() {
     this.el.querySelectorAll("calcite-action").forEach((l) => {
@@ -113,7 +107,7 @@ class Z extends V {
   }
   handleExpandTooltip() {
     this.expandAction === null && (this.expandAction = this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action") ?? null, this.expandAction !== null && (this.listenOn(this.expandAction, "mouseenter", () => {
-      !this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = y(c`<calcite-tooltip style=${B({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand ?? ""}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
+      !this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = C(c`<calcite-tooltip style=${y({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand ?? ""}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
     }), this.listenOn(this.expandAction, "mouseleave", () => {
       !this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = n(this.actionTooltip));
     }), this.listenOn(this.expandAction, "click", () => {
@@ -121,19 +115,19 @@ class Z extends V {
     })));
   }
   renderDefaultActions() {
-    const l = _(this.chartType).filter((w) => !this.hiddenActions?.includes(w)), a = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = l.includes(e.EditChart), r = l.includes(e.Legend), g = l.includes(e.RotateChart), m = l.includes(e.FilterBySelection), u = l.includes(e.FilterByExtent) && !a, A = l.includes(e.Zoom), v = l.includes(e.Selection), p = l.includes(e.ClearSelection), f = l.includes(e.FullExtent), T = l.includes(e.SwitchSelection), S = l.includes(e.ExportAsImage), x = l.includes(e.ExportAsCSV);
+    const l = z(this.chartType).filter((M) => !this.hiddenActions?.includes(M)), a = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = l.includes(e.EditChart), h = l.includes(e.Legend), d = l.includes(e.RotateChart), g = l.includes(e.FilterBySelection), m = l.includes(e.FilterByExtent) && !a, p = l.includes(e.Zoom), u = l.includes(e.Selection), x = l.includes(e.ClearSelection), A = l.includes(e.FullExtent), v = l.includes(e.SwitchSelection), f = l.includes(e.ExportAsImage), E = l.includes(e.ExportAsCSV);
     return [
-      r || g ? c`<calcite-action-group>${i ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .active=${this.editChartToggle === t.Active} .disabled=${this.editChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${r ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? s} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .active=${this.legendToggle === t.Active} .disabled=${this.legendState === o.Disabled || 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 ?? s} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .active=${this.rotateChartToggle === t.Active} .disabled=${this.rotateChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      m || u ? c`<calcite-action-group>${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? s} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .active=${this.filterBySelectionToggle === t.Active} .disabled=${this.filterBySelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? s} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .active=${this.filterByExtentToggle === t.Active} .disabled=${this.filterByExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      v || A || f || p || T ? c`<calcite-action-group>${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? s} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? s} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? s} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? s} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${T ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? s} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
-      S || x ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${C(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .disabled=${this.exportActionState === o.Disabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${S ? c`<div><calcite-action id=${e.ExportAsImage ?? s} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${x ? c`<div><calcite-action id=${e.ExportAsCSV ?? s} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === o.Disabled || this.forceDisableActions || this.chartType && this.disableCSVExportForChartTypes.includes(this.chartType)} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}</calcite-action-menu>` : null
+      h || d ? c`<calcite-action-group>${i ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .textEnabled=${this.expanded} .active=${this.editChartToggle === t.Active} .disabled=${this.editChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${h ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? s} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .textEnabled=${this.expanded} .active=${this.legendToggle === t.Active} .disabled=${this.legendState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>` : null}${d ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart ?? s} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle === t.Active} .disabled=${this.rotateChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      g || m ? c`<calcite-action-group>${g ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? s} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle === t.Active} .disabled=${this.filterBySelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? s} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle === t.Active} .disabled=${this.filterByExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      u || p || A || x || v ? c`<calcite-action-group>${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? s} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .textEnabled=${this.expanded} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? s} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .textEnabled=${this.expanded} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${x ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? s} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? s} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? s} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
+      f || E ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${b(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .textEnabled=${this.expanded} .disabled=${this.exportActionState === o.Disabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${f ? c`<div><calcite-action id=${e.ExportAsImage ?? s} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${E ? c`<div><calcite-action id=${e.ExportAsCSV ?? s} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === o.Disabled || 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
     ];
   }
   render() {
-    return c`<calcite-action-bar class=${F(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${C(this.calciteActionBar)}><slot name=${E.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${E.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
+    return c`<calcite-action-bar class=${L(N.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${b(this.calciteActionBar)}><slot name=${T.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${T.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
   }
 }
-O("arcgis-charts-action-bar", Z);
+w("arcgis-charts-action-bar", Z);
 export {
   Z as ArcgisChartsActionBar
 };

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

@@ -3,16 +3,16 @@ import { c as t } from "../../chunks/runtime.js";
 import { css as o, html as n } from "lit";
 import { u as e } from "../../chunks/useT9n.js";
 import { LitElement as d } from "@arcgis/lumina";
-const u = o`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width)}`;
-class l extends d {
+const l = o`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width)}`;
+class u extends d {
   constructor() {
-    super(...arguments), this._messages = e(), this.open = !1;
+    super(...arguments), this._messages = e(), this.open = !1, this.showMinXBoundOption = !1, this.showMaxXBoundOption = !1, this.showMinYBoundOption = !1, this.showMaxYBoundOption = !1, this.showEnableXLogOption = !1, this.showEnableYLogOption = !1;
   }
   static {
     this.properties = { messageOverrides: 0, model: 0, calculatedDataMinMaxBounds: 0, open: 5, showMinXBoundOption: 5, showMaxXBoundOption: 5, showMinYBoundOption: 5, showMaxYBoundOption: 5, showEnableXLogOption: 5, showEnableYLogOption: 5, calculatedMinMaxBounds: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = l;
   }
   getMinFromCalculatedDataBounds(i) {
     return this.calculatedDataMinMaxBounds?.find((a) => a.isXAxis === i)?.minimum ?? Number.NaN;
@@ -25,7 +25,7 @@ class l extends d {
     return n`<arcgis-charts-config-axis .model=${this.model} is-x-axis .axisTitle=${this._messages.xAxis} .showMinBoundOption=${this.showMinXBoundOption} .showMaxBoundOption=${this.showMaxXBoundOption} .showEnableLogOption=${this.showEnableXLogOption} .dataMinValue=${this.getMinFromCalculatedDataBounds(!0)} .dataMaxValue=${this.getMaxFromCalculatedDataBounds(!0)} .initialMaxBound=${i?.maximum} .initialMinBound=${i?.minimum}></arcgis-charts-config-axis><arcgis-charts-config-axis .model=${this.model} .axisTitle=${this._messages.yAxis} .showMinBoundOption=${this.showMinYBoundOption} .showMaxBoundOption=${this.showMaxYBoundOption} .showEnableLogOption=${this.showEnableYLogOption} .dataMinValue=${this.getMinFromCalculatedDataBounds(!1)} .dataMaxValue=${this.getMaxFromCalculatedDataBounds(!1)} .initialMaxBound=${s?.maximum} .initialMinBound=${s?.minimum}></arcgis-charts-config-axis>`;
   }
 }
-t("arcgis-charts-config-axes", l);
+t("arcgis-charts-config-axes", u);
 export {
-  l as ArcgisChartsConfigAxes
+  u as ArcgisChartsConfigAxes
 };

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/type";
-import { W as l } from "../../chunks/series-types.js";
+import { u as l } from "../../chunks/series-types.js";
 import { debounce as m } from "lodash-es";
 import { g as f, s as N } from "../../chunks/store.js";
 import { i as c, m as M, U as a, a as x, s as g } from "../../chunks/chart-ui-utils2.js";
 import { A as B } from "../../chunks/axis-model-wrapper.js";
 import { u as p } from "../../chunks/useT9n.js";
-import { css as C, html as s } from "lit";
+import { css as v, html as s } from "lit";
 import { createRef as r, ref as h } from "lit/directives/ref.js";
-import { LitElement as v, renderElement as I, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as C, renderElement as I, safeClassMap as d } from "@arcgis/lumina";
 const o = {
   linkContainer: "link-container",
   label: "label",
   mb2: "mb-2"
-}, E = C`.hide{display:none}.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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`;
-class L extends v {
+}, E = v`.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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`;
+class L extends C {
   constructor() {
     super(...arguments), this._messages = p(), this.commonStrings = p({ name: "common", blocking: !0 }), this.axisModel = new B(), this.minBoundInputElement = r(), this.maxBoundInputElement = r(), this.showLogScaleSwitch = r(), this.defaultMinBound = Number.NaN, this.defaultMaxBound = Number.NaN, this.onMaxBoundsChange = () => {
       const t = this.maxBoundInputElement.value?.value;
@@ -59,7 +59,7 @@ class L extends v {
       }), e !== a.INVALID && this.maxBoundInputElement.value?.status === a.INVALID && this.onMaxBoundsChange(), this.updateEnableLogarithmic(this.axisModel.getLogarithmic() && (this.dataMinValue ?? Number.NaN) > 0), this.requestUpdate();
     }, this.onMinBoundsChangeDebounced = m(this.onMinBoundsChange, x.DebounceTimer), this.onModelConfigChange = () => {
       this.requestUpdate();
-    }, this.disableMaxBoundResetBtn = !0, this.disableMinBoundResetBtn = !0, this.isXAxis = !1, this.axisTitle = "";
+    }, this.disableMaxBoundResetBtn = !0, this.disableMinBoundResetBtn = !0, this.isXAxis = !1, this.axisTitle = "", this.showMaxBoundOption = !1, this.showMinBoundOption = !1, this.showEnableLogOption = !1;
   }
   static {
     this.properties = { disableMaxBoundResetBtn: 16, disableMinBoundResetBtn: 16, messageOverrides: 0, model: 0, isXAxis: 5, axisTitle: 1, maxBoundMaxLimit: 9, maxBoundMinLimit: 9, minBoundMinLimit: 9, minBoundMaxLimit: 9, showMaxBoundOption: 5, showMinBoundOption: 5, showEnableLogOption: 5, dataMaxValue: 9, dataMinValue: 9, initialMaxBound: 9, initialMinBound: 9 };

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

@@ -3,41 +3,46 @@ import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as r } from "lodash-es";
 import "luxon";
-import "d3-array";
-import "@arcgis/toolkit/type";
 import "../../chunks/series-types.js";
-import { bF as n, bH as c, bM as h } from "../../chunks/index.js";
+import "@arcgis/toolkit/type";
+import { bz as n, a8 as d, cK as c } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
 import "@esri/arcgis-html-sanitizer";
-import "@arcgis/core/intl.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/layers/support/CodedValueDomain.js";
+import "@arcgis/core/intl.js";
 import "simple-statistics";
 import "@arcgis/core/request.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/core/sql.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import { b as d, h as m } from "../../chunks/index4.js";
+import { o as h, h as p } from "../../chunks/index4.js";
+import "@arcgis/core/applications/Components/imageryUtils.js";
+import "@arcgis/core/geometry/Extent.js";
+import "@arcgis/core/geometry/Point.js";
 import "@arcgis/toolkit/dom";
-import { LitElement as g, createEvent as p } from "@arcgis/lumina";
-import { css as f, html as a } from "lit";
-import { C as o } from "../../chunks/interfaces.js";
-const u = f`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
-class C extends g {
+import { LitElement as m, createEvent as f } from "@arcgis/lumina";
+import { css as g, html as o } from "lit";
+import { C as a } from "../../chunks/interfaces.js";
+const u = g`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
+class C extends m {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const i = e?.detail.config ?? this.model.config;
       this.layer === void 0 && await this.updateFetchLayerFieldsInfo(i);
-    }, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = p();
+    }, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.usePopupTemplateFieldsInfo = !1, this.arcgisChartsConfigNoSeriesUpdate = f();
   }
   static {
-    this.properties = { layerFieldsInfo: 16, activeColorMatch: 16, model: 0, timeZone: 1, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5 };
+    this.properties = { layerFieldsInfo: 16, activeColorMatch: 16, model: 0, timeZone: 1, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
   }
   static {
     this.styles = u;
@@ -47,7 +52,7 @@ class C extends g {
   }
   willUpdate(e) {
     let t = !1;
-    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && this.layer !== void 0 && !r(e.get("layer"), this.layer) && (t = !0), e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== void 0 && this.usePopupTemplateFieldsInfo !== e.get("usePopupTemplateFieldsInfo") && (t = !0), e.has("seriesColor") && this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.layerFieldsInfo === void 0 && (t = !0), t && this.updateFetchLayerFieldsInfo();
+    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && this.layer !== void 0 && !r(e.get("layer"), this.layer) && (t = !0), (e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== void 0 && this.usePopupTemplateFieldsInfo !== e.get("usePopupTemplateFieldsInfo") || e.has("popupTemplateFieldInfosEnabled") && this.popupTemplateFieldInfosEnabled !== void 0 && this.popupTemplateFieldInfosEnabled !== e.get("popupTemplateFieldInfosEnabled")) && (t = !0), e.has("seriesColor") && this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.layerFieldsInfo === void 0 && (t = !0), t && this.updateFetchLayerFieldsInfo();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
@@ -57,7 +62,7 @@ class C extends g {
   }
   seriesColorChange(e) {
     this.activeColorMatch = e?.get(0) === void 0, this.model.colorMatch && e?.forEach((t, i) => {
-      d(t) && e?.get(0) !== void 0 && t?.color !== void 0 && !r(this.model.getSeriesColor(i), t?.color) && this.model.setSeriesColor(t?.color, i);
+      h(t) && e?.get(0) !== void 0 && t?.color !== void 0 && !r(this.model.getSeriesColor(i), t?.color) && this.model.setSeriesColor(t?.color, i);
     });
   }
   async updateDataFilters() {
@@ -71,32 +76,32 @@ class C extends g {
     const t = e ?? this.model.config;
     let i = this.layer;
     if (!i) {
-      const s = m(t) ? t.iLayer : void 0;
+      const s = p(t) ? t.iLayer : void 0;
       s && (i = await n(s));
     }
-    i && (this.layerFieldsInfo = await c(i, this.usePopupTemplateFieldsInfo));
+    i && (await i.load(), this.layerFieldsInfo = d(i, this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled));
   }
   render() {
-    const e = this.layerFieldsInfo?.find((s) => s.name === this.model.xAxisField), t = e !== void 0 && h(e);
+    const e = this.layerFieldsInfo?.find((s) => s.name === this.model.xAxisField), t = e !== void 0 && c(e);
     let i;
     switch (this.page) {
-      case o.Data:
-        i = a`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;
+      case a.Data:
+        i = o`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;
         break;
-      case o.Series:
-        i = a`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;
+      case a.Series:
+        i = o`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;
         break;
-      case o.Axes:
-        i = a`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;
+      case a.Axes:
+        i = o`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;
         break;
-      case o.Guides:
-        i = a`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${t} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;
+      case a.Guides:
+        i = o`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${t} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;
         break;
-      case o.Format:
-        i = a`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;
+      case a.Format:
+        i = o`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;
         break;
-      case o.General:
-        i = a`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
+      case a.General:
+        i = o`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
         break;
       default:
         i = "";

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

@@ -4,28 +4,41 @@ import { keyed as $ } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as f } from "lodash-es";
 import "luxon";
-import "d3-array";
-import { bK as I, br as k, bs as O, b as D, cY as y, cZ as E, dj as P, o as F, dg as B, bM as _, d3 as N } from "../../chunks/index.js";
-import { a as g, i as A, W as p, m as b } from "../../chunks/series-types.js";
+import { r as g, s as I, u as p, m as b } from "../../chunks/series-types.js";
+import { bK as F, ay as k, bg as O, x as D, bn as y, bs as E, e7 as P, aq as B, C as A, cK as _, ca as N } from "../../chunks/index.js";
 import "@arcgis/toolkit/type";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/layers/support/CodedValueDomain.js";
+import "@arcgis/core/intl.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/core/sql.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
+import "@arcgis/core/applications/Components/imageryUtils.js";
+import "@arcgis/core/geometry/Extent.js";
+import "@arcgis/core/geometry/Point.js";
 import "@arcgis/toolkit/dom";
-import "@arcgis/core/intl.js";
 import { r as U } from "../../chunks/popover-ui-utils.js";
 import { S as d } from "../../chunks/common.js";
 import { repeat as V } from "lit/directives/repeat.js";
-import { B as a, c as C } from "../../chunks/interfaces.js";
-import { d as M, s as S, r as z, a as K } from "../../chunks/store.js";
+import { B as a, d as C } from "../../chunks/interfaces.js";
+import { d as z, s as S, r as K, a as M } from "../../chunks/store.js";
 import { a as R } from "../../chunks/chart-ui-utils2.js";
 import { u as L } from "../../chunks/useT9n.js";
 import { css as j, html as n, nothing as H } from "lit";
 import { createRef as c, ref as m } from "lit/directives/ref.js";
-import { LitElement as W, createEvent as v, safeClassMap as l, renderElement as q } from "@arcgis/lumina";
+import { LitElement as q, createEvent as v, safeClassMap as l, renderElement as W } from "@arcgis/lumina";
 import { x as Z } from "../../chunks/data.js";
 const r = {
   label: "label",
@@ -38,14 +51,14 @@ const r = {
   customSortButtons: "custom-sort-buttons",
   dimText: "dim-text",
   intervalContainer: "interval-container"
-}, G = j`.hide{display:none}.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)}.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 Y extends W {
+}, G = 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)}.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 q {
   constructor() {
     super(...arguments), this._messages = L(), this.commonStrings = L({ 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 {
         if (e.detail !== null && e.detail?.value !== void 0) {
           const { contentKind: t } = e.detail, i = [...e.detail.value];
-          switch (M(S), t) {
+          switch (z(S), t) {
             case a.aggregation:
               this.model.aggregationType = i[0] !== g.NoAggregation ? i[0] : g.NoAggregation;
               break;
@@ -58,7 +71,7 @@ class Y extends W {
               break;
             }
             case a.numericFields:
-              if (this.model.numericFields = i, (this.model.numericFields ?? []).length > 0 && this.model.aggregationType === g.Count && this.model.numericFields[0] !== I(this.model.layer).idField && (this.model.aggregationType = g.Sum), this.model.getSortOrder() === d.customSort) {
+              if (this.model.numericFields = i, (this.model.numericFields ?? []).length > 0 && this.model.aggregationType === g.Count && this.model.numericFields[0] !== F(this.model.layer).idField && (this.model.aggregationType = g.Sum), this.model.getSortOrder() === d.customSort) {
                 const s = await this.updateCustomSortProps();
                 this.model.orderByList = s, this.sortOrderResetCounter += 1;
               }
@@ -87,7 +100,7 @@ class Y extends W {
             default:
               break;
           }
-          t !== a.interval && t !== a.intervalAlignment && z(S);
+          t !== a.interval && t !== a.intervalAlignment && K(S);
         }
       } catch (t) {
         throw this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
@@ -97,7 +110,7 @@ class Y extends W {
       this.requestUpdate();
     }, this.popoverClose = (e) => {
       this.barChartPopover === e?.target && this.removeBarChartDataPopover();
-    }, this.selectedCustomSortItemId = "", this.sortOrderResetCounter = 0, this.layerFieldsInfo = [], this.arcgisChartsConfigBarChartDataNumericFieldValidate = v(), this.arcgisChartsConfigDataChangeError = v(), this.arcgisChartsConfigResetTimeInterval = v(), this.arcgisChartsConfigCustomizedTimeInterval = v();
+    }, this.selectedCustomSortItemId = "", this.sortOrderResetCounter = 0, this.layerFieldsInfo = [], this.open = !1, this.arcgisChartsConfigBarChartDataNumericFieldValidate = v(), this.arcgisChartsConfigDataChangeError = v(), this.arcgisChartsConfigResetTimeInterval = v(), this.arcgisChartsConfigCustomizedTimeInterval = v();
   }
   static {
     this.properties = { selectedCustomSortItemId: 16, aggregationLabel: 16, timeAggregationLabel: 16, disableSplitBy: 16, sortOrderResetCounter: 16, messageOverrides: 0, model: 0, layerFieldsInfo: 0, open: 5 };
@@ -207,12 +220,12 @@ class Y extends W {
     e.stopImmediatePropagation(), this.removeBarChartDataPopover();
     const t = {
       size: this.model.temporalBinningSize ?? 1,
-      unit: this.model.temporalBinningUnit ?? A.Second
+      unit: this.model.temporalBinningUnit ?? I.Second
     };
     let i, s, o, h = !1, u = !1;
     switch (this.contentKind) {
       case a.aggregation:
-        i = this.aggregationElement.value, s = this._messages.aggregationHeader, h = F(this.model.config.series ?? []) === B.BarAndLineFromFields, o = this.model.aggregationType;
+        i = this.aggregationElement.value, s = this._messages.aggregationHeader, h = B(this.model.config.series ?? []) === A.BarAndLineFromFields, o = this.model.aggregationType;
         break;
       case a.category:
         i = this.categoryElement.value, s = this._messages.categoryHeader, o = this.model.xAxisField;
@@ -233,7 +246,7 @@ class Y extends W {
         i = this.intervalAlignmentElement.value, s = this._messages.intervalAlignment, o = this.model.timeAggregationType ?? "";
         break;
     }
-    this.barChartPopover = q(n`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .isCustomSortDisabled=${u} .isNoAggregationDisabled=${h} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`), !document.body.contains(this.barChartPopover) && this.barChartPopover !== null && document.body.appendChild(this.barChartPopover);
+    this.barChartPopover = W(n`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .isCustomSortDisabled=${u} .isNoAggregationDisabled=${h} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`), !document.body.contains(this.barChartPopover) && this.barChartPopover !== null && document.body.appendChild(this.barChartPopover);
   }
   removeBarChartDataPopover() {
     this.barChartPopover !== null && (this.barChartPopover.open = !1, this.barChartPopover = U(this.barChartPopover));
@@ -266,17 +279,17 @@ class Y extends W {
     return n`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderNumericFields(e) {
-    const t = I(this.model.layer).idField, i = [];
+    const t = F(this.model.layer).idField, i = [];
     for (const s of e)
       s !== t && i.push(this.buildNumericFieldItem(s));
     return n`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   renderCustomSortUI() {
     const e = this.model.getSortOrder(), t = this.model.getAxisValueFormat(0)?.type, i = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
-    return t === p.CategoryAxisFormat && e === d.customSort && !this.isCustomSortDisabled ? n`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${i === 0 || i === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${i === -1 || i === this.model.orderByList.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${F(this.model.config.series ?? []) === B.BarAndLineFromFields ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
+    return t === p.CategoryAxisFormat && e === d.customSort && !this.isCustomSortDisabled ? n`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${i === 0 || i === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${i === -1 || i === this.model.orderByList.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series ?? []) === A.BarAndLineFromFields ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
   }
   renderInterval() {
-    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = N(this.model.temporalBinningUnit ?? A.Second, this._messages) ?? "", s = K(S), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = N(this.model.temporalBinningUnit ?? I.Second, this._messages) ?? "", s = M(S), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, h = f(o, s);
@@ -297,7 +310,7 @@ class Y extends W {
     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}${u}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${x}</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><calcite-label class=${l(r.label)}>${this._messages.emptyBins}${T}</calcite-label></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 === p.DateAxisFormat ? r.disabledLabel : r.label)}>${this._messages.sortOrder}${s}</calcite-label>${h}`;
   }
 }
-w("arcgis-charts-config-bar-chart-data", Y);
+w("arcgis-charts-config-bar-chart-data", J);
 export {
-  Y as ArcgisChartsConfigBarChartData
+  J as ArcgisChartsConfigBarChartData
 };