@arcgis/charts-components 4.33.0-next.161 → 4.33.0-next.163

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

@@ -1,6 +1,6 @@
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as f } from "lit-html/directives/keyed.js";
-import { defaultPieFromFieldsName as c, WebChartStatisticType as u } from "@arcgis/charts-spec";
+import { defaultPieFromFieldsName as n, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
 import { c9 as m, b0 as v } from "../../chunks/interfaces.js";
@@ -16,21 +16,20 @@ import { a as g } from "../../chunks/common.js";
 import { P as r } from "../../chunks/interfaces2.js";
 import { u as F } from "../../chunks/useT9n.js";
 import { html as a } from "lit";
-import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as $, createEvent as p, safeClassMap as s } from "@arcgis/lumina";
+import { createRef as c, ref as h } from "lit-html/directives/ref.js";
+import { LitElement as $, createEvent as p, safeClassMap as o } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
-const o = {
+v4.33.0-next.163 */
+const l = {
   label: "label",
   fieldList: "field-list",
-  fab: "fab",
-  rtl: "arcgis-charts-rtl"
-}, E = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}:host(.arcgis-chart-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}`;
+  fab: "fab"
+}, E = w`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}`;
 class N extends $ {
   constructor() {
-    super(...arguments), this._messages = F(), this.pieChartPopover = null, this.sortOrderElement = n(), this.categoryElement = n(), this.numericFieldsElement = n(), this.onPieChartDataChange = async (e) => {
+    super(...arguments), this._messages = F(), this.pieChartPopover = null, this.sortOrderElement = c(), this.categoryElement = c(), this.numericFieldsElement = c(), this.onPieChartDataChange = async (e) => {
       try {
         if (e.detail !== null && e.detail?.value !== void 0) {
           const { contentKind: t } = e.detail, i = [...e.detail.value];
@@ -39,14 +38,14 @@ class N extends $ {
               await this.model.setAggregationType(i[0] !== u.NoAggregation ? i[0] : "");
               break;
             case r.category: {
-              const l = i[0]?.trim() || "";
-              this.updateMode(l);
+              const s = i[0]?.trim() || "";
+              this.updateMode(s);
               const d = this.model.getNumericFields();
-              d.length > 1 && l !== c && await this.model.setNumericFields([d[0]]), await this.model.setCategory(l), this.model.setColorMatch(!0);
+              d.length > 1 && s !== n && await this.model.setNumericFields([d[0]]), await this.model.setCategory(s), this.model.setColorMatch(!0);
               break;
             }
             case r.numericFields:
-              i.length > 1 && (this.updateMode(c), await this.model.setCategory(c)), await this.model.setNumericFields(i);
+              i.length > 1 && (this.updateMode(n), await this.model.setCategory(n)), await this.model.setNumericFields(i);
               break;
             case r.sortOrder:
               this.model.setSortOrder(i[0]);
@@ -103,7 +102,7 @@ class N extends $ {
     this.model.setDataLabelsVisibility(e.target.checked);
   }
   updateMode(e) {
-    const t = e !== c && e.trim() !== "";
+    const t = e !== n && e.trim() !== "";
     this.model.setMode(t ? g.Category : g.Fields);
   }
   setupPopover() {
@@ -132,7 +131,7 @@ class N extends $ {
     !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
   }
   getCorrectedCategoryValue() {
-    return this.model.getCategory() === c || this.model.getCategory().trim() === "" ? "" : m(this.layerFieldsInfo, this.model.getCategory());
+    return this.model.getCategory() === n || this.model.getCategory().trim() === "" ? "" : m(this.layerFieldsInfo, this.model.getCategory());
   }
   removePieChartDataPopover() {
     this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = y(this.pieChartPopover));
@@ -146,16 +145,16 @@ class N extends $ {
   }
   renderNumericFields(e) {
     const t = v(this.layerFieldsInfo), i = [];
-    for (const l of e)
-      l !== t && i.push(this.buildNumericFieldItem(l));
-    return a`<calcite-list label class=${s(o.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
+    for (const s of e)
+      s !== t && i.push(this.buildNumericFieldItem(s));
+    return a`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   render() {
     const e = this.renderCategory(), t = this.renderSorting(), i = this.renderNumericFields([...this.model.getNumericFields()]);
-    return a`<div class=${s({ [o.rtl]: this.direction === "rtl" })}><calcite-label class=${s(o.label)}>${this._messages.category}${e}</calcite-label>${[
-      a`<calcite-label class=${s(o.label)}>${this._messages.numericFields}${i}</calcite-label>`,
-      a`<div class=${s(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=${s(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=${s(o.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
+    return a`<div><calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[
+      a`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,
+      a`<div class=${o(l.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div>`
+    ]}<calcite-label class=${o(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label></div>`;
   }
 }
 C("arcgis-charts-config-pie-chart-data", N);

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

@@ -4,5 +4,4 @@ export declare const HTMLClasses: {
     readonly fieldList: "field-list";
     readonly fab: "fab";
     readonly disabledLabel: "disabled-label";
-    readonly rtl: "arcgis-charts-rtl";
 };

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

@@ -23,7 +23,7 @@ import { LitElement as D, createEvent as C, safeClassMap as l } from "@arcgis/lu
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

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

@@ -21,7 +21,7 @@ import { LitElement as M, createEvent as P, safeStyleMap as b, safeClassMap as s
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const o = {
   sectionLabel: "section-label",
   label: "label",

package/dist/components/arcgis-charts-config-pie-chart-slices-popover/customElement.js

@@ -19,7 +19,7 @@ import { LitElement as v, createEvent as o, safeClassMap as i } from "@arcgis/lu
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const s = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"

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

@@ -17,7 +17,7 @@ import { C as o } from "../../chunks/interfaces2.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const f = m`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class u extends c {
   constructor() {

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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const s = {
   label: "label",
   r2: "r2",
@@ -30,9 +30,8 @@ const s = {
   sectionLabel: "section-label",
   switchElement: "switch-element",
   sectionContainer: "section-container",
-  multiInputSection: "multi-input-section",
-  rtl: "arcgis-charts-rtl"
-}, R = N`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .sub-header{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .switch-element{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:0rem}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`;
+  multiInputSection: "multi-input-section"
+}, R = N`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`;
 class K extends D {
   constructor() {
     super(...arguments), this._messages = _(), this.scatterplotPopover = null, this.selectColorElement = d(), this.selectTrendLineElement = d(), this.xAxisElement = d(), this.yAxisElement = d(), this.sizeVariableElement = d(), this.colorModeElement = d(), this.symbolSizeModeElement = d(), this.minSizeInputElement = d(), this.maxSizeInputElement = d(), this.items = [], this.setTrendLineSymbol = (e) => {
@@ -271,7 +270,7 @@ class K extends D {
     return r`<div class=${i(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === h.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${i(s.label)}>${this._messages.color}${this.isTableLayer !== !0 ? r`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${a(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.getColorMatch()} ${a(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.getColorMatch()} ${a(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>` : null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.getColorMatch() && this.isTableLayer !== !0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${a(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${P({ color: `rgba(${e},${t},${o},${n / 255})` })} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
   }
   render() {
-    return r`<div class=${i({ [s.rtl]: this.direction === "rtl" })}><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`;
+    return r`<div><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`;
   }
 }
 E("arcgis-charts-config-scatter-plot-data", K);

package/dist/components/arcgis-charts-config-scatter-plot-data/resource.d.ts

@@ -8,5 +8,4 @@ export declare const HTMLClasses: {
     readonly switchElement: "switch-element";
     readonly sectionContainer: "section-container";
     readonly multiInputSection: "multi-input-section";
-    readonly rtl: "arcgis-charts-rtl";
 };

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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

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

@@ -13,23 +13,22 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import { e as c } from "../../chunks/popover-ui-utils.js";
 import { U as r } from "../../chunks/chart-ui-utils2.js";
-import { u as n } from "../../chunks/useT9n.js";
-import { createRef as p, ref as h } from "lit-html/directives/ref.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as m, createEvent as o, safeClassMap as s } from "@arcgis/lumina";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
-const t = {
+v4.33.0-next.163 */
+const i = {
   selectChartComponent: "select-chart-component",
-  rtl: "arcgis-charts-rtl",
   jsAppFlyout: "js-app-flyout",
   panel: "panel"
-}, g = d`.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 .arcgis-charts-rtl .label{margin-left:0rem;margin-right:1rem}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
+}, g = d`.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
 class f extends m {
   constructor() {
-    super(...arguments), this._messages = n(), this.selectChartTypePopover = p(), this.arcgisChartsConfigPopoverClose = o(), this.arcgisChartsConfigSelectChartTypeChange = o();
+    super(...arguments), this._messages = p(), this.selectChartTypePopover = n(), this.arcgisChartsConfigPopoverClose = o(), this.arcgisChartsConfigSelectChartTypeChange = o();
   }
   static {
     this.properties = { messageOverrides: 0, headerTitle: 3, layerId: 3, open: 7, popoverReferenceElement: 0, popoverPlacement: 3, selectedModelType: 3 };
@@ -48,8 +47,8 @@ class f extends m {
   buildChartTypesList() {
     return a`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType === e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType === e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType === e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType === e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType === e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType === e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item></calcite-list>`;
   }
-  onChartTypeClick(i) {
-    i.target?.localName === "calcite-list-item" ? this.selectedModelType = i.target?.value : this.selectedModelType = i.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
+  onChartTypeClick(t) {
+    t.target?.localName === "calcite-list-item" ? this.selectedModelType = t.target?.value : this.selectedModelType = t.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
   }
   popoverOpen() {
     setTimeout(async () => await this.selectChartTypePopover.value?.setFocus(), 250);
@@ -59,10 +58,9 @@ class f extends m {
   }
   render() {
     return a`<div class=${s({
-      [t.rtl]: this.direction === "rtl",
-      [t.selectChartComponent]: !0,
-      [t.jsAppFlyout]: !0
-    })}><calcite-popover .referenceElement=${this.popoverReferenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} label ${h(this.selectChartTypePopover)}><calcite-panel class=${s(t.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
+      [i.selectChartComponent]: !0,
+      [i.jsAppFlyout]: !0
+    })}><calcite-popover .referenceElement=${this.popoverReferenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} label ${h(this.selectChartTypePopover)}><calcite-panel class=${s(i.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
   }
 }
 l("arcgis-charts-config-select-chart-type-popover", f);

package/dist/components/arcgis-charts-config-select-chart-type-popover/resource.d.ts

@@ -1,7 +1,6 @@
 export declare const HTMLClasses: {
     readonly selectChartComponent: "select-chart-component";
     readonly header: "header";
-    readonly rtl: "arcgis-charts-rtl";
     readonly jsAppFlyout: "js-app-flyout";
     readonly panel: "panel";
 };

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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/demo-chart-rendering/common/index.d.ts

@@ -69,6 +69,7 @@ export declare const ControlLabels: {
     readonly ExportConfig: "Download config";
     readonly ExportImage: "Export PNG";
     readonly ExportImageNext: "Export PNG (Next)";
+    readonly ExportAsTable: "Export As Table";
     readonly DataType: "Data type";
     readonly StackedType: "Stacked type";
     readonly StackNegativeValuesOption: "Stack negative values to base line";

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-15T04:45:28",
+  "timestamp": "2025-06-17T04:44:57",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.161",
+    "version": "4.33.0-next.163",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -589,7 +589,7 @@
               "docsTags": [
                 {
                   "name": "param",
-                  "text": "options The options to use when exporting the data.\n\nThe `Options` object can contain the following properties:\n- `columns` - An array of column to include in the CSV file.\n- `delimiter` - The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader` - Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll` - Whether to quote all values in the CSV file. Default is `false`."
+                  "text": "options The options to use when exporting the data.\n\nNOTE: This method won't work for scatter plot series. The support charts for this method are:\n- Bar chart\n- Line chart\n- Combo bar-line chart\n- Box plot\n- Histogram\n- Pie chart\n\nThe `Options` object can contain the following properties:\n- `columns` - An array of column to include in the CSV file.\n- `delimiter` - The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader` - Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll` - Whether to quote all values in the CSV file. Default is `false`."
                 },
                 {
                   "name": "category",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-15T04:45:28",
+  "timestamp": "2025-06-17T04:44:57",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.161",
+    "version": "4.33.0-next.163",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -2082,7 +2082,7 @@
           "docsTags": [
             {
               "name": "param",
-              "text": "options The options to use when exporting the data.\n\nThe `Options` object can contain the following properties:\n- `columns` - An array of column to include in the CSV file.\n- `delimiter` - The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader` - Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll` - Whether to quote all values in the CSV file. Default is `false`."
+              "text": "options The options to use when exporting the data.\n\nNOTE: This method won't work for scatter plot series. The support charts for this method are:\n- Bar chart\n- Line chart\n- Combo bar-line chart\n- Box plot\n- Histogram\n- Pie chart\n\nThe `Options` object can contain the following properties:\n- `columns` - An array of column to include in the CSV file.\n- `delimiter` - The delimiter to use in the CSV file. Default is `,`.\n- `includeHeader` - Whether to include the header row in the CSV file. Default is `true`.\n- `quoteAll` - Whether to quote all values in the CSV file. Default is `false`."
             },
             {
               "name": "category",

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.33.0-next.161",
+  "version": "4.33.0-next.163",
   "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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 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/interfaces/common.d.ts

@@ -96,7 +96,6 @@ export declare const GuideOrientation: {
 export type GuideOrientation = (typeof GuideOrientation)[keyof typeof GuideOrientation];
 export interface SplitByFieldInfos {
     categoriesArray: (number | string)[];
-    fieldName: string;
     splitByFieldType: string | undefined;
     numericalField: string;
 }

package/dist/model/shared/data.d.ts

@@ -1,6 +1,8 @@
 import { ChartConfig } from '../../utils';
-import { SerialChartDataSortingKinds } from '../interfaces/common';
+import { SupportedLayer, WebChartStatisticType } from '@arcgis/charts-spec';
+import { PieChartDataModes, SerialChartDataSortingKinds } from '../interfaces/common';
 import { SerialChartConfig } from '../interfaces/chart-interfaces';
+import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView.js';
 /**
  * Get the sort order kind for the bar and line chart
  * @param {SerialChartConfig} config - the chart configuration
@@ -35,3 +37,27 @@ export declare const setSortOrderKind: (newSortOrderKind: SerialChartDataSorting
  * @returns {string}
  */
 export declare const getXAxisField: (config: ChartConfig) => string;
+/**
+ * Get the name and description for the series.y based on the chart type and sub-type.
+ * This function is used to determine the name and description for the y-axis in the chart configuration.
+ *
+ * @param {ChartConfig} props.config - The chart configuration object.
+ * @param {string[]} props.numericFields - The list of numeric fields available in the data.
+ * @param {WebChartStatisticType} props.aggregationType - The type of aggregation to apply to the numeric fields.
+ * @param {PieChartDataModes} [props.mode] - [Optional] The mode for pie chart data, if applicable.
+ * @param {FeatureLayerView | SupportedLayer} [props.layer] - [Optional] The layer from which the data is being queried.
+ *
+ * @returns {Object} An object containing the name and description for the series.y field.
+ */
+export declare const getYForNewSeries: (props: {
+    config: ChartConfig;
+    numericFields: string[];
+    aggregationType: WebChartStatisticType;
+    mode?: PieChartDataModes;
+    layer?: FeatureLayerView | SupportedLayer;
+    numericFieldIndex?: number;
+    seriesIndex?: number;
+}) => {
+    name: string;
+    description: string;
+};

package/dist/model.js

@@ -3,7 +3,7 @@ import { a as p, e as W, i as x, g as S, b as g, r as y, h as K, l as P, m as c,
 import { c as A } from "./chunks/setup-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
+v4.33.0-next.163 */
 export {
   i as BoxPlotDataSortingKinds,
   e as ColorFormatKeys,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "4.33.0-next.161",
+  "version": "4.33.0-next.163",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -29,9 +29,9 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "^5.13.1",
-    "@arcgis/charts-spec": "4.33.0-next.161",
-    "@arcgis/components-utils": "4.33.0-next.161",
-    "@arcgis/lumina": "4.33.0-next.161",
+    "@arcgis/charts-spec": "4.33.0-next.163",
+    "@arcgis/components-utils": "4.33.0-next.163",
+    "@arcgis/lumina": "4.33.0-next.163",
     "d3-array": "^3.1.1",
     "d3-shape": "^3.2.0",
     "fast-memoize": "^2.5.2",

package/dist/cdn/272KFPBQ.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
-import{a as A,c as k}from"./Z55VSSFM.js";import{a as c,b as h}from"./FLK3Z6S7.js";import{a as T}from"./6W7KLNLC.js";import{a as F}from"./B264WL4L.js";import i from"./NYGZVYP7.js";import f from"./S44AGTH6.js";import{a as I}from"./OR23MUEP.js";import{g as r,m as u}from"./RLCVDRPV.js";import e from"./CRTY5LIO.js";import{A as a,E as O,c as x,d as l,f as B,n as b,z as P}from"./YPS4AMQR.js";import{a as n}from"./HH2BYJGE.js";import{a as g,b as d}from"./5ODU7D4H.js";import"./SVBFFYPJ.js";export default $arcgis.t(([,,,,,,,{A:f,Ic:S,Sb:y,ab:w,jb:v,o:C,sb:p,tb:L},{a:D},{a:E,b:N,c:_}])=>{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=x`.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)}`,$=class extends P{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:i}=e.detail,t=[...e.detail.value];switch(k(A),i){case r.aggregation:await this.model.setAggregationType(t[0]!==d.NoAggregation?t[0]:d.NoAggregation);break;case r.category:{let s=t[0]?.trim()||"";if(await this.model.setXAxisField(s),this.model.getSortOrder()===n.customSort){let m=await this.updateCustomSortProps();this.model.setOrderByList(m),this.sortOrderResetCounter+=1}break}case r.numericFields:if(await this.model.setNumericFields(t),(this.model.getNumericFields()??[]).length>0&&this.model.getAggregationType()===d.Count&&this.model.getNumericFields()[0]!==S(this.layerFieldsInfo)&&await this.model.setAggregationType(d.Sum),this.model.getSortOrder()===n.customSort){let s=await this.updateCustomSortProps();this.model.setOrderByList(s),this.sortOrderResetCounter+=1}break;case r.splitByField:{let s=t[0]?.trim()||"";await this.model.setSplitByField(s),this.model.setColorMatch(!0);break}case r.sortOrder:{let s=t[0];if(s===n.customSort){let m=await this.updateCustomSortProps();this.model.setSortOrder(s,m)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}default:break}}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigBarChartDataNumericFieldValidate=b(),this.arcgisChartsConfigDataChangeError=b()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel: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 w(this.model.getAggregationType()),f(this.model.getDataFilter(),this.currentDataFilter)||(this.model.getSortOrder()===n.customSort&&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,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t,i)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.getOrderByList().length,s=this.model.getOrderByList().indexOf(this.selectedCustomSortItemId);i===u.Up?t=s-1:i===u.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.getOrderByList().length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}buildNumericFieldItem(e){return F(e,l`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}buildCustomSortListItems(){return T(this.model.getOrderByList(),e=>e,e=>{let i=L(this.layerFieldsInfo,e);return l`<calcite-list-item id=${e??B} .label=${e} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return F(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 i=e.target.value;if(await this.model.setNumericFields(this.model.getNumericFields().filter(t=>t!==i)),this.model.getSortOrder()===n.customSort){let t=await this.updateCustomSortProps();this.model.setOrderByList(t),this.sortOrderResetCounter+=1}}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();this.originalCustomSortLabels=[...e];let i=e.length>D.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(n.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(){this.removeBarChartDataPopover();let e={layerFieldsInfo:this.layerFieldsInfo,onBarChartDataChange:this.onBarChartDataChange,popoverClose:this.popoverClose};if(this.barChartPopover=_(E.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=y(this.model.getConfig().series??[])===v.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=N(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===g.DateAxisFormat} .label=${this.model.getXAxisValueFormat()?.type===g.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return l`<arcgis-charts-config-field-select .label=${this.model.getAggregationType()===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${h(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(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} ${h(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=S(this.layerFieldsInfo),t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return l`<calcite-list label class=${a(o.fieldList)} ${h(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getXAxisValueFormat()?.type,t=this.model.getOrderByList().indexOf(this.selectedCustomSortItemId);return i===g.CategoryAxisFormat&&e===n.customSort&&!this.isCustomSortDisabled?l`<calcite-label class=${a(o.label)}><div class=${a(o.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-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=${t===-1||t===this.model.getOrderByList().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=${f(this.model.getOrderByList(),this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${y(this.model.getConfig().series??[])===v.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),m=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}${i}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.numericFields}${m}</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>${t}</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===g.DateAxisFormat?o.disabledLabel:o.label)}>${this._messages.sortOrder}${s}</calcite-label>${V}</div>`}};O("arcgis-charts-config-bar-chart-data",$);return $},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",e,f,i)

package/dist/cdn/FPCFEQ4G.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
-import{a as B}from"./UKM45BZJ.js";import{a as w,b as C}from"./Z55VSSFM.js";import{a as r,b as h}from"./FLK3Z6S7.js";import b from"./S44AGTH6.js";import{a as m}from"./OR23MUEP.js";import"./RLCVDRPV.js";import a from"./CRTY5LIO.js";import{A as o,E as v,c as f,d as s,z as N}from"./YPS4AMQR.js";import"./HH2BYJGE.js";import{a as d}from"./5ODU7D4H.js";import"./SVBFFYPJ.js";export default $arcgis.t(([{x:c},{a:g,f:M,g:x,h:p,i:i}])=>{var l={linkContainer:"link-container",label:"label",mb2:"mb-2",rtl:"arcgis-charts-rtl"},L=f`.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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}.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)}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,b=class extends N{constructor(){super(...arguments),this._messages=m(),this.commonStrings=m({name:"common",blocking:!0}),this.axisModel=new B,this.minBoundInputElement=r(),this.maxBoundInputElement=r(),this.showLogScaleSwitch=r(),this.direction="ltr",this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=async()=>{let t=this.maxBoundInputElement.value?.value,e=this.maxBoundInputElement.value?.status;if(t!==void 0&&t!==""){let n=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMinBound()&&M(a,n,this.maxBoundInputElement.value?.max)){if(a!==this.axisModel.getMaxBound()){await this.axisModel.setMaxBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMaxBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.maxBoundInputElement.value&&p({inputElement:this.maxBoundInputElement.value,status:e}),e!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&await this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=c(this.onMaxBoundsChange,g.DebounceTimer),this.onMinBoundsChange=async()=>{let t=this.minBoundInputElement.value?.value,e=this.minBoundInputElement.value?.status;if(t!==void 0&&t!==""){let n=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMaxBound()&&M(a,this.minBoundInputElement.value?.min,n)){if(a!==this.axisModel.getMinBound()){await this.axisModel.setMinBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMinBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.minBoundInputElement.value&&p({inputElement:this.minBoundInputElement.value,status:e}),e!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&await this.onMaxBoundsChange(),await this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=c(this.onMinBoundsChange,g.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle=""}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=L}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model")),t.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,t.get("dataMinValue")),t.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,t.get("dataMaxValue")),t.has("initialMaxBound")&&this.initialMaxBoundChange(),t.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){this.axisModel=new B(this.model,this.isXAxis),e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMinBound=t)}dataMaxValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMaxBound=t)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let t,e=w.chartAxesBoundDataMap,n=this.model.getChartId();if(n){let a=C({chartId:n,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});t=e[n]?.[a]}return t}disableResetButtons(){let t=this.getAxisBoundsFromStateStore();t&&(this.disableMaxBoundResetBtn=t.defaultMaxBound===t.currMaxBound,this.disableMinBoundResetBtn=t.defaultMinBound===t.currMinBound)}async onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=document.createElement("calcite-tooltip"),this.showLogScaleTooltip.textContent=this.commonStrings.tooltips?.logDisabled??"",this.showLogScaleTooltip.open=!0,this.showLogScaleTooltip.referenceElement=this.showLogScaleSwitch.value,document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}async onCategoryFormatChange(t){await this.axisModel.setValueFormat(t.target.categoryFormat)}async updateEnableLogarithmic(t){t!==this.axisModel.getLogarithmic()&&(await this.axisModel.setLogarithmic(t),this.requestUpdate())}async onNumberFormatChange(t){await this.axisModel.setValueFormat({type:d.NumberAxisFormat,intlOptions:t.detail}),this.requestUpdate()}async onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let t=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&await this.axisModel.setMinBound(t?.defaultMinBound??Number.NaN),await this.axisModel.setMaxBound(t?.defaultMaxBound??Number.NaN),this.requestUpdate()}}async onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&await this.axisModel.setMaxBound(Number.NaN),await this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}async enableLogScale(t){let{checked:e}=t.target;await this.axisModel.setLogarithmic(e&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return s`<div class=${o({[l.rtl]:this.direction==="rtl"})}><calcite-block .hidden=${this.axisModel.getValueFormat()?.type===d.DateAxisFormat} open .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block></div>`}renderAxis(){let t=null,e={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case d.CategoryAxisFormat:t=s`<arcgis-charts-config-category-format .categoryFormat=${e} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case d.NumberAxisFormat:t=s`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...e.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case d.DateAxisFormat:t=null;break}return t}renderMaxBound(){let t;if(!this.showMaxBoundOption)t=null;else{let e=x(this.axisModel.getMaxBound(),this.initialMaxBound);t=s`<div><calcite-label class=${o(l.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${h(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(l.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderMinBound(){let t;if(!this.showMinBoundOption)t=null;else{let e=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);t=s`<div><calcite-label class=${o(l.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${h(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(l.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderShowLogScale(){let t;return this.showEnableLogOption&&(t=s`<calcite-label layout=inline-space-between class=${o({[l.label]:!0,[l.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${h(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),t}};v("arcgis-charts-config-axis",b);return b},a,b)

package/dist/cdn/GN4CNTBR.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.161 */
-import{a as c,c as V}from"./Z55VSSFM.js";import{a as h,b as a}from"./FLK3Z6S7.js";import f from"./NYGZVYP7.js";import e from"./S44AGTH6.js";import{a as M}from"./OR23MUEP.js";import{j as l,l as m}from"./RLCVDRPV.js";import d from"./CRTY5LIO.js";import{A as i,B as z,E as w,c as I,d as o,n as b,z as F}from"./YPS4AMQR.js";import"./HH2BYJGE.js";import{a as y}from"./5ODU7D4H.js";import"./SVBFFYPJ.js";export default $arcgis.t(([,,,,,,,{ba:k,db:A,h:$,ja:x,sb:v,t:C,w:T,z:L},{b:_,f:f,g:u,h:p,i:g,j:D},{a:R,b:P,c:K}])=>{var s={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",rtl:"arcgis-charts-rtl"},N=I`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .sub-header{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .switch-element{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:0rem}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,E=class extends F{constructor(){super(...arguments),this._messages=M(),this.scatterplotPopover=null,this.selectColorElement=h(),this.selectTrendLineElement=h(),this.xAxisElement=h(),this.yAxisElement=h(),this.sizeVariableElement=h(),this.colorModeElement=h(),this.symbolSizeModeElement=h(),this.minSizeInputElement=h(),this.maxSizeInputElement=h(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.setLinearTrendSymbol(T(t))},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[n,r,d]=t,S=k*255;this.model.setFixedMarkerSymbol({...this.model.getFixedMarkerSymbol(),color:[n,r,d,S]})},this.setXYField=async e=>{try{let t=e.detail;V(c),this.contentKind===l.xAxisField?await this.model.setXAxisField(t):await this.model.setYAxisField(t),this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:t}):this.model.setSizePolicy(void 0),c.scatterplotData[c.selectedChartId]={...c.scatterplotData[c.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field??void 0},this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=l.none,this.removeScatterplotPopover())},this.openChange=e=>{this.arcgisChartsConfigPopoverOpenChange.emit(e.detail)},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.getSizePolicy()??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=b(),this.arcgisChartsConfigPopoverOpenChange=b(),this.arcgisChartsConfigScatterplotPopoverChange=b()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:11,layerFieldsInfo:0,isTableLayer:5,open:7}}static{this.styles=N}async load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=await A(),this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===m.Proportional&&(c.scatterplotData[c.selectedChartId]={...c.scatterplotData[c.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field})}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}openPopover(){(typeof this.selectedElement=="string"||!L(this.selectedElement))&&this.setupScatterplotPopover()}setShowTrendLine(e){let t=e.target.checked;this.model.setShowLinearTrend(t),!t&&this.contentKind===l.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:n}=t;if(n!==void 0&&f(n,t.min,t.max)){let r=Number.parseInt(n),d=this.model.getSizePolicy(),S=this.model.getFixedMarkerSymbol();switch(t.name){case"fixed-symbol-size":S!==void 0&&this.model.setFixedMarkerSymbol({...S,size:r});break;case"proportional-symbol-min-size":d!==void 0&&this.model.setSizePolicy({...d,minSize:r});break;case"proportional-symbol-max-size":d!==void 0&&this.model.setSizePolicy({...d,maxSize:r});break}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:n,maxValue:r}=t,d=this.model.getSizePolicy();d!==void 0&&(this.model.setSizePolicy({...d,minSize:n,maxSize:r}),this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${n}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${r}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.setColorMatch(e===this._messages.useLayerColors)}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=c.scatterplotData[c.selectedChartId]?.sizePolicyField;e===m.Proportional&&t!==void 0?this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:t}):e===m.Fixed&&this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:""})}changeElementStyle(e){let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=l.symbol,this.selectedElement=this.model.getFixedMarkerSymbol()?.color):t.value==="selectTrendLine"&&(this.contentKind=l.trendLine,this.selectedElement=this.model.getLinearTrendSymbol())}onXVariableSelectChange(){this.contentKind=l.xAxisField,this.selectedElement=this.model.getXAxisField()}onYVariableSelectChange(){this.contentKind=l.yAxisField,this.selectedElement=this.model.getYAxisField()}onSizeVariableSelectChange(){this.contentKind=l.sizeVariable,this.selectedElement=this.model.getSizePolicy()?.field??""}setupScatterplotPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e={setTrendLineSymbol:this.setTrendLineSymbol,setFixedSymbolRGBAColor:this.setFixedSymbolRGBAColor,setXYField:this.setXYField,setSizeVariableField:this.setSizeVariableField,openChange:this.openChange,popoverClose:this.closeScatterplotPopover};switch(this.scatterplotPopover=K(R.ScatterplotDataPopover,e),this.scatterplotPopover.layerFieldsInfo=[...this.layerFieldsInfo],this.scatterplotPopover.contentKind=this.contentKind,this.contentKind){case l.xAxisField:this.scatterplotPopover.referenceElement=this.xAxisElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getXAxisField(),this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.yAxisField:this.scatterplotPopover.referenceElement=this.yAxisElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getYAxisField(),this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.sizeVariable:this.scatterplotPopover.referenceElement=this.sizeVariableElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getSizePolicy()?.field??"",this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.symbol:case l.trendLine:{let t=this.selectedElement;this.scatterplotPopover.selectedContent=this.selectedElement,this.scatterplotPopover.placement="leading",Array.isArray(this.selectedElement)?this.scatterplotPopover.referenceElement=this.selectColorElement.value:t?.type===$.SLS&&(this.scatterplotPopover.referenceElement=this.selectTrendLineElement.value);break}default:this.contentKind=l.none,this.removeScatterplotPopover();break}this.contentKind!==l.none&&(this.scatterplotPopover.open=!0,this.addScatterplotPopover())}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement={}}addScatterplotPopover(){!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==void 0&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}getCurrentSymbolSizeType(){let e=this.model.getSizePolicy();return e===void 0||e.field===""?m.Fixed:m.Proportional}renderXVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getXAxisField()??"")} @click=${this.onXVariableSelectChange} ${a(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getYAxisField()??"")} @click=${this.onYVariableSelectChange} ${a(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,n,r]=[...this.model.getLinearTrendSymbol()?.color??x(0)];return o`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(s.switchElement)} .checked=${this.model.getShowLinearTrend()} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.getShowLinearTrend()} .selected=${this.selectedElement?.type===$.SLS} @click=${this.changeElementStyle} ${a(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${z({color:`rgba(${e},${t},${n},${r/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(s.r2)} .hidden=${!this.model.getShowLinearTrend()}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,_)}`}</div></div>`}renderFixedSymbol(){return o`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(s.numberInput)} min=1 max=100 step=1 .value=${u(this.model.getFixedMarkerSymbol()?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getSizePolicy()?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.getSizePolicy()?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${a(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return o`<calcite-input type=number name=proportional-symbol-min-size class=${i(s.numberInput)} min=1 .max=${this.model.getSizePolicy()?.maxSize??100} step=1 .value=${u(this.model.getSizePolicy()?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${a(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return o`<calcite-input type=number name=proportional-symbol-max-size class=${i(s.numberInput)} .min=${this.model.getSizePolicy()?.minSize??1} max=100 step=1 .value=${u(this.model.getSizePolicy()?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${a(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return o`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(s.multiInputSection)}><calcite-label class=${i(s.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${C(u(this.model.getSizePolicy()?.minSize))} .maxValue=${C(u(this.model.getSizePolicy()?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return o`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${a(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${m.Fixed} .checked=${m.Fixed===this.selectedSizeType} ${a(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${m.Proportional} .checked=${m.Proportional===this.selectedSizeType} ${a(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let[e,t,n,r]=[...this.model.getFixedMarkerSymbol()?.color??x(0)];return o`<div class=${i(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===m.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(s.label)}>${this._messages.color}${this.isTableLayer!==!0?o`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${a(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.getColorMatch()} ${a(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.getColorMatch()} ${a(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.getColorMatch()&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${a(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${z({color:`rgba(${e},${t},${n},${r/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return o`<div class=${i({[s.rtl]:this.direction==="rtl"})}><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`}};w("arcgis-charts-config-scatter-plot-data",E);return E},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",d,e,f)