@arcgis/charts-components 4.33.0-next.111 → 4.33.0-next.112

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

@@ -4,9 +4,13 @@ import { DefaultActionSelectPayload } from '../../utils/components/event-payload
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcGISChart } from '../arcgis-chart/customElement.js';
 
-/** ChartsActionBar enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering. It is designed to be used in conjunction with a chart component and is not intended for standalone use.
- * @slot custom-action-top - A slot for adding custom `calcite-action` to the top of the default actions.
- * @slot custom-action-below - A slot for adding custom `calcite-action` to the bottom of the default actions.
+/**
+ * ChartsActionBar enhances chart functionality by offering context-specific actions such as rotation, zooming, and filtering. It is designed to be used in conjunction with a chart component and is not intended for standalone use.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/charts-components/arcgis-charts-action-bar/)
+ *
+ * @slot [custom-action-top] - A slot for adding custom `calcite-action` to the top of the default actions.
+ * @slot [custom-action-below] - A slot for adding custom `calcite-action` to the bottom of the default actions.
  */
 export declare class ArcGISChartsActionBar extends LitElement {
     /** Overwrite localized strings for this component */
@@ -32,6 +36,7 @@ export declare class ArcGISChartsActionBar extends LitElement {
      *
      * @category Public
      * @type {boolean}
+     * @default false
      */
     forceDisableActions: boolean;
     /**
@@ -109,7 +114,8 @@ export declare class ArcGISChartsActionBar extends LitElement {
     /**
      * When active, the filter by selection action is highlighted.
      *
-     * @category Public
+     * @category
+     * Public
      * type {ActionToggle}
      * @default "inactive"
      */
@@ -287,6 +293,7 @@ export declare class ArcGISChartsActionBar extends LitElement {
      *
      * @category Public
      * @type {boolean}
+     * @default false
      */
     expanded: boolean;
     /**
@@ -308,14 +315,10 @@ export declare class ArcGISChartsActionBar extends LitElement {
     readonly arcgisActionBarToggle: TargetedEvent<this, boolean>;
     /**
      * Event triggered once a default action is selected
+     *
      * @type {EventEmitter<DefaultActionSelectPayload>}
      * @event
      */
     readonly arcgisDefaultActionSelect: TargetedEvent<this, DefaultActionSelectPayload>;
-    /**
-     * Localized string
-     *
-     * @category Private
-     */
     private _messages;
 }

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

@@ -21,7 +21,7 @@ import { LitElement as k, createEvent as x, safeClassMap as w, nothing as n } fr
 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.111 */
+v4.33.0-next.112 */
 function I(r) {
   return r?.tagName.toLowerCase() === "arcgis-chart";
 }
@@ -46,28 +46,15 @@ class _ extends k {
   static {
     this.styles = z;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   async load() {
     this.chartElement = I(this.el.parentElement) ? this.el.parentElement : void 0;
   }
-  /** @category Lifecycle */
   updated() {
     this.handleExpandTooltip();
   }
-  /** @category Lifecycle */
   disconnectedCallback() {
     super.disconnectedCallback(), this.actionTooltip?.remove();
   }
-  //#endregion
-  //#region Private Methods
-  /**
-   * Handler for default action click event
-   *
-   * @category Event handler
-   * @param {MouseEvent} e Event payload from click
-   */
   onDefaultActionClick(c) {
     const a = c.currentTarget, i = {
       actionId: a.id,
@@ -107,49 +94,23 @@ class _ extends k {
     }
     this.arcgisDefaultActionSelect.emit(i);
   }
-  /**
-   * Handler for calciteActionBarToggle event
-   *
-   * @category Event handler
-   */
   handleCalciteActionBarToggle() {
     this.expanded = this.calciteActionBar.value?.expanded ?? !1, this.setCustomActionsExpanded(), this.arcgisActionBarToggle.emit(this.expanded);
   }
-  /**
-   * Handler for mouseOut event that destroys current action tooltip
-   *
-   * @category Event handler
-   */
   handleMouseOut() {
     this.actionTooltip !== null && (this.actionTooltip = s(this.actionTooltip));
   }
-  /**
-   * Handler for `slotChange` event to set custom action event handlers dynamically
-   *
-   * @category Event handler
-   * @param e Event payload for slotChange
-   */
   handleSlotChange(c) {
     const i = c.currentTarget.assignedElements();
     for (const h of i)
       h.onmouseover = this.handleMouseOver;
   }
-  /**
-   * Sets whether text is expanded on all custom actions
-   *
-   * @category Private
-   */
   setCustomActionsExpanded() {
     this.el.querySelectorAll("calcite-action").forEach((c) => {
       const a = c;
       a.textEnabled = this.expanded;
     });
   }
-  /**
-   * handle creation and deletion of the expand tooltip
-   *
-   * @category Private
-   */
   handleExpandTooltip() {
     this.expandAction === null && (this.expandAction = this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action") ?? null, this.expandAction !== null && (this.expandAction.addEventListener("mouseenter", () => {
       !this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = E(this._messages.expand ?? "", this.expandAction), this.actionTooltip.open = !0);
@@ -159,14 +120,6 @@ class _ extends k {
       this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = s(this.actionTooltip));
     })));
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * Renders default actions
-   *
-   * @category Private
-   */
-  // eslint-disable-next-line complexity
   renderDefaultActions() {
     const c = B(this.chartType).filter((b) => !this.hiddenActions?.includes(b)), a = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = c.includes(e.EditChart), h = c.includes(e.Legend), d = c.includes(e.RotateChart), g = c.includes(e.FilterBySelection), v = c.includes(e.FilterByExtent) && !a, u = c.includes(e.Zoom), m = c.includes(e.Selection), f = c.includes(e.ClearSelection), A = c.includes(e.FullExtent), T = c.includes(e.SwitchSelection);
     return [
@@ -175,7 +128,6 @@ class _ extends k {
       m || u || A || f || T ? l`<calcite-action-group>${u ? l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? n} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${m ? l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? n} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? n} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${A ? l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? n} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${T ? l`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? n} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null
     ];
   }
-  /** @category Lifecycle */
   render() {
     return l`<calcite-action-bar class=${w(O.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${D(this.calciteActionBar)}><slot name=${S.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${S.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
   }

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

@@ -19,42 +19,52 @@ export declare class ArcGISChartsConfigAxes extends LitElement {
      * @category Public
      */
     calculatedDataMinMaxBounds?: CalculatedMinMaxBoundsPayload[];
-    /** When true, the content of the component will be displayed. */
+    /**
+     * When true, the content of the component will be displayed.
+     *
+     * @default false
+     */
     open: boolean;
     /**
      * Whether to show the input option to set X-axis minimum bound.
      *
      * @category Public
+     * @default false
      */
     showMinXBoundOption?: boolean;
     /**
      * Whether to show the input option to set X-axis maximum bound.
      *
      * @category Public
+     * @default false
      */
     showMaxXBoundOption?: boolean;
     /**
      * Whether to show the input option to set Y-axis minimum bound.
      *
      * @category Public
+     * @default false
      */
     showMinYBoundOption?: boolean;
     /**
      * Whether to show the input option to set Y-axis maximum bound.
      *
      * @category Public
+     * @default false
      */
     showMaxYBoundOption?: boolean;
     /**
      * Whether to show the switch option to enable X-axis logarithmic scale.
      *
      * @category Public
+     * @default false
      */
     showEnableXLogOption?: boolean;
     /**
      * Whether to show the switch option to enable Y-axis logarithmic scale.
      *
      * @category Public
+     * @default false
      */
     showEnableYLogOption?: boolean;
     /**
@@ -63,6 +73,5 @@ export declare class ArcGISChartsConfigAxes extends LitElement {
      * @category Public
      */
     calculatedMinMaxBounds?: CalculatedMinMaxBoundsPayload[];
-    /** @category Private */
     private _messages;
 }

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

@@ -5,7 +5,7 @@ import { LitElement as e } from "@arcgis/lumina";
 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.111 */
+v4.33.0-next.112 */
 const u = d`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width)}`;
 class l extends e {
   constructor() {
@@ -17,19 +17,12 @@ class l extends e {
   static {
     this.styles = u;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category private */
   getMinFromCalculatedDataBounds(i) {
     return this.calculatedDataMinMaxBounds?.find((a) => a.isXAxis === i)?.minimum ?? Number.NaN;
   }
-  /** @category private */
   getMaxFromCalculatedDataBounds(i) {
     return this.calculatedDataMinMaxBounds?.find((a) => a.isXAxis === i)?.maximum ?? Number.NaN;
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     const i = this.calculatedMinMaxBounds?.find((a) => a.isXAxis), s = this.calculatedMinMaxBounds?.find((a) => !a.isXAxis);
     return o`<arcgis-charts-config-axis .model=${this.model} is-x-axis .axisTitle=${this._messages.xAxis} .showMinBoundOption=${this.showMinXBoundOption} .showMaxBoundOption=${this.showMaxXBoundOption} .showEnableLogOption=${this.showEnableXLogOption} .dataMinValue=${this.getMinFromCalculatedDataBounds(!0)} .dataMaxValue=${this.getMaxFromCalculatedDataBounds(!0)} .initialMaxBound=${i?.maximum} .initialMinBound=${i?.minimum}></arcgis-charts-config-axis><arcgis-charts-config-axis .model=${this.model} .axisTitle=${this._messages.yAxis} .showMinBoundOption=${this.showMinYBoundOption} .showMaxBoundOption=${this.showMaxYBoundOption} .showEnableLogOption=${this.showEnableYLogOption} .dataMinValue=${this.getMinFromCalculatedDataBounds(!1)} .dataMaxValue=${this.getMaxFromCalculatedDataBounds(!1)} .initialMaxBound=${s?.maximum} .initialMinBound=${s?.minimum}></arcgis-charts-config-axis>`;

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

@@ -17,12 +17,14 @@ export declare class ArcGISChartsConfigAxis extends LitElement {
      * Whether this axis component is for the X-axis or the Y-axis.
      *
      * @category Public
+     * @default false
      */
     isXAxis: boolean;
     /**
      * Title of the axis.
      *
      * @category Public
+     * @default ""
      */
     axisTitle: string;
     /**
@@ -53,18 +55,21 @@ export declare class ArcGISChartsConfigAxis extends LitElement {
      * Show maximum bounds option for the axis.
      *
      * @category Public
+     * @default false
      */
     showMaxBoundOption?: boolean;
     /**
      * Show minimum bounds option for the axis.
      *
      * @category Public
+     * @default false
      */
     showMinBoundOption?: boolean;
     /**
      * Show enable logarithmic option for the axis.
      *
      * @category Public
+     * @default false
      */
     showEnableLogOption?: boolean;
     /**
@@ -92,6 +97,5 @@ export declare class ArcGISChartsConfigAxis extends LitElement {
      * @category Public
      */
     initialMinBound?: number;
-    /** @category Private */
     private _messages;
 }

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

@@ -11,7 +11,7 @@ import { LitElement as v, safeClassMap as l } from "@arcgis/lumina";
 import { css as C } 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.111 */
+v4.33.0-next.112 */
 const s = {
   linkContainer: "link-container",
   label: "label",
@@ -70,46 +70,24 @@ class I extends v {
   static {
     this.styles = w;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.modelChange(this.model), this.dataMinValue !== void 0 && this.dataMinValueChange(this.dataMinValue, Number.NaN), this.dataMaxValue !== void 0 && this.dataMaxValueChange(this.dataMaxValue, Number.NaN);
   }
   willUpdate(t) {
     t.has("model") && this.modelChange(this.model, t.get("model")), t.has("dataMinValue") && this.dataMinValueChange(this.dataMinValue ?? Number.NaN, t.get("dataMinValue")), t.has("dataMaxValue") && this.dataMaxValueChange(this.dataMaxValue ?? Number.NaN, t.get("dataMaxValue")), t.has("initialMaxBound") && this.initialMaxBoundChange(), t.has("initialMinBound") && this.initialMinBoundChange();
   }
-  /** @category Lifecycle */
   updated() {
     this.disableResetButtons();
   }
-  /** @category Lifecycle */
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Watch handler */
   modelChange(t, e) {
     this.axisModel = new B(this.model, this.isXAxis), e?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), t?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  /**
-   * Sets a default minimum bound when it is first calculated by the graph.
-   *
-   * @param newValue The new minimum value
-   * @param oldValue The old minimum value
-   * @category Watch handler
-   */
   dataMinValueChange(t, e) {
     Number.isNaN(e) && !Number.isNaN(t) && (this.defaultMinBound = t);
   }
-  /**
-   * Sets a default maximum bound when it is first calculated by the graph.
-   *
-   * @param newValue The new maximum value
-   * @param oldValue The old maximum value
-   * @category Watch handler
-   */
   dataMaxValueChange(t, e) {
     Number.isNaN(e) && !Number.isNaN(t) && (this.defaultMaxBound = t);
   }
@@ -136,55 +114,43 @@ class I extends v {
     const t = this.getAxisBoundsFromStateStore();
     t && (this.disableMaxBoundResetBtn = t.defaultMaxBound === t.currMaxBound, this.disableMinBoundResetBtn = t.defaultMinBound === t.currMinBound);
   }
-  /** @category Event handler */
   async onShowLogScaleMouseEnter() {
     this.showLogScaleTooltip?.remove(), this.showLogScaleSwitch.value?.disabled && (this.showLogScaleTooltip = document.createElement(
       // TODO: [MIGRATION] If this is dynamically creating a web component, please read the docs: https://qawebgis.esri.com/components/lumina/jsx#rendering-jsx-outside-the-component
       "calcite-tooltip"
     ), this.showLogScaleTooltip.textContent = this.commonStrings.tooltips?.logDisabled ?? "", this.showLogScaleTooltip.open = !0, this.showLogScaleTooltip.referenceElement = this.showLogScaleSwitch.value, document.body.appendChild(this.showLogScaleTooltip));
   }
-  /** @category Event handler */
   onShowLogScaleMouseLeave() {
     this.showLogScaleTooltip?.remove();
   }
-  /** @category Event handler */
   async onCategoryFormatChange(t) {
     await this.axisModel.setValueFormat(t.target.categoryFormat);
   }
-  /** @category Private */
   async updateEnableLogarithmic(t) {
     t !== this.axisModel.getLogarithmic() && (await this.axisModel.setLogarithmic(t), this.requestUpdate());
   }
-  /** @category Event handler */
   async onNumberFormatChange(t) {
     await this.axisModel.setValueFormat({
       type: u.NumberAxisFormat,
       intlOptions: t.detail
     }), this.requestUpdate();
   }
-  /** @category Event handler */
   async onRevertMaxBoundsToDefault() {
     if (this.maxBoundInputElement.value?.status === a.INVALID || this.axisModel.getMaxBound() !== this.defaultMaxBound) {
       const t = this.getAxisBoundsFromStateStore();
       this.axisModel.getMinBound() > this.defaultMaxBound && await this.axisModel.setMinBound(t?.defaultMinBound ?? Number.NaN), await this.axisModel.setMaxBound(t?.defaultMaxBound ?? Number.NaN), this.requestUpdate();
     }
   }
-  /** @category Event handler */
   async onRevertMinBoundsToDefault() {
     (this.minBoundInputElement.value?.status === a.INVALID || this.axisModel.getMinBound() !== this.defaultMinBound) && (this.axisModel.getMaxBound() < this.defaultMinBound && await this.axisModel.setMaxBound(Number.NaN), await this.axisModel.setMinBound(Number.NaN), this.requestUpdate());
   }
-  /** @category Event handler */
   async enableLogScale(t) {
     const { checked: e } = t.target;
     await this.axisModel.setLogarithmic(e && (this.dataMinValue ?? Number.NaN) > 0), this.requestUpdate();
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     return o`<div class=${l({ [s.rtl]: this.direction === "rtl" })}><calcite-block .hidden=${this.axisModel.getValueFormat()?.type === u.DateAxisFormat} open .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block></div>`;
   }
-  /** @category Render UX */
   renderAxis() {
     let t = null;
     const e = { ...this.axisModel.getValueFormat() };
@@ -201,7 +167,6 @@ class I extends v {
     }
     return t;
   }
-  /** @category Render UX */
   renderMaxBound() {
     let t;
     if (!this.showMaxBoundOption)
@@ -212,7 +177,6 @@ class I extends v {
     }
     return t;
   }
-  /** @category Render UX */
   renderMinBound() {
     let t;
     if (!this.showMinBoundOption)
@@ -223,7 +187,6 @@ class I extends v {
     }
     return t;
   }
-  /** @category Render UX */
   renderShowLogScale() {
     let t;
     return this.showEnableLogOption && (t = o`<calcite-label layout=inline-space-between class=${l({

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

@@ -9,10 +9,6 @@ import { ChartAuthoringPages } from '../../interfaces';
 
 /** @private */
 export declare class ArcGISChartsConfigBarChart extends LitElement {
-    /**
-     * Event indicating no series update should take place.
-     * @event
-     */
     /**
      * Bar Chart Model.
      *
@@ -33,6 +29,7 @@ export declare class ArcGISChartsConfigBarChart extends LitElement {
      * Popover placement use it from the viewer to place the popover.
      *
      * @category Public
+     * @default "leading"
      */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
     /**
@@ -63,6 +60,7 @@ export declare class ArcGISChartsConfigBarChart extends LitElement {
      * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
      *
      * @category Public
+     * @default false
      */
     usePopupTemplateFieldsInfo?: boolean;
     readonly arcgisChartsConfigNoSeriesUpdate: TargetedEvent<this, undefined>;

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

@@ -17,7 +17,7 @@ import { C as o } from "../../chunks/interfaces3.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.111 */
+v4.33.0-next.112 */
 const C = f`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class u extends g {
   constructor() {
@@ -32,24 +32,15 @@ class u extends g {
   static {
     this.styles = C;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   async load() {
     this.layer !== void 0 && await this.layerChange(this.layer, void 0), this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.usePopupTemplateFieldsInfo !== void 0 && await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo, void 0), this.modelChange(this.model), this.onModelConfigChange(), this.updateDataFilters();
   }
-  /** @category Lifecycle */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async willUpdate(e) {
     e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && await this.layerChange(this.layer, e.get("layer")), e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== void 0 && await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo, e.get("usePopupTemplateFieldsInfo")), e.has("seriesColor") && this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.layerFieldsInfo === void 0 && await this.updateFetchLayerFieldsInfo();
   }
-  /** @category Lifecycle */
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Watch handler */
   modelChange(e, t) {
     t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
@@ -59,18 +50,11 @@ class u extends g {
   async usePopupTemplateFieldsInfoChange(e, t) {
     e !== void 0 && e !== t && await this.updateFetchLayerFieldsInfo();
   }
-  /**
-   * Assigns new colors to the series
-   *
-   * @param seriesColor
-   * @category Watch handler
-   */
   seriesColorChange(e) {
     this.activeColorMatch = e?.get(0) === void 0, this.model.getColorMatch() && e?.forEach((t, i) => {
       d(t) && e?.get(0) !== void 0 && t?.color !== void 0 && !r(this.model.getSeriesColor(i), t?.color) && this.model.setSeriesColor(t?.color, i);
     });
   }
-  /** update the data filter `where` clause with the layer definitionExpression if they are different */
   async updateDataFilters() {
     const e = this.model.getDataFilter(), t = e?.where, i = this.layer?.definitionExpression ?? void 0;
     r(t, i) || await this.model.setDataFilter({
@@ -78,7 +62,6 @@ class u extends g {
       where: i
     });
   }
-  /** @category Private */
   async updateFetchLayerFieldsInfo(e) {
     const t = e ?? this.model.getConfig();
     let i = this.layer;
@@ -88,18 +71,10 @@ class u extends g {
     }
     i && (this.layerFieldsInfo = await h(i, this.usePopupTemplateFieldsInfo));
   }
-  /** @category Event handler */
   popoverOpen(e) {
     const { open: t = !1, element: i = null } = { ...e.detail };
     t === !0 && this.popoverElement !== i ? (this.popoverElement !== null && (this.popoverElement.open = !1), this.popoverElement = i) : t === !1 && this.popoverElement === i && (this.popoverElement = null);
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * Render the panels for each of the pages.
-   *
-   * @category Lifecycle
-   */
   render() {
     const e = this.layerFieldsInfo?.find((s) => s.name === this.model.getXAxisField()), t = e !== void 0 && c(e);
     let i;

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

@@ -21,19 +21,13 @@ export declare class ArcGISChartsConfigBarChartData extends LitElement {
      * @category Public
      */
     layerFieldsInfo: IField[];
-    /** When true, the content of the component will be displayed. */
-    open?: boolean;
-    readonly arcgisChartsConfigBarChartDataNumericFieldValidate: TargetedEvent<this, undefined>;
-    readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
-    /**
-     * A changed event to be emitted when required numeric field(s) is not met.
-     * @event
-     */
     /**
-     * Event emitted when an error is caught on data change.
+     * When true, the content of the component will be displayed.
      *
-     * @event
+     * @default false
      */
-    /** @category Private */
+    open?: boolean;
+    readonly arcgisChartsConfigBarChartDataNumericFieldValidate: TargetedEvent<this, undefined>;
+    readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
     private _messages;
 }