npm - @arcgis/charts-components - Versions diffs - 4.33.0-next.99 → 4.33.1 - Mend

@arcgis/charts-components 4.33.0-next.99 → 4.33.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4875) hide show

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PieSlicesSymbols } from '@arcgis/charts-shared-utils';
+import { PieSlicesSymbols } from '../../utils';
 import { CalculatedMinMaxBoundsPayload, SupportedLayer, WebChartGenericDataItem } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -7,7 +7,7 @@ import { PropertyValues } from 'lit';
 import { ChartAuthoringPages } from '../../interfaces';
 /** @private */
-export declare class ArcGISChartsConfigPieChart extends LitElement {
+export declare class ArcgisChartsConfigPieChart extends LitElement {
     /**
      * Pie Chart Model.
      *
@@ -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;
     /**
@@ -67,11 +70,11 @@ export declare class ArcGISChartsConfigPieChart extends LitElement {
      *
      * @event
      */
-    readonly arcgisChartsConfigNoSeriesUpdate: TargetedEvent<this, undefined>;
+    readonly arcgisChartsConfigNoSeriesUpdate: TargetedEvent<this, void>;
     /**
      * ArcGIS config change event emitted when there is change in the config.
      *
      * @event
      */
-    readonly arcgisChartsConfigWebChartChange: TargetedEvent<this, undefined>;
+    readonly arcgisChartsConfigWebChartChange: TargetedEvent<this, void>;
 }

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

@@ -1,21 +1,30 @@
 import { c as C } from "../../chunks/runtime.js";
-import { hasILayer as u, getFeatureLayer as y, fetchLayerFieldsInfo as v } from "@arcgis/charts-shared-utils";
-import { RESTSymbolType as I } from "@arcgis/charts-spec";
-import { isEqual as n, cloneDeep as d } from "lodash-es";
-import { LitElement as F, createEvent as g } from "@arcgis/lumina";
+import { RESTSymbolType as u } from "@arcgis/charts-spec";
+import { isEqual as n, cloneDeep as p } from "lodash-es";
+import "d3-array";
+import { g as y, a_ as v } from "../../chunks/interfaces.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/time/TimeExtent.js";
+import "@arcgis/core/core/promiseUtils.js";
+import "@arcgis/core/request.js";
+import { h as I } from "../../chunks/index4.js";
+import { LitElement as F, createEvent as m } from "@arcgis/lumina";
 import { html as h } from "lit";
-import { C as c } from "../../chunks/interfaces.js";
+import { C as c } from "../../chunks/interfaces2.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.99 */
+v4.33.1 */
 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() {
     super(...arguments), this.popoverElement = null, this.onModelConfigChange = async (e) => {
       const t = e?.detail.config ?? this.model.getConfig();
       this.layer === void 0 && await this.updateFetchLayerFieldsInfo(t);
-    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = g(), this.arcgisChartsConfigWebChartChange = g();
+    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = m(), this.arcgisChartsConfigWebChartChange = m();
   }
   static {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 3, seriesColor: 2, calculatedMinMaxBounds: 2, page: 3, layer: 0, usePopupTemplateFieldsInfo: 5, filterBySelection: 5, chartData: 0 };
@@ -23,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);
   }
@@ -50,46 +50,35 @@ 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 = [];
-    this.filterBySelection === !0 ? o = this.model.getSlices()?.map((l) => i?.find((s) => s.sliceId === l.sliceId) ?? t?.find((s) => s.sliceId === l.sliceId) ?? l) ?? [] : o = (i ?? []).concat(t ?? []), o.forEach((l, s) => {
-      const f = this.model.getSlices()?.find((m) => m.sliceId === o[s].sliceId);
+    this.filterBySelection === !0 ? o = this.model.getSlices()?.map((r) => i?.find((s) => s.sliceId === r.sliceId) ?? t?.find((s) => s.sliceId === r.sliceId) ?? r) ?? [] : o = (i ?? []).concat(t ?? []), o.forEach((r, s) => {
+      const f = this.model.getSlices()?.find((g) => g.sliceId === o[s].sliceId);
       f && (o[s] = { ...o[s], ...f });
-      const r = o[s].fillSymbol;
-      r !== void 0 && !n(r?.outline?.color, r?.color) && (r.outline = {
-        ...r.outline ?? {},
-        type: I.SLS,
-        color: r.color
+      const l = o[s].fillSymbol;
+      l !== void 0 && !n(l?.outline?.color, l?.color) && (l.outline = {
+        ...l.outline ?? {},
+        type: u.SLS,
+        color: l.color
       });
     });
-    const p = (t ?? []).map((l) => l.sliceId);
-    t !== void 0 && !n(p, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(d(p)), n(o, this.model.getSlices()) || this.model.setSlices(d(o)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(d(a));
+    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;
     if (!t) {
-      const a = u(i) ? i.iLayer : void 0;
+      const a = I(i) ? i.iLayer : void 0;
       a && (t = await y(a));
     }
     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) {
@@ -114,5 +103,5 @@ class E extends F {
 }
 C("arcgis-charts-config-pie-chart", E);
 export {
-  E as ArcGISChartsConfigPieChart
+  E as ArcgisChartsConfigPieChart
 };

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

@@ -1,12 +1,12 @@
 /// <reference types="../../index.d.ts" />
 import { IField } from '@arcgis/charts-spec';
 import { PieChartModel } from '../../model';
-import { DataChangeErrorPayload } from '../../utils/event-payloads';
+import { DataChangeErrorPayload } from '../../utils/components/event-payloads';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 /** @private */
-export declare class ArcGISChartsConfigPieChartData extends LitElement {
+export declare class ArcgisChartsConfigPieChartData extends LitElement {
     /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
     /**
@@ -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 */
+    readonly arcgisChartsConfigPieChartDataNumericFieldValidate: TargetedEvent<this, void>;
     private _messages;
 }

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

@@ -1,26 +1,33 @@
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as f } from "lit-html/directives/keyed.js";
-import { getFieldAlias as m, createPopover as u, PopoverType as v, removePopover as b, getObjectIdField as y } from "@arcgis/charts-shared-utils";
-import { defaultPieFromFieldsName as n, WebChartStatisticType as P } from "@arcgis/charts-spec";
-import { T as g } from "../../chunks/scatter-plot-model.js";
+import { defaultPieFromFieldsName as n, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
-import { P as r } from "../../chunks/interfaces.js";
+import "d3-array";
+import { c9 as m, b0 as v } from "../../chunks/interfaces.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/time/TimeExtent.js";
+import "@arcgis/core/core/promiseUtils.js";
+import "@arcgis/core/request.js";
+import { c as b, r as y, P } from "../../chunks/popover-ui-utils.js";
+import { a as g } from "../../chunks/common.js";
+import { P as r } from "../../chunks/interfaces2.js";
 import { u as F } from "../../chunks/useT9n.js";
-import { html as s } from "lit";
+import { html as a } from "lit";
 import { createRef as c, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as $, createEvent as p, safeClassMap as o } from "@arcgis/lumina";
 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.99 */
-const a = {
-  hostDiv: "host-div",
+v4.33.1 */
+const l = {
   label: "label",
   fieldList: "field-list",
-  fab: "fab",
-  rtl: "arcgis-charts-rtl"
-}, D = w`.host-div{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}`;
-class E extends $ {
+  fab: "fab"
+}, E = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}`;
+class N extends $ {
   constructor() {
     super(...arguments), this._messages = F(), this.pieChartPopover = null, this.sortOrderElement = c(), this.categoryElement = c(), this.numericFieldsElement = c(), this.onPieChartDataChange = async (e) => {
       try {
@@ -28,13 +35,13 @@ class E extends $ {
           const { contentKind: t } = e.detail, i = [...e.detail.value];
           switch (t) {
             case r.aggregation:
-              await this.model.setAggregationType(i[0] !== P.NoAggregation ? i[0] : "");
+              await this.model.setAggregationType(i[0] !== u.NoAggregation ? i[0] : "");
               break;
             case r.category: {
-              const l = i[0]?.trim() || "";
-              this.updateMode(l);
+              const s = i[0]?.trim() || "";
+              this.updateMode(s);
               const d = this.model.getNumericFields();
-              d.length > 1 && l !== n && await this.model.setNumericFields([d[0]]), await this.model.setCategory(l), this.model.setColorMatch(!0);
+              d.length > 1 && s !== n && await this.model.setNumericFields([d[0]]), await this.model.setCategory(s), this.model.setColorMatch(!0);
               break;
             }
             case r.numericFields:
@@ -61,78 +68,43 @@ class E extends $ {
     this.properties = { messageOverrides: 0, model: 0, layerFieldsInfo: 0, open: 7 };
   }
   static {
-    this.styles = D;
+    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, s`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
+    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 !== n && e.trim() !== "";
     this.model.setMode(t ? g.Category : g.Fields);
   }
-  /** @category Private */
   setupPopover() {
     this.removePieChartDataPopover();
     const e = {
@@ -140,7 +112,7 @@ class E extends $ {
       onPieChartDataChange: this.onPieChartDataChange,
       popoverClose: this.popoverClose
     };
-    if (this.pieChartPopover = u(v.PieChartDataPopover, e), this.pieChartPopover !== null) {
+    if (this.pieChartPopover = b(P.PieChartDataPopover, e), this.pieChartPopover !== null) {
       switch (this.contentKind) {
         case r.category:
           this.pieChartPopover.referenceElement = this.categoryElement.value, this.pieChartPopover.headingTitle = this._messages.categoryHeader, this.pieChartPopover.selectedContent = this.model.getCategory();
@@ -155,58 +127,37 @@ class E 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() === n || 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 = b(this.pieChartPopover));
+    this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = y(this.pieChartPopover));
   }
-  //#endregion
-  //#region Rendering
-  /** @category Render UX */
   renderSorting() {
-    return s`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`;
+    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 s`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`;
+    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 = y(this.layerFieldsInfo), i = [];
-    for (const l of e)
-      l !== t && i.push(this.buildNumericFieldItem(l));
-    return s`<calcite-list label class=${o(a.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
+    const t = v(this.layerFieldsInfo), i = [];
+    for (const s of e)
+      s !== t && i.push(this.buildNumericFieldItem(s));
+    return a`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
-  /** @category Lifecycle */
   render() {
     const e = this.renderCategory(), t = this.renderSorting(), i = this.renderNumericFields([...this.model.getNumericFields()]);
-    return s`<div class=${o({ [a.hostDiv]: !0, [a.rtl]: this.direction === "rtl" })}><calcite-label class=${o(a.label)}>${this._messages.category}${e}</calcite-label>${[
-      s`<calcite-label class=${o(a.label)}>${this._messages.numericFields}${i}</calcite-label>`,
-      s`<div class=${o(a.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
-    ]}<calcite-label class=${o(a.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(a.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
+    return a`<div><calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[
+      a`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,
+      a`<div class=${o(l.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
+    ]}<calcite-label class=${o(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
   }
 }
-C("arcgis-charts-config-pie-chart-data", E);
+C("arcgis-charts-config-pie-chart-data", N);
 export {
-  E as ArcGISChartsConfigPieChartData
+  N as ArcgisChartsConfigPieChartData
 };

package/dist/components/arcgis-charts-config-pie-chart-data/resource.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
 export declare const HTMLClasses: {
-    readonly hostDiv: "host-div";
     readonly label: "label";
     readonly text: "text";
     readonly fieldList: "field-list";
     readonly fab: "fab";
     readonly disabledLabel: "disabled-label";
-    readonly rtl: "arcgis-charts-rtl";
 };

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

@@ -24,6 +24,7 @@ export declare class ArcgisChartsConfigPieChartPopover extends LitElement {
      * boolean to open or close the popover.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -55,16 +56,6 @@ export declare class ArcgisChartsConfigPieChartPopover extends LitElement {
         contentKind: PieChartDataPopoverKinds | undefined;
         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 */
+    readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, void>;
     private _messages;
 }