@arcgis/charts-components 4.33.0-next.88 → 4.33.0-next.90

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { IField, WebChartTimeIntervalUnits } from '@arcgis/charts-spec';
+import { IField, WebChartTemporalBinningUnits } from '@arcgis/charts-spec';
 import { IntervalPopoverProps, LineChartDataPopoverKinds } from '../../interfaces';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -60,7 +60,7 @@ export declare class ArcgisChartsConfigLineChartPopover extends LitElement {
         contentKind: LineChartDataPopoverKinds | undefined;
         value: string[] | [{
             intervalSize: number;
-            intervalUnits: WebChartTimeIntervalUnits;
+            intervalUnits: WebChartTemporalBinningUnits;
         }];
     }>;
     /**

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

@@ -2,18 +2,18 @@ import { c as $ } from "../../chunks/runtime.js";
 import { repeat as u } from "lit-html/directives/repeat.js";
 import { keyed as f } from "lit-html/directives/keyed.js";
 import { getDefaultAggregationTypeLabel as k, getDefaultTimeAggregationTypeLabel as I, editPopover as F, getFieldAlias as P, isIntegerField as x, isNumericField as b, getTimeIntervalUnitLabel as T } from "@arcgis/charts-shared-utils";
-import { WebChartTimeAggregationTypes as d, RESTFieldType as v, WebChartTimeIntervalUnits as r } from "@arcgis/charts-spec";
+import { WebChartTimeAggregationTypes as d, RESTFieldType as v, WebChartTemporalBinningUnits as r } from "@arcgis/charts-spec";
 import { isEqual as A } from "lodash-es";
 import { L as a } from "../../chunks/interfaces.js";
 import { j as C, U as y, i as h, h as w, s as E } from "../../chunks/chart-ui-utils.js";
 import { u as D } from "../../chunks/useT9n.js";
 import { html as n } from "lit";
-import { createRef as g, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as S, createEvent as L, safeClassMap as o } from "@arcgis/lumina";
-import { css as z } from "@lit/reactive-element/css-tag.js";
+import { createRef as g, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as z, createEvent as L, safeClassMap as o } from "@arcgis/lumina";
+import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const c = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",
@@ -23,8 +23,8 @@ const c = {
   pickListItemLabel: "pick-list-item-label",
   sizeSection: "size-section",
   applyButton: "apply-button"
-}, N = z`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.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)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`;
-class K extends S {
+}, N = S`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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)}.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)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`;
+class K extends z {
   constructor() {
     super(...arguments), this._messages = D(), this.picklist = g(), this.intervalSizeElement = g(), this.intervalTypeElement = g(), this.popoverElement = g(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigLineChartDataPopoverChange = L(), this.arcgisChartsConfigLineChartPopoverClose = L();
   }
@@ -117,8 +117,8 @@ class K extends S {
         const l = f(" ", n`<calcite-list-item label=" " value=" " .selected=${h("", this.selectedContent)}></calcite-list-item>`);
         s.push(l);
         for (let i = 0; i < t; i += 1) {
-          const p = this.layerFieldsInfo?.[i];
-          p && (x(p) || p.type === v.String) && s.push(this.buildPickListItem(p));
+          const m = this.layerFieldsInfo?.[i];
+          m && (x(m) || m.type === v.String) && s.push(this.buildPickListItem(m));
         }
         break;
       }
@@ -178,17 +178,17 @@ class K extends S {
   /** @category Render UX */
   renderXAxisField() {
     const e = this.buildPickListItems(a.xAxisField);
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
-    return n`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderSplitByField() {
     const e = this.buildPickListItems(a.splitByField);
-    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`;
   }
   /** @category Render UX */
   renderIntervalAlignment() {
@@ -198,15 +198,15 @@ class K extends S {
   /** @category Render UX */
   renderInterval() {
     const e = this.selectedContent, t = [
-      r.Seconds,
-      r.Minutes,
-      r.Hours,
-      r.Days,
-      r.Weeks,
-      r.Months,
-      r.Years
+      r.Second,
+      r.Minute,
+      r.Hour,
+      r.Day,
+      r.Week,
+      r.Month,
+      r.Year
     ];
-    return n`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${E(e?.timeIntervalSize, 1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${m(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${T(s, this._messages)} .selected=${e?.timeIntervalUnits === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return n`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${E(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${T(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   /** @category Render UX */
   renderPopoverInfo() {
@@ -236,7 +236,7 @@ class K extends S {
   /** @category Lifecycle */
   render() {
     let e;
-    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div class=${o(c.jsAppFlyout)}><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
+    return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div class=${o(c.jsAppFlyout)}><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
 $("arcgis-charts-config-line-chart-popover", K);

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

@@ -8,7 +8,7 @@ import { g as $ } from "../../chunks/chart-ui-utils.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const N = M`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends y {
   constructor() {

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

@@ -9,7 +9,7 @@ import { LitElement as $, createEvent as s, safeClassMap as o } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const n = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } fr
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -7,7 +7,7 @@ import { LitElement as f, createEvent as v, safeClassMap as a } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const i = {
   hostDiv: "host-div",
   container: "container",

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

@@ -2,9 +2,9 @@
 import { PieSlicesSymbols } from '@arcgis/charts-shared-utils';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer, WebChartGenericDataItem } from '@arcgis/charts-spec';
 import { PieChartModel } from '@arcgis/charts-model';
-import { ChartAuthoringPages } from '../../interfaces';
-import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+import { ChartAuthoringPages } from '../../interfaces';
 
 /** @private */
 export declare class ArcGISChartsConfigPieChart extends LitElement {

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

@@ -2,13 +2,13 @@ import { c as C } from "../../chunks/runtime.js";
 import { hasILayer as u, getFeatureLayer as y, fetchLayerFieldsInfo as v } from "@arcgis/charts-shared-utils";
 import { RESTSymbolType as I } from "@arcgis/charts-spec";
 import { isEqual as n, cloneDeep as d } from "lodash-es";
-import { C as h } from "../../chunks/interfaces.js";
-import { html as c } from "lit";
 import { LitElement as F, createEvent as g } from "@arcgis/lumina";
+import { html as h } from "lit";
+import { C as c } from "../../chunks/interfaces.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const P = S`: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 E extends F {
   constructor() {
@@ -93,17 +93,17 @@ class E extends F {
   render() {
     let e;
     switch (this.page) {
-      case h.Data:
-        e = c`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;
+      case c.Data:
+        e = h`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;
         break;
-      case h.Slices:
-        e = c`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} @arcgisChartsConfigPieChartSlicesPopoverChange=${this.popoverOpen} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;
+      case c.Slices:
+        e = h`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} @arcgisChartsConfigPieChartSlicesPopoverChange=${this.popoverOpen} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;
         break;
-      case h.Format:
-        e = c`<arcgis-charts-config-format .model=${this.model} @arcgisChartsConfigFormatPopoverChange=${this.popoverOpen}></arcgis-charts-config-format>`;
+      case c.Format:
+        e = h`<arcgis-charts-config-format .model=${this.model} @arcgisChartsConfigFormatPopoverChange=${this.popoverOpen}></arcgis-charts-config-format>`;
         break;
-      case h.General:
-        e = c`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
+      case c.General:
+        e = h`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
         break;
       default:
         e = "";

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

@@ -11,7 +11,7 @@ import { LitElement as $, createEvent as p, safeClassMap as l } from "@arcgis/lu
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const s = {
   hostDiv: "host-div",
   label: "label",

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

@@ -14,7 +14,7 @@ import { LitElement as D, createEvent as b, safeClassMap as o } from "@arcgis/lu
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const l = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

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

@@ -12,7 +12,7 @@ import { LitElement as M, createEvent as P, safeStyleMap as b, safeClassMap as s
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const o = {
   sectionLabel: "section-label",
   label: "label",

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

@@ -8,7 +8,7 @@ import { LitElement as v, createEvent as o, safeClassMap as s } from "@arcgis/lu
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const i = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",

package/dist/components/arcgis-charts-config-scatter-plot/customElement.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="../../index.d.ts" />
 import { ScatterPlotModel } from '@arcgis/charts-model';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer } from '@arcgis/charts-spec';
-import { ChartAuthoringPages } from '../../interfaces';
-import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+import { ChartAuthoringPages } from '../../interfaces';
 
 /** @private */
 export declare class ArcgisChartsConfigScatterPlot extends LitElement {

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

@@ -1,13 +1,13 @@
 import { c as r } from "../../chunks/runtime.js";
 import { hasILayer as n, getFeatureLayer as l, fetchLayerFieldsInfo as h, getMainLayer as d } from "@arcgis/charts-shared-utils";
 import { isEqual as c } from "lodash-es";
-import { C as i } from "../../chunks/interfaces.js";
-import { html as o } from "lit";
 import { LitElement as p, createEvent as g } from "@arcgis/lumina";
+import { html as i } from "lit";
+import { C as o } from "../../chunks/interfaces.js";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const m = f`: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 u extends p {
   constructor() {
@@ -75,20 +75,20 @@ class u extends p {
   render() {
     let e;
     switch (this.page) {
-      case i.Data:
-        e = o`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} @arcgisChartsConfigScatterPlotPopoverChange=${this.popoverOpen} .isTableLayer=${d(this.layer)?.isTable}></arcgis-charts-config-scatter-plot-data>`;
+      case o.Data:
+        e = i`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} @arcgisChartsConfigScatterPlotPopoverChange=${this.popoverOpen} .isTableLayer=${d(this.layer)?.isTable}></arcgis-charts-config-scatter-plot-data>`;
         break;
-      case i.Axes:
-        e = o`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;
+      case o.Axes:
+        e = i`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;
         break;
-      case i.Guides:
-        e = o`<arcgis-charts-config-guides .model=${this.model} enable-x-axis-guide enable-y-axis-guide @arcgisChartsConfigGuidePopoverChange=${this.popoverOpen}></arcgis-charts-config-guides>`;
+      case o.Guides:
+        e = i`<arcgis-charts-config-guides .model=${this.model} enable-x-axis-guide enable-y-axis-guide @arcgisChartsConfigGuidePopoverChange=${this.popoverOpen}></arcgis-charts-config-guides>`;
         break;
-      case i.Format:
-        e = o`<arcgis-charts-config-format .model=${this.model} @arcgisChartsConfigFormatPopoverChange=${this.popoverOpen}></arcgis-charts-config-format>`;
+      case o.Format:
+        e = i`<arcgis-charts-config-format .model=${this.model} @arcgisChartsConfigFormatPopoverChange=${this.popoverOpen}></arcgis-charts-config-format>`;
         break;
-      case i.General:
-        e = o`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
+      case o.General:
+        e = i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;
         break;
       default:
         e = "";

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

@@ -2,7 +2,7 @@ import { c as E } from "../../chunks/runtime.js";
 import { getDefaultNoR2Label as I, removePopover as P, createPopover as T, PopoverType as F, getFieldAlias as b, getDefaultColor as z, reducedOpacity as w } from "@arcgis/charts-shared-utils";
 import { WebChartTypes as y, RESTSymbolType as $ } from "@arcgis/charts-spec";
 import { cloneDeep as L, isEmpty as k, toNumber as C } from "lodash-es";
-import { S as l, a as h } from "../../chunks/interfaces.js";
+import { S as l, b as h } from "../../chunks/interfaces.js";
 import { d as A, s as m } from "../../chunks/store.js";
 import { b as f, m as g, f as M, s as u, D as V, c as p } from "../../chunks/chart-ui-utils.js";
 import { u as _ } from "../../chunks/useT9n.js";
@@ -12,7 +12,7 @@ import { LitElement as D, createEvent as v, safeClassMap as s, safeStyleMap as x
 import { css as N } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const i = {
   hostDiv: "host-div",
   label: "label",

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

@@ -11,7 +11,7 @@ import { LitElement as $, createEvent as l, safeClassMap as r } from "@arcgis/lu
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const s = {
   hostDiv: "host-div",
   jsAppFlyout: "js-app-flyout",

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

@@ -9,7 +9,7 @@ import { LitElement as m, createEvent as s, safeClassMap as o } from "@arcgis/lu
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const t = {
   hostDiv: "host-div",
   selectChartComponent: "select-chart-component",

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

@@ -7,7 +7,7 @@ import { repeat as u } from "lit-html/directives/repeat.js";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/demo-chart-rendering/common/index.d.ts

@@ -250,6 +250,7 @@ export declare const ConfigFileKey: {
     readonly SpecialSeriesSort: "specialSeriesSort";
     readonly SpecialNullValue: "specialNullValue";
     readonly SpecialDualAxis: "specialDualAxis";
+    readonly SpecialTemporalBinning: "specialTemporalBinning";
     readonly SpecialGuidesLabel: "specialGuidesLabel";
     readonly SpecialTest: "specialTest";
 };

package/dist/demo-chart-rendering/config-update/time-binning.d.ts

@@ -1,3 +1,3 @@
-import { WebChart, WebChartTimeIntervalUnits, WebChartNullPolicyTypes, WebChartTimeAggregationTypes } from '@arcgis/charts-spec';
+import { WebChart, WebChartFixedDateBinningUnits, WebChartNullPolicyTypes, WebChartTimeAggregationTypes } from '@arcgis/charts-spec';
 export declare function updateBinningSize(configToUpdate: WebChart, newValue: number): WebChart;
-export declare function updateTimeBinning(configToUpdate: WebChart, controlName: string, newValue: WebChartNullPolicyTypes | WebChartTimeAggregationTypes | WebChartTimeIntervalUnits | boolean | number): WebChart;
+export declare function updateTimeBinning(configToUpdate: WebChart, controlName: string, newValue: WebChartFixedDateBinningUnits | WebChartNullPolicyTypes | WebChartTimeAggregationTypes | boolean | number): WebChart;

package/dist/demo-chart-rendering/config-update/update.d.ts

@@ -1,5 +1,5 @@
-import { WebChartDataItem, WebChart, WebChartStackedKinds, WebChartDataTransformations, WebChartLegendPositions, WebGaugeChart, WebChartNullPolicyTypes, WebChartTimeAggregationTypes, WebChartTimeIntervalUnits, WebChartLabelBehavior, WebChartTextSymbol } from '@arcgis/charts-spec';
-export type ControlTypes = string[] | WebChart | WebChartDataItem[] | WebChartDataTransformations | WebChartLabelBehavior | WebChartLegendPositions | WebChartNullPolicyTypes | WebChartStackedKinds | WebChartTextSymbol["horizontalAlignment"] | WebChartTextSymbol["verticalAlignment"] | WebChartTimeAggregationTypes | WebChartTimeIntervalUnits | boolean | number | string;
+import { WebChartDataItem, WebChart, WebChartDataTransformations, WebChartLabelBehavior, WebChartLegendPositions, WebChartNullPolicyTypes, WebChartStackedKinds, WebChartTemporalBinningUnits, WebChartTextSymbol, WebChartTimeAggregationTypes, WebGaugeChart } from '@arcgis/charts-spec';
+export type ControlTypes = string[] | WebChart | WebChartDataItem[] | WebChartDataTransformations | WebChartLabelBehavior | WebChartLegendPositions | WebChartNullPolicyTypes | WebChartStackedKinds | WebChartTemporalBinningUnits | WebChartTextSymbol["horizontalAlignment"] | WebChartTextSymbol["verticalAlignment"] | WebChartTimeAggregationTypes | boolean | number | string;
 export declare function updateConfig(configToUpdate: WebChart | WebGaugeChart, tabName: string, controlName: string, newValue: ControlTypes): {
     updatedConfig: WebChart | WebGaugeChart;
     dataUpdated: boolean;

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-04-17T05:10:34",
+  "timestamp": "2025-04-18T05:10:18",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.88",
+    "version": "4.33.0-next.90",
     "typescriptVersion": "5.6.3"
   },
   "schemaVersion": "1.0.0",
@@ -129,7 +129,7 @@
               "name": "chartWillRender",
               "description": "Lifecycle function executed after the data has been processed and before the chart renders.\nCan be used to alter the config from information extracted from the data for instance.",
               "type": {
-                "text": "(((props: {\n    chartConfig: WebMapWebChart | WebMapWebGaugeChart | WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))"
+                "text": "(((props: {\n    chartConfig: WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))"
               },
               "default": "undefined",
               "docsTags": [
@@ -1116,9 +1116,9 @@
             {
               "kind": "field",
               "name": "model",
-              "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebMapWebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+              "description": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
               "type": {
-                "text": "ChartModel | WebMapWebChart",
+                "text": "ChartModel | WebChart",
                 "references": [
                   {
                     "name": "ChartModel",
@@ -1128,11 +1128,11 @@
                     "end": 10
                   },
                   {
-                    "name": "WebMapWebChart",
+                    "name": "WebChart",
                     "package": "@arcgis/charts-spec",
                     "module": "types/web-chart.d.ts",
                     "start": 13,
-                    "end": 27
+                    "end": 21
                   }
                 ],
                 "values": [
@@ -1140,7 +1140,7 @@
                     "type": "ChartModel"
                   },
                   {
-                    "type": "WebMapWebChart"
+                    "type": "WebChart"
                   }
                 ]
               },
@@ -1148,7 +1148,7 @@
               "docsTags": [
                 {
                   "name": "type",
-                  "text": "{ChartModel | WebMapWebChart | undefined}"
+                  "text": "{ChartModel | WebChart | undefined}"
                 }
               ]
             },
@@ -1636,7 +1636,7 @@
             {
               "kind": "field",
               "name": "setTimeBinningInfoWhenNotProvided",
-              "description": "When `true`, the series properties `timeIntervalUnits` and `timeIntervalSize` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2465,7 +2465,7 @@
             },
             {
               "name": "set-time-binning-info-when-not-provided",
-              "description": "When `true`, the series properties `timeIntervalUnits` and `timeIntervalSize` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+              "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -2599,7 +2599,7 @@
               "name": "arcgisConfigChange",
               "description": "Event triggered when the chart config is changed",
               "type": {
-                "text": "{\n    newConfig: WebMapWebChart | undefined;\n    oldConfig: WebMapWebChart | undefined;\n    functionCalled: string | undefined;\n}"
+                "text": "{\n    newConfig: WebChart | undefined;\n    oldConfig: WebChart | undefined;\n    functionCalled: string | undefined;\n}"
               },
               "docsTags": [
                 {

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-04-17T05:10:34",
+  "timestamp": "2025-04-18T05:10:18",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.88",
+    "version": "4.33.0-next.90",
     "typescriptVersion": "5.6.3"
   },
   "components": [
@@ -141,10 +141,10 @@
         },
         {
           "name": "chartWillRender",
-          "type": "(((props: {\n    chartConfig: WebMapWebChart | WebMapWebGaugeChart | WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
+          "type": "(((props: {\n    chartConfig: WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
           "complexType": {
-            "original": "(((props: {\n    chartConfig: WebMapWebChart | WebMapWebGaugeChart | WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
-            "resolved": "(((props: {\n    chartConfig: WebMapWebChart | WebMapWebGaugeChart | WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
+            "original": "(((props: {\n    chartConfig: WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
+            "resolved": "(((props: {\n    chartConfig: WebChart | WebGaugeChart;\n    data?: WebChartDataTypes | undefined;\n    slices?: Array<WebChartPieChartSlice> | undefined;\n}) => Promise<WebChart | WebGaugeChart>))",
             "references": {}
           },
           "mutable": true,
@@ -1087,17 +1087,17 @@
         },
         {
           "name": "model",
-          "type": "ChartModel | WebMapWebChart",
+          "type": "ChartModel | WebChart",
           "complexType": {
-            "original": "ChartModel | WebMapWebChart",
-            "resolved": "ChartModel | WebMapWebChart",
+            "original": "ChartModel | WebChart",
+            "resolved": "ChartModel | WebChart",
             "references": {
               "ChartModel": {
                 "location": "import",
                 "path": "@arcgis/charts-model/types/chart-model/chart-model.d.ts",
                 "id": "notImplemented"
               },
-              "WebMapWebChart": {
+              "WebChart": {
                 "location": "import",
                 "path": "@arcgis/charts-spec/types/web-chart.d.ts",
                 "id": "notImplemented"
@@ -1106,11 +1106,11 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebMapWebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
+          "docs": "Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.\n\n**Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.",
           "docsTags": [
             {
               "name": "type",
-              "text": "{ChartModel | WebMapWebChart | undefined}"
+              "text": "{ChartModel | WebChart | undefined}"
             }
           ],
           "default": "undefined",
@@ -1119,7 +1119,7 @@
               "type": "ChartModel"
             },
             {
-              "type": "WebMapWebChart"
+              "type": "WebChart"
             }
           ],
           "optional": true,
@@ -1493,7 +1493,7 @@
           "mutable": true,
           "attr": "set-time-binning-info-when-not-provided",
           "reflectToAttr": true,
-          "docs": "When `true`, the series properties `timeIntervalUnits` and `timeIntervalSize` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+          "docs": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
           "docsTags": [
             {
               "name": "remarks",
@@ -2288,11 +2288,11 @@
         },
         {
           "event": "arcgisConfigChange",
-          "detail": "{\n    newConfig: WebMapWebChart | undefined;\n    oldConfig: WebMapWebChart | undefined;\n    functionCalled: string | undefined;\n}",
+          "detail": "{\n    newConfig: WebChart | undefined;\n    oldConfig: WebChart | undefined;\n    functionCalled: string | undefined;\n}",
           "bubbles": true,
           "complexType": {
-            "original": "{\n    newConfig: WebMapWebChart | undefined;\n    oldConfig: WebMapWebChart | undefined;\n    functionCalled: string | undefined;\n}",
-            "resolved": "{\n    newConfig: WebMapWebChart | undefined;\n    oldConfig: WebMapWebChart | undefined;\n    functionCalled: string | undefined;\n}",
+            "original": "{\n    newConfig: WebChart | undefined;\n    oldConfig: WebChart | undefined;\n    functionCalled: string | undefined;\n}",
+            "resolved": "{\n    newConfig: WebChart | undefined;\n    oldConfig: WebChart | undefined;\n    functionCalled: string | undefined;\n}",
             "references": {}
           },
           "cancelable": true,

package/dist/docs/vscode.html-custom-data.json

@@ -227,7 +227,7 @@
         },
         {
           "name": "set-time-binning-info-when-not-provided",
-          "description": "When `true`, the series properties `timeIntervalUnits` and `timeIntervalSize` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
+          "description": "When `true`, the series properties `unit` and `size` become optional and will be automatically set to values that fit the data set. Used when creating or updating a chart compatible with time binning.",
           "values": []
         },
         {