@arcgis/charts-components 5.0.0-next.8 → 5.0.0-next.80

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

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import { ChartModel } from '../../model';
-import { SupportedLayer } from '../../spec';
 import { default as Sublayer } from '@arcgis/core/layers/support/Sublayer';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ModelListChangePayload } from '../../utils/components/event-payloads';
+import { SupportedLayer } from '../../interfaces';
 
 /** @private */
 export declare class ArcgisChartsConfigViewCharts extends LitElement {
@@ -31,15 +31,15 @@ export declare class ArcgisChartsConfigViewCharts extends LitElement {
     /**
      * Prevents the list from being placed in a group. Mainly to avoid showing the layer title header.
      *
-     * @category Public
      * @default false
+     * @category Public
      */
     noGroup: boolean;
     /**
      * Disable the three-dot menu for editing, renaming & deleting charts and disable re-ordering charts position in the charts list. Useful if the list is only intended for viewing.
      *
-     * @category Public
      * @default false
+     * @category Public
      */
     disableEditing: boolean;
     /**

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

@@ -4,24 +4,33 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "../../chunks/series-types.js";
 import "d3-array";
-import "../../chunks/interfaces.js";
+import "../../chunks/index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.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 "@arcgis/toolkit/dom";
 import { g as p } from "../../chunks/chart-ui-utils.js";
 import { r as C } from "../../chunks/popover-ui-utils.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { css as f, html as a } from "lit";
-import { LitElement as v, createEvent as o, safeClassMap as c, renderElement as u } from "@arcgis/lumina";
+import { LitElement as v, createEvent as s, safeClassMap as c, renderElement as u } from "@arcgis/lumina";
 import { repeat as w } from "lit/directives/repeat.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.8 */
+v5.0.0-next.80 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",
@@ -45,11 +54,11 @@ class R extends v {
       if (e.detail !== null && e.detail !== void 0) {
         const { newIndex: t, oldIndex: i } = e.detail;
         if (this.modelList !== void 0 && this.modelList?.length > 0) {
-          const r = [...this.modelList], s = r?.[i], h = r?.[t];
-          s && h && (r.splice(i, 1), r.splice(t, 0, s)), this.chartsOrderReorderCounter += 1, this.arcgisChartsConfigModelListReorder.emit({ modelList: r });
+          const r = [...this.modelList], o = r?.[i], h = r?.[t];
+          o && h && (r.splice(i, 1), r.splice(t, 0, o)), this.chartsOrderReorderCounter += 1, this.arcgisChartsConfigModelListReorder.emit({ modelList: r });
         }
       }
-    }, this.chartTitle = "", this.chartsOrderReorderCounter = 0, this.noGroup = !1, this.disableEditing = !1, this.arcgisChartsConfigModelListReorder = o(), this.arcgisChartsConfigViewChartAddChart = o(), this.arcgisChartsConfigViewChartDelete = o(), this.arcgisChartsConfigViewChartEdit = o(), this.arcgisChartsConfigViewChartSelect = o();
+    }, this.isChartRenamePopoverOpen = !1, this.chartTitle = "", this.chartsOrderReorderCounter = 0, this.noGroup = !1, this.disableEditing = !1, this.arcgisChartsConfigModelListReorder = s(), this.arcgisChartsConfigViewChartAddChart = s(), this.arcgisChartsConfigViewChartDelete = s(), this.arcgisChartsConfigViewChartEdit = s(), this.arcgisChartsConfigViewChartSelect = s();
   }
   static {
     this.properties = { isChartRenamePopoverOpen: 16, chartTitle: 16, selectedActionChartId: 16, chartsOrderReorderCounter: 16, messageOverrides: 0, selectedChartId: 1, layer: 0, modelList: 0, noGroup: 5, disableEditing: 5 };
@@ -71,15 +80,15 @@ class R extends v {
     });
   }
   onAddChartClick(e) {
-    e.stopImmediatePropagation(), this.arcgisChartsConfigViewChartAddChart.emit({
+    e.stopImmediatePropagation(), this.selectedActionChartId = void 0, this.isChartRenamePopoverOpen && this.removeChartRenamePopover(), this.arcgisChartsConfigViewChartAddChart.emit({
       referenceElement: e.target,
       layerId: this.layer?.id.toString()
     });
   }
   buildChartList() {
     const e = this.modelList ? w(this.modelList, (t) => t.chartId, (t, i) => {
-      const r = t.chartId, s = t.titleText, h = p(t.config);
-      return a`<calcite-list-item .label=${s ?? r ?? this._messages.chartTitle} .selected=${this.selectedChartId === (r?.toString() ?? i.toString())} .value=${r ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing ? null : a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end @calciteDropdownClose=${() => this.chartActionClosed(r ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(r ?? "")} class=${c(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${r === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${(l) => l.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
+      const r = t.chartId, o = t.titleText, h = p(t.config);
+      return a`<calcite-list-item .label=${o ?? r ?? this._messages.chartTitle} .selected=${this.selectedChartId === (r?.toString() ?? i.toString())} .value=${r ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing ? null : a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId === r} @calciteDropdownClose=${() => this.chartActionClosed(r ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(r ?? "")} class=${c(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${r === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${(l) => l.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
     }) : null;
     return this.layer ? a`<div>${this.noGroup ? null : a`<p class=${c(n.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}${m(this.chartsOrderReorderCounter, a`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : a`<div class=${c(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>` : null;
   }
@@ -95,7 +104,7 @@ class R extends v {
   }
   chartRenameSelect(e) {
     if (!this.disableEditing) {
-      const i = e.target.closest("calcite-list-item"), r = this.modelList?.find((s) => s.chartId === this.selectedActionChartId);
+      const i = e.target.closest("calcite-list-item"), r = this.modelList?.find((o) => o.chartId === this.selectedActionChartId);
       i !== null && (this.renameReferenceElement = i), this.arcgisChartsConfigViewChartSelect.emit({
         chartId: this.selectedActionChartId
       }), this.chartTitle = r?.titleText ?? "", this.setupRenamePopover();
@@ -107,7 +116,7 @@ class R extends v {
     }), this.selectedActionChartId = "");
   }
   chartActionClosed(e) {
-    e === this.selectedActionChartId && !this.isChartRenamePopoverOpen && (this.selectedActionChartId = "");
+    e === this.selectedActionChartId && !this.isChartRenamePopoverOpen && (this.selectedActionChartId = void 0);
   }
   chartActionOpened(e) {
     this.selectedActionChartId = e;