@arcgis/charts-components 5.0.0-next.114 → 5.0.0-next.116

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

@@ -11,4 +11,5 @@ import "../arcgis-charts-config-pie-chart/index.js";
 import "../arcgis-charts-config-histogram/index.js";
 import "../arcgis-charts-config-scatter-plot/index.js";
 import "../arcgis-charts-config-box-plot/index.js";
+import "../arcgis-charts-config-heat-chart/index.js";
 export * from "./customElement.js";

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

@@ -3,7 +3,7 @@ import { css as l, html as c } from "lit";
 import { LitElement as a, safeClassMap as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const e = {
   fieldSelectButtonSection: "field-select-btn-section",
   fieldSelectButton: "field-select-btn",
@@ -23,7 +23,7 @@ class n extends a {
   }
   render() {
     const i = `${e.fieldSelectButton} ${this.invalid ? e.fieldSelectButtonInvalid : ""}`;
-    return c`<div class=${t(e.fieldSelectButtonSection)}><button class=${t(i)} .disabled=${this.disabled}><span class=${t(e.fieldSelectButtonText)}>${this.label}</span><span class=${t(e.fieldSelectButtonIcon)}><calcite-icon scale=s icon=chevron-down></calcite-icon></span></button></div>`;
+    return c`<div class=${t(e.fieldSelectButtonSection)}><button class=${t(i)} .disabled=${this.disabled}><span class=${t(e.fieldSelectButtonText)}>${this.label}</span><slot name=fieldSelectSlot></slot><span class=${t(e.fieldSelectButtonIcon)}><calcite-icon scale=s icon=chevron-down></calcite-icon></span></button></div>`;
   }
 }
 s("arcgis-charts-config-field-select", n);

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

@@ -3,9 +3,9 @@ import { css as y, html as l } from "lit";
 import "@arcgis/toolkit/intl";
 import { merge as i } from "lodash-es";
 import "../../chunks/series-types.js";
-import { R as u, h as s, g as c, i as r } from "../../chunks/rest-js-object-literals.js";
+import { f as u, h as s, g as c, i as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { aI as S } from "../../chunks/index.js";
+import { aG as S } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -29,7 +29,7 @@ import { createRef as C, ref as x } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as h, safeClassMap as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const w = {
   arial: "Arial",
   arialBlack: "Arial Black",

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

@@ -1,9 +1,10 @@
 import { c as A } from "../../chunks/runtime.js";
 import { ref as $ } from "lit/directives/ref.js";
 import { C as B, F as i, L as c } from "../../chunks/common.js";
-import { f as T, m as h, l as n, q as E, u as p, r as L, h as M } from "../../chunks/type-guards.js";
+import { e as T, m as h, l as n, s as p, p as E, g as M } from "../../chunks/type-guards.js";
 import { W as d } from "../../chunks/series-types.js";
-import { c as V, R as f, h as w, g as N, i as D } from "../../chunks/rest-js-object-literals.js";
+import { a as V, f, h as w, g as N, i as D } from "../../chunks/rest-js-object-literals.js";
+import { i as L } from "../../chunks/data-labels-symbol.js";
 import "@arcgis/toolkit/intl";
 import { isEmpty as u, cloneDeep as r, isArray as v, isObject as k, mergeWith as W } from "lodash-es";
 import "d3-array";
@@ -24,16 +25,16 @@ import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import { c as x, e as l } from "../../chunks/index3.js";
+import { c as S, e as l } from "../../chunks/index4.js";
 import "@arcgis/toolkit/dom";
 import { r as F } from "../../chunks/popover-ui-utils.js";
-import { l as G } from "../../chunks/chart-ui-utils2.js";
+import { n as G } from "../../chunks/chart-ui-utils2.js";
 import { u as R } from "../../chunks/useT9n.js";
-import { css as I, html as S } from "lit";
+import { css as I, html as x } from "lit";
 import { LitElement as O, renderElement as X, safeClassMap as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const P = {
   type: f.TS,
   color: [1, 1, 1, 255],
@@ -64,7 +65,7 @@ class j extends O {
         this.selectedSymbols = [], this.updateSelectedElement(this.selectedSymbols);
       else {
         const o = this.getFormatValue(s);
-        this.selectedSymbols = [s], this.initSelectedSymbols(x(o) ? o : C);
+        this.selectedSymbols = [s], this.initSelectedSymbols(S(o) ? o : C);
       }
       this.setupFormatPopover();
     }, this.textPropertyChange = (t) => {
@@ -170,7 +171,7 @@ class j extends O {
     this.formatPopover = F(this.formatPopover);
     const t = this.selectedElement;
     t?.type === f.TS || t?.type === f.SLS || // To check if the selected element is background.
-    Array.isArray(this.selectedElement) ? (this.formatPopover = X(S`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`), this.formatPopover !== null && !document.body.contains(this.formatPopover) && document.body.appendChild(this.formatPopover)) : this.removeFormatPopover();
+    Array.isArray(this.selectedElement) ? (this.formatPopover = X(x`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`), this.formatPopover !== null && !document.body.contains(this.formatPopover) && document.body.appendChild(this.formatPopover)) : this.removeFormatPopover();
   }
   removeFormatPopover() {
     this.formatPopover !== null && (this.formatPopover.open = !1, this.formatPopover = F(this.formatPopover));
@@ -188,13 +189,13 @@ class j extends O {
       case i.AxisLabels:
         return n(this.model) ? this.model.axisLabelsSymbol : void 0;
       case i.GuideLabels:
-        return L(this.model) ? this.model.guideLabelsSymbol : void 0;
+        return E(this.model) ? this.model.guideLabelsSymbol : void 0;
       case i.LegendText:
         return p(this.model) ? this.model.legendTextSymbol : void 0;
       case i.LegendTitle:
         return p(this.model) ? this.model.legendTitleSymbol : void 0;
       case i.DataLabels:
-        return E(this.model) ? this.model.dataLabelsSymbol : void 0;
+        return L(this.model) ? this.model.dataLabelsSymbol : void 0;
       case c.AxisLines:
         return n(this.model) ? this.model.axisLinesSymbol : void 0;
       case c.GridLines:
@@ -225,7 +226,7 @@ class j extends O {
         n(this.model) && l(e) && (this.model.axisLabelsSymbol = e);
         break;
       case i.GuideLabels:
-        L(this.model) && l(e) && (this.model.guideLabelsSymbol = e);
+        E(this.model) && l(e) && (this.model.guideLabelsSymbol = e);
         break;
       case i.LegendText:
         p(this.model) && l(e) && (this.model.legendTextSymbol = e);
@@ -234,13 +235,13 @@ class j extends O {
         p(this.model) && l(e) && (this.model.legendTitleSymbol = e);
         break;
       case i.DataLabels:
-        E(this.model) && l(e) && (this.model.dataLabelsSymbol = e);
+        L(this.model) && l(e) && (this.model.dataLabelsSymbol = e);
         break;
       case c.AxisLines:
-        n(this.model) && x(e) && (this.model.axisLinesSymbol = e);
+        n(this.model) && S(e) && (this.model.axisLinesSymbol = e);
         break;
       case c.GridLines:
-        if (h(this.model) && x(e)) {
+        if (h(this.model) && S(e)) {
           const s = this.model.chartType;
           let o = [];
           switch (s) {
@@ -255,7 +256,8 @@ class j extends O {
               break;
             }
             // set both x and y-axis grid lines for charts - Scatter chart
-            case d.ScatterSeries: {
+            case d.ScatterSeries:
+            case d.HeatSeries: {
               o = [0, 1];
               break;
             }
@@ -264,7 +266,7 @@ class j extends O {
         }
         break;
       case c.LeaderLines:
-        T(this.model) && x(e) && (this.model.ticksSymbol = e);
+        T(this.model) && S(e) && (this.model.ticksSymbol = e);
         break;
       case i.Background:
         Array.isArray(e) && (this.model.backgroundColor = e);
@@ -280,8 +282,8 @@ class j extends O {
       i.Description,
       ...p(this.model) ? [i.LegendText] : [],
       ...n(this.model) ? [i.AxisLabels] : [],
-      ...L(this.model) ? [i.GuideLabels] : [],
-      ...E(this.model) ? [i.DataLabels] : []
+      ...E(this.model) ? [i.GuideLabels] : [],
+      ...L(this.model) ? [i.DataLabels] : []
     ], M(this.model) && (this.textProperties = this.textProperties.filter((s) => s !== i.DataLabels)), this.symbolProperties = [
       i.Background,
       ...n(this.model) ? [c.AxisLines] : [],
@@ -293,11 +295,11 @@ class j extends O {
   }
   renderTextElement(t, e) {
     const s = G(t), o = this.getFormatValue(t), a = typeof o == "string" ? o : "", m = this.selectedTexts.includes(t) || this.selectedSymbols.includes(t) || this.selectedBackground.includes(t);
-    return S`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${m} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? S`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
+    return x`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${m} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? x`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
   }
   render() {
     const { textElements: t, symbolElements: e } = this.renderFormatElements();
-    return S`<div class=${g(b.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${g(b.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${g(b.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${g(b.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`;
+    return x`<div class=${g(b.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${g(b.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${g(b.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${g(b.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`;
   }
 }
 A("arcgis-charts-config-format", j);

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

@@ -3,7 +3,7 @@ import { css as a, html as o } from "lit";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "../../chunks/series-types.js";
-import { R as r } from "../../chunks/rest-js-object-literals.js";
+import { f as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
 import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
@@ -29,7 +29,7 @@ import { createRef as p, ref as c } from "lit/directives/ref.js";
 import { LitElement as m, createEvent as s, safeClassMap as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const g = {
   jsAppFlyout: "js-app-flyout"
 }, C = a``;

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

@@ -1,5 +1,5 @@
 import { c as g } from "../../chunks/runtime.js";
-import { l as n, m as c, j as h, u as r } from "../../chunks/type-guards.js";
+import { l as n, m as c, h, s as r } from "../../chunks/type-guards.js";
 import { d as l } from "../../chunks/series-types.js";
 import { isEmpty as p } from "lodash-es";
 import { m as b, c as m } from "../../chunks/chart-ui-utils2.js";
@@ -9,7 +9,7 @@ import { createRef as T, ref as f } from "lit/directives/ref.js";
 import { LitElement as C, safeClassMap as i } from "@arcgis/lumina";
 import "@arcgis/toolkit/intl";
 import "d3-array";
-import { $ } from "../../chunks/index.js";
+import { Z as $ } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -29,7 +29,7 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const s = {
   textInput: "text-input",
   label: "label",

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

@@ -1,11 +1,11 @@
-import { c as B } from "../../chunks/runtime.js";
+import { c as R } from "../../chunks/runtime.js";
 import { keyed as X } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import { cloneDeep as P } from "lodash-es";
 import { W as z } from "../../chunks/series-types.js";
-import { R as u, c as N } from "../../chunks/rest-js-object-literals.js";
+import { f as u, a as N } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
-import { j as p, cJ as Z, cK as E, cL as F, aK as O } from "../../chunks/index.js";
+import { i as p, cI as Z, cJ as E, cK as F, aI as q } 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";
@@ -13,28 +13,28 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { c as g, b as V } from "../../chunks/index3.js";
-import { r as W } from "../../chunks/popover-ui-utils.js";
-import { m as $, d as j, g as q, j as L, c as G } from "../../chunks/chart-ui-utils2.js";
+import { c as g, b as O } from "../../chunks/index4.js";
+import { r as V } from "../../chunks/popover-ui-utils.js";
+import { m as $, d as W, g as U, k as L, c as G } from "../../chunks/chart-ui-utils2.js";
 import { d as M } from "../../chunks/default.js";
-import { g as U } from "../../chunks/resource.js";
-import { u as Y } from "../../chunks/useT9n.js";
-import { css as K, html as d } from "lit";
+import { g as Y } from "../../chunks/resource.js";
+import { u as j } from "../../chunks/useT9n.js";
+import { css as H, html as d } from "lit";
 import { createRef as h, ref as m } from "lit/directives/ref.js";
-import { LitElement as H, createEvent as J, renderElement as A, safeStyleMap as _, safeClassMap as o } from "@arcgis/lumina";
+import { LitElement as J, createEvent as K, renderElement as A, safeStyleMap as _, safeClassMap as o } from "@arcgis/lumina";
 import { G as S } from "../../chunks/common.js";
-import { m as Q, s as ee, t as te } from "../../chunks/type-guards.js";
+import { m as Q, q as ee, r as te } from "../../chunks/type-guards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const n = {
   row: "row",
   column: "column",
   colorPicker: "color-picker"
-}, ie = K`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
-class se extends H {
+}, ie = H`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`;
+class se extends J {
   constructor() {
-    super(...arguments), this._messages = Y(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
+    super(...arguments), this._messages = j(), this.startCalciteInput = h(), this.endCalciteInput = h(), this.startDateCalciteInput = h(), this.endDateCalciteInput = h(), this.startTimeCalciteInput = h(), this.endTimeCalciteInput = h(), this.colorElement = h(), this.colorChange = (e) => {
       const t = e.detail, i = this.model.getGuideStart(this.index, this.orientation), a = this.model.getGuideEnd(this.index, this.orientation);
       if (p(i, a) === u.SLS) {
         const l = P(M.style), s = this.model.getGuideStyle(this.index, this.orientation), r = {
@@ -57,7 +57,7 @@ class se extends H {
       } else t?.color !== void 0 && this.setColor(t.color);
     }, this.onModelConfigChange = () => {
       this.requestUpdate();
-    }, this.guidePopover = null, this.latestGuidePosition = 0, this.arcgisChartsConfigGuideChange = J();
+    }, this.guidePopover = null, this.latestGuidePosition = 0, this.arcgisChartsConfigGuideChange = K();
   }
   static {
     this.properties = { guidePopover: 16, messageOverrides: 0, model: 0, timeZone: 1, calculatedMinMaxBounds: 0, index: 9, orientation: 1, latestGuidePosition: 9 };
@@ -112,7 +112,7 @@ class se extends H {
     })), 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 = Z(this.timeZone) ?? l, r = E(i, s), f = F(i, s), v = E(a, s), R = F(a, s), T = this.startDateCalciteInput.value?.value ?? "", x = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", w = D === "" ? f : D, C = this.endDateCalciteInput.value?.value ?? "", y = C === "" ? v : C, I = this.endTimeCalciteInput.value?.value ?? "", k = I === "" ? R : I;
+    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 = Z(this.timeZone) ?? l, r = E(i, s), f = F(i, s), v = E(a, s), B = F(a, s), T = this.startDateCalciteInput.value?.value ?? "", x = T === "" ? r : T, D = this.startTimeCalciteInput.value?.value ?? "", w = D === "" ? f : D, C = this.endDateCalciteInput.value?.value ?? "", y = C === "" ? v : C, I = this.endTimeCalciteInput.value?.value ?? "", k = I === "" ? B : I;
     let b = !1;
     if (!Array.isArray(x) && x !== void 0 && w !== void 0) {
       const c = `${x}T${w}`;
@@ -172,11 +172,11 @@ class se extends H {
     Array.isArray(t?.color) ? (this.guidePopover = A(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();
   }
   removeGuidePopover() {
-    this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = W(this.guidePopover));
+    this.guidePopover !== null && this.guidePopover !== void 0 && (this.guidePopover = V(this.guidePopover));
   }
   setColor(e) {
-    const t = O({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
-      ...V(i) ? i : {},
+    const t = q({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), a = {
+      ...O(i) ? i : {},
       type: u.SFS,
       color: e,
       outline: t
@@ -215,7 +215,7 @@ class se extends H {
     this.model.setGuideVisibility(!e, this.index, this.orientation);
   }
   destroyTooltip() {
-    j(this.tooltip);
+    W(this.tooltip);
   }
   deleteGuide() {
     this.destroyTooltip(), this.orientation === S.X && ee(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === S.Y && te(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
@@ -225,18 +225,18 @@ class se extends H {
     });
   }
   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), f = g(e) ? q(e.style) : N.Solid, v = p(s, r) === u.SLS ? `line-${f}` : "square-f";
+    const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), f = g(e) ? U(e.style) : N.Solid, v = p(s, r) === u.SLS ? `line-${f}` : "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} ${m(this.colorElement)}><calcite-icon slot=content-end .icon=${v} style=${_({ 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 === U(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
+    return d`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === Y(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
       expand: this._messages.expand,
       collapse: this._messages.collapse
     }}><calcite-action slot=control text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control 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} ${m(this.startDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${L} number-button-type=none .value=${e?.toString()} ${m(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} ${m(this.endDateCalciteInput)}></calcite-input-date-picker>` : d`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${L} number-button-type=none .value=${t?.toString()} ${m(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} ${m(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} ${m(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>`;
   }
 }
-B("arcgis-charts-config-guide", se);
+R("arcgis-charts-config-guide", se);
 export {
   se as ArcgisChartsConfigGuide
 };

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

@@ -1,7 +1,7 @@
 import { c as r } from "../../chunks/runtime.js";
 import { css as l, html as o } from "lit";
 import "../../chunks/series-types.js";
-import { R as p } from "../../chunks/rest-js-object-literals.js";
+import { f as p } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
@@ -30,7 +30,7 @@ import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as h, createEvent as s, safeClassMap as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const C = {
   jsAppFlyout: "js-app-flyout"
 }, d = l``;

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

@@ -7,11 +7,11 @@ import { css as A, html as a } from "lit";
 import { createRef as x, ref as C } from "lit/directives/ref.js";
 import { LitElement as v, renderElement as b, safeClassMap as c } from "@arcgis/lumina";
 import { G as s } from "../../chunks/common.js";
-import { s as h, t as u } from "../../chunks/type-guards.js";
+import { q as h, r as u } from "../../chunks/type-guards.js";
 import "../../chunks/series-types.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 const P = A`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
 class $ extends v {
   constructor() {

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

@@ -28,7 +28,7 @@ import "@arcgis/toolkit/dom";
 import { e as p } from "../../chunks/popover-ui-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.114 */
+v5.0.0-next.116 */
 class l extends s {
   constructor() {
     super(...arguments), this._messages = o(), this.popoverElement = r(), this.onAddXGuide = () => {

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

@@ -0,0 +1,41 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { WebChartGenericDataItem } from '../../spec';
+import { HeatChartModel } from '../../model/heat-chart-model/heat-chart-model';
+import { SupportedLayer, ChartAuthoringPages } from '../../interfaces';
+import { PropertyValues } from 'lit';
+
+/** @private */
+export declare class ArcgisChartsConfigHeatChart extends LitElement {
+    /**
+     * Heat Chart Model.
+     *
+     * @category Public
+     */
+    model: HeatChartModel;
+    /**
+     * Specific page to be opened
+     *
+     * @category Public
+     */
+    page?: ChartAuthoringPages;
+    /**
+     * layer instance on which the charts are created or edited.
+     *
+     * @category Public
+     */
+    layer?: SupportedLayer;
+    /**
+     * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
+     *
+     * @default false
+     * @category Public
+     */
+    usePopupTemplateFieldsInfo?: boolean;
+    /**
+     * The data used by the chart
+     *
+     * @category Public
+     */
+    chartData?: WebChartGenericDataItem;
+}

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

@@ -0,0 +1,87 @@
+import { c as s } from "../../chunks/runtime.js";
+import { LitElement as l } from "@arcgis/lumina";
+import { css as n, html as a } from "lit";
+import { C as o } from "../../chunks/interfaces.js";
+import "@arcgis/toolkit/intl";
+import { isEqual as h } from "lodash-es";
+import "../../chunks/series-types.js";
+import "d3-array";
+import { bE as m, bG as c } from "../../chunks/index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/time/TimeExtent.js";
+import "@arcgis/core/core/promiseUtils.js";
+import { h as d } from "../../chunks/index4.js";
+import "@arcgis/toolkit/dom";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.116 */
+const f = n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
+class p extends l {
+  static {
+    this.properties = { layerFieldsInfo: 16, model: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, chartData: 0 };
+  }
+  static {
+    this.styles = f;
+  }
+  async load() {
+    await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model);
+  }
+  willUpdate(e) {
+    let t = !1;
+    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && this.layer !== void 0 && !h(e.get("layer"), this.layer) && (t = !0), e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== e.get("usePopupTemplateFieldsInfo") && (t = !0), this.layerFieldsInfo === void 0 && (t = !0), t && this.updateFetchLayerFieldsInfo();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+  }
+  modelChange(e, t) {
+    t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+  }
+  async updateFetchLayerFieldsInfo(e) {
+    const t = e ?? this.model.config;
+    let i = this.layer;
+    if (!i) {
+      const r = d(t) ? t.iLayer : void 0;
+      r && (i = await m(r));
+    }
+    i && (this.layerFieldsInfo = await c(i, this.usePopupTemplateFieldsInfo));
+  }
+  async onModelConfigChange(e) {
+    const i = e?.detail.config ?? this.model.config;
+    this.layer === void 0 && await this.updateFetchLayerFieldsInfo(i);
+  }
+  render() {
+    let e;
+    switch (this.page) {
+      case o.Data:
+        e = a`<arcgis-charts-config-heat-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .chartData=${this.chartData}></arcgis-charts-config-heat-chart-data>`;
+        break;
+      case o.Format:
+        e = a`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;
+        break;
+      case o.General:
+        e = a`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
+        break;
+      default:
+        e = "";
+        break;
+    }
+    return e;
+  }
+}
+s("arcgis-charts-config-heat-chart", p);
+export {
+  p as ArcgisChartsConfigHeatChart
+};

package/dist/components/arcgis-charts-config-heat-chart/index.d.ts

@@ -0,0 +1,4 @@
+import "../arcgis-charts-config-heat-chart-data/index.js";
+import "../arcgis-charts-config-format/index.js";
+import "../arcgis-charts-config-general/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,4 @@
+import "../arcgis-charts-config-heat-chart-data/index.js";
+import "../arcgis-charts-config-format/index.js";
+import "../arcgis-charts-config-general/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,46 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeatChartModel } from '../../model/heat-chart-model/heat-chart-model';
+import { WebChartGenericDataItem, IField } from '../../spec';
+import { PropertyValues } from 'lit';
+import { DataChangeErrorPayload } from '../../utils/components/event-payloads';
+
+/** @private */
+export declare class ArcgisChartsConfigHeatChartData extends LitElement {
+    /** Overwrite localized strings for this component */
+    messageOverrides?: typeof this._messages._overrides;
+    /**
+     * Bar Chart Model.
+     *
+     * @category Public
+     */
+    model: HeatChartModel;
+    /**
+     * Fields Information of the Feature layer
+     *
+     * @category Public
+     */
+    layerFieldsInfo: IField[];
+    /**
+     * When true, the content of the component will be displayed.
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * The data used by the chart
+     *
+     * @category Public
+     */
+    chartData?: WebChartGenericDataItem;
+    /**
+     * Event emitted when an error is caught on data change.
+     *
+     * @event
+     */
+    readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
+    private _messages;
+    "@eventTypes": {
+        "arcgisChartsConfigDataChangeError": ArcgisChartsConfigHeatChartData["arcgisChartsConfigDataChangeError"]["detail"];
+    };
+}