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

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

@@ -22,7 +22,7 @@ import { LitElement as z, createEvent as u, safeStyleMap as P, safeClassMap as a
 import { css as j } 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.110 */
+v4.33.0-next.112 */
 const s = {
   label: "label",
   row: "row",
@@ -102,35 +102,21 @@ class R extends z {
   static {
     this.styles = q;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.modelChange(this.model), this.onModelConfigChange();
   }
-  /** @category Lifecycle */
   willUpdate(e) {
     e.has("model") && this.modelChange(this.model, e.get("model"));
   }
-  /** @category Lifecycle */
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeHistogramDataPopover(), 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);
   }
-  /**
-   * Removing the popover whenever disconnected.
-   *
-   * @category Private
-   */
   removeHistogramDataPopover() {
     this.histogramPopover !== null && (this.histogramPopover.open = !1, this.histogramPopover = V(this.histogramPopover)), this.histogramPopoverChange(!1);
   }
-  /** @category Private */
   getDataTransformationLabel() {
     let e;
     switch (this.model.getDataTransformationType()) {
@@ -149,10 +135,6 @@ class R extends z {
     }
     return e;
   }
-  /**
-   * @param statName
-   * @category Private
-   */
   getStatValue(e) {
     let t;
     switch (e) {
@@ -189,7 +171,6 @@ class R extends z {
     }
     return F(t, H);
   }
-  /** @category Event handler */
   binCountChange(e) {
     const t = Number.parseInt(e);
     this.model.getBinCount() !== t && (this.model.setBinCount(t), this.binInputElement.value && S({
@@ -197,61 +178,46 @@ class R extends z {
       status: D.IDLE
     }));
   }
-  /** @category Event handler */
   onColorElementSelect(e, t, o) {
     e.type === x.SFS ? (this.selectedOverlaySymbol = void 0, this.selectedBinColorSymbol = e, this.contentKind = r.fillSymbol) : (this.selectedBinColorSymbol = void 0, this.selectedOverlaySymbol = e, this.overlaySectionElement = o, this.contentKind = r.lineSymbol), this.popoverHeading = t, this.setupPopover();
   }
-  /** @category Event handler */
   onNumericFieldSelect() {
     this.selectedNumericalField = this.model.getNumericField(), this.contentKind = r.numericFields, this.setupPopover();
   }
-  /** @category Event handler */
   onTransformationSelect() {
     this.selectedTransformationType = this.model.getDataTransformationType(), this.contentKind = r.transformation, this.setupPopover();
   }
-  /** @category Event handler */
   onBinColorSelect() {
     this.onColorElementSelect(this.model.getBinSymbol(), this._messages.binColor ?? "");
   }
-  /** @category Event handler */
   onBinColorChange(e) {
     this.model.setColorMatch(!1), this.model.setBinSymbol(e.detail);
   }
-  /** @category Event handler */
   onMeanStyleChange(e) {
     this.model.setMeanSymbol(e.detail);
   }
-  /** @category Event handler */
   onMedianStyleChange(e) {
     this.model.setMedianSymbol(e.detail);
   }
-  /** @category Event handler */
   onStandardDevStyleChange(e) {
     this.model.setStandardDevSymbol(e.detail);
   }
-  /** @category Event handler */
   onNormalDistStyleChange(e) {
     this.model.setNormalDistSymbol(e.detail);
   }
-  /** @category Event handler */
   onShowDataLabelsChange(e) {
     this.model.setDataLabelsVisibility(e.target.checked);
   }
-  /** @category Event handler */
   onOverlayListChange(e) {
     const t = e.target.selectedItems.map((p) => p.value), o = t.includes(i.Mean), c = t.includes(i.Median), h = t.includes(i.StandardDev), d = t.includes(i.NormalDist);
     this.meanOverlayVisible !== o && (this.model.setShowMeanOverlay(o), this.meanOverlayVisible = o), this.medianOverlayVisible !== c && (this.model.setShowMedianOverlay(c), this.medianOverlayVisible = c), this.standardDevOverlayVisible !== h && (this.model.setShowStandardDevOverlay(h), this.standardDevOverlayVisible = h), this.normalDistOverlayVisible !== d && (this.model.setShowNormalDistOverlay(d), this.normalDistOverlayVisible = d);
   }
-  /** @category Private */
   histogramPopoverChange(e) {
     this.arcgisChartsConfigHistogramDataPopoverChange.emit({
       open: e,
       element: this.histogramPopover
     });
   }
-  /** @category Private */
-  // Popover related functions
-  // TODO: Move these and other popover functions to common utility methods
   setupPopover() {
     this.removeHistogramDataPopover();
     const e = {
@@ -279,38 +245,23 @@ class R extends z {
       this.histogramPopover.contentKind = this.contentKind, this.histogramPopover.open = !0, this.addPopover();
     }
   }
-  /** @category Private */
   addPopover() {
     this.histogramPopover !== void 0 && this.histogramPopover !== null && (document.body.contains(this.histogramPopover) || document.body.appendChild(this.histogramPopover));
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * @param field
-   * @category Render UX
-   */
   renderFieldSelect() {
     return l`<arcgis-charts-config-field-select .label=${k(this.layerFieldsInfo, this.model.getNumericField())} @click=${this.onNumericFieldSelect} ${m(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`;
   }
-  /** @category Render UX */
   renderDataTransformationType() {
     return l`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${m(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`;
   }
-  /**
-   * @param props
-   * @category Render UX
-   */
-  // TODO: to see for better pattern to move TSX based utility methods.
   renderColorListItem(e) {
     const { textLabel: t, key: o, value: c, selected: h, ref: d, colorAction: p, color: $ } = e, [b, O, w, E] = [...$ ?? T()];
     return f(o, l`<calcite-list-item .label=${t ?? ""} .value=${c} .selected=${h} ${m(d ?? void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${p}><calcite-icon icon=line-solid style=${P(b !== void 0 ? { color: `rgba(${b},${O},${w},${(E ?? 0) / 255})` } : {})}></calcite-icon></calcite-action></calcite-list-item>`);
   }
-  /** @category Render UX */
   renderBinColorElement() {
     const [e, t, o, c] = [...this.model.getBinSymbol()?.color ?? L(0)];
     return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine @click=${this.onBinColorSelect} ${m(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${P({ color: `rgba(${e},${t},${o},${c / 255})` })} class=${a(s.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`;
   }
-  /** @category Render UX */
   renderNormalDistOverlay() {
     return this.normalDistOverlayVisible = this.model.getShowNormalDistOverlay(), this.renderColorListItem({
       textLabel: this._messages.normalDist,
@@ -324,7 +275,6 @@ class R extends z {
       colorAction: this.onNormalDistColorSelect
     });
   }
-  /** @category Render UX */
   renderMeanOverlay() {
     return this.meanOverlayVisible = this.model.getShowMeanOverlay(), this.renderColorListItem({
       textLabel: this._messages.mean,
@@ -339,7 +289,6 @@ class R extends z {
       colorAction: this.onMeanColorSelect
     });
   }
-  /** @category Render UX */
   renderStandardDevOverlay() {
     return this.standardDevOverlayVisible = this.model.getShowStandardDevOverlay(), this.renderColorListItem({
       textLabel: this._messages.standardDev,
@@ -354,7 +303,6 @@ class R extends z {
       colorAction: this.onStandardDevColorSelect
     });
   }
-  /** @category Render UX */
   renderMedianOverlay() {
     return this.medianOverlayVisible = this.model.getShowMedianOverlay(), this.renderColorListItem({
       textLabel: this._messages.median,
@@ -369,31 +317,22 @@ class R extends z {
       colorAction: this.onMedianColorSelect
     });
   }
-  /** @category Render UX */
   renderOverlayList() {
     return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`;
   }
-  /**
-   * @param statName
-   * @category Render UX
-   */
   renderStatItem(e) {
     return f(e, l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`);
   }
-  /** @category Render UX */
   renderStats() {
     const e = Object.values(n);
     return l`<calcite-list label class=${a(s.histogramStatsList)}>${e.map((t) => this.renderStatItem(t))}</calcite-list>`;
   }
-  /** @category Render UX */
   renderShowDataLabels() {
     return l`<div class=${a(s.row)}><calcite-label class=${a(s.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`;
   }
-  /** @category Render UX */
   renderBinsSection() {
     return l`<div class=${a(s.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.getBinCount()} @calciteSliderChange=${this.onBinCountSliderChange} ${m(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${_(this.model.getBinCount())} @calciteInputInput=${this.onBinCountChange} ${m(this.binInputElement)}></calcite-input></div>`;
   }
-  /** @category Lifecycle */
   render() {
     const e = this.renderFieldSelect(), t = this.renderDataTransformationType();
     return l`<div class=${a({ [s.rtl]: this.direction === "rtl" })}><div class=${a(s.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${a(s.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${a(s.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${a(s.sectionLabel)}>${this._messages.bins}</div><p class=${a(s.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${a(s.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${a(s.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}</div>`;

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

@@ -67,6 +67,7 @@ export declare class ArcgisChartsConfigHistogramPopover extends LitElement {
      * boolean to open or close the popover.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -87,20 +88,5 @@ export declare class ArcgisChartsConfigHistogramPopover extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigPopoverOpenChange: TargetedEvent<this, PopoverOpenChangePayload>;
-    /**
-     * Event emitted when there is a change in symbol property.
-     * @event
-     */
-    /**
-     * Event emitted when there is a change in symbol property.
-     *
-     * @event
-     */
-    /**
-     * Event emitted when the popover is closed.
-     *
-     * @event
-     */
-    /** @category Private */
     private _messages;
 }

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

@@ -21,7 +21,7 @@ import { LitElement as w, createEvent as p, safeClassMap as i } from "@arcgis/lu
 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.110 */
+v4.33.0-next.112 */
 const t = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",
@@ -42,26 +42,12 @@ class T extends w {
   static {
     this.styles = x;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * Calls `reposition()` method on popover element.
-   *
-   * @category Public
-   */
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   willUpdate(e) {
     e.has("open") && this.openChange();
   }
-  /** @category Lifestyle */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  /** @category Lifecycle */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async updated() {
     setTimeout(async () => {
       await this.picklist.value?.setFocus();
@@ -69,24 +55,12 @@ class T extends w {
       this.popoverElement.value?.reposition();
     }, m.PopoverTimer);
   }
-  /** @category Lifecycle */
   loaded() {
     this.openChange();
   }
-  //#endregion
-  //#region Private Methods
-  /**
-   * Watch on open popover.
-   *
-   * @category Private
-   */
   openChange() {
     this.arcgisChartsConfigPopoverOpenChange.emit({ open: this.open });
   }
-  /**
-   * @param itemKind
-   * @category Private
-   */
   buildPickListItems(e) {
     const n = [];
     if (e === s.numericFields)
@@ -104,19 +78,15 @@ class T extends w {
     }
     return n;
   }
-  /** @category Private */
   getPopoverClass() {
     return this.contentKind === s.fillSymbol || this.contentKind === s.lineSymbol ? t.symbolPropertyPopover : "";
   }
-  /** @category Event handler */
   closePopover() {
     (this.open || this.popoverElement.value?.open === !1) && (this.open = !1, this.arcgisChartsConfigPopoverClose.emit());
   }
-  /** @category Event handler */
   overlaySymbolChange(e) {
     this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail);
   }
-  /** @category Event handler */
   fillColorChange(e) {
     const n = e.detail, [l, a, g] = n, f = b * 255;
     this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({
@@ -124,44 +94,32 @@ class T extends w {
       color: [l, a, g, f]
     });
   }
-  /**
-   * @category Event handler
-   * @param e
-   */
   onPickListChange(e) {
     e.target !== null && (this.arcgisChartsConfigHistogramPopoverChange.emit({
       contentKind: this.contentKind,
       value: e.target.selectedItems[0].value
     }), this.open = !1);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Render UX */
   renderFillColor() {
     return r`<arcgis-charts-config-color-style class=${i(t.colorPicker)} .header=${this.headingTitle ?? this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`;
   }
-  /** @category Render UX */
   renderOverlayStyle() {
     return r`<arcgis-charts-config-line-style class=${i(t.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle ?? this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`;
   }
-  /** @category Render UX */
   renderFieldSelect() {
     const e = this.buildPickListItems(s.numericFields);
     return r`<calcite-panel class=${i(t.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(t.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(t.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${d(this.picklist)}>${e}</calcite-list></calcite-panel>`;
   }
-  /** @category Render UX */
   renderTransformationSelect() {
     const e = this.buildPickListItems(s.transformation);
     return r`<calcite-panel class=${i(t.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(t.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(t.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`;
   }
-  /** @category Lifecycle */
   render() {
     return r`<div class=${i({
       [t.rtl]: this.direction === "rtl",
       [t.jsAppFlyout]: !0
     })}><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${P(this.placement)} label ${d(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`;
   }
-  /** @category Private */
   renderContentType() {
     switch (this.contentKind) {
       case s.fillSymbol:

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.d.ts

@@ -13,6 +13,7 @@ export declare class ArcgisChartsConfigInvalidInputMessage extends LitElement {
      * determines whether input is valid or invalid
      *
      * @category Public
+     * @default false
      */
     isInvalid: boolean;
 }

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, safeClassMap as e } from "@arcgis/lumina";
 import { css as l } 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.110 */
+v4.33.0-next.112 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = l`:host{display:block}.invalid-message-color{color:red}`;
@@ -19,8 +19,6 @@ class r extends a {
   static {
     this.styles = o;
   }
-  //#endregion
-  //#region Rendering
   render() {
     return this.isInvalid ? i`<calcite-input-message .status=${t.INVALID} icon=exclamationMarkTriangle .hidden=${!this.isInvalid} class=${e(n.invalidMessageColor)}>${this.invalidInputMessage}</calcite-input-message>` : null;
   }

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

@@ -9,10 +9,6 @@ import { ChartAuthoringPages } from '../../interfaces';
 
 /** @private */
 export declare class ArcGISChartsConfigLineChart extends LitElement {
-    /**
-     * Event indicating no series update should take place.
-     * @event
-     */
     /**
      * Line Chart Model.
      *
@@ -31,6 +27,7 @@ export declare class ArcGISChartsConfigLineChart extends LitElement {
      * Popover placement use it from the viewer to place the popover.
      *
      * @category Public
+     * @default "leading"
      */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
     /**
@@ -67,6 +64,7 @@ export declare class ArcGISChartsConfigLineChart 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-line-chart/customElement.js

@@ -17,7 +17,7 @@ import { C as s } 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.110 */
+v4.33.0-next.112 */
 const C = 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() {
@@ -32,23 +32,15 @@ class u extends p {
   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();
   }
-  /** @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(t) {
     t.has("model") && this.modelChange(this.model, t.get("model")), t.has("layer") && await this.layerChange(this.layer, t.get("layer")), t.has("usePopupTemplateFieldsInfo") && await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo, t.get("usePopupTemplateFieldsInfo")), t.has("seriesColor") && 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
   modelChange(t, e) {
     e?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), t?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
@@ -58,18 +50,11 @@ class u extends p {
   async usePopupTemplateFieldsInfoChange(t, e) {
     t && t !== e && await this.updateFetchLayerFieldsInfo();
   }
-  /**
-   * Assigns new colors to the series
-   *
-   * @param seriesColor
-   * @category Watch handler
-   */
   seriesColorChange(t) {
     this.activeColorMatch = t?.get(0)?.markerSymbol === void 0, this.model.getColorMatch() && t?.forEach((e, i) => {
       e && t?.get(0) !== void 0 && ("lineSymbol" in e && (e.lineSymbol?.color !== void 0 && !o(this.model.getSeriesColor(i), e.lineSymbol.color) && this.model.setSeriesColor(e.lineSymbol.color, i), e.lineSymbol?.style !== void 0 && !o(this.model.getSeriesLineStyle(i), e.lineSymbol.style) && this.model.setSeriesLineStyle(e.lineSymbol.style, i), e.lineSymbol?.width !== void 0 && !o(this.model.getSeriesLineWidth(i), e.lineSymbol.width) && this.model.setSeriesLineWidth(e.lineSymbol.width, i)), "markerSymbol" in e && (e.markerSymbol?.color !== void 0 && !o(this.model.getSeriesMarkerColor(i), e.markerSymbol?.color) && this.model.setSeriesMarkerColor(e.markerSymbol?.color, i), e.markerSymbol?.style !== void 0 && !o(this.model.getSeriesMarkerStyle(i), e.markerSymbol?.style) && this.model.setSeriesMarkerStyle(e.markerSymbol?.style, i), e.markerSymbol?.size !== void 0 && this.model.getSeriesMarkerSize(i) !== e.markerSymbol?.size && this.model.setSeriesMarkerSize(e.markerSymbol?.size, i)));
     });
   }
-  /** @category Private */
   async updateFetchLayerFieldsInfo(t) {
     const e = t ?? this.model.getConfig();
     let i = this.layer;
@@ -79,18 +64,10 @@ class u extends p {
     }
     i && (this.layerFieldsInfo = await h(i, this.usePopupTemplateFieldsInfo));
   }
-  /** @category Event handler */
   popoverOpen(t) {
     const { open: e = !1, element: i = null } = { ...t.detail };
     e === !0 && this.popoverElement !== i ? (this.popoverElement !== null && (this.popoverElement.open = !1), this.popoverElement = i) : e === !1 && this.popoverElement === i && (this.popoverElement = null);
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * Render the panels for each of the pages.
-   *
-   * @category Lifecycle
-   */
   render() {
     const t = this.layerFieldsInfo?.find((r) => r.name === this.model.getXAxisField()), e = t !== void 0 && (c(t) || d(t));
     let i;

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

@@ -26,31 +26,15 @@ export declare class ArcGISChartsConfigLineChartData extends LitElement {
      * @category Public
      */
     layerFieldsInfo: IField[];
-    /** When true, the content of the component will be displayed. */
+    /**
+     * When true, the content of the component will be displayed.
+     *
+     * @default false
+     */
     open?: boolean;
     readonly arcgisChartsConfigCustomizedTimeInterval: TargetedEvent<this, undefined>;
     readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
     readonly arcgisChartsConfigLineChartDataNumericFieldValidate: TargetedEvent<this, undefined>;
     readonly arcgisChartsConfigResetTimeInterval: TargetedEvent<this, undefined>;
-    /**
-     * 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.
-     *
-     * @event
-     */
-    /**
-     * Event emitted when time interval is customized.
-     *
-     * @event
-     */
-    /**
-     * Event emitted when time interval is reset to default.
-     *
-     * @event
-     */
-    /** @category Private */
     private _messages;
 }