@arcgis/charts-components 4.33.0-next.162 → 4.33.0-next.164

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.162 */
-const o = {
+v4.33.0-next.164 */
+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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
-const t = {
+v4.33.0-next.164 */
+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.162 */
+v4.33.0-next.164 */
 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-16T04:44:16",
+  "timestamp": "2025-06-17T18:08:26",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.162",
+    "version": "4.33.0-next.164",
     "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-16T04:44:16",
+  "timestamp": "2025-06-17T18:08:26",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.162",
+    "version": "4.33.0-next.164",
     "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.162",
+  "version": "4.33.0-next.164",
   "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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 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.162 */
+v4.33.0-next.164 */
 export {
   i as BoxPlotDataSortingKinds,
   e as ColorFormatKeys,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "4.33.0-next.162",
+  "version": "4.33.0-next.164",
   "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.162",
-    "@arcgis/components-utils": "4.33.0-next.162",
-    "@arcgis/lumina": "4.33.0-next.162",
+    "@arcgis/charts-spec": "4.33.0-next.164",
+    "@arcgis/components-utils": "4.33.0-next.164",
+    "@arcgis/lumina": "4.33.0-next.164",
     "d3-array": "^3.1.1",
     "d3-shape": "^3.2.0",
     "fast-memoize": "^2.5.2",

package/dist/cdn/3YX23FZ5.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.162 */
-import{a as m,b as h}from"./34KVNVPC.js";import{a as p}from"./3GF42G3J.js";import d from"./SCIMTWXU.js";import b from"./QXXJFVHU.js";import{a as P}from"./EBBFTINJ.js";import{i as s}from"./H7HJDZU6.js";import a from"./XAXQX5D7.js";import{A as t,E as v,c as f,d as o,n as c,z as y}from"./PZSF5SOZ.js";import"./XLDHMVKG.js";import{c as r}from"./QMIYWMWA.js";import"./K4JSBKKZ.js";export default $arcgis.t(([,,,,,,,{Jc:$,ba:b,h:C,sb:u},{a:d,l:S},{d:w}])=>{var i={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",jsAppFlyout:"js-app-flyout",header:"header",pickListItemLabel:"pick-list-item-label",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel",rtl:"arcgis-chart-rtl"},T=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)}:host .arcgis-charts-rtl .symbol-property-popover .inline calcite-action{margin-left:0rem;margin-right:.2rem}:host .arcgis-charts-rtl .symbol-property-popover .inline input,:host .arcgis-charts-rtl .symbol-property-popover .inline select{margin-left:0rem;margin-right:.5rem}:host .arcgis-charts-rtl .symbol-property-popover .color calcite-icon{margin-left:0rem;margin-right:.5rem}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,g=class extends y{constructor(){super(...arguments),this._messages=P(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.arcgisChartsConfigHistogramPopoverChange=c(),this.arcgisChartsConfigHistogramPopoverSymbolChange=c(),this.arcgisChartsConfigPopoverClose=c(),this.arcgisChartsConfigPopoverOpenChange=c()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:3,selectedNumericField:3,selectedTransformationType:3,selectedOverlaySymbol:2,selectedBinColor:2,referenceElement:2,contentKind:3,placement:1,open:7}}static{this.styles=T}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("open")&&this.openChange()}async updated(){setTimeout(async()=>{await this.picklist.value?.setFocus()},d.PopoverTimer),w(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},d.PopoverTimer)}loaded(){this.openChange()}openChange(){this.arcgisChartsConfigPopoverOpenChange.emit({open:this.open})}buildPickListItems(e){let n=[];if(e===s.numericFields)for(let l=0;l<this.layerFieldsInfo?.length;l+=1){let a=this.layerFieldsInfo[l];$(a)&&n.push(p(a.name,o`<calcite-list-item .label=${u(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let l=[p(r.None,o`<calcite-list-item .label=${this._messages.none} .value=${r.None} .selected=${this.selectedTransformationType===r.None}></calcite-list-item>`),p(r.Log,o`<calcite-list-item .label=${this._messages.log} .value=${r.Log} .selected=${this.selectedTransformationType===r.Log}></calcite-list-item>`),p(r.Sqrt,o`<calcite-list-item .label=${this._messages.sqRt} .value=${r.Sqrt} .selected=${this.selectedTransformationType===r.Sqrt}></calcite-list-item>`)];n.push(...l)}return n}getPopoverClass(){return this.contentKind===s.fillSymbol||this.contentKind===s.lineSymbol?i.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[l,a,k]=n,x=b*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:C.SFS,color:[l,a,k,x]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return o`<arcgis-charts-config-color-style class=${t(i.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return o`<arcgis-charts-config-line-style class=${t(i.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(s.numericFields);return o`<calcite-panel class=${t(i.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(i.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(i.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return o`<calcite-panel class=${t(i.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(i.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(i.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return o`<div class=${t({[i.rtl]:this.direction==="rtl",[i.jsAppFlyout]:!0})}><calcite-popover class=${t(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case s.fillSymbol:return this.renderFillColor();case s.lineSymbol:return this.renderOverlayStyle();case s.numericFields:return this.renderFieldSelect();case s.transformation:return this.renderTransformationSelect();default:return}}};v("arcgis-charts-config-histogram-popover",g);return g},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d)

package/dist/cdn/5SSZGVO5.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.162 */
-import{a as p,b as u}from"./34KVNVPC.js";import d from"./QXXJFVHU.js";import{a as g}from"./EBBFTINJ.js";import"./H7HJDZU6.js";import b from"./XAXQX5D7.js";import{A as a,E as h,c,d as o,n as l,z as m}from"./PZSF5SOZ.js";import"./XLDHMVKG.js";import"./QMIYWMWA.js";import"./K4JSBKKZ.js";export default $arcgis.t(([,{f:d,g:f,h:i,i:r}])=>{var e={container:"container",label:"label",numberInput:"number-input",rtl:"arcgis-charts-rtl"},v=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)}.container{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))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=p(),this.arcgisChartsConfigCategoryFormatChange=l()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,n=Math.floor(Number(t)),b=n===Number(t)&&n>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&i({inputElement:this.characterLimitInputElement.value,status:r.IDLE})}else this.characterLimitInputElement.value&&i({inputElement:this.characterLimitInputElement.value,status:r.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return o`<div class=${a({[e.rtl]:this.direction==="rtl"})}><div class=${a(e.container)}><calcite-label class=${a(e.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(e.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${u(this.characterLimitInputElement)}></calcite-input></calcite-label></div></div>`}};h("arcgis-charts-config-category-format",s);return s},b,d)

package/dist/cdn/I523DG7K.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.162 */
-import b from"./RKLOG42C.js";import a from"./XAXQX5D7.js";import{c as g,d as y}from"./XLDHMVKG.js";import{b as d,h as f,w as p}from"./QMIYWMWA.js";export default $arcgis.t(([,,,,,,,{D:B,Ma:P,P:h,ab:x,m:T,n:O,sb:A,u:I,va:V,w:v,z:N},{a:$,b:w,c:L}])=>{var j=i=>i.series?.[0]?.x??"";function z(i,t){let e=i.series?.[0];return[`${t===y.Category?e.y:O} ${f.Descending}`]}var _=(i,t)=>{let e=g.valueDesc,a=i.orderOptions?.data?.orderType??z(i,t),r=i.orderOptions?.data?.orderBy??f.Descending;return a===p.Category&&Array.isArray(r)?e=g.customSort:a===p.Category?r===f.Ascending?e=g.labelAsc:e=g.labelDesc:r===f.Ascending?e=g.valueAsc:e=g.valueDesc,e},m=I(i=>{let t=[];return t=i.series?.[0]?.query?.outStatistics?.map(e=>e.onStatisticField)??[i.series?.[0]?.y??""],[...new Set(t.filter(e=>e!==""))]},i=>i.series),b=(i,t)=>{let e=m(i),a;return t===y.Fields&&e.length===0?a=d.Sum:a=i.series?.[0]?.query?.outStatistics?.[0]?.statisticType??d.NoAggregation,a};async function E(i){let{config:t,layerInfo:e,mode:a}=i,{objectIdField:r}=e??{},n=await P(r),s=j(t),l=t.series[0]?.dataLabels?.visible??!1,o={...n,x:a===y.Category?s:T,slices:t.series?.[0]?.slices,dataLabels:{...n.dataLabels,visible:l},innerRadiusSize:t.series?.[0]?.innerRadius,sliceGrouping:t.series?.[0]?.sliceGrouping,dataLabelsCharacterLimit:t.series?.[0]?.dataLabelsCharacterLimit,numericValueFormat:t.series?.[0]?.numericValueFormat,percentValueFormat:t.series?.[0]?.percentValueFormat,displayCategoryOnDataLabel:t.series?.[0]?.displayCategoryOnDataLabel,displayNumericValueOnDataLabel:t.series?.[0]?.displayNumericValueOnDataLabel,displayPercentageOnDataLabel:t.series?.[0]?.displayPercentageOnDataLabel},c=b(t,a);if(c!==d.NoAggregation&&r!==void 0){let u=`${c}_${r}_0`.toUpperCase();o.y=a===y.Category?u:O,o.query={outStatistics:a===y.Category?[{statisticType:c,onStatisticField:r,outStatisticFieldName:u}]:[]}}return a===y.Category&&o.query!==void 0?o.query.groupByFieldsForStatistics=[s]:delete o.query?.groupByFieldsForStatistics,v(o)}async function D(i,t,e){let{layerFieldsInfo:a,objectIdField:r}=t,n=j(i),s=m(i),l=b(i,e),o=s.length===0||s.includes(r),c=await x(l),u=o?"":s.map(W=>A(a??[],W)).join(", "),F=A(a??[],n),C="",S=await $(),q;return e===y.Fields?q=s.length===0:q=n==="",q?C=S.chartType.pieChart:l===d.NoAggregation?C=h(S.titleLabels.aggrFieldsByCategory,{aggregationFields:o?r:u,category:F}):l===d.Count?C=h(S.titleLabels.aggrTypeCategory,{aggregationType:c,category:F}):s.length>0&&(F===T||N(F)||B(F)?C=h(S.titleLabels.aggrTypeOfAggrFields,{aggregationType:c,aggregationFields:u}):C=h(S.titleLabels.aggrTypeOfAggrFieldsByCategory,{aggregationType:c,aggregationFields:u,category:F})),C}var ae=i=>{let{newSortOrderKind:t,config:e,orderByList:a}=i;e.orderOptions??={},t===g.customSort&&a!==void 0?e.orderOptions.data={orderType:p.Category,orderBy:[...a]}:e.orderOptions.data={orderType:t===g.labelAsc||t===g.labelDesc?p.Category:p.YValue,orderBy:t===g.labelAsc||t===g.valueAsc?f.Ascending:f.Descending}},ie=async i=>{let{newCategory:t,config:e,layerInfo:a,mode:r}=i,n=e.series?.length??0;if(e.series.forEach(s=>{s.x=r===y.Category?t:T,s.query!==void 0&&t!==T?s.query.groupByFieldsForStatistics=[t]:delete s.query?.groupByFieldsForStatistics}),n===0){let s=[await E({config:e,layerInfo:a,mode:r})];e.series=s}if(a!==void 0){let s=await L({config:e,layerInfo:a,numericFields:m(e),aggregationType:b(e,r)});w(e,1,s),e.title&&(e.title.content.text=await D(e,a,r));let l=r===y.Fields?m(e).filter(o=>o!==a.objectIdField):m(e);await K({newNumericFields:l,config:e,layerInfo:a,mode:r})}};async function R(i){let{numericFields:t,aggregationType:e,config:a,layerInfo:r,mode:n}=i,s=[],l=await E({config:a,layerInfo:r,mode:n}),o={...l,query:{...l.query}};if(t.length<=1?o.query.where=l.query?.where:delete o.query.where,e!==d.NoAggregation)if(n===y.Category){if(t.length>0){let c=t[0],u=`${e}_${t[0]}_0`.toUpperCase();o.y=u,o.query.outStatistics=[{...l.query?.outStatistics?.[0]??{},onStatisticField:c,outStatisticFieldName:u,statisticType:e}]}}else{o.y=O;for(let c of t)o.query.outStatistics?.push({onStatisticField:c,outStatisticFieldName:c,statisticType:e})}else o.y=t[0],o.query={};s.push(o),a.series=s}var re=async i=>{let{newAggregationType:t,config:e,layerInfo:a,mode:r}=i,n=m(e);await R({config:e,layerInfo:a,numericFields:n,aggregationType:t,mode:r});let s=await L({config:e,layerInfo:a,numericFields:m(e),aggregationType:b(e,r)});w(e,1,s),e.title&&(e.title.content.text=await D(e,a,r));let l=e.series?.[0]?.displayCategoryOnDataLabel,o=e.series?.[0]?.displayNumericValueOnDataLabel,c=e.series?.[0]?.displayPercentageOnDataLabel;e.legend={...e.legend??V(),displayNumericValue:o,displayPercentage:c,displayCategory:l}},K=async i=>{let{newNumericFields:t}=i,{config:e,layerInfo:a,mode:r}=i,{objectIdField:n}=a??{},s=b(e,r);if(t=t===""?[]:t,t=typeof t=="string"?[t]:t,n!==void 0&&(t.length===0&&r===y.Category?(t.push(n),s=d.Count):s===d.Count&&t.length>=1&&!t.includes(n)&&(s=d.Sum)),a!==void 0){await R({config:e,layerInfo:a,numericFields:t,aggregationType:s,mode:r});let l=await L({config:e,layerInfo:a,numericFields:m(e),aggregationType:b(e,r)});w(e,1,l),e.title&&(e.title.content.text=await D(e,a,r))}else e.series.forEach(l=>{delete l.query,l.y=t[0]})},se=(i,t)=>{let e=[],a=i.orderOptions?.data?.orderType,r=_(i,t),n=i.orderOptions?.data?.orderBy;return r===g.customSort&&a===p.Category&&Array.isArray(n)&&(e=n),e},oe=i=>{let{values:t,config:e,mode:a}=i;e.orderOptions??={};let r=e.orderOptions?.data?.orderType;_(e,a)===g.customSort&&r===p.Category&&(e.orderOptions.data={orderType:p.Category,orderBy:[...t]})};return{a:j,b:_,c:m,d:b,e:ae,f:ie,g:re,h:K,i:se,j:oe}},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b)

package/dist/cdn/KQHDDKPU.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.162 */
-import{a as n,b as h}from"./34KVNVPC.js";import{a as F}from"./3GF42G3J.js";import e from"./SCIMTWXU.js";import{a as P}from"./EBBFTINJ.js";import{h as r}from"./H7HJDZU6.js";import c from"./XAXQX5D7.js";import{A as s,E as v,c as f,d as a,n as d,z as u}from"./PZSF5SOZ.js";import{d as g}from"./XLDHMVKG.js";import{b}from"./QMIYWMWA.js";import"./K4JSBKKZ.js";export default $arcgis.t(([,,,,,,,{Ic:y,m:c,sb:m},{a:$,b:w,c:E}])=>{var o={label:"label",fieldList:"field-list",fab:"fab",rtl:"arcgis-charts-rtl"},k=f`: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)}`,p=class extends u{constructor(){super(...arguments),this._messages=P(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case r.aggregation:await this.model.setAggregationType(i[0]!==b.NoAggregation?i[0]:"");break;case r.category:{let l=i[0]?.trim()||"";this.updateMode(l);let C=this.model.getNumericFields();C.length>1&&l!==c&&await this.model.setNumericFields([C[0]]),await this.model.setCategory(l),this.model.setColorMatch(!0);break}case r.numericFields:i.length>1&&(this.updateMode(c),await this.model.setCategory(c)),await this.model.setNumericFields(i);break;case r.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=d(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=d()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0,open:7}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return F(e,a`<calcite-list-item .label=${m(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(){this.contentKind=r.sortOrder,this.setupPopover()}onCategorySelect(){this.contentKind=r.category,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(i=>i!==t))}onShowDataLabelsChange(e){this.model.setDataLabelsVisibility(e.target.checked)}updateMode(e){let t=e!==c&&e.trim()!=="";this.model.setMode(t?g.Category:g.Fields)}setupPopover(){this.removePieChartDataPopover();let e={layerFieldsInfo:[...this.layerFieldsInfo],onPieChartDataChange:this.onPieChartDataChange,popoverClose:this.popoverClose};if(this.pieChartPopover=E($.PieChartDataPopover,e),this.pieChartPopover!==null){switch(this.contentKind){case r.category:this.pieChartPopover.referenceElement=this.categoryElement.value,this.pieChartPopover.headingTitle=this._messages.categoryHeader,this.pieChartPopover.selectedContent=this.model.getCategory();break;case r.numericFields:this.pieChartPopover.referenceElement=this.numericFieldsElement.value,this.pieChartPopover.headingTitle=this._messages.numericFieldsMultipleHeader,this.pieChartPopover.selectedContent=this.model.getNumericFields();break;case r.sortOrder:this.pieChartPopover.referenceElement=this.sortOrderElement.value,this.pieChartPopover.headingTitle=this._messages.sortOrderHeader,this.pieChartPopover.selectedContent=this.model.getSortOrder();break}this.pieChartPopover.contentKind=this.contentKind,this.pieChartPopover.open=!0,this.addPopover()}}addPopover(){!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())}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=w(this.pieChartPopover))}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return a`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=y(this.layerFieldsInfo),i=[];for(let 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>`}render(){let 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>`}};v("arcgis-charts-config-pie-chart-data",p);return p},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",c,e)

package/dist/cdn/M6FDGWNV.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.162 */
-import{a as L,c as N}from"./47WM4MYW.js";import{a as m,b as h}from"./34KVNVPC.js";import{a as D}from"./3GF42G3J.js";import d from"./SCIMTWXU.js";import c from"./QXXJFVHU.js";import{a as V}from"./EBBFTINJ.js";import{b as i,c as l,i as n}from"./H7HJDZU6.js";import b from"./XAXQX5D7.js";import{A as a,B as u,E,c as O,d as r,n as p,z as w}from"./PZSF5SOZ.js";import"./XLDHMVKG.js";import{c as v}from"./QMIYWMWA.js";import"./K4JSBKKZ.js";export default $arcgis.t(([,,,,,,,{h:x,ja:k,la:M,sb:T,x:y},{a:f,b:B,f:I,g:F,h:S,i:C,j:_},{a:H,b:K,c:A}])=>{var o={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",rtl:"arcgis-charts-rtl",histogramStatsList:"histogram-stats-list"},R=O`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .bin-count-container>calcite-input{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .heading-text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host(.arcgis-charts-rtl) .bin-text-padding{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,P=class extends w{constructor(){super(...arguments),this._messages=V(),this.numericalFieldSelectionElement=m(),this.transformationSelectionElement=m(),this.histogramPopover=null,this.binColorSectionElement=m(),this.binSliderElement=m(),this.binInputElement=m(),this.popoverHeading="",this.onBinCountChange=y(()=>{let e=this.binInputElement.value?.value;e!==void 0&&I(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&S({inputElement:this.binInputElement.value,status:C.INVALID})},f.DebounceTimer),this.onBinCountSliderChange=y(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},f.DebounceTimer),this.onNormalDistColorSelect=()=>{this.onColorElementSelect(this.model.getNormalDistSymbol(),this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=()=>{this.onColorElementSelect(this.model.getMeanSymbol(),this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=()=>{this.onColorElementSelect(this.model.getMedianSymbol(),this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=()=>{this.onColorElementSelect(this.model.getStandardDevSymbol(),this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.openChange=e=>{this.arcgisChartsConfigPopoverOpenChange.emit(e.detail)},this.updateProps=async e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:s}=e.detail;switch(N(L),t){case n.transformation:this.model.setDataTransformationType(s??v.None);break;case n.numericFields:await this.model.setNumericField(s??"");break;default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case i.Mean:this.onMeanStyleChange(e);break;case i.Median:this.onMedianStyleChange(e);break;case i.StandardDev:this.onStandardDevStyleChange(e);break;case i.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=()=>{this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1,this.histogramPopover&&(this.histogramPopover.open=!1)},this.binColorSelected=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p(),this.arcgisChartsConfigPopoverOpenChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:7}}static{this.styles=R}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover.open=!1,this.histogramPopover=K(this.histogramPopover)),this.histogramPopoverChange(!1)}getDataTransformationLabel(){let e;switch(this.model.getDataTransformationType()){case v.None:e=this._messages.none??"";break;case v.Log:e=this._messages.log??"";break;case v.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case l.Min:t=this.minValue;break;case l.Max:t=this.maxValue;break;case l.Sum:t=this.sumValue;break;case l.Nulls:t=this.nullsValue;break;case l.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case l.CountExcludingNulls:t=this.countValue;break;case l.Mean:t=this.meanValue;break;case l.Median:t=this.medianValue;break;case l.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return _(t,B)}binCountChange(e){let t=Number.parseInt(e);this.model.getBinCount()!==t&&(this.model.setBinCount(t),this.binInputElement.value&&S({inputElement:this.binInputElement.value,status:C.IDLE}))}onColorElementSelect(e,t,s){this.binColorSelected=s===void 0,e.type===x.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=n.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=s,this.contentKind=n.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(){this.selectedNumericalField=this.model.getNumericField(),this.contentKind=n.numericFields,this.setupPopover()}onTransformationSelect(){this.selectedTransformationType=this.model.getDataTransformationType(),this.contentKind=n.transformation,this.setupPopover()}onBinColorSelect(){this.binColorSelected?this.popoverClose():this.onColorElementSelect(this.model.getBinSymbol(),this._messages.binColor??"")}onBinColorChange(e){this.model.setColorMatch(!1),this.model.setBinSymbol(e.detail),this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.setMeanSymbol(e.detail)}onMedianStyleChange(e){this.model.setMedianSymbol(e.detail)}onStandardDevStyleChange(e){this.model.setStandardDevSymbol(e.detail)}onNormalDistStyleChange(e){this.model.setNormalDistSymbol(e.detail)}onShowDataLabelsChange(e){this.model.setDataLabelsVisibility(e.target.checked)}onOverlayListChange(e){let t=e.target.selectedItems.map(b=>b.value),s=t.includes(i.Mean),c=t.includes(i.Median),d=t.includes(i.StandardDev),g=t.includes(i.NormalDist);this.meanOverlayVisible!==s&&(this.model.setShowMeanOverlay(s),this.meanOverlayVisible=s),this.medianOverlayVisible!==c&&(this.model.setShowMedianOverlay(c),this.medianOverlayVisible=c),this.standardDevOverlayVisible!==d&&(this.model.setShowStandardDevOverlay(d),this.standardDevOverlayVisible=d),this.normalDistOverlayVisible!==g&&(this.model.setShowNormalDistOverlay(g),this.normalDistOverlayVisible=g)}histogramPopoverChange(e){this.arcgisChartsConfigHistogramDataPopoverChange.emit({open:e,element:this.histogramPopover})}setupPopover(){this.removeHistogramDataPopover();let e={layerFieldsInfo:this.layerFieldsInfo,updateProps:this.updateProps,updateSymbolProps:this.updateSymbolProps,popoverClose:this.popoverClose,openChange:this.openChange};if(this.histogramPopover=A(H.HistogramDataPopover,e),this.histogramPopover!==void 0&&this.histogramPopover!==null){switch(this.contentKind){case n.transformation:this.histogramPopover.selectedTransformationType=this.selectedTransformationType,this.histogramPopover.referenceElement=this.transformationSelectionElement.value,this.histogramPopover.placement="trailing",this.histogramPopover.selectedBinColor=void 0,this.histogramPopover.selectedOverlaySymbol=void 0,this.histogramPopover.selectedNumericField=void 0;break;case n.numericFields:this.histogramPopover.selectedNumericField=this.selectedNumericalField,this.histogramPopover.referenceElement=this.numericalFieldSelectionElement.value,this.histogramPopover.placement="trailing",this.histogramPopover.selectedBinColor=void 0,this.histogramPopover.selectedOverlaySymbol=void 0,this.histogramPopover.selectedTransformationType=void 0;break;case n.fillSymbol:this.histogramPopover.referenceElement=this.binColorSectionElement.value,this.histogramPopover.selectedBinColor=this.selectedBinColorSymbol,this.histogramPopover.headingTitle=this.popoverHeading,this.histogramPopover.placement="leading",this.histogramPopover.selectedOverlaySymbol=void 0,this.histogramPopover.selectedTransformationType=void 0,this.histogramPopover.selectedNumericField=void 0;break;case n.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,this.histogramPopover.referenceElement=this.overlaySectionElement,this.histogramPopover.selectedOverlaySymbol=this.selectedOverlaySymbol,this.histogramPopover.headingTitle=this.popoverHeading,this.histogramPopover.placement="leading",this.histogramPopover.selectedBinColor=void 0,this.histogramPopover.selectedTransformationType=void 0,this.histogramPopover.selectedNumericField=void 0;break}this.histogramPopover.contentKind=this.contentKind,this.histogramPopover.open=!0,this.addPopover()}}addPopover(){this.histogramPopover!==void 0&&this.histogramPopover!==null&&(document.body.contains(this.histogramPopover)||document.body.appendChild(this.histogramPopover))}renderFieldSelect(){return r`<arcgis-charts-config-field-select .label=${T(this.layerFieldsInfo,this.model.getNumericField())} @click=${this.onNumericFieldSelect} ${h(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return r`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${h(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:s,value:c,selected:d,ref:g,colorAction:b,color:j}=e,[$,z,q,U]=[...j??M()];return D(s,r`<calcite-list-item .label=${t??""} .value=${c} .selected=${d} ${h(g??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${b}><calcite-icon icon=line-solid style=${u($!==void 0?{color:`rgba(${$},${z},${q},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,s,c]=[...this.model.getBinSymbol()?.color??k(0)];return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${h(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${u({color:`rgba(${e},${t},${s},${c/255})`})} class=${a(o.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.getShowNormalDistOverlay(),this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.getNormalDistSymbol()?.color,key:i.NormalDist,value:i.NormalDist,selected:this.model.getShowNormalDistOverlay(),ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.getShowMeanOverlay(),this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.getMeanSymbol()?.color,key:i.Mean,value:i.Mean,selected:this.model.getShowMeanOverlay(),ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.getShowStandardDevOverlay(),this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.getStandardDevSymbol()?.color,key:i.StandardDev,value:i.StandardDev,selected:this.model.getShowStandardDevOverlay(),ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.getShowMedianOverlay(),this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.getMedianSymbol()?.color,key:i.Median,value:i.Median,selected:this.model.getShowMedianOverlay(),ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return r`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,r`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(l);return r`<calcite-list label class=${a(o.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return r`<div class=${a(o.row)}><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></div>`}renderBinsSection(){return r`<div class=${a(o.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.getBinCount()} @calciteSliderChange=${this.onBinCountSliderChange} ${h(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${F(this.model.getBinCount())} @calciteInputInput=${this.onBinCountChange} ${h(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return r`<div class=${a({[o.rtl]:this.direction==="rtl"})}><div class=${a(o.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${a(o.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${a(o.sectionLabel)}>${this._messages.bins}</div><p class=${a(o.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${a(o.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${a(o.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}</div>`}};E("arcgis-charts-config-histogram-data",P);return P},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,c,d)