@arcgis/charts-components 5.2.0-next.111 → 5.2.0-next.113

package/dist/model/shared/setup-utils.d.ts

@@ -1,4 +1,4 @@
-import type { ChartLayerInput } from "../../interfaces.js";
+import type { ChartLayerInputSansView } from "../../interfaces.js";
 import type { IFeatureLayer, IImageServiceLayer, ITiledImageServiceLayer } from "../../spec/rest-js-types.js";
 import type { CommonStrings } from "../../utils/localization/interfaces.js";
 import type { ChartConfig } from "../../utils/types/index.js";
@@ -33,7 +33,7 @@ export type CreateModelProps<T extends ModelTypes> = (ILayerAndSourcelessConfig<
  * A new model of the specified type will be created using default values.
  */
 export type LayerAndType<T extends ModelTypes> = {
-  layer: ChartLayerInput;
+  layer: ChartLayerInputSansView;
   chartType: T;
 };
 
@@ -53,7 +53,7 @@ export type ILayerAndType<T extends ModelTypes> = {
  * The `config` is considered "sourceless" since its `iLayer` property is not required.
  */
 export type LayerAndSourcelessConfig<T extends ModelTypes> = {
-  layer: ChartLayerInput;
+  layer: ChartLayerInputSansView;
   config: ChartConfig<T>;
 };
 

package/dist/types/lumina.d.ts

@@ -22,7 +22,7 @@ interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "al
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface LuminaArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionState" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "forceDisableActions" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomState" | "zoomTitle" | "zoomToggle">>, h.JSX.HTMLAttributes<ArcgisChartsActionBar> {
+interface LuminaArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionActive" | "clearSelectionDisabled" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartActive" | "editChartEnabled" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionDisabled" | "exportActionState" | "exportAsCSVDisabled" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageDisabled" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentDisabled" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionActive" | "filterBySelectionDisabled" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "filterByViewExtentActive" | "forceDisableActions" | "fullExtentActive" | "fullExtentDisabled" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendActive" | "legendDisabled" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartActive" | "rotateChartDisabled" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionActive" | "selectionDisabled" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionActive" | "switchSelectionDisabled" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomActive" | "zoomDisabled" | "zoomState" | "zoomTitle" | "zoomToggle">>, h.JSX.HTMLAttributes<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/preact.d.ts

@@ -23,7 +23,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "al
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface PreactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionState" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "forceDisableActions" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomState" | "zoomTitle" | "zoomToggle">>, HTMLAttributes<ArcgisChartsActionBar> {
+interface PreactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionActive" | "clearSelectionDisabled" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartActive" | "editChartEnabled" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionDisabled" | "exportActionState" | "exportAsCSVDisabled" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageDisabled" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentDisabled" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionActive" | "filterBySelectionDisabled" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "filterByViewExtentActive" | "forceDisableActions" | "fullExtentActive" | "fullExtentDisabled" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendActive" | "legendDisabled" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartActive" | "rotateChartDisabled" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionActive" | "selectionDisabled" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionActive" | "switchSelectionDisabled" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomActive" | "zoomDisabled" | "zoomState" | "zoomTitle" | "zoomToggle">>, HTMLAttributes<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/react.d.ts

@@ -23,7 +23,7 @@ interface ReactArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "all
   onarcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface ReactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionState" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "forceDisableActions" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomState" | "zoomTitle" | "zoomToggle">>, HTMLProps<ArcgisChartsActionBar> {
+interface ReactArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionActive" | "clearSelectionDisabled" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartActive" | "editChartEnabled" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionDisabled" | "exportActionState" | "exportAsCSVDisabled" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageDisabled" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentDisabled" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionActive" | "filterBySelectionDisabled" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "filterByViewExtentActive" | "forceDisableActions" | "fullExtentActive" | "fullExtentDisabled" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendActive" | "legendDisabled" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartActive" | "rotateChartDisabled" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionActive" | "selectionDisabled" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionActive" | "switchSelectionDisabled" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomActive" | "zoomDisabled" | "zoomState" | "zoomTitle" | "zoomToggle">>, HTMLProps<ArcgisChartsActionBar> {
   onarcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onarcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/types/stencil.d.ts

@@ -23,7 +23,7 @@ interface StencilArcgisChart extends Partial<Pick<ArcgisChart, "actionMode" | "a
   onArcgisUpdateComplete?: EventHandler<ArcgisChart["arcgisUpdateComplete"]>;
 }
 
-interface StencilArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionState" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "forceDisableActions" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomState" | "zoomTitle" | "zoomToggle">>, StencilJsx.HTMLAttributes<ArcgisChartsActionBar> {
+interface StencilArcgisChartsActionBar extends Partial<Pick<ArcgisChartsActionBar, "actionBarSelectionMode" | "chartElement" | "chartType" | "clearSelectionActive" | "clearSelectionDisabled" | "clearSelectionState" | "clearSelectionTitle" | "clearSelectionToggle" | "csvExportExclusionList" | "disableCSVExportForChartTypes" | "editChartActive" | "editChartEnabled" | "editChartState" | "editChartTitle" | "editChartToggle" | "expanded" | "exportActionDisabled" | "exportActionState" | "exportAsCSVDisabled" | "exportAsCSVState" | "exportAsCSVTitle" | "exportAsImageDisabled" | "exportAsImageState" | "exportAsImageTitle" | "filterByExtentDisabled" | "filterByExtentState" | "filterByExtentTitle" | "filterByExtentToggle" | "filterBySelectionActive" | "filterBySelectionDisabled" | "filterBySelectionState" | "filterBySelectionTitle" | "filterBySelectionToggle" | "filterByViewExtentActive" | "forceDisableActions" | "fullExtentActive" | "fullExtentDisabled" | "fullExtentState" | "fullExtentTitle" | "fullExtentToggle" | "hiddenActions" | "legendActive" | "legendDisabled" | "legendState" | "legendTitle" | "legendToggle" | "messageOverrides" | "rotateChartActive" | "rotateChartDisabled" | "rotateChartState" | "rotateChartTitle" | "rotateChartToggle" | "selectionActive" | "selectionDisabled" | "selectionState" | "selectionTitle" | "selectionToggle" | "switchSelectionActive" | "switchSelectionDisabled" | "switchSelectionState" | "switchSelectionTitle" | "switchSelectionToggle" | "zoomActive" | "zoomDisabled" | "zoomState" | "zoomTitle" | "zoomToggle">>, StencilJsx.HTMLAttributes<ArcgisChartsActionBar> {
   onArcgisActionBarToggle?: EventHandler<ArcgisChartsActionBar["arcgisActionBarToggle"]>;
   onArcgisDefaultActionSelect?: EventHandler<ArcgisChartsActionBar["arcgisDefaultActionSelect"]>;
 }

package/dist/utils/chart-config/converter/index.d.ts

@@ -1,5 +1,4 @@
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
-import type { SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
+import type { ChartLayerInput } from "../../../interfaces.js";
 import type { WebChart, WebGaugeChart } from "../../../spec/web-chart.js";
 
 /**
@@ -15,4 +14,4 @@ import type { WebChart, WebGaugeChart } from "../../../spec/web-chart.js";
  * @param abortSignal
  * @returns The updated web chart config.
  */
-export function convertChartSpec<T extends WebChart | WebGaugeChart>(config?: T, layerOrLayerView?: FeatureLayerView | SupportedLayer | SupportedRasterLayer, chartContainer?: HTMLElement, abortSignal?: AbortSignal): Promise<T>;
+export function convertChartSpec<T extends WebChart | WebGaugeChart>(config?: T, layerOrLayerView?: ChartLayerInput, chartContainer?: HTMLElement, abortSignal?: AbortSignal): Promise<T>;

package/dist/utils/defaults/index.d.ts

@@ -534,10 +534,10 @@ export function getDefaultNoR2Label(commonStrings: CommonStrings): string;
 export const pieChartInnerRadius: 0;
 
 /** @internal */
-export const boxPlotOutliersSuffix: "_arcgis_charts_outliers";
+export const boxPlotOutliersSuffix: "_with_outliers";
 
 /** @internal */
-export const boxPlotZScoreSuffix: "_arcgis_charts_z_score";
+export const boxPlotZScoreSuffix: "_with_z_score";
 
 /** @internal */
 export const defaultColorForBoxPlotWithMeanLines: Color;

package/dist/utils/layer/index.d.ts

@@ -5,7 +5,6 @@ import type Layer from "@arcgis/core/layers/Layer.js";
 import type CodedValueDomain from "@arcgis/core/layers/support/CodedValueDomain.js";
 import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
 import type Renderer from "@arcgis/core/renderers/Renderer.js";
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type { ChartOptions } from "../../chart-rendering/common/interfaces.js";
@@ -342,7 +341,7 @@ export function extractFieldsFromConfigList(layer: SupportedLayer): Promise<stri
 export function findMatchingLayerFromView(props: {
     view?: MapView | SceneView;
     portalItemId: string;
-}): FeatureLayerView | SupportedLayer | undefined;
+}): SupportedLayer | undefined;
 
 /**
  * Loads the layer. Generates raster info if it's an ImageryLayer or an ImageryTileLayer.

package/dist/utils/layer/interfaces.d.ts

@@ -1,5 +1,4 @@
-import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
-import type { SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
+import type { ChartLayerView, SupportedLayer, SupportedRasterLayer } from "../../interfaces.js";
 import type { RESTRendererType } from "../../spec/rest-js-object-literals.js";
 
 /** @internal */
@@ -21,6 +20,6 @@ export interface ServerRestInfo {
   };
 }
 
-export type QueryObject = FeatureLayerView | SupportedLayer;
+export type QueryObject = ChartLayerView | SupportedLayer;
 
 export type QueryObjectOrRaster = QueryObject | SupportedRasterLayer;

package/dist/utils/layer/utils/index.d.ts

@@ -6,7 +6,7 @@ import type LayerView from "@arcgis/core/views/layers/LayerView.js";
 import type Layer from "@arcgis/core/layers/Layer.js";
 import type { SelectableLayerWithObjectIds } from "@arcgis/core/views/selection/types.js";
 import type { QueryObject, QueryObjectOrRaster } from "../interfaces.js";
-import type { ChartLayer, ChartLayerInput, SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
+import type { ChartLayer, ChartLayerInput, ChartLayerView, SupportedLayer, SupportedRasterLayer } from "../../../interfaces.js";
 import type { WebChart } from "../../../spec/web-chart.js";
 import type { ChartOptions } from "../../../chart-rendering/common/interfaces.js";
 
@@ -24,7 +24,7 @@ export function isFeatureCollectionLayer(queryObject: QueryObjectOrRaster | unde
  * @param queryObject
  * @internal
  */
-export function isFeatureLayerView(queryObject: LayerView | QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is FeatureLayerView;
+export function isChartLayerView(queryObject: LayerView | QueryObjectOrRaster | SubtypeGroupLayer | undefined): queryObject is ChartLayerView;
 
 /**
  * Indicates whether the input object is an instance of `FeatureLayer`.
@@ -178,19 +178,19 @@ export function doesLayerSupportsQueryBinsForScatterplot(queryObject: QueryObjec
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer): SupportedLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer): SupportedLayer;
 
 /**
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
 
 /**
  * @param layerOrLayerView
  * @internal
  */
-export function getLayerFromLayerOrLayerView(layerOrLayerView: FeatureLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
+export function getLayerFromLayerOrLayerView(layerOrLayerView: ChartLayerView | SupportedLayer | SupportedRasterLayer): SupportedLayer | SupportedRasterLayer;
 
 /**
  * Returns a feature layer from a QueryObject instance.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.2.0-next.111",
+  "version": "5.2.0-next.113",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,8 +30,8 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "~5.20.5",
-    "@arcgis/lumina": "5.2.0-next.111",
-    "@arcgis/toolkit": "5.2.0-next.111",
+    "@arcgis/lumina": "5.2.0-next.113",
+    "@arcgis/toolkit": "5.2.0-next.113",
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
     "@zumer/snapdom": "^2.24.1",
@@ -45,8 +45,8 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@arcgis/core": "5.2.0-next.111",
-    "@esri/calcite-components": "^5.2.0-next.65"
+    "@arcgis/core": "5.2.0-next.113",
+    "@esri/calcite-components": "^5.2.0-next.73"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/2PWEWSG6.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from"./U7NEGO4Z.js";import{a as b}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SZYIWW3C.js";import e from"./EWPEPYH7.js";import a from"./MIA4DLUH.js";import"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./225VUGML.js";import{a as w}from"./P3AYFJRV.js";import{k as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{P:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},E=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,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()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=E}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===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?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.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}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)

package/dist/cdn/E2YQ7BBF.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as e,c as l,d as o}from"./7NWEE7T2.js";import c from"./G22GCRXH.js";import b from"./EMOJZ4XR.js";import{a as d,p as y}from"./RPUEIRTH.js";import a from"./MIA4DLUH.js";import{B,a as g,d as m,p as x}from"./VQU2TVX7.js";import{e as C}from"./WOGALV3T.js";import{a as S}from"./QYRHZJH3.js";import{a as r}from"./PWJBGZPW.js";export default $arcgis.t(([{oc:f},{d:p},{a:h}])=>{var w=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsCSV,e.ExportAsImage],V=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],L=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],T=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],Z=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Selection,e.ClearSelection,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],M=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],R=[e.EditChart,e.Legend,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],P=[e.EditChart,e.Legend,e.RotateChart,e.FilterBySelection,e.FilterByExtent,e.Zoom,e.Selection,e.ClearSelection,e.FullExtent,e.SwitchSelection,e.ExportAsImage,e.ExportAsCSV],H=[e.EditChart,e.FilterByExtent,e.ExportAsImage,e.ExportAsCSV];function K(a){switch(a){case r.BarSeries:return w;case r.LineSeries:return V;case r.ComboLineAndBarSeries:return L;case r.PieSeries:return T;case r.HistogramSeries:return M;case r.ScatterSeries:return R;case r.BoxPlotSeries:return P;case r.GaugeSeries:return H;case r.HeatSeries:return Z;default:return[]}}var O=(a,i,t)=>{let n=a.target.assignedNodes().find(c=>"legendToggle"in c),s=S(t?.series);return n&&(n.chartType=s,z({actionBar:n,chartComponent:i,config:t})),n};function z(a){let{actionBar:i,chartComponent:t,config:n,isInfoModalDisplayed:s}=a,c=B(t.selectionData),A=n?.legend?n.legend.visible??!0:!1;if(i.chartType=S(n?.series),t.enableConfiguration||t.configurationEnabled){let v=i.hiddenActions??[];i.hiddenActions=v.filter(D=>D!==e.EditChart)}i.editChartState=t.enableConfiguration||t.configurationEnabled?o.Enabled:o.Disabled;let E=n&&x(n.series);i.legendState=E?o.Enabled:o.Disabled;let b=d(t?.model)&&y(t?.model)?t.model.legendVisibility:A;i.legendToggle=E&&b?l.Active:l.Inactive;let u=d(t?.model)&&h(t.model)?t.model.rotated:n?.rotated;i.rotateChartToggle=u?l.Active:l.Inactive;let F=f(n?.series??[])===m.PieFromFields,I=C(t.layer);i.filterBySelectionState=!I&&!F&&(t.filterBySelection||!c&&!t.filterByExtent)?o.Enabled:o.Disabled,i.filterBySelectionToggle=t.filterBySelection?l.Active:l.Inactive,i.filterByExtentState=t.filterByViewExtent||!t.filterBySelection?o.Enabled:o.Disabled,i.filterByExtentToggle=t.filterByViewExtent?l.Active:l.Inactive,i.zoomState=t.filterBySelection?o.Disabled:o.Enabled,i.zoomToggle=t.actionMode===g.Zoom?l.Active:l.Inactive,i.selectionState=t.filterBySelection?o.Disabled:o.Enabled,i.selectionToggle=(t.actionMode??i.actionBarSelectionMode)===i.actionBarSelectionMode?l.Active:l.Inactive,i.clearSelectionState=c?o.Disabled:o.Enabled,i.fullExtentState=t.filterBySelection?o.Disabled:o.Enabled,i.switchSelectionState=t.filterBySelection?o.Disabled:o.Enabled,i.exportActionState=s||p(n)?o.Disabled:o.Enabled}return{a:K,b:O,c:z}},a,b,c)