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

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/chart-config/converter/index.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { getElementLocale as $e } from "@arcgis/toolkit/intl/dom";
 import { cloneDeep as n, isEmpty as B } from "lodash-es";
 import { DateTime as Ye } from "luxon";

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.110",
+  "version": "5.2.0-next.112",
   "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.110",
-    "@arcgis/toolkit": "5.2.0-next.110",
+    "@arcgis/lumina": "5.2.0-next.112",
+    "@arcgis/toolkit": "5.2.0-next.112",
     "@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.110",
-    "@esri/calcite-components": "^5.2.0-next.65"
+    "@arcgis/core": "5.2.0-next.112",
+    "@esri/calcite-components": "^5.2.0-next.73"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/5GZBRQP2.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
-import{b as e,f as t}from"./BIXQAUTT.js";import{a as o}from"./C4LXB6MK.js";var s=153,i={type:o.Guide,style:{type:t.SLS,color:[127,127,127,s],width:2,style:e.Solid},label:{type:t.TS}};export{s as a,i as b};

package/dist/cdn/7RRUD4HM.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
-import d from"./3Z2C6NLH.js";import"./VTGIHCBG.js";import c from"./ZJIYZYVK.js";import b from"./JJLZNOU5.js";import"./UPENS2HR.js";import"./U4LGTOAJ.js";import"./JGDOGMER.js";import"./BIXQAUTT.js";import"./GUQ44MLO.js";import"./CHCM5ZNC.js";import{B as e,C as t,H as n,g as i,i as a}from"./AJDNZRJP.js";import"./QIST2E6D.js";import"./GFIZPXVK.js";import"./C4LXB6MK.js";import"./K4PGZCDZ.js";export default $arcgis.t(([,,{i:l}])=>{var o={invalidMessageColor:"invalid-message-color"},r=i`:host{display:block}.invalid-message-color{color:red}`,s=class extends e{constructor(){super(...arguments),this.isInvalid=!1}static{this.properties={invalidInputMessage:1,isInvalid:5}}static{this.styles=r}render(){return this.isInvalid?a`<calcite-input-message .status=${l.INVALID} icon=exclamationMarkTriangle .hidden=${!this.isInvalid} class=${t(o.invalidMessageColor)}>${this.invalidInputMessage}</calcite-input-message>`:null}};n("arcgis-charts-config-invalid-input-message",s);return s},b,c,d)

package/dist/cdn/J5SIGRGU.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
-import f from"./JDCNFE5C.js";import{a as b}from"./LJOG5J2V.js";import{a as R}from"./FZ4P2E22.js";import{a as I}from"./3DIZRBOJ.js";import{a as $}from"./LD7OU6HP.js";import e from"./ZJIYZYVK.js";import a from"./JJLZNOU5.js";import"./UPENS2HR.js";import"./U4LGTOAJ.js";import"./JGDOGMER.js";import"./BIXQAUTT.js";import"./GUQ44MLO.js";import"./CHCM5ZNC.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"./AJDNZRJP.js";import{a as w}from"./BYSF3WH4.js";import{k as s}from"./QIST2E6D.js";import"./GFIZPXVK.js";import"./C4LXB6MK.js";import"./K4PGZCDZ.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)