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

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

@@ -13,8 +13,11 @@ export declare class ArcGISChartsConfigGeneral extends LitElement {
      * @category Public
      */
     model: ChartModel;
-    /** When true, the content of the component will be displayed. */
+    /**
+     * When true, the content of the component will be displayed.
+     *
+     * @default false
+     */
     open: boolean;
-    /** @category Private */
     private _messages;
 }

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

@@ -20,7 +20,7 @@ import { LitElement as x, safeClassMap as i } from "@arcgis/lumina";
 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 l = {
   textInput: "text-input",
   label: "label",
@@ -39,27 +39,18 @@ class C extends x {
   static {
     this.styles = $;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.modelChange(this.model);
   }
-  /** @category Lifecycle */
   willUpdate(e) {
     e.has("model") && this.modelChange(this.model, e.get("model"));
   }
-  /** @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);
   }
-  /** @category Event handler */
   setChartTitle(e) {
     const { value: t } = e.target;
     this.isChartTitleInvalid = m(t.trim()), this.characterLimitInputElement.value && g({
@@ -67,63 +58,46 @@ class C extends x {
       status: this.isChartTitleInvalid ? r.INVALID : r.IDLE
     }), this.isChartTitleInvalid || this.model.setTitleText(t);
   }
-  /** @category Event handler */
   setChartLegendTitle(e) {
     const { value: t } = e.target;
     t !== void 0 && o(this.model) && this.model.setLegendTitleText(t);
   }
-  /** @category Event handler */
   setChartXAxisTitle(e) {
     const { value: t } = e.target;
     t !== void 0 && n(this.model) && this.model.setXAxisTitleText(t);
   }
-  /** @category Event handler */
   setChartYAxisTitle(e) {
     const { value: t } = e.target;
     t !== void 0 && c(this.model) && this.model.setYAxisTitleText(t);
   }
-  /** @category Event handler */
   setChartDescription(e) {
     const { value: t } = e.target;
     t !== void 0 && this.model.setDescriptionText(t);
   }
-  /** @category Event handler */
   enableChartTitle(e) {
     const t = e.target.checked;
     this.model.setChartTitleVisibility(t);
   }
-  /** @category Event handler */
   enableXAxisTitle(e) {
     const t = e.target.checked;
     n(this.model) && this.model.setXAxisTitleVisibility(t);
   }
-  /** @category Event handler */
   enableYAxisTitle(e) {
     const t = e.target.checked;
     c(this.model) && this.model.setYAxisTitleVisibility(t);
   }
-  /** @category Event handler */
   enableLegendTitle(e) {
     const t = e.target.checked;
     o(this.model) && this.model.setLegendTitleVisibility(t);
   }
-  /** @category Event handler */
   enableDescription(e) {
     const t = e.target.checked;
     this.model.setDescriptionVisibility(t);
   }
-  /** @category Event handler */
   legendPositionChange(e) {
     const d = e.target?.selectedItems[0]?.value;
     o(this.model) && this.model.setLegendPosition(d);
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * Renders the options for a dropdown list of legend positions
-   *
-   * @category Render UX
-   */
   renderLegendPositions() {
     return o(this.model) ? [
       a`<calcite-combobox-item .value=${s.Right} .textLabel=${this._messages.legendRightPosition} .selected=${this.model.getLegendPosition() === s.Right} icon=right-edge></calcite-combobox-item>`,
@@ -132,7 +106,6 @@ class C extends x {
       a`<calcite-combobox-item .value=${s.Bottom} .textLabel=${this._messages.legendBottomPosition} .selected=${this.model.getLegendPosition() === s.Bottom} icon=download-to></calcite-combobox-item>`
     ] : [];
   }
-  /** @category Lifecycle */
   render() {
     return a`<div class=${i(l.labelContainer)}><calcite-label layout=inline-space-between class=${i(l.label)}>${this._messages.chartTitle}<calcite-switch .checked=${this.model.getChartTitleVisibility()} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></calcite-label><calcite-input class=${i(l.textInput)} type=text .disabled=${!this.model.getChartTitleVisibility()} .value=${this.model.getTitleText()} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${n(this.model) ? [
       a`<div class=${i(l.labelContainer)}><calcite-label layout=inline-space-between class=${i(l.label)}>${this._messages.xAxisTitle}<calcite-switch .checked=${this.model.getXAxisTitleVisibility()} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></calcite-label><calcite-input class=${i(l.textInput)} type=text .disabled=${!this.model.getXAxisTitleVisibility()} .value=${this.model.getXAxisTitleText()} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,

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

@@ -47,6 +47,7 @@ export declare class ArcgisChartsConfigGuide extends LitElement {
      * List position of the latest guide to be opened.
      *
      * @category Private
+     * @default 0
      */
     latestGuidePosition: number;
     /**
@@ -67,6 +68,5 @@ export declare class ArcgisChartsConfigGuide extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigPopoverOpenChange: TargetedEvent<this, PopoverOpenChangePayload>;
-    /** @category Private */
     private _messages;
 }

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

@@ -25,7 +25,7 @@ import { LitElement as ee, createEvent as T, safeClassMap as o, safeStyleMap as
 import { css as ie } 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 = {
   row: "row",
   column: "column",
@@ -67,35 +67,24 @@ class se extends ee {
   get isXAxisDateField() {
     return this.orientation === G.X && H(this.model) && this.model.getXAxisValueFormat()?.type === B.DateAxisFormat;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.modelChange(this.model);
   }
-  /** @category Lifecycle */
   willUpdate(e) {
     e.has("model") && this.modelChange(this.model, e.get("model"));
   }
-  /** @category Lifecycle */
   loaded() {
     this.isXAxisDateField && this.setGuideDateTimeRange();
   }
-  /** @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);
   }
-  /** @category Event handler */
   onColorElementSelect() {
     this.guidePopover?.open === !0 ? this.removeGuidePopover() : this.setupGuidePopover();
   }
-  /** @category Event handler */
   setGuideStart(e) {
     const { value: t } = e.target;
     this.startCalciteInput.value !== void 0 && (t === "" ? S({
@@ -110,7 +99,6 @@ class se extends ee {
       status: $.IDLE
     }))), this.guidePopover?.open === !0 && this.removeGuidePopover();
   }
-  /** @category Event handler */
   setGuideEnd(e) {
     const { value: t } = e.target;
     this.endCalciteInput.value !== void 0 && (this.model.setGuideEnd(t === "" ? null : t, this.index, this.orientation), this.symbolChange(), this.arcgisChartsConfigGuideChange.emit({
@@ -122,7 +110,6 @@ class se extends ee {
       status: $.IDLE
     })), this.guidePopover?.open === !0 && this.removeGuidePopover();
   }
-  /** @category Event handler */
   setGuideDateTimeRange() {
     const e = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.minimum, t = this.calculatedMinMaxBounds?.find((c) => c.isXAxis)?.maximum, i = typeof e == "number" ? new Date(e) : /* @__PURE__ */ new Date(), n = typeof t == "number" ? new Date(t) : /* @__PURE__ */ new Date(), l = new window.Intl.DateTimeFormat().resolvedOptions().timeZone, a = N(this.timeZone) ?? l, r = L(i, a), v = F(i, a), f = L(n, a), _ = F(n, a), P = this.startDateCalciteInput.value?.value ?? "", C = P === "" ? r : P, D = this.startTimeCalciteInput.value?.value ?? "", w = D === "" ? v : D, x = this.endDateCalciteInput.value?.value ?? "", y = x === "" ? f : x, I = this.endTimeCalciteInput.value?.value ?? "", k = I === "" ? _ : I;
     let b = !1;
@@ -140,7 +127,6 @@ class se extends ee {
       isDelete: !1
     }), this.guidePopover?.open === !0 && this.removeGuidePopover());
   }
-  /** @category Event handler */
   setGuideName(e) {
     const t = e.target.value;
     this.model.setGuideName(t, this.index, this.orientation), this.arcgisChartsConfigGuideChange.emit({
@@ -149,7 +135,6 @@ class se extends ee {
       isDelete: !1
     });
   }
-  /** @category Event handler */
   setGuideLabel(e) {
     const t = e.target.value;
     this.model.setGuideLabelText(t, this.index, this.orientation), this.arcgisChartsConfigGuideChange.emit({
@@ -158,7 +143,6 @@ class se extends ee {
       isDelete: !1
     });
   }
-  /** @category Event handler */
   setGuideRendered(e) {
     const t = e.target?.selectedItem?.value;
     if (t !== void 0) {
@@ -170,7 +154,6 @@ class se extends ee {
       });
     }
   }
-  /** @category Event handler */
   lineStyleChange(e) {
     const t = e.detail;
     this.model.setGuideStyle(t, this.index, this.orientation), this.arcgisChartsConfigGuideChange.emit({
@@ -179,7 +162,6 @@ class se extends ee {
       isDelete: !1
     });
   }
-  /** @category Private */
   guidePopoverChange(e) {
     this.arcgisChartsConfigGuidePopoverChange.emit({
       open: e,
@@ -188,7 +170,6 @@ class se extends ee {
       open: e
     });
   }
-  /** @category Private */
   setupGuidePopover() {
     if (this.guidePopover === void 0) {
       const n = {
@@ -206,18 +187,12 @@ class se extends ee {
     const e = this.model.getGuideStyle(this.index, this.orientation), t = this.model.getGuideStart(this.index, this.orientation), i = this.model.getGuideEnd(this.index, this.orientation);
     p(t, i) === m.SLS ? this.guidePopover.selectedElement = g(e) ? e : void 0 : this.guidePopover.selectedElement = e?.color, this.guidePopover.referenceElement = this.colorElement.value, Array.isArray(e?.color) ? (this.guidePopover.open = !0, this.addGuidePopover()) : (this.guidePopover.open = !1, this.removeGuidePopover());
   }
-  /** @category Private */
   removeGuidePopover() {
     this.guidePopover?.remove(), this.guidePopoverChange(!1), this.guidePopover = void 0;
   }
-  /** @category Private */
   addGuidePopover() {
     this.guidePopover !== void 0 && !document.body.contains(this.guidePopover) && document.body.appendChild(this.guidePopover), this.guidePopoverChange(!0);
   }
-  /**
-   * @param fillColor
-   * @category Private
-   */
   setColor(e) {
     const t = Z({ opacity: 0 }), i = this.model.getGuideStyle(this.index, this.orientation), n = {
       ...V(i) ? i : {},
@@ -231,27 +206,12 @@ class se extends ee {
       isDelete: !1
     });
   }
-  /**
-   * Gets the date string from the bound value in ISO format.
-   *
-   * @category Private
-   */
   getDateStringFromBound(e) {
     return typeof e == "string" ? e.split("T")[0] : "";
   }
-  /**
-   * Gets the time string from the bound value in ISO format.
-   *
-   * @category Private
-   */
   getTimeStringFromBound(e) {
     return typeof e == "string" ? e.split("T")[1] : "";
   }
-  /**
-   * Creates a tooltip for the hovered action.
-   *
-   * @category Event handler
-   */
   createTooltip(e) {
     const t = e.target;
     switch (this.tooltip = U(t), t.icon) {
@@ -268,28 +228,13 @@ class se extends ee {
     }
     document.body.appendChild(this.tooltip);
   }
-  /**
-   * Toggles guide visibility from action click.
-   *
-   * @category Event handler
-   */
   toggleGuide() {
     const e = this.model.getGuideVisibility(this.index, this.orientation);
     this.model.setGuideVisibility(!e, this.index, this.orientation);
   }
-  /**
-   * Destroys tooltip for the action that was being hovered.
-   *
-   * @category Event handler
-   */
   destroyTooltip() {
     j(this.tooltip);
   }
-  /**
-   * Deletes guide from action click.
-   *
-   * @category Event handler
-   */
   deleteGuide() {
     this.destroyTooltip(), this.orientation === G.X && W(this.model) ? this.model.deleteXAxisGuide(this.index) : this.orientation === G.Y && Y(this.model) && this.model.deleteYAxisGuide(this.index), this.arcgisChartsConfigGuideChange.emit({
       index: this.index,
@@ -297,14 +242,10 @@ class se extends ee {
       isDelete: !0
     });
   }
-  //#endregion
-  //#region Rendering
-  /** @category Render UX */
   renderColorElement() {
     const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, n, l] = [...e?.color ?? [1, 1, 1, 255]], a = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = g(e) ? Q(e.style) : O.Solid, f = p(a, r) === m.SLS ? `line-${v}` : "square-f";
     return d`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(s.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${te({ color: `rgba(${t},${i},${n},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
   }
-  /** @category Lifecycle */
   render() {
     const e = this.model.getGuideStart(this.index, this.orientation), t = this.model.getGuideEnd(this.index, this.orientation), i = this.model.getGuideName(this.index, this.orientation), n = this.model.getGuideLabelText(this.index, this.orientation), l = this.model.getGuideAbove(this.index, this.orientation), a = this.model.getGuideVisibility(this.index, this.orientation), r = this.isXAxisDateField;
     return d`<calcite-block .heading=${i ?? ""} .open=${this.latestGuidePosition === J(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{

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

@@ -22,12 +22,14 @@ export declare class ArcgisChartsConfigGuidePopover extends LitElement {
      * Place the popover in the give placement.
      *
      * @category Public
+     * @default "leading"
      */
     placement: HTMLCalcitePopoverElement["placement"];
     /**
      * boolean to open or close the popover.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -54,6 +56,5 @@ export declare class ArcgisChartsConfigGuidePopover extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, undefined>;
-    /** @category Private */
     private _messages;
 }

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

@@ -19,7 +19,7 @@ import { LitElement as m, createEvent as s, safeClassMap as h } from "@arcgis/lu
 import { css as g } 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 = {
   jsAppFlyout: "js-app-flyout"
 }, d = g``;
@@ -33,41 +33,23 @@ class f extends m {
   static {
     this.styles = d;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * Calls `reposition()` method on popover element.
-   *
-   * @category Public
-   */
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   updated() {
     a(this.popoverElement.value, this.open);
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Private */
   guidePopoverClose() {
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
-  /** @category Event handler */
   updateColorProperties(t) {
     const e = t.detail;
     e !== void 0 && (e[3] = i), this.selectedElement = e, this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement);
   }
-  /** @category Event handler */
   updateSymbolProperties(t) {
     const { lineStyle: e } = t.target;
     e?.color !== void 0 && (e.color[3] = i), this.selectedElement = e, this.arcgisChartsConfigGuidePopoverSymbolChange.emit(t.detail);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     const t = this.selectedElement, e = this.selectedElement;
     return o`<div class=${h(C.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} ${c(this.popoverElement)}>${Array.isArray(t) && o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${t} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` || ""}${e?.type === l.SLS && o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` || ""}</calcite-popover></div>`;

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

@@ -33,15 +33,21 @@ export declare class ArcgisChartsConfigGuides extends LitElement {
      * Enable X-Axis guide
      *
      * @category Public
+     * @default false
      */
     enableXAxisGuide?: boolean;
     /**
      * Enable Y-Axis Guide
      *
      * @category Public
+     * @default false
      */
     enableYAxisGuide?: boolean;
-    /** When true, the content of the component will be displayed. */
+    /**
+     * When true, the content of the component will be displayed.
+     *
+     * @default false
+     */
     open: boolean;
     /**
      * Event when there is change in guide popover.
@@ -49,6 +55,5 @@ export declare class ArcgisChartsConfigGuides extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigGuidePopoverChange: TargetedEvent<this, undefined>;
-    /** @category Private */
     private _messages;
 }

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

@@ -22,7 +22,7 @@ import { LitElement as C, createEvent as $, safeClassMap as p } from "@arcgis/lu
 import { css as v } 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 X = v`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
 class Y extends C {
   constructor() {
@@ -52,44 +52,25 @@ class Y extends C {
   static {
     this.styles = X;
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.modelChange(this.model);
   }
-  /** @category Lifecycle */
   willUpdate(e) {
     e.has("model") && this.modelChange(this.model, e.get("model"));
   }
-  /** @category Lifecycle */
   updated() {
     A(this.popoverElement.value, !this.showAddButton);
   }
-  /** @category Lifecycle */
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Watch handler */
   modelChange(e, i) {
     i?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  /**
-   * Gets the total number of guides.
-   *
-   * @category Private
-   */
   getAllGuidesLength() {
     const e = l(this.model) ? this.model.getXGuidesLength() ?? 0 : 0, i = h(this.model) ? this.model.getYGuidesLength() ?? 0 : 0;
     return e + i;
   }
-  /**
-   * @param guideNameTemplate
-   * @param count
-   * @category Private
-   */
   getUniqueName(e, i = 1) {
     const t = `${e} ${i}`;
     let s = !1;
@@ -105,26 +86,17 @@ class Y extends C {
     }
     return s ? this.getUniqueName(e, i + 1) : t;
   }
-  /** @category Private */
   closeAddPopOver() {
     this.showAddButton = !0;
   }
-  /** @category Event handler */
   setChangedGuide(e) {
     const { index: i, orientation: t, isDelete: s } = e.detail, d = u(i, t, this.model);
     s && d !== void 0 && d <= this.latestGuidePosition && this.latestGuidePosition > 0 && (this.latestGuidePosition -= 1);
   }
-  //#endregion
-  //#region Rendering
-  /**
-   * @param guide
-   * @category Render UX
-   */
   renderGuide(e, i) {
     let t;
     return (this.enableXAxisGuide && i === o.X || this.enableYAxisGuide && i === o.Y) && (t = a`<arcgis-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${i} .latestGuidePosition=${this.latestGuidePosition} @arcgisChartsConfigGuideChange=${this.setChangedGuide}></arcgis-charts-config-guide>`), t;
   }
-  /** @category Render UX */
   renderGuides() {
     const e = [];
     if (l(this.model)) {
@@ -139,14 +111,9 @@ class Y extends C {
     }
     return e;
   }
-  /**
-   * @param callBack
-   * @category Render UX
-   */
   renderAddGuideButton(e) {
     return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`;
   }
-  /** @category Lifecycle */
   render() {
     const e = this.getAllGuidesLength(), i = e > 0, t = this.showAddButton && this.enableXAxisGuide && this.enableYAxisGuide, s = this.enableXAxisGuide && !this.enableYAxisGuide, d = !this.enableXAxisGuide && this.enableYAxisGuide;
     return a`<calcite-popover .open=${!this.showAddButton} .referenceElement=${this.addGuideButton.value ?? document.body} flip-disabled pointer-disabled offset-distance=-18 @calcitePopoverClose=${this.closeAddPopOver} .placement=${e === 0 ? "bottom" : "top"} label ${G(this.popoverElement)}><calcite-panel .heading=${this._messages.guideType}><calcite-action text slot=header-actions-end icon=x @click=${this.closeAddPopOver}></calcite-action>${this.enableXAxisGuide ? a`<calcite-action .label=${this._messages.addXAxisGuide} .text=${this._messages.addXAxisGuide ?? ""} @click=${this.addXGuide} icon=x-axis-guide text-enabled></calcite-action>` : null}${this.enableYAxisGuide ? a`<calcite-action .label=${this._messages.addYAxisGuide} .text=${this._messages.addYAxisGuide ?? ""} @click=${this.addYGuide} icon=y-axis-guide text-enabled></calcite-action>` : null}</calcite-panel></calcite-popover>${i ? this.renderGuides() : a`<div class=${p(g.noMessages)}>${this._messages.noGuidesMsg}</div>`}<div class=${p(g.addGuide)} ${G(this.addGuideButton)}>${t && this.renderAddGuideButton(this.togglePopOver) || ""}${s && this.renderAddGuideButton(this.addXGuide) || ""}${d && this.renderAddGuideButton(this.addYGuide) || ""}</div>`;

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

@@ -48,6 +48,7 @@ export declare class ArcGISChartsConfigHistogram extends LitElement {
      * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
      *
      * @category Public
+     * @default false
      */
     usePopupTemplateFieldsInfo?: boolean;
 }

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

@@ -17,7 +17,7 @@ import { C as s } from "../../chunks/interfaces3.js";
 import { css as g } 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 p = g`: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 f extends m {
   constructor() {
@@ -32,24 +32,15 @@ class f extends m {
   static {
     this.styles = p;
   }
-  //#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(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") && await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo, e.get("usePopupTemplateFieldsInfo")), e.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
-  /** @category Watch handler */
   modelChange(e, a) {
     a?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
@@ -59,18 +50,11 @@ class f extends m {
   async usePopupTemplateFieldsInfoChange(e, a) {
     e !== void 0 && e !== a && await this.updateFetchLayerFieldsInfo();
   }
-  /**
-   * Assigns new color to the bins
-   *
-   * @param seriesColor
-   * @category Watch handler
-   */
   seriesColorChange(e) {
     this.model.getColorMatch() && e?.forEach((a) => {
       d(a) && e?.get(0) !== void 0 && !r(this.model.getBinSymbol(), a) && this.model.setBinSymbol(a);
     });
   }
-  /** @category Private */
   async updateFetchLayerFieldsInfo(e) {
     const a = e ?? this.model.getConfig();
     let t = this.layer;
@@ -80,14 +64,10 @@ class f extends m {
     }
     t && (this.layerFieldsInfo = await h(t, this.usePopupTemplateFieldsInfo));
   }
-  /** @category Event handler */
   popoverOpen(e) {
     const { open: a = !1, element: t = null } = { ...e.detail };
     a === !0 && this.popoverElement !== t ? (this.popoverElement !== null && (this.popoverElement.open = !1), this.popoverElement = t) : a === !1 && this.popoverElement === t && (this.popoverElement = null);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     let e;
     switch (this.page) {

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

@@ -69,7 +69,11 @@ export declare class ArcGISChartsConfigHistogramData 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 arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
     /**
@@ -84,10 +88,5 @@ export declare class ArcGISChartsConfigHistogramData extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigPopoverOpenChange: TargetedEvent<this, PopoverOpenChangePayload>;
-    /**
-     * Event emitted upon catching an error in an async function.
-     * @event
-     */
-    /** @category Private */
     private _messages;
 }