@arcgis/charts-components 5.1.0-next.85 → 5.1.0-next.86

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

@@ -1,47 +1,44 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as O } from "../../chunks/runtime.js";
-import { css as z, html as a } 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 a } from "lit";
+import { c as S } from "../../chunks/interfaces.js";
+import { i as z, g as _ } from "../../chunks/type-guards2.js";
+import { u as E } 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 F, nothing as s } from "@arcgis/lumina";
 import { d as n } from "../../chunks/chart-ui-utils2.js";
-import { b as h, k } from "../../chunks/type-guards.js";
+import { b as r, k as D } from "../../chunks/type-guards.js";
 import "@arcgis/toolkit/type";
-import { u as I } from "../../chunks/series-types.js";
+import { u as k } 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 { A as M } from "../../chunks/index.js";
-function N(d) {
-  return d?.tagName.toLowerCase() === "arcgis-chart";
-}
-const R = {
+import { A as I } from "../../chunks/index.js";
+const N = {
   actionBar: "action-bar"
-}, 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 V {
+}, 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 = E(), this.commonStrings = E({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
       if (this.calciteActionBar.value && !this.calciteActionBar.value?.expanded) {
         const c = l.target;
         this.actionTooltip !== void 0 && (this.actionTooltip = n(this.actionTooltip));
         let i;
-        c?.tagName === "CALCITE-ACTION" ? i = c : (c?.tagName === "CALCITE-ACTION-MENU" || c?.tagName === "DIV") && (i = c.firstChild), i !== void 0 && (this.actionTooltip = y(a`<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));
+        c?.tagName === "CALCITE-ACTION" ? i = c : (c?.tagName === "CALCITE-ACTION-MENU" || c?.tagName === "DIV") && (i = c.firstChild), i !== void 0 && (this.actionTooltip = C(a`<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.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 = [
+      k.ScatterSeries,
+      k.BoxPlotSeries
+    ], 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 };
   }
   static {
-    this.styles = Z;
+    this.styles = R;
   }
   load() {
-    this.chartElement = N(this.el.parentElement) ? this.el.parentElement : void 0;
+    this.chartElement = z(this.el.parentElement) ? this.el.parentElement : void 0;
   }
   updated() {
     this.handleExpandTooltip();
@@ -59,10 +56,10 @@ class W 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) ? L(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 +71,7 @@ class W 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 +99,8 @@ class W 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 +110,7 @@ class W 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(a`<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(a`<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 +118,19 @@ class W extends V {
     })));
   }
   renderDefaultActions() {
-    const l = _(this.chartType).filter((w) => !this.hiddenActions?.includes(w)), c = 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), p = l.includes(e.FilterByExtent) && !c, u = l.includes(e.Zoom), A = l.includes(e.Selection), v = l.includes(e.ClearSelection), x = l.includes(e.FullExtent), f = l.includes(e.SwitchSelection), T = l.includes(e.ExportAsImage), S = l.includes(e.ExportAsCSV);
+    const l = _(this.chartType).filter((M) => !this.hiddenActions?.includes(M)), c = 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) && !c, p = l.includes(e.Zoom), A = l.includes(e.Selection), u = l.includes(e.ClearSelection), v = l.includes(e.FullExtent), x = l.includes(e.SwitchSelection), f = l.includes(e.ExportAsImage), T = l.includes(e.ExportAsCSV);
     return [
-      r || g ? a`<calcite-action-group>${i ? a`<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}${r ? a`<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}${g ? a`<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,
-      m || p ? a`<calcite-action-group>${m ? a`<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}${p ? a`<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,
-      A || u || x || v || f ? a`<calcite-action-group>${u ? a`<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}${A ? a`<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}${v ? a`<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}${x ? a`<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}${f ? a`<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,
-      T || S ? a`<calcite-action-menu .label=${this._messages?.export ?? ""} ${C(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>${T ? a`<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}${S ? a`<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 ? a`<calcite-action-group>${i ? a`<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 ? a`<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 ? a`<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 ? a`<calcite-action-group>${g ? a`<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 ? a`<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,
+      A || p || v || u || x ? a`<calcite-action-group>${p ? a`<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}${A ? a`<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}${u ? a`<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}${v ? a`<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}${x ? a`<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 || T ? a`<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 ? a`<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}${T ? a`<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
     ];
   }
   render() {
-    return a`<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 a`<calcite-action-bar class=${F(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=${S.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${S.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
   }
 }
-O("arcgis-charts-action-bar", W);
+w("arcgis-charts-action-bar", Z);
 export {
-  W as ArcgisChartsActionBar
+  Z as ArcgisChartsActionBar
 };

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

@@ -5,7 +5,7 @@ import { isEqual as r } from "lodash-es";
 import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { bx as n, a8 as c, cH as h } from "../../chunks/index.js";
+import { by as n, a8 as c, cJ as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -5,7 +5,7 @@ import "@arcgis/toolkit/intl";
 import { isEqual as f } from "lodash-es";
 import "luxon";
 import { r as g, s as I, u as p, m as b } from "../../chunks/series-types.js";
-import { bI as F, ax as k, bf as O, x as D, bm as y, br as E, e3 as P, ap as B, C as A, cH as _, c8 as N } from "../../chunks/index.js";
+import { bJ as F, ay as k, bg as O, x as D, bn as y, bs as E, e6 as P, aq as B, C as A, cJ as _, c9 as N } from "../../chunks/index.js";
 import "@arcgis/toolkit/type";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
@@ -32,10 +32,10 @@ import "@arcgis/toolkit/dom";
 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 { B as a, d as C } from "../../chunks/interfaces.js";
 import { d as z, s as S, r as M, a as R } from "../../chunks/store.js";
 import { a as K } from "../../chunks/chart-ui-utils2.js";
-import { u as x } from "../../chunks/useT9n.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 q, createEvent as v, safeClassMap as l, renderElement as W } from "@arcgis/lumina";
@@ -51,10 +51,10 @@ const r = {
   customSortButtons: "custom-sort-buttons",
   dimText: "dim-text",
   intervalContainer: "interval-container"
-}, 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 {
+}, J = 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 G extends q {
   constructor() {
-    super(...arguments), this._messages = x(), this.commonStrings = x({ 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) => {
+    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];
@@ -116,7 +116,7 @@ class J extends q {
     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();
@@ -306,11 +306,11 @@ class J extends q {
     return n`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${b.Zero} .checked=${this.model.nullPolicy === b.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${b.Null} .checked=${this.model.nullPolicy === b.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`;
   }
   render() {
-    const e = this.renderAggregation(), t = this.renderCategory(), i = this.renderSplitBy(), s = this.renderSorting(), o = this.renderNumericFields([...this.model.numericFields ?? []]), h = this.renderCustomSortUI(), u = this.renderInterval(), L = this.renderIntervalAlignment(), T = this.renderEmptyBins();
-    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}${L}</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}`;
+    const e = this.renderAggregation(), t = this.renderCategory(), i = this.renderSplitBy(), s = this.renderSorting(), o = this.renderNumericFields([...this.model.numericFields ?? []]), h = this.renderCustomSortUI(), u = this.renderInterval(), x = this.renderIntervalAlignment(), T = this.renderEmptyBins();
+    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", 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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as F } from "../../chunks/runtime.js";
+import { c as S } from "../../chunks/runtime.js";
 import { repeat as b } from "lit/directives/repeat.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/type";
-import { t as g, r as S, s as p } from "../../chunks/series-types.js";
+import { t as g, r as F, s as p } from "../../chunks/series-types.js";
 import { R as C } from "../../chunks/rest-js-object-literals.js";
 import { LitElement as T, createEvent as y, renderElement as A, safeStyleMap as P, safeClassMap as c } from "@arcgis/lumina";
 import { substitute as D } from "@arcgis/core/intl.js";
@@ -15,7 +15,7 @@ import { B as n } from "../../chunks/interfaces.js";
 import { S as m } from "../../chunks/common.js";
 import "@arcgis/toolkit/intl";
 import "luxon";
-import { ax as E, bf as z, bk as N, bm as w, cQ as k, cH as B, da as K, cU as _, c8 as H } from "../../chunks/index.js";
+import { ay as E, bg as z, bl as N, bn as w, cS as k, cJ as B, dc as K, cW as _, c9 as O } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -36,8 +36,8 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/applications/Components/imageryUtils.js";
 import "@arcgis/core/geometry/Extent.js";
 import "@arcgis/core/geometry/Point.js";
-import { e as O, p as U } from "../../chunks/popover-ui-utils.js";
-import { b as v, a as I, c as h, d as j, e as M, s as W } from "../../chunks/chart-ui-utils2.js";
+import { e as j, p as H } from "../../chunks/popover-ui-utils.js";
+import { b as v, a as I, c as h, d as M, e as U, s as W } from "../../chunks/chart-ui-utils2.js";
 const R = x`.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}.pick-list-item-label{font-size:small}.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 = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
@@ -74,13 +74,13 @@ class q extends T {
   updated() {
     setTimeout(() => {
       this.picklist.value?.setFocus();
-    }, I.PopoverTimer), O(this.popoverElement.value, this.open);
+    }, I.PopoverTimer), j(this.popoverElement.value, this.open);
   }
   selectedContentChange(e, t) {
-    this.pickListHasChanged = U(e, t);
+    this.pickListHasChanged = H(e, t);
   }
   buildAggregationListItems() {
-    const e = this.isNoAggregationDisabled ? v.filter((t) => t !== S.NoAggregation) : v;
+    const e = this.isNoAggregationDisabled ? v.filter((t) => t !== F.NoAggregation) : v;
     return b(e, (t) => t, (t, i) => a`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t, this.selectedContent)}></calcite-list-item>`);
   }
   createTooltip(e) {
@@ -92,7 +92,7 @@ class q extends T {
     }
   }
   destroyTooltip() {
-    j(this.tooltip);
+    M(this.tooltip);
   }
   buildSortOrder() {
     const e = Object.keys(m);
@@ -165,7 +165,7 @@ class q extends T {
         eventEmitter: this.arcgisChartsConfigBarChartDataPopoverChange,
         contentKind: this.contentKind
       };
-      M(e);
+      U(e);
     }
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
@@ -227,7 +227,7 @@ class q extends T {
       p.Month,
       p.Year
     ];
-    return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${W(e?.size, 1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${d(this.intervalTypeElement)}>${t.map((i) => a`<calcite-option .value=${i} .label=${H(i, this._messages)} .selected=${e?.unit === i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${W(e?.size, 1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${d(this.intervalTypeElement)}>${t.map((i) => a`<calcite-option .value=${i} .label=${O(i, this._messages)} .selected=${e?.unit === i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   renderPopoverInfo() {
     let e;
@@ -261,7 +261,7 @@ class q extends T {
     return this.contentKind === n.numericFields && (e = a`<div slot=footer><calcite-fab class=${c(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>`), a`<div class=${c(o.jsAppFlyout)}><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${c(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-F("arcgis-charts-config-bar-chart-popover", q);
+S("arcgis-charts-config-bar-chart-popover", q);
 export {
   q as ArcgisChartsConfigBarChartPopover
 };

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

@@ -6,7 +6,7 @@ import "lodash-es";
 import "luxon";
 import { q as r, r as u } from "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { C as T, e3 as C } from "../../chunks/index.js";
+import { C as T, e6 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";

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

@@ -6,7 +6,7 @@ import "lodash-es";
 import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { dK as h } from "../../chunks/index.js";
+import { dN as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -5,7 +5,7 @@ import { isEqual as r } from "lodash-es";
 import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { bx as n, a8 as c } from "../../chunks/index.js";
+import { by as n, a8 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";

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

@@ -7,7 +7,7 @@ import { u as y } from "../../chunks/series-types.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as C } from "lodash-es";
 import "luxon";
-import { z as d, br as S, bm as g } from "../../chunks/index.js";
+import { z as d, bs as S, bn as g } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -32,7 +32,7 @@ import "@arcgis/core/geometry/Point.js";
 import "@arcgis/toolkit/dom";
 import { r as p } from "../../chunks/popover-ui-utils.js";
 import { repeat as v } from "lit/directives/repeat.js";
-import { a as l, c as m } from "../../chunks/interfaces.js";
+import { a as l, d as m } from "../../chunks/interfaces.js";
 import { d as $, s as F } from "../../chunks/store.js";
 import { a as x } from "../../chunks/chart-ui-utils2.js";
 import { u as I } from "../../chunks/useT9n.js";

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

@@ -9,7 +9,7 @@ import { R as u } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "luxon";
-import { bm as $, cQ as f, cU as y, bk as F } from "../../chunks/index.js";
+import { bn as $, cS as f, cW as y, bl as F } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -33,8 +33,8 @@ import "@arcgis/core/geometry/Extent.js";
 import "@arcgis/core/geometry/Point.js";
 import { e as P, p as I } from "../../chunks/popover-ui-utils.js";
 import { a as l } from "../../chunks/interfaces.js";
-import { a as g, e as x, c as h, d as D } from "../../chunks/chart-ui-utils2.js";
-import { u as S } from "../../chunks/useT9n.js";
+import { a as g, e as x, c as h, d as S } from "../../chunks/chart-ui-utils2.js";
+import { u as D } from "../../chunks/useT9n.js";
 import { css as T, html as r } from "lit";
 import { createRef as b, ref as p } from "lit/directives/ref.js";
 import { LitElement as E, createEvent as C, renderElement as w, safeStyleMap as B, safeClassMap as m } from "@arcgis/lumina";
@@ -52,7 +52,7 @@ const o = {
 }, N = T`.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}.pick-list-item-label{font-size:small}.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 E {
   constructor() {
-    super(...arguments), this._messages = S(), this.picklist = b(), this.placement = "leading", this.popoverElement = b(), this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.isCustomSortDisabled = !1, this.arcgisChartsConfigBoxPlotDataPopoverChange = C(), this.arcgisChartsConfigPopoverClose = C();
+    super(...arguments), this._messages = D(), this.picklist = b(), this.placement = "leading", this.popoverElement = b(), this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.isCustomSortDisabled = !1, this.arcgisChartsConfigBoxPlotDataPopoverChange = C(), this.arcgisChartsConfigPopoverClose = C();
   }
   static {
     this.properties = { messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, isCustomSortDisabled: 5, selectedContent: 1 };
@@ -179,7 +179,7 @@ class K extends E {
     }
   }
   destroyTooltip() {
-    D(this.tooltip);
+    S(this.tooltip);
   }
   renderCategory() {
     const e = this.buildPickListItems(l.category);

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

@@ -7,7 +7,7 @@ import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
 import { i as v } from "../../chunks/rest-js-object-literals.js";
-import { dK as d } from "../../chunks/index.js";
+import { dN as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -8,7 +8,7 @@ import { i as H } from "../../chunks/rotated-state.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as w } from "lodash-es";
 import "luxon";
-import { cV as D, dS as k, d5 as F, e3 as R, d7 as z, e6 as O, at as W, e7 as G, d8 as X, dU as Z } from "../../chunks/index.js";
+import { cX as D, dV as k, d7 as F, e6 as R, d9 as z, e9 as O, au as W, ea as X, da as G, dX as Z } from "../../chunks/index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -331,7 +331,7 @@ class pe extends Y {
   }
   getPlacement() {
     let e;
-    return this.popoverPlacement !== void 0 ? e = this.popoverPlacement : e = this.modelList?.filter((a) => F(G, a.config)).length <= 2 ? "bottom" : "top", e;
+    return this.popoverPlacement !== void 0 ? e = this.popoverPlacement : e = this.modelList?.filter((a) => F(X, a.config)).length <= 2 ? "bottom" : "top", e;
   }
   onBackFlow() {
     this.panelNumber -= 1;
@@ -418,7 +418,7 @@ class pe extends Y {
       activeLayerId: this.activeLayerId,
       disableEditing: this.disableEditing
     });
-    return V(e, (i) => i.id, (i) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${le(this.modelList, i.id.toString(), X(i.type) ? Z : this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
+    return V(e, (i) => i.id, (i) => h`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId !== void 0} .modelList=${le(this.modelList, i.id.toString(), G(i.type) ? Z : this.supportedChartTypes)} .selectedChartId=${this.selectedChartId ?? ""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`);
   }
   render() {
     return this.close ? null : h`<calcite-flow>${$("charts-list", h`<calcite-flow-item .selected=${this.panelNumber === 0 || this.disableEditing} .heading=${this.headerTitle ?? this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${te(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber >= 1 && !this.disableEditing ? this.renderTabs() : null}</calcite-flow>`;

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

@@ -7,7 +7,7 @@ import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
 import { i as u, c as s, b as c, a as r } from "../../chunks/rest-js-object-literals.js";
-import { be as d } from "../../chunks/index.js";
+import { bf as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -12,7 +12,7 @@ import { createRef as f, ref as $ } from "lit/directives/ref.js";
 import { LitElement as v, safeClassMap as i } from "@arcgis/lumina";
 import "@arcgis/toolkit/intl";
 import "luxon";
-import { cV as y } from "../../chunks/index.js";
+import { cX as y } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -5,7 +5,7 @@ import "@arcgis/toolkit/intl";
 import { cloneDeep as E } from "lodash-es";
 import "luxon";
 import { u as N } from "../../chunks/series-types.js";
-import { ab as g, r as Z, aw as k, c9 as F, a_ as q } from "../../chunks/index.js";
+import { ac as g, r as Z, ax as k, ca as F, a$ as q } from "../../chunks/index.js";
 import "@esri/arcgis-html-sanitizer";
 import "@arcgis/toolkit/type";
 import { i as u, g as z } from "../../chunks/rest-js-object-literals.js";

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

@@ -8,7 +8,7 @@ import { isEqual as m } from "lodash-es";
 import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { bx as h, a8 as d } from "../../chunks/index.js";
+import { by as h, a8 as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -6,12 +6,12 @@ import { css as H, html as l } from "lit";
 import { createRef as n, ref as c } from "lit/directives/ref.js";
 import { isEqual as O, parseInt as L, camelCase as N } from "lodash-es";
 import { DateTime as U } from "luxon";
-import { bI as B, cV as W, ax as V, e3 as x, H as q, bm as T, db as K, I as u } from "../../chunks/index.js";
+import { bJ as B, cX as W, ay as V, e6 as x, H as q, bn as T, dd as K, I as u } from "../../chunks/index.js";
 import { u as R } from "../../chunks/useT9n.js";
-import { d as s, W as y } from "../../chunks/interfaces.js";
-import { H as z } from "../../chunks/common.js";
+import { e as s, W as y } from "../../chunks/interfaces.js";
+import { H as X } from "../../chunks/common.js";
 import "@arcgis/toolkit/type";
-import { r as g, m as h, d as b, u as m, h as k, e as v, i as X } from "../../chunks/series-types.js";
+import { r as g, m as h, d as b, u as m, h as k, e as v, i as z } from "../../chunks/series-types.js";
 import { i as Z } from "../../chunks/rest-js-object-literals.js";
 import { x as j } from "../../chunks/data.js";
 import { i as G } from "../../chunks/utils.js";
@@ -298,7 +298,7 @@ class re extends D {
     this.heatChartPopover !== null && (this.heatChartPopover.open = !1, this.heatChartPopover = Y(this.heatChartPopover));
   }
   setDefaultPropertiesForCalendarHeatChart() {
-    G(this.model?.config) || ((this.model.xTemporalBinning === void 0 || this.model.yTemporalBinning === void 0) && this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth), this.model.yAxisField = this.model.xAxisField, this.model.setYAxisSortOrder(z.Desc), this.model.classificationMethod === void 0 && (this.model.classificationMethod = v.naturalBreaks), this.model.heatRulesType !== k.Renderer && (this.model.heatRulesType = k.Renderer), this.model.viewType === void 0 && (this.model.viewType = X.singleCalendarView), (this.model.aggregationType === g.Count || this.model.aggregationType === g.Sum) && this.model.nullPolicy !== h.Zero && (this.model.nullPolicy = h.Zero));
+    G(this.model?.config) || ((this.model.xTemporalBinning === void 0 || this.model.yTemporalBinning === void 0) && this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth), this.model.yAxisField = this.model.xAxisField, this.model.setYAxisSortOrder(X.Desc), this.model.classificationMethod === void 0 && (this.model.classificationMethod = v.naturalBreaks), this.model.heatRulesType !== k.Renderer && (this.model.heatRulesType = k.Renderer), this.model.viewType === void 0 && (this.model.viewType = z.singleCalendarView), (this.model.aggregationType === g.Count || this.model.aggregationType === g.Sum) && this.model.nullPolicy !== h.Zero && (this.model.nullPolicy = h.Zero));
   }
   renderXAxisFieldSelect() {
     const e = this.getCorrectedXAxisFieldValue();

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

@@ -7,9 +7,9 @@ import L from "@arcgis/core/Color.js";
 import { LitElement as T, createEvent as h, safeClassMap as r, nothing as g, safeStyleMap as P } from "@arcgis/lumina";
 import { createRef as u, ref as p } from "lit/directives/ref.js";
 import { isEqual as S } from "lodash-es";
-import { ax as A, bm as D, cH as E, cU as _, e3 as b, dK as N } from "../../chunks/index.js";
+import { ay as A, bn as D, cJ as E, cW as _, e6 as b, dN as N } from "../../chunks/index.js";
 import { u as v } from "../../chunks/useT9n.js";
-import { d as c, W as $ } from "../../chunks/interfaces.js";
+import { e as c, W as $ } from "../../chunks/interfaces.js";
 import "@arcgis/toolkit/type";
 import { r as B, i as y, e as C } from "../../chunks/series-types.js";
 import { R as M } from "../../chunks/rest-js-object-literals.js";
@@ -58,7 +58,7 @@ const j = F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.a
   panelChildrenContainer: "panel-children-container",
   colorRampPopoverFooter: "color-ramp-popover-footer"
 };
-class q extends T {
+class W extends T {
   constructor() {
     super(...arguments), this._messages = v(), this.commonStrings = v({ name: "common", blocking: !0 }), this.picklist = u(), this.popoverElement = u(), this.placement = "leading", this.offsetDistance = -200, this.availableColorRamps = [], this.selectedCategory = k.all, this.aggregationLabels = [], this.isFlipped = !1, this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigHeatChartColorRampChange = h(), this.arcgisChartsConfigHeatChartDataPopoverChange = h(), this.arcgisChartsConfigPopoverClose = h(), this.arcgisChartsConfigPopoverEmptyCellColorChange = h(), this.arcgisChartsConfigPopoverEmptyCellNameChange = h();
   }
@@ -287,7 +287,7 @@ class q extends T {
     return l`<div class=${r(s.jsAppFlyout)}><calcite-popover class=${r(s.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${r(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(s.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`;
   }
 }
-w("arcgis-charts-config-heat-chart-popover", q);
+w("arcgis-charts-config-heat-chart-popover", W);
 export {
-  q as ArcgisChartsConfigHeatChartPopover
+  W as ArcgisChartsConfigHeatChartPopover
 };

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

@@ -5,7 +5,7 @@ import { isEqual as r } from "lodash-es";
 import "luxon";
 import "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
-import { bx as n, a8 as h } from "../../chunks/index.js";
+import { by as n, a8 as h } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";