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

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.111 */
+v4.33.0-next.112 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",
@@ -26,22 +26,16 @@ class b extends f {
   static {
     this.styles = w;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Event handler */
   closePanel(e) {
     e.target.closed && this.enableClose === !0 && (this.open = !1, this.arcgisChartsConfigLineStyleClose.emit());
   }
-  /** @category Event handler */
   colorChange(e) {
     this.lineStyle.color = e.detail, this.emitLineStyleEvent();
   }
-  /** @category Event handler */
   lineStyleChange() {
     const e = this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;
     this.lineStyle.style !== e && (this.lineStyle.style = e, this.lineStyle = { ...this.lineStyle }, this.emitLineStyleEvent());
   }
-  /** @category Event handler */
   selectedLineStyle() {
     let e, i;
     switch (this.lineStyle?.style) {
@@ -58,7 +52,6 @@ class b extends f {
     }
     return { icon: e, style: i };
   }
-  /** @category Event handler */
   widthChange() {
     const e = this.lineWidthInputElement.value?.value;
     e !== void 0 && u(e, this.lineWidthInputElement.value?.min, this.lineWidthInputElement.value?.max) ? (this.lineStyle.width = Number.parseInt(e), this.emitLineStyleEvent(), this.lineWidthInputElement.value && a({
@@ -69,13 +62,9 @@ class b extends f {
       status: c.INVALID
     });
   }
-  /** @category Private */
   emitLineStyleEvent() {
     Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString() ?? "")) && (this.lineStyle.color = void 0), this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     const e = [
       l`<div class=${s(o.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${d(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${s(o.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style === t.Solid} accesskey=${t.Solid ?? n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style === t.Dot} accesskey=${t.Dot ?? n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style === t.Dash} accesskey=${t.Dash ?? n}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${g(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${d(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,

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

@@ -12,6 +12,5 @@ export declare class ArcgisChartsConfigNumberFormat extends LitElement {
      */
     numberFormat?: Intl.NumberFormatOptions;
     readonly arcgisChartsConfigNumberFormatChange: TargetedEvent<this, Intl.NumberFormatOptions>;
-    /** @category Private */
     private _messages;
 }

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.111 */
+v4.33.0-next.112 */
 const i = {
   container: "container",
   label: "label",
@@ -24,9 +24,6 @@ class w extends f {
   static {
     this.styles = F;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Event handler */
   onDecimalPlacesChange() {
     const t = this.decimalPlacesInputElement.value?.value, s = Math.floor(Number(t)), n = s === Number(t) && s >= 0;
     if (t !== void 0 && n && h(t, this.decimalPlacesInputElement.value?.min, this.decimalPlacesInputElement.value?.max)) {
@@ -45,26 +42,18 @@ class w extends f {
       status: c.INVALID
     });
   }
-  /** @category Event handler */
   onShowThousandsSeparatorChange(t) {
     const s = t.target.checked, n = this.getUpdatedNumberFormat({
       useGrouping: s
     });
     this.arcgisChartsConfigNumberFormatChange.emit(n);
   }
-  /**
-   * @param prop
-   * @category Private
-   */
   getUpdatedNumberFormat(t) {
     return {
       ...this.numberFormat,
       ...t
     };
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     return u`<div class=${a({ [i.rtl]: this.direction === "rtl" })}><div class=${a(i.container)}><calcite-label class=${a(i.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(i.numberInput)} min=0 max=20 step=1 .value=${d(this.numberFormat?.maximumFractionDigits, 2)} @calciteInputInput=${this.onDecimalPlacesChange} ${b(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(i.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping ?? !0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div></div>`;
   }

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

@@ -18,6 +18,7 @@ export declare class ArcGISChartsConfigPieChart extends LitElement {
      * Popover placement use it from the viewer to place the popover.
      *
      * @category Public
+     * @default "leading"
      */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
     /**
@@ -48,12 +49,14 @@ export declare class ArcGISChartsConfigPieChart extends LitElement {
      * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
      *
      * @category Public
+     * @default false
      */
     usePopupTemplateFieldsInfo?: boolean;
     /**
      * Whether the filter by selection is currently enabled.
      *
      * @category Public
+     * @default false
      */
     filterBySelection?: boolean;
     /**

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

@@ -17,7 +17,7 @@ import { C as c } from "../../chunks/interfaces3.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.111 */
+v4.33.0-next.112 */
 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() {
@@ -32,24 +32,15 @@ class E extends F {
   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, i) {
     i?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
@@ -59,12 +50,6 @@ class E extends F {
   async usePopupTemplateFieldsInfoChange(e, i) {
     e !== void 0 && e !== i && await this.updateFetchLayerFieldsInfo();
   }
-  /**
-   * Assigns new slices info from payload
-   *
-   * @param seriesColor
-   * @category Watch handler
-   */
   seriesColorChange(e) {
     const { slices: i, groupedSlices: t, groupOfSlices: a } = e?.get(0) ?? {};
     let o = [];
@@ -81,7 +66,6 @@ class E extends F {
     const d = (t ?? []).map((r) => r.sliceId);
     t !== void 0 && !n(d, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(p(d)), n(o, this.model.getSlices()) || this.model.setSlices(p(o)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(p(a));
   }
-  /** @category Private */
   async updateFetchLayerFieldsInfo(e) {
     const i = e ?? this.model.getConfig();
     let t = this.layer;
@@ -91,14 +75,10 @@ class E extends F {
     }
     t && (this.layerFieldsInfo = await v(t, this.usePopupTemplateFieldsInfo));
   }
-  /** @category Event handler */
   popoverOpen(e) {
     const { open: i = !1, element: t = null } = { ...e.detail };
     i === !0 && this.popoverElement !== t ? (this.popoverElement !== null && (this.popoverElement.open = !1), this.popoverElement = t) : i === !1 && this.popoverElement === t && (this.popoverElement = null);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     let e;
     switch (this.page) {

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

@@ -21,7 +21,11 @@ export declare class ArcGISChartsConfigPieChartData 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;
     /**
      * Event emitted when an error is caught on data change.
@@ -31,9 +35,9 @@ export declare class ArcGISChartsConfigPieChartData extends LitElement {
     readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;
     /**
      * A changed event to be emitted when required numeric field(s) is not met.
+     *
      * @event
      */
     readonly arcgisChartsConfigPieChartDataNumericFieldValidate: TargetedEvent<this, undefined>;
-    /** @category Private */
     private _messages;
 }

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

@@ -21,7 +21,7 @@ import { LitElement as $, createEvent as p, safeClassMap as s } 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.111 */
+v4.33.0-next.112 */
 const o = {
   label: "label",
   fieldList: "field-list",
@@ -71,76 +71,41 @@ class N extends $ {
   static {
     this.styles = E;
   }
-  //#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.removePieChartDataPopover(), 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 Render UX
-   * @param field
-   */
   buildNumericFieldItem(e) {
     return f(e, a`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
   }
-  /**
-   * @category Event handler
-   *
-   * called when the sort order is clicked
-   */
   onSortOrderSelect() {
     this.contentKind = r.sortOrder, this.setupPopover();
   }
-  /**
-   * @category Event handler
-   *
-   * called when the category is clicked
-   */
   onCategorySelect() {
     this.contentKind = r.category, this.setupPopover();
   }
-  /**
-   * @category Event handler
-   *
-   * called when the add numeric fields button is clicked
-   */
   onAddNumericFields() {
     this.contentKind = r.numericFields, this.setupPopover();
   }
-  /**
-   * @category Event handler
-   *
-   * Called when individual numeric field item is removed.
-   */
   async onRemoveNumericField(e) {
     const t = e.target.value;
     await this.model.setNumericFields(this.model.getNumericFields().filter((i) => i !== t));
   }
-  /** @category Event handler */
   onShowDataLabelsChange(e) {
     this.model.setDataLabelsVisibility(e.target.checked);
   }
-  /** @category Private */
   updateMode(e) {
     const t = e !== c && e.trim() !== "";
     this.model.setMode(t ? g.Category : g.Fields);
   }
-  /** @category Private */
   setupPopover() {
     this.removePieChartDataPopover();
     const e = {
@@ -163,49 +128,28 @@ class N extends $ {
       this.pieChartPopover.contentKind = this.contentKind, this.pieChartPopover.open = !0, this.addPopover();
     }
   }
-  /** @category Private */
   addPopover() {
     !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
   }
-  /**
-   * Get the category value based on the current model's category field.
-   *
-   * **NOTE**: If the category field is the default value(`arcgis_charts_pie_from_fields_name`),
-   * return an empty string.
-   *
-   * @category Private
-   * @returns {string} The category value.
-   */
   getCorrectedCategoryValue() {
     return this.model.getCategory() === c || this.model.getCategory().trim() === "" ? "" : m(this.layerFieldsInfo, this.model.getCategory());
   }
-  /**
-   * Remove pie chart data popover
-   *
-   * @category Private
-   */
   removePieChartDataPopover() {
     this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = y(this.pieChartPopover));
   }
-  //#endregion
-  //#region Rendering
-  /** @category Render UX */
   renderSorting() {
     return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`;
   }
-  /** @category Render UX */
   renderCategory() {
     const e = this.getCorrectedCategoryValue();
     return a`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`;
   }
-  /** @category Render UX */
   renderNumericFields(e) {
     const t = v(this.layerFieldsInfo), i = [];
     for (const l of e)
       l !== t && i.push(this.buildNumericFieldItem(l));
     return a`<calcite-list label class=${s(o.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
-  /** @category Lifecycle */
   render() {
     const e = this.renderCategory(), t = this.renderSorting(), i = this.renderNumericFields([...this.model.getNumericFields()]);
     return a`<div class=${s({ [o.rtl]: this.direction === "rtl" })}><calcite-label class=${s(o.label)}>${this._messages.category}${e}</calcite-label>${[

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

@@ -24,6 +24,7 @@ export declare class ArcgisChartsConfigPieChartPopover extends LitElement {
      * boolean to open or close the popover.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -56,15 +57,5 @@ export declare class ArcgisChartsConfigPieChartPopover extends LitElement {
         value: string[];
     }>;
     readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, undefined>;
-    /**
-     * Event emitted when there is a change in aggregation type.
-     * @event
-     */
-    /**
-     * Event emitted when the popover is closed.
-     *
-     * @event
-     */
-    /** @category Private */
     private _messages;
 }

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

@@ -23,7 +23,7 @@ import { LitElement as D, createEvent as C, safeClassMap as l } 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.111 */
+v4.33.0-next.112 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",
@@ -44,49 +44,25 @@ class A extends D {
   static {
     this.styles = E;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * Calls `reposition()` method on popover element.
-   *
-   * @category Public
-   */
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
-  //#endregion
-  //#region Lifecycle
-  /** @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("selectedContent") && this.selectedContentChange(this.selectedContent, e.get("selectedContent"));
     const t = await Promise.all(u.map(async (i) => await $(i)));
     f(this.aggregationLabels, t) || (this.aggregationLabels = t);
   }
-  /** @category Lifestyle */
-  /** 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();
     }, I.PopoverTimer), F(this.popoverElement.value, this.open);
   }
-  //#endregion
-  //#region Private Methods
-  /**
-   * Watches for change to selected content to record if there was a pick list change.
-   *
-   * @param newSelectedContent
-   * @param oldSelectedContent
-   * @category Watch handler
-   */
   selectedContentChange(e, t) {
     this.pickListHasChanged = !f(e, t);
   }
-  /** @category Render UX */
   buildAggregationPickListItems() {
     return h(u, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${p(e, this.selectedContent)}></calcite-list-item>`);
   }
-  /** @category Render UX */
   buildSortOrder() {
     const e = Object.keys(c);
     return e.splice(e.indexOf(c.customSort), 1), h(e, (t) => t, (t) => {
@@ -111,17 +87,9 @@ class A extends D {
       return n`<calcite-list-item .selected=${this.selectedContent === t} .label=${this._messages[t]} .value=${c[t]}><calcite-icon slot=content-end .icon=${i}></calcite-icon><calcite-icon class=${l(s)} slot=content-end .icon=${r}></calcite-icon></calcite-list-item>`;
     });
   }
-  /**
-   * @param field
-   * @category Render UX
-   */
   buildPickListItem(e) {
     return g(e.name, n`<calcite-list-item .label=${y(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${p(e.name, this.selectedContent)}></calcite-list-item>`);
   }
-  /**
-   * @param itemKind
-   * @category Render UX
-   */
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, i = [];
     switch (e) {
@@ -144,7 +112,6 @@ class A extends D {
     }
     return i;
   }
-  /** @category Event handler */
   closePopover() {
     if (this.contentKind === a.numericFields && this.pickListHasChanged) {
       const e = {
@@ -156,10 +123,6 @@ class A extends D {
     }
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
-  /**
-   * @category Event handler
-   * @param e
-   */
   onDataContentTypeChange(e) {
     this.pickListHasChanged = !0;
     const t = e.target.selectedItems;
@@ -168,45 +131,28 @@ class A extends D {
       value: t.map((i) => i.value)
     }), this.open = !1;
   }
-  /**
-   * @category Event handler
-   * @param e
-   */
   onNumericFieldsChange(e) {
     e.target !== null && (this.selectedContent = e.target.selectedItems.map((t) => t.value));
   }
-  /** @category Event handler */
   onNumericFieldSelectionDone() {
     this.pickListHasChanged && this.closePopover();
   }
-  //#endregion
-  //#region Rendering
-  /** @category Render UX */
   renderAggregationType() {
     const e = this.buildAggregationPickListItems();
     return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
-  /** @category Render UX */
   renderCategory() {
     const e = this.buildPickListItems(a.category);
     return n`<calcite-list label class=${l(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
   }
-  /** @category Render UX */
   renderNumericFields() {
     const e = this.buildPickListItems(a.numericFields);
     return n`<calcite-list label class=${l(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`;
   }
-  /**
-   * @category Render UX
-   * Unlike the other field-based render items, the sort orders
-   * are static. So, a function separate from buildPickListItems()
-   * needs to be used.
-   */
   renderSortOrder() {
     const e = this.buildSortOrder();
     return n`<calcite-list label selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`;
   }
-  /** @category Render UX */
   renderPopoverInfo() {
     let e;
     switch (this.contentKind) {
@@ -225,7 +171,6 @@ class A extends D {
     }
     return e;
   }
-  /** @category Lifecycle */
   render() {
     let e;
     return this.contentKind === a.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(o.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=${l(o.jsAppFlyout)}><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label ${m(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;

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

@@ -20,12 +20,14 @@ export declare class ArcGISChartsConfigPieChartSlices extends LitElement {
      * To open the config of the selected slice.
      *
      * @category Public
+     * @default false
      */
     configSliceOpen: boolean;
     /**
      * place the popover in this placement.
      *
      * @category Public
+     * @default "leading"
      */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
     /**
@@ -49,6 +51,5 @@ export declare class ArcGISChartsConfigPieChartSlices extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigPopoverOpenChange: TargetedEvent<this, PopoverOpenChangePayload>;
-    /** @category Private */
     private _messages;
 }