@arcgis/charts-components 5.2.0-next.1 → 5.2.0-next.10

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

@@ -169,6 +169,8 @@ export abstract class ArcgisChartsActionBar extends LitElement {
           };
           notifications: {
               invalidConfig: string;
+              invalidConfigForRaster: string;
+              invalidConfigTitle: string;
               invalidSeriesConfig: string;
               invalidSeriesConfigTitle: string;
               validateAggregationTypeMsg: string;
@@ -434,6 +436,8 @@ export abstract class ArcgisChartsActionBar extends LitElement {
           };
           notifications: {
               invalidConfig: string;
+              invalidConfigForRaster: string;
+              invalidConfigTitle: string;
               invalidSeriesConfig: string;
               invalidSeriesConfigTitle: string;
               validateAggregationTypeMsg: string;

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 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-guards3.js";
+import { css as O, html as a } from "lit";
+import { b as T } from "../../chunks/interfaces.js";
+import { a as _, g as z } from "../../chunks/type-guards3.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 { a as n } from "../../chunks/chart-ui-utils2.js";
 import { i as F } from "../../chunks/rotated-state.js";
-import { a as t, A as o, D as e } from "../../chunks/index7.js";
+import { a as t, A as o, D as e } from "../../chunks/index6.js";
 import { A as D } from "../../chunks/index3.js";
 import { u as k } from "../../chunks/chart-object-literals.js";
 import { b as r, k as I } from "../../chunks/type-guards2.js";
@@ -19,10 +19,10 @@ class Z extends V {
   constructor() {
     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;
+        const c = 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 = 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));
+        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._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 = D.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();
@@ -43,11 +43,11 @@ class Z extends V {
     super.disconnectedCallback(), this.actionTooltip?.remove();
   }
   async onDefaultActionClick(l) {
-    const a = l.currentTarget, i = {
-      actionId: a.id,
+    const c = l.currentTarget, i = {
+      actionId: c.id,
       actionActive: !1
     };
-    switch (a.id) {
+    switch (c.id) {
       case e.EditChart:
         this.editChartToggle = this.editChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.editChartToggle === t.Active;
         break;
@@ -100,13 +100,13 @@ class Z extends V {
   }
   setCustomActionsExpanded() {
     this.el.querySelectorAll("calcite-action").forEach((l) => {
-      const a = l;
-      a.textEnabled = this.expanded;
+      const c = l;
+      c.textEnabled = this.expanded;
     });
   }
   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 = 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.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", () => {
@@ -114,16 +114,16 @@ class Z extends V {
     })));
   }
   renderDefaultActions() {
-    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);
+    const l = z(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), 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 [
-      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
+      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,
+      u || p || A || x || v ? 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}${u ? 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}${x ? 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}${A ? 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}${v ? 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 || E ? 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}${E ? 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) || 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=${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>`;
+    return a`<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>`;
   }
 }
 w("arcgis-charts-action-bar", Z);

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

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.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 { g as f, a as N } from "../../chunks/store.js";
+import { i as c, m as M, U as a, b 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 v, html as s } from "lit";

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

@@ -4,8 +4,8 @@ import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { isEqual as r } from "lodash-es";
 import { C as t } from "../../chunks/interfaces.js";
-import { ac as h, bu as f, I as p, ba as g } from "../../chunks/index2.js";
-import { p as m, h as u } from "../../chunks/index6.js";
+import { ac as h, bw as f, I as p, bb as g } from "../../chunks/index2.js";
+import { p as m, h as u } from "../../chunks/index5.js";
 const C = c`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class F extends n {
   constructor() {

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

@@ -3,16 +3,16 @@ import { c as w } from "../../chunks/runtime.js";
 import { keyed as $ } from "lit/directives/keyed.js";
 import { isEqual as v } from "lodash-es";
 import { repeat as k } from "lit/directives/repeat.js";
-import { B as a, d as p } from "../../chunks/interfaces.js";
-import { d as O, s as y, r as D, a as E } from "../../chunks/store.js";
-import { a as P } from "../../chunks/chart-ui-utils2.js";
+import { B as a, c as p } from "../../chunks/interfaces.js";
+import { d as O, a as y, r as D, b as E } from "../../chunks/store.js";
+import { b as P } from "../../chunks/chart-ui-utils2.js";
 import { u as I } from "../../chunks/useT9n.js";
 import { css as _, html as n, nothing as N } from "lit";
 import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as b, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
 import { d as S, f as z, F as M, C as F, m as R } from "../../chunks/index3.js";
 import { x as K } from "../../chunks/data.js";
-import { an as B, k as j, Y as A, ba as H } from "../../chunks/index2.js";
+import { an as B, k as j, Y as A, bb as H } from "../../chunks/index2.js";
 import { t as q, ag as W } from "../../chunks/index.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { r as d, s as L, u as C, m as f } from "../../chunks/chart-object-literals.js";
@@ -112,7 +112,7 @@ class Y extends U {
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
       const { newIndex: t, oldIndex: i } = e.detail;
-      this.model.moveCustomSortValuesInOrderByList(i, t);
+      this.model.moveCustomSortValuesInOrderByList(i ?? 0, t ?? i ?? 0);
     }
   }
   onCustomSortItemSelected(e) {
@@ -235,7 +235,7 @@ class Y extends U {
     this.model.trimIncompleteTimeInterval = e.target.checked;
   }
   onNullPolicyChange(e) {
-    this.model.nullPolicy = e.target.selectedItem.value;
+    this.model.nullPolicy = e.target.selectedItem?.value;
   }
   shouldShowTimeBinning() {
     const e = this.layerFieldsInfo.find((i) => i.name === this.model.xAxisField), t = this.model.aggregationType !== d.NoAggregation;

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

@@ -9,13 +9,13 @@ import { createRef as g, ref as d } from "lit/directives/ref.js";
 import { isEqual as y } from "lodash-es";
 import { u as $ } from "../../chunks/useT9n.js";
 import { B as n } from "../../chunks/interfaces.js";
-import { b as v, a as L, c as h, d as x, e as E, s as z } from "../../chunks/chart-ui-utils2.js";
+import { c as v, b as L, e as h, a as x, f as E, s as z } from "../../chunks/chart-ui-utils2.js";
 import { R as k } from "../../chunks/rest-js-object-literals.js";
 import { t as u, r as N, s as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
 import { e as w, p as B } from "../../chunks/popover-ui-utils.js";
 import { t as K, ag as _ } from "../../chunks/index.js";
-import { a2 as j, bg as I, ba as O, bs as H, bj as M } from "../../chunks/index2.js";
+import { a2 as O, bh as I, bb as j, bu as H, bk as M } from "../../chunks/index2.js";
 import { d as U, m as W } from "../../chunks/index3.js";
 const R = D`.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",
@@ -64,7 +64,7 @@ class q extends S {
   }
   createTooltip(e) {
     if (e.target?.label === this._messages.customSort && this.isCustomSortDisabled) {
-      const t = e.target, i = j(t), s = new Intl.NumberFormat(i).format(L.customSortLimit), r = P(this._messages.customSortLimit ?? "", {
+      const t = e.target, i = O(t), s = new Intl.NumberFormat(i).format(L.customSortLimit), r = P(this._messages.customSortLimit ?? "", {
         totalLimit: s
       });
       this.tooltip = T(a`<calcite-tooltip style=${A({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
@@ -121,7 +121,7 @@ class q extends S {
         i.push(l);
         for (let s = 0; s < t; s += 1) {
           const r = this.layerFieldsInfo?.[s];
-          r && (r.type === k.String || I(r) || O(r) || H(r)) && i.push(this.buildPickListItem(r));
+          r && (r.type === k.String || I(r) || j(r) || H(r)) && i.push(this.buildPickListItem(r));
         }
         break;
       }

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

@@ -5,7 +5,7 @@ import { repeat as T } from "lit/directives/repeat.js";
 import { u as P } from "../../chunks/useT9n.js";
 import { css as L, html as l } from "lit";
 import { LitElement as M, createEvent as N, renderElement as u, safeStyleMap as h, safeClassMap as a } from "@arcgis/lumina";
-import { d as O } from "../../chunks/chart-ui-utils2.js";
+import { a as O } from "../../chunks/chart-ui-utils2.js";
 import { C as _, F as C } from "../../chunks/index3.js";
 import { r as v } from "../../chunks/popover-ui-utils.js";
 import { q as r, r as f } from "../../chunks/chart-object-literals.js";
@@ -118,7 +118,7 @@ class D extends M {
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
       const { newIndex: t, oldIndex: s } = e.detail;
-      this.model.moveSeries(s, t), this.seriesOrderResetCounter += 1;
+      this.model.moveSeries(s ?? 0, t ?? s ?? 0), this.seriesOrderResetCounter += 1;
     }
   }
   openSeriesPopOver(e) {

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

@@ -5,7 +5,7 @@ import { css as d, html as s } from "lit";
 import { isEqual as r } from "lodash-es";
 import { C as a } from "../../chunks/interfaces.js";
 import { ac as c, I as h } from "../../chunks/index2.js";
-import { h as f } from "../../chunks/index6.js";
+import { h as f } from "../../chunks/index5.js";
 const m = d`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class p extends n {
   constructor() {

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

@@ -3,9 +3,9 @@ import { c as b } from "../../chunks/runtime.js";
 import { keyed as f } from "lit/directives/keyed.js";
 import { isEqual as C } from "lodash-es";
 import { repeat as y } from "lit/directives/repeat.js";
-import { a as l, d } from "../../chunks/interfaces.js";
-import { d as S, s as v } from "../../chunks/store.js";
-import { a as $ } from "../../chunks/chart-ui-utils2.js";
+import { a as l, c as d } from "../../chunks/interfaces.js";
+import { d as S, a as v } from "../../chunks/store.js";
+import { b as $ } from "../../chunks/chart-ui-utils2.js";
 import { u as F } from "../../chunks/useT9n.js";
 import { css as x, nothing as I, html as a } from "lit";
 import { createRef as m, ref as h } from "lit/directives/ref.js";
@@ -99,7 +99,7 @@ class D extends B {
   onCalciteListOrderChange(e) {
     if (e.detail !== null && e.detail !== void 0) {
       const { newIndex: t, oldIndex: s } = e.detail;
-      this.model.moveCustomSortValuesInOrderByList(s, t);
+      this.model.moveCustomSortValuesInOrderByList(s ?? 0, t ?? s ?? 0);
     }
   }
   onCustomSortItemSelected(e) {

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

@@ -4,14 +4,14 @@ import { keyed as p } from "lit/directives/keyed.js";
 import { repeat as v } from "lit/directives/repeat.js";
 import { substitute as $ } from "@arcgis/core/intl.js";
 import { a as l } from "../../chunks/interfaces.js";
-import { a as u, e as y, c as h, d as F } from "../../chunks/chart-ui-utils2.js";
+import { b as u, f as y, e as h, a as F } from "../../chunks/chart-ui-utils2.js";
 import { u as L } from "../../chunks/useT9n.js";
 import { css as P, html as n } from "lit";
 import { createRef as f, ref as m } from "lit/directives/ref.js";
 import { LitElement as I, createEvent as g, renderElement as x, safeStyleMap as D, safeClassMap as d } from "@arcgis/lumina";
 import { B as r } from "../../chunks/common.js";
 import { e as S, p as T } from "../../chunks/popover-ui-utils.js";
-import { bg as b, bj as E, a2 as w } from "../../chunks/index2.js";
+import { bh as b, bk as E, a2 as w } from "../../chunks/index2.js";
 import { d as B } from "../../chunks/index3.js";
 import { R as C } from "../../chunks/rest-js-object-literals.js";
 const o = {

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

@@ -5,7 +5,7 @@ import { keyed as y } from "lit/directives/keyed.js";
 import { repeat as M } from "lit/directives/repeat.js";
 import { u as B } from "../../chunks/useT9n.js";
 import { LitElement as O, renderElement as d, safeStyleMap as h, safeClassMap as a } from "@arcgis/lumina";
-import { d as w } from "../../chunks/chart-ui-utils2.js";
+import { a as w } from "../../chunks/chart-ui-utils2.js";
 import { C as S } from "../../chunks/index3.js";
 import { r as f } from "../../chunks/popover-ui-utils.js";
 import { b as m } from "../../chunks/chart-object-literals.js";

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
 import { css as l, html as c } from "lit";
-import { f as g } from "../../chunks/chart-ui-utils2.js";
+import { g } from "../../chunks/chart-ui-utils2.js";
 import { u as h } from "../../chunks/useT9n.js";
 import { LitElement as m, createEvent as n } from "@arcgis/lumina";
 const u = "arcgis-charts-config-storage-colors", v = l`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`;

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

@@ -2,24 +2,24 @@
 import { c as V } from "../../chunks/runtime.js";
 import { repeat as U } from "lit/directives/repeat.js";
 import { keyed as b } from "lit/directives/keyed.js";
-import { createModel as R } from "../../model.js";
+import { createModel as R } from "../../model/shared/setup-utils.js";
 import { g as S, i as T, u as _, k as v, m as I } from "../../chunks/type-guards2.js";
 import { i as H } from "../../chunks/rotated-state.js";
 import { substitute as z } from "@arcgis/core/intl.js";
 import { C as n } from "../../chunks/interfaces.js";
 import { isEqual as D } from "lodash-es";
-import { i as F } from "../../chunks/index5.js";
+import { i as F } from "../../chunks/index4.js";
 import { D as E, w as k, F as O } from "../../chunks/index3.js";
-import { LitElement as W, createEvent as f, renderElement as L, safeStyleMap as X, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as W, createEvent as f, renderElement as L, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
 import { css as G, html as h } from "lit";
-import { createRef as Z, ref as K } from "lit/directives/ref.js";
+import { createRef as X, ref as K } from "lit/directives/ref.js";
 import { u as P } from "../../chunks/useT9n.js";
-import { b as j, s as x, g as q } from "../../chunks/store.js";
-import { c5 as Y, _ as Q, c6 as J, K as ee, bX as te } from "../../chunks/index2.js";
+import { c as j, a as x, g as q } from "../../chunks/store.js";
+import { d0 as Y, _ as Q, d1 as J, K as ee, bZ as te } from "../../chunks/index2.js";
 import { A as ae } from "../../chunks/axis-model-wrapper.js";
-import { h as ie, a as y } from "../../chunks/web-component-utils.js";
-import { d as se } from "../../chunks/chart-ui-utils2.js";
-import { C as M } from "../../chunks/index7.js";
+import { h as ie, f as y } from "../../chunks/web-component-utils.js";
+import { a as se } from "../../chunks/chart-ui-utils2.js";
+import { C as M } from "../../chunks/index6.js";
 import { a as B } from "../../chunks/chart-ui-utils.js";
 import { c as re, d as $ } from "../../chunks/type-guards.js";
 import { r as oe } from "../../chunks/popover-ui-utils.js";
@@ -83,7 +83,7 @@ function pe(m, e) {
 const me = G`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
 class ue extends W {
   constructor() {
-    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = Z(), this.supportedChartTypes = [
+    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = X(), this.supportedChartTypes = [
       o.BarSeries,
       o.BoxPlotSeries,
       o.LineSeries,
@@ -391,7 +391,7 @@ class ue extends W {
         t = "";
         break;
     }
-    this.tooltip = L(h`<calcite-tooltip style=${X({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = L(h`<calcite-tooltip style=${Z({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
     se(this.tooltip);

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

@@ -3,15 +3,15 @@ import { c as M } from "../../chunks/runtime.js";
 import { ref as B } from "lit/directives/ref.js";
 import { s as S, m as n, k as h, j as T, e as V, u as w } from "../../chunks/type-guards2.js";
 import { i as L } from "../../chunks/data-labels-symbol.js";
-import { i as P, c as C, d as E } from "../../chunks/axis-lines-symbol.js";
+import { i as P, a as C, b as E } from "../../chunks/axis-lines-symbol.js";
 import { isEmpty as f, cloneDeep as a, isArray as F, isObject as A, mergeWith as G } from "lodash-es";
-import { n as W } from "../../chunks/chart-ui-utils2.js";
+import { h as W } from "../../chunks/chart-ui-utils2.js";
 import { g as D, i as b } from "../../chunks/rest-js-object-literals.js";
 import { u as N } from "../../chunks/useT9n.js";
 import { css as H, html as u } from "lit";
 import { LitElement as j, renderElement as I, safeClassMap as p } from "@arcgis/lumina";
 import { C as O, F as i, L as d } from "../../chunks/common.js";
-import { q as x, x as l } from "../../chunks/index6.js";
+import { q as x, x as l } from "../../chunks/index5.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
 import { u as r } from "../../chunks/chart-object-literals.js";
 const v = {

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as T } from "../../chunks/runtime.js";
 import { m as n, f as r, k as c } from "../../chunks/type-guards2.js";
-import { i as h, c as m, d as g } from "../../chunks/generate-x-axis-title.js";
+import { i as h, a as m, b as g } from "../../chunks/generate-x-axis-title.js";
 import { isEmpty as x } from "lodash-es";
 import { m as u, U as b } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
@@ -9,7 +9,7 @@ import { css as C, html as l } from "lit";
 import { createRef as f, ref as $ } from "lit/directives/ref.js";
 import { LitElement as v, safeClassMap as i } from "@arcgis/lumina";
 import { k as a } from "../../chunks/chart-object-literals.js";
-import { i as y } from "../../chunks/index5.js";
+import { i as y } from "../../chunks/index4.js";
 const s = {
   textInput: "text-input",
   label: "label",

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

@@ -2,17 +2,17 @@
 import { c as R } from "../../chunks/runtime.js";
 import { keyed as X } from "lit/directives/keyed.js";
 import { cloneDeep as E } from "lodash-es";
-import { m as G, d as N, g as Z, h as k, U as S } from "../../chunks/chart-ui-utils2.js";
+import { m as G, a as N, j as Z, k, U as S } from "../../chunks/chart-ui-utils2.js";
 import { d as F } from "../../chunks/default.js";
 import { g as q } from "../../chunks/resource.js";
 import { u as z } from "../../chunks/useT9n.js";
-import { css as O, html as d } from "lit";
+import { css as O, html as c } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
 import { LitElement as V, createEvent as U, renderElement as M, safeStyleMap as L, safeClassMap as o } from "@arcgis/lumina";
 import { m as W, p as Y, q as j } from "../../chunks/type-guards2.js";
 import { M as p, i as H, a1 as A, aI as _ } from "../../chunks/index2.js";
 import { Z as J } from "../../chunks/index.js";
-import { q as m, p as K } from "../../chunks/index6.js";
+import { q as m, p as K } from "../../chunks/index5.js";
 import { r as Q } from "../../chunks/popover-ui-utils.js";
 import { i as g, g as ee } from "../../chunks/rest-js-object-literals.js";
 import { u as te } from "../../chunks/chart-object-literals.js";
@@ -102,15 +102,15 @@ class se extends V {
     })), this.guidePopover?.open === !0 && this.removeGuidePopover();
   }
   setGuideDateTimeRange() {
-    const e = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.maximum, i = typeof e == "number" ? new Date(e) : /* @__PURE__ */ new Date(), a = typeof t == "number" ? new Date(t) : /* @__PURE__ */ new Date(), l = new window.Intl.DateTimeFormat().resolvedOptions().timeZone, s = H(this.timeZone) ?? l, r = A(i, s), v = _(i, s), f = A(a, s), B = _(a, s), T = this.startDateCalciteInput.value?.value ?? "", C = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", I = D === "" ? v : D, x = this.endDateCalciteInput.value?.value ?? "", y = x === "" ? f : x, w = this.endTimeCalciteInput.value?.value ?? "", P = w === "" ? B : w;
+    const e = this.calculatedMinMaxBounds?.find((d) => d.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((d) => d.isXAxis)?.maximum, i = typeof e == "number" ? new Date(e) : /* @__PURE__ */ new Date(), a = typeof t == "number" ? new Date(t) : /* @__PURE__ */ new Date(), l = new window.Intl.DateTimeFormat().resolvedOptions().timeZone, s = H(this.timeZone) ?? l, r = A(i, s), v = _(i, s), f = A(a, s), B = _(a, s), T = this.startDateCalciteInput.value?.value ?? "", C = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", I = D === "" ? v : D, x = this.endDateCalciteInput.value?.value ?? "", y = x === "" ? f : x, w = this.endTimeCalciteInput.value?.value ?? "", P = w === "" ? B : w;
     let $ = !1;
     if (!Array.isArray(C) && C !== void 0 && I !== void 0) {
-      const c = `${C}T${I}`;
-      this.model.setGuideStart(c, this.index, this.orientation), $ = !0;
+      const d = `${C}T${I}`;
+      this.model.setGuideStart(d, this.index, this.orientation), $ = !0;
     }
     if (!Array.isArray(y) && y !== void 0 && P !== void 0) {
-      const c = x === "" ? void 0 : `${y}T${P}`;
-      this.model.setGuideEnd(c, this.index, this.orientation), $ = !0;
+      const d = x === "" ? void 0 : `${y}T${P}`;
+      this.model.setGuideEnd(d, this.index, this.orientation), $ = !0;
     }
     $ && (this.symbolChange(), this.arcgisChartsConfigGuideChange.emit({
       index: this.index,
@@ -159,7 +159,7 @@ class se extends V {
     let l;
     p(i, a) === g.SLS ? l = m(t) ? t : void 0 : l = t?.color;
     const s = this.colorElement.value;
-    Array.isArray(t?.color) ? (this.guidePopover = M(d`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`), this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover)) : this.removeGuidePopover();
+    Array.isArray(t?.color) ? (this.guidePopover = M(c`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`), this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover)) : this.removeGuidePopover();
   }
   removeGuidePopover() {
     this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = Q(this.guidePopover));
@@ -197,7 +197,7 @@ class se extends V {
         i = this._messages.deleteGuide ?? "";
         break;
     }
-    this.tooltip = M(d`<calcite-tooltip style=${L({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = M(c`<calcite-tooltip style=${L({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   toggleGuide() {
     const e = this.model.getGuideVisibility(this.index, this.orientation);
@@ -215,14 +215,14 @@ class se extends V {
   }
   renderColorElement() {
     const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? Z(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
-    return d`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${L({ color: `rgba(${t},${i},${a},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
+    return c`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${L({ color: `rgba(${t},${i},${a},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
   }
   render() {
     const e = this.model.getGuideStart(this.index, this.orientation), t = this.model.getGuideEnd(this.index, this.orientation), i = this.model.getGuideName(this.index, this.orientation), a = this.model.getGuideLabelText(this.index, this.orientation), l = this.model.getGuideAbove(this.index, this.orientation), s = this.model.getGuideVisibility(this.index, this.orientation), r = this.isXAxisDateField;
-    return d`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === q(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
+    return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === q(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
       expand: this._messages.expand,
       collapse: this._messages.collapse
-    }}><calcite-action slot=actions-end text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.startDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${k} number-button-type=none .value=${e?.toString()} ${u(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? d`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.endDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${k} number-button-type=none .value=${t?.toString()} ${u(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", d`<div class=${o(n.row)}>${e != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? d`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;
+    }}><calcite-action slot=actions-end text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.startDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${k} number-button-type=none .value=${e?.toString()} ${u(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.endDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${k} number-button-type=none .value=${t?.toString()} ${u(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", c`<div class=${o(n.row)}>${e != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;
   }
 }
 R("arcgis-charts-config-guide", se);

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

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

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

@@ -11,15 +11,15 @@ import { u as R } from "../../chunks/useT9n.js";
 import { e as l, W as C } from "../../chunks/interfaces.js";
 import { x as W } from "../../chunks/data.js";
 import { i as V } from "../../chunks/utils.js";
-import { j as v, s as q } from "../../chunks/chart-ui-utils2.js";
-import { d as $, f as K, h as j, j as z } from "../../chunks/class-breaks.js";
-import { c as X, s as Z } from "../../chunks/store.js";
+import { l as v, s as q } from "../../chunks/chart-ui-utils2.js";
+import { e as $, g as K, d as j, j as z } from "../../chunks/class-breaks.js";
+import { e as X, a as Z } from "../../chunks/store.js";
 import { H as G } from "../../chunks/common.js";
 import { i as Y } from "../../chunks/rest-js-object-literals.js";
 import { r as d, m as h, d as u, u as m, h as f, e as F, i as J } from "../../chunks/chart-object-literals.js";
 import { t as Q, j as ee, k as g } from "../../chunks/index.js";
 import { an as S } from "../../chunks/index2.js";
-import { i as ae } from "../../chunks/index5.js";
+import { i as ae } from "../../chunks/index4.js";
 import { r as te } from "../../chunks/popover-ui-utils.js";
 const se = _`.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{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}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.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)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`, r = {
   label: "label",
@@ -239,7 +239,7 @@ class le extends E {
     this.model.includeLeapDay = a;
   }
   onNullPolicyChange(e) {
-    this.model.nullPolicy = e.target.selectedItem.value;
+    this.model.nullPolicy = e.target.selectedItem?.value;
   }
   setupPopover(e) {
     e.stopImmediatePropagation(), this.removeHeatChartDataPopover();