@arcgis/charts-components 4.34.0-next.21 → 4.34.0-next.23

package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js

@@ -21,7 +21,7 @@ import { LitElement as D, createEvent as v, safeClassMap as i, safeStyleMap as P
 import { css as N } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 const s = {
   label: "label",
   r2: "r2",

package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.js

@@ -21,7 +21,7 @@ import { LitElement as S, createEvent as a, safeClassMap as l } from "@arcgis/lu
 import { css as P } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

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

@@ -20,7 +20,7 @@ import { css as d } from "@lit/reactive-element/css-tag.js";
 import { M as e } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 const t = {
   selectChartComponent: "select-chart-component",
   rtl: "arcgis-charts-rtl",

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

@@ -19,7 +19,7 @@ import { repeat as u } from "lit-html/directives/repeat.js";
 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.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-10T04:52:38",
+  "timestamp": "2025-06-12T04:55:45",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.21",
+    "version": "4.34.0-next.23",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-10T04:52:38",
+  "timestamp": "2025-06-12T04:55:45",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.21",
+    "version": "4.34.0-next.23",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "4.34.0-next.21",
+  "version": "4.34.0-next.23",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -13,7 +13,7 @@ import { B as Er, a as kr, C as Mr, H as Vr, L as Qr, P as Wr, S as wr } from ".
 import { g as _r, s as Gr } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 function R(a) {
   let o;
   switch (a.length) {

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,autoDisposeChart,chartLimits:,chartWillRender:,componentVersion,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,ignoreSmoothRenderingLimit,ignoreViewExtent,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerRendererChangePolicy,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,messageOptions:,model:,placeholder,queueChartCreation,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionTheme:,setTimeBinningInfoWhenNotProvided,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,timeZone,tooltipFormatter:,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:;clearSelection,errorAlert,exportAsCSV,exportAsImage,notify,refresh,resetZoom,switchSelection"],
   "arcgis-charts-action-bar": [() => import("./components/arcgis-charts-action-bar/customElement.js"), "actionBarSelectionMode,chartElement:,chartType,clearSelectionState,clearSelectionTitle,clearSelectionToggle,disableCSVExportForChartTypes:,disabledExportAction,editChartState,editChartTitle,editChartToggle,expanded,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"],

package/dist/model.js

@@ -3,7 +3,7 @@ import { a as p, d as W, i as x, f as g, b as y, q as K, g as P, k as S, l as c,
 import { c as X } from "./chunks/setup-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
+v4.34.0-next.23 */
 export {
   i as BoxPlotDataSortingKinds,
   e as ColorFormatKeys,

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

@@ -19,7 +19,7 @@ export declare const pieChartSpecialSlicesId: {
     emptySliceId: string;
 };
 export declare const defaultBoxPlotCategory = "arcgis_charts_box_plot_category";
-export declare const ramp: number[][];
+export declare const ramp: Color[];
 /**
  * Returns a specific color from the default ramp, given an index. If the index is > than the ramp length,
  * we use modulo to get the corresponding color.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "4.34.0-next.21",
+  "version": "4.34.0-next.23",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -28,10 +28,10 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
-    "@amcharts/amcharts5": "^5.12.2",
-    "@arcgis/charts-spec": "4.34.0-next.21",
-    "@arcgis/components-utils": "4.34.0-next.21",
-    "@arcgis/lumina": "4.34.0-next.21",
+    "@amcharts/amcharts5": "^5.13.1",
+    "@arcgis/charts-spec": "4.34.0-next.23",
+    "@arcgis/components-utils": "4.34.0-next.23",
+    "@arcgis/lumina": "4.34.0-next.23",
     "d3-array": "^3.1.1",
     "d3-shape": "^3.2.0",
     "fast-memoize": "^2.5.2",
@@ -43,7 +43,7 @@
   },
   "peerDependencies": {
     "@arcgis/core": ">=4.34.0-next <4.35",
-    "@esri/calcite-components": "^3.2.0"
+    "@esri/calcite-components": "^3.2.1"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/Y4LD6A42.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
-import{a as w,c as L}from"./XASA7B3F.js";import{a as k}from"./TCUVSET3.js";import{a as b}from"./R5XTIXNE.js";import g from"./OVJGTVQU.js";import f from"./DMF3P56A.js";import{a as c,b as d}from"./HYHDHZBJ.js";import{a as F}from"./G5YZDPTU.js";import{k as a,m}from"./K72ZQUSM.js";import e from"./NFS2JQX4.js";import{A as o,E as P,c as C,d as l,f as S,n as v,z as y}from"./EJWEDGZV.js";import{b as h}from"./7VEVDUPN.js";import{a as x}from"./X74QGPFS.js";import"./BJU4CIOC.js";export default $arcgis.t(([,,,,,,,{A:g,ga:n,rb:u,sb:$},{a:O},{a:I,b:p,c:B}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",rtl:"arcgis-charts-rtl",list:"list",customSortButtons:"custom-sort-buttons"},N=C`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}: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)}:host .arcgis-chart-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}.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}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends y{constructor(){super(...arguments),this._messages=F(),this.boxPlotPopover=null,this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.sortOrderElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=t=>{this.boxPlotPopover===t?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async t=>{try{if(t.detail!==null&&t.detail?.value!==void 0){let{contentKind:e}=t.detail,s=[...t.detail.value];switch(L(w),e){case a.category:{let i=s[0]?.trim()||n;await this.model.setCategory(i),await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels);break}case a.numericFields:{await this.model.setNumericFields(s);let i=s.length>1;await this.model.setStandardizeValues(i),await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels);break}case a.splitByField:{let i=s[0]?.trim()||"";await this.model.setSplitByField(i);break}case a.sortOrder:{let i=s[0];i===h.customSort?(await this.updateCustomSortProps(),this.model.setSortOrder(i,this.customSortLabels)):this.model.setSortOrder(i)}break;default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.requestUpdate()},this.selectedCustomSortItemId="",this.customSortLabels=[],this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,customSortLabels:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilter(),this.updateCustomSortProps()}async willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model")),g(this.model.getDataFilter(),this.currentDataFilter)?g(this.model.getOrderByList(),this.customSortLabels)||(this.customSortLabels=this.model.getOrderByList()??[]):(await this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilter()),this.disableSplitBy=this.model.getNumericFields().length===0||this.model.getNumericFields().length>1&&this.model.getCategory()!==n}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(t){if(t.detail!==null&&t.detail!==void 0){let{newIndex:e,oldIndex:s}=t.detail;this.model.moveCustomSortValuesInOrderByList(s,e),this.customSortLabels=this.model.getOrderByList()??[]}}onCustomSortItemSelected(t){let{id:e}=t.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===e?"":e}onCustomSortItemMoved(t){let{id:e}=t.target,s=this.customSortLabels.length,i=this.customSortLabels.indexOf(this.selectedCustomSortItemId);e===m.Up?s=i-1:e===m.Down&&(s=i+1),i>=0&&s>=0&&s<this.customSortLabels.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.customSortLabels=this.model.getOrderByList()??[],this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return k(this.customSortLabels,t=>t,t=>{let e=$(this.layerFieldsInfo,t);return l`<calcite-list-item id=${t??S} .label=${t??""} .description=${e} .value=${t} .selected=${this.selectedCustomSortItemId===t} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return b(this.sortOrderResetCounter,l`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(t){return b(t,l`<calcite-list-item .label=${u(this.layerFieldsInfo,t)} .value=${t} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=a.category,this.setupPopover())}async onRemoveNumericField(t){let e=t.target.value;await this.model.setNumericFields(this.model.getNumericFields().filter(s=>s!==e)),this.model.getNumericFields().length===0&&this.model.resetConfig(),this.model.getSortOrder()===h.customSort&&(await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels))}async updateCustomSortProps(){let t=await this.model.getCustomSortValues();this.customSortLabels=t,this.originalCustomSortLabels=[...t];let e=t.length>O.customSortLimit;e&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=e}async onStandardizeValuesChange(t){await this.model.setStandardizeValues(t.target.checked)}async onShowOutliersChange(t){await this.model.setShowOutliers(t.target.checked)}onSplitBySelect(){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover())}onSortOrderSelect(){this.contentKind=a.sortOrder,this.setupPopover()}setupPopover(){this.boxPlotPopover=p(this.boxPlotPopover);let t={layerFieldsInfo:this.layerFieldsInfo,onBoxPlotDataChange:this.onBoxPlotDataChange,popoverClose:this.popoverClose};if(this.boxPlotPopover=B(I.BoxPlotDataPopover,t),this.boxPlotPopover!==null){switch(this.contentKind){case a.category:this.boxPlotPopover.referenceElement=this.categoryElement.value,this.boxPlotPopover.headingTitle=this._messages.categoryHeader,this.boxPlotPopover.selectedContent=this.model.getCategory()===n?"":this.model.getCategory();break;case a.numericFields:this.boxPlotPopover.referenceElement=this.numericFieldsElement.value,this.boxPlotPopover.headingTitle=this._messages.numericFieldsHeader,this.boxPlotPopover.selectedContent=this.model.getNumericFields();break;case a.splitByField:this.boxPlotPopover.referenceElement=this.splitByFieldElement.value,this.boxPlotPopover.headingTitle=this._messages.splitByFieldHeader,this.boxPlotPopover.selectedContent=this.model.getSplitByField();break;case a.sortOrder:this.boxPlotPopover.referenceElement=this.sortOrderElement.value,this.boxPlotPopover.headingTitle=this._messages.selectSortOrder,this.boxPlotPopover.selectedContent=this.model.getSortOrder(),this.boxPlotPopover.isCustomSortDisabled=this.isCustomSortDisabled;break}this.boxPlotPopover.contentKind=this.contentKind,this.boxPlotPopover.open=!0,this.addPopover()}}addPopover(){!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(){this.contentKind=a.numericFields,this.setupPopover()}getCorrectedSplitByValue(){return this.model.getSplitByField()?.trim()===""?"":u(this.layerFieldsInfo,this.model.getSplitByField())}getCorrectedCategoryValue(){return this.model.getCategory()===n?"":u(this.layerFieldsInfo,this.model.getCategory())}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.setOrderByList([...this.originalCustomSortLabels]),this.sortOrderResetCounter+=1}renderCustomSortUI(){let t=this.model.getSortOrder(),e=this.model.getXAxisValueFormat()?.type,s=this.customSortLabels.indexOf(this.selectedCustomSortItemId);return e===x.CategoryAxisFormat&&t===h.customSort&&!this.isCustomSortDisabled?l`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${m.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.customSortLabels.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${m.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${g(this.customSortLabels,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.getCategory()===n?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(t){let e=[];for(let s of t)e.push(this.buildNumericFieldItem(s));return l`<calcite-list label class=${o(r.fieldList)} ${d(this.numericFieldsElement)}>${e}</calcite-list>`}renderCategory(){let t=this.getCorrectedCategoryValue(),e=this.model.getNumericFields().length===0||(this.model.getNumericFields()??[]).length>1&&this.model.getSplitByField()!=="";return l`<arcgis-charts-config-field-select .label=${t} .disabled=${e} @click=${this.onCategorySelect} ${d(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let t=this.getCorrectedSplitByValue();return l`<arcgis-charts-config-field-select .label=${t} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${d(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return l`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${d(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let t=this.renderCategory(),e=this.renderNumericFields([...this.model.getNumericFields()??[]]),s=this.renderSplitBy(),i=this.renderSorting(),E=this.renderCustomSortUI();return l`<div class=${o({[r.rtl]:this.direction==="rtl"})}><calcite-label class=${o(r.label)}>${this._messages.numericFields}${e}</calcite-label><div class=${o(r.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(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${t}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.getNumericFields()??[]).length>1?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.getStandardizeValues()} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.getShowOutliers()} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${E}</div>`}};P("arcgis-charts-config-box-plot-data",f);return f},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",e,f,g)

package/dist/cdn/ZGR35B3Y.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.21 */
-import{a as O,c as A}from"./XASA7B3F.js";import{a as _}from"./TCUVSET3.js";import{a as y}from"./R5XTIXNE.js";import g from"./OVJGTVQU.js";import f from"./DMF3P56A.js";import{a as c,b as d}from"./HYHDHZBJ.js";import{a as I}from"./G5YZDPTU.js";import{g as r,m as u}from"./K72ZQUSM.js";import e from"./NFS2JQX4.js";import{A as a,E as P,c as $,d as l,f as L,n as b,z as x}from"./EJWEDGZV.js";import{a as h}from"./7VEVDUPN.js";import{a as m,b as n}from"./X74QGPFS.js";import"./BJU4CIOC.js";export default $arcgis.t(([,,,,,,,{$a:B,A:g,Hc:S,Rb:v,ib:f,o:C,rb:p,sb:w},{a:k},{a:D,b:E,c:N}])=>{var o={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",rtl:"arcgis-charts-rtl",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text"},M=$`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}: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)}:host .arcgis-chart-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}.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}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,F=class extends x{constructor(){super(...arguments),this._messages=I(),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(A(O),t){case r.aggregation:await this.model.setAggregationType(s[0]!==n.NoAggregation?s[0]:n.NoAggregation);break;case r.category:{let i=s[0]?.trim()||"";await this.model.setXAxisField(i),await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels);break}case r.numericFields:await this.model.setNumericFields(s),(this.model.getNumericFields()??[]).length>0&&this.model.getAggregationType()===n.Count&&this.model.getNumericFields()[0]!==S(this.layerFieldsInfo)&&await this.model.setAggregationType(n.Sum),this.model.getSortOrder()===h.customSort&&(await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels));break;case r.splitByField:{let i=s[0]?.trim()||"";await this.model.setSplitByField(i),this.model.setColorMatch(!0);break}case r.sortOrder:{let i=s[0];i===h.customSort?(await this.updateCustomSortProps(),this.model.setSortOrder(i,this.customSortLabels)):this.model.setSortOrder(i);break}default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.customSortLabels=[],this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigBarChartDataNumericFieldValidate=b(),this.arcgisChartsConfigDataChangeError=b()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,customSortLabels:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:7}}static{this.styles=M}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilter(),this.updateCustomSortProps()}async willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=await B(this.model.getAggregationType()),g(this.model.getDataFilter(),this.currentDataFilter)?g(this.model.getOrderByList(),this.customSortLabels)||(this.customSortLabels=this.model.getOrderByList()??[]):(await this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilter()),this.disableSplitBy=this.model.getNumericFields().length>1||this.model.getXAxisField()===""||this.model.getXAxisField()===C}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s,t),this.customSortLabels=this.model.getOrderByList()??[]}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.customSortLabels.length,i=this.customSortLabels.indexOf(this.selectedCustomSortItemId);t===u.Up?s=i-1:t===u.Down&&(s=i+1),i>=0&&s>=0&&s<this.customSortLabels.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.customSortLabels=this.model.getOrderByList()??[],this.sortOrderResetCounter+=1)}buildNumericFieldItem(e){return y(e,l`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}buildCustomSortListItems(){return _(this.customSortLabels,e=>e,e=>{let t=w(this.layerFieldsInfo,e);return l`<calcite-list-item id=${e??L} .label=${e} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return y(this.sortOrderResetCounter,l`<calcite-list label class=${a(o.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(){this.contentKind=r.aggregation,this.setupPopover()}onSortOrderSelect(){this.contentKind=r.sortOrder,this.setupPopover()}onCategorySelect(){this.contentKind=r.category,this.setupPopover()}onSplitBySelect(){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=r.splitByField,this.setupPopover())}onAddNumericFields(){this.contentKind=r.numericFields,this.setupPopover()}async onRemoveNumericField(e){let t=e.target.value;await this.model.setNumericFields(this.model.getNumericFields().filter(s=>s!==t)),this.model.getSortOrder()===h.customSort&&(await this.updateCustomSortProps(),this.model.setOrderByList(this.customSortLabels))}getCorrectedSplitByValue(){return this.model.getSplitByField()===""||(this.model.getNumericFields()??[]).length>1?"":p(this.layerFieldsInfo,this.model.getSplitByField())}getCorrectedCategoryValue(){return this.model.getXAxisField()===C||this.model.getXAxisField().trim()===""?"":p(this.layerFieldsInfo,this.model.getXAxisField())}onShowDataLabelsChange(e){this.model.setDataLabelsVisibility(e.target.checked)}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();g(e,this.customSortLabels)||(this.customSortLabels=e??[]),this.originalCustomSortLabels=[...this.customSortLabels];let t=this.customSortLabels.length>k.customSortLimit;t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=t}setupPopover(){this.removeBarChartDataPopover();let e={layerFieldsInfo:this.layerFieldsInfo,onBarChartDataChange:this.onBarChartDataChange,popoverClose:this.popoverClose};if(this.barChartPopover=N(D.BarChartDataPopover,e),this.barChartPopover!==null){switch(this.contentKind){case r.aggregation:this.barChartPopover.referenceElement=this.aggregationElement.value,this.barChartPopover.headingTitle=this._messages.aggregationHeader,this.barChartPopover.isNoAggregationDisabled=v(this.model.getConfig().series??[])===f.BarAndLineFromFields,this.barChartPopover.selectedContent=this.model.getAggregationType();break;case r.category:this.barChartPopover.referenceElement=this.categoryElement.value,this.barChartPopover.headingTitle=this._messages.categoryHeader,this.barChartPopover.selectedContent=this.model.getXAxisField();break;case r.numericFields:this.barChartPopover.referenceElement=this.numericFieldsElement.value,this.barChartPopover.headingTitle=this._messages.numericFieldsHeader,this.barChartPopover.selectedContent=this.model.getNumericFields();break;case r.splitByField:this.barChartPopover.referenceElement=this.splitByFieldElement.value,this.barChartPopover.headingTitle=this._messages.splitByFieldHeader,this.barChartPopover.selectedContent=this.model.getSplitByField();break;case r.sortOrder:this.barChartPopover.referenceElement=this.sortOrderElement.value,this.barChartPopover.headingTitle=this._messages.sortOrderHeader,this.barChartPopover.selectedContent=this.model.getSortOrder(),this.barChartPopover.isCustomSortDisabled=this.isCustomSortDisabled;break}this.barChartPopover.contentKind=this.contentKind,this.barChartPopover.open=!0,this.addPopover()}}addPopover(){!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=E(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.setOrderByList([...this.originalCustomSortLabels]),this.sortOrderResetCounter+=1}renderSorting(){return l`<arcgis-charts-config-field-select .disabled=${this.model.getXAxisValueFormat()?.type===m.DateAxisFormat} .label=${this.model.getXAxisValueFormat()?.type===m.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${d(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return l`<arcgis-charts-config-field-select .label=${this.model.getAggregationType()===n.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${d(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${d(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return l`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${d(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=S(this.layerFieldsInfo),s=[];for(let i of e)i!==t&&s.push(this.buildNumericFieldItem(i));return l`<calcite-list label class=${a(o.fieldList)} ${d(this.numericFieldsElement)}>${s}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getXAxisValueFormat()?.type,s=this.customSortLabels.indexOf(this.selectedCustomSortItemId);return t===m.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?l`<calcite-label class=${a(o.label)}><div class=${a(o.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${u.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.customSortLabels.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${u.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${g(this.customSortLabels,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${v(this.model.getConfig().series??[])===f.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}render(){let e=this.renderAggregation(),t=this.renderCategory(),s=this.renderSplitBy(),i=this.renderSorting(),T=this.renderNumericFields([...this.model.getNumericFields()??[]]),V=this.renderCustomSortUI();return l`<div class=${a({[o.rtl]:this.direction==="rtl"})}><calcite-label class=${a(o.label)}>${this._messages.category}${t}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.numericFields}${T}</calcite-label><div class=${a(o.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=${a(o.label)}><span class=${a(this.disableSplitBy?o.dimText:"")}>${this._messages.splitBy}</span>${s}</calcite-label><calcite-label class=${a(o.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${a(this.model.getXAxisValueFormat()?.type===m.DateAxisFormat?o.disabledLabel:o.label)}>${this._messages.sortOrder}${i}</calcite-label>${V}</div>`}};P("arcgis-charts-config-bar-chart-data",F);return F},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",e,f,g)