@arcgis/charts-components 4.34.0-next.12 → 4.34.0-next.14

package/dist/components/arcgis-charts-config-line-style/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as h, safeClassMap as s, nothing as n } fr
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

package/dist/components/arcgis-charts-config-number-format/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as f, createEvent as v, safeClassMap as a } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const i = {
   container: "container",
   label: "label",

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

@@ -17,7 +17,7 @@ import { C as c } from "../../chunks/interfaces2.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const P = S`: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 E extends F {
   constructor() {

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

@@ -21,7 +21,7 @@ import { LitElement as $, createEvent as p, safeClassMap as s } from "@arcgis/lu
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const o = {
   label: "label",
   fieldList: "field-list",

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.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 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.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 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.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 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.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 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.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const s = {
   label: "label",
   r2: "r2",

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

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

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

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

package/dist/components/arcgis-charts-config-view-charts/customElement.d.ts

@@ -36,7 +36,7 @@ export declare class ArcgisChartsConfigViewCharts extends LitElement {
      */
     noGroup: boolean;
     /**
-     * Disable the three-dot menu for editing, renaming, and deleting charts. Useful if the list is only intended for viewing.
+     * Disable the three-dot menu for editing, renaming & deleting charts and disable re-ordering charts position in the charts list. Useful if the list is only intended for viewing.
      *
      * @category Public
      * @default false

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

@@ -19,7 +19,7 @@ import { repeat as u } from "lit-html/directives/repeat.js";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const c = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",
@@ -75,7 +75,7 @@ class R extends v {
       const a = t.getChartId(), s = t.getTitleText(), l = m(t.getConfig());
       return o`<calcite-list-item .label=${s ?? a ?? d(this._messages.chartTitle ?? "", { index: i.toString() })} .selected=${this.selectedChartId === (a?.toString() ?? i.toString())} .value=${a ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l}></calcite-icon>${this.disableEditing ? null : o`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end @calciteDropdownClose=${() => this.chartActionClosed(a ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(a ?? "")} class=${n(c.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${a === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
     }) : null;
-    return this.layer ? o`<div>${this.noGroup ? null : o`<p class=${n(c.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : o`<div class=${n(c.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list></div>` : null;
+    return this.layer ? o`<div>${this.noGroup ? null : o`<p class=${n(c.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : o`<div class=${n(c.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list></div>` : null;
   }
   onChartSelect(e) {
     const t = e.currentTarget;

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-02T04:43:47",
+  "timestamp": "2025-06-04T04:41:29",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.12",
+    "version": "4.34.0-next.14",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -27,7 +27,7 @@
               "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart&singleStory=true"
             },
             {
-              "description": "Box Plot\nBox plots visualize and compares the distribution and central tendency of numeric values through their quartiles.",
+              "description": "Box Plot\nBox plots visualize and compare the distribution and central tendency of numeric values through their quartiles.",
               "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot&singleStory=true"
             },
             {

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-02T04:43:47",
+  "timestamp": "2025-06-04T04:41:29",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.12",
+    "version": "4.34.0-next.14",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/vscode.html-custom-data.json

@@ -285,7 +285,7 @@
           "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--bar-chart&singleStory=true"
         },
         {
-          "name": "Box Plot\nBox plots visualize and compares the distribution and central tendency of numeric values through their quartiles.",
+          "name": "Box Plot\nBox plots visualize and compare the distribution and central tendency of numeric values through their quartiles.",
           "url": "https://developers.arcgis.com/javascript/latest/storybook/charts-components/?path=/story/arcgis-chart--box-plot&singleStory=true"
         },
         {

package/dist/docs/web-types.json

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

package/dist/index.js

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

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
+v4.34.0-next.14 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,autoDisposeChart,chartLimits:,chartWillRender:,componentVersion,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,ignoreSmoothRenderingLimit,ignoreViewExtent,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerRendererChangePolicy,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,messageOptions:,model:,placeholder,queueChartCreation,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionTheme:,setTimeBinningInfoWhenNotProvided,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,timeZone,tooltipFormatter:,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:;clearSelection,errorAlert,exportAsCSV,exportAsImage,notify,refresh,resetZoom,switchSelection"],
   "arcgis-charts-action-bar": [() => import("./components/arcgis-charts-action-bar/customElement.js"), "actionBarSelectionMode,chartElement:,chartType,clearSelectionState,clearSelectionTitle,clearSelectionToggle,disableCSVExportForChartTypes:,disabledExportAction,editChartState,editChartTitle,editChartToggle,expanded,exportAsCSVState,exportAsCSVTitle,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,forceDisableActions,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartState,rotateChartTitle,rotateChartToggle,selectionState,selectionTitle,selectionToggle,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomState,zoomTitle,zoomToggle"],

package/dist/model.js

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

package/package.json

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

package/dist/cdn/CNMD3BUA.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.12 */
-import{a as L,c as N}from"./M6AU4BGC.js";import{a as D}from"./C3JVL5RR.js";import e from"./UPDSBQJR.js";import d from"./66KCXW6Y.js";import{a as h,b as m}from"./U4OLN4MO.js";import{a as V}from"./HJJKOY6N.js";import{b as i,c as n,i as l}from"./3IRDEC55.js";import c from"./3LZBWEPK.js";import{A as a,B as b,E,c as O,d as r,n as p,z as w}from"./X65RYAMN.js";import"./7JZWFQSQ.js";import{c as v}from"./PC4NUNIB.js";import"./HA22PQEM.js";export default $arcgis.t(([,,,,,,,{h:x,ha:k,ja:M,qb:T,x:y},{a:f,b:B,f:I,g:F,h:S,i:C,j:_},{a:H,b:K,c:A}])=>{var s={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)}`,$=class extends w{constructor(){super(...arguments),this._messages=V(),this.numericalFieldSelectionElement=h(),this.transformationSelectionElement=h(),this.histogramPopover=null,this.binColorSectionElement=h(),this.binSliderElement=h(),this.binInputElement=h(),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:o}=e.detail;switch(N(L),t){case l.transformation:this.model.setDataTransformationType(o??v.None);break;case l.numericFields:await this.model.setNumericField(o??"");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.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p(),this.arcgisChartsConfigPopoverOpenChange=p()}static{this.properties={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}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 n.Min:t=this.minValue;break;case n.Max:t=this.maxValue;break;case n.Sum:t=this.sumValue;break;case n.Nulls:t=this.nullsValue;break;case n.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case n.CountExcludingNulls:t=this.countValue;break;case n.Mean:t=this.meanValue;break;case n.Median:t=this.medianValue;break;case n.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,o){e.type===x.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=l.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=o,this.contentKind=l.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(){this.selectedNumericalField=this.model.getNumericField(),this.contentKind=l.numericFields,this.setupPopover()}onTransformationSelect(){this.selectedTransformationType=this.model.getDataTransformationType(),this.contentKind=l.transformation,this.setupPopover()}onBinColorSelect(){this.onColorElementSelect(this.model.getBinSymbol(),this._messages.binColor??"")}onBinColorChange(e){this.model.setColorMatch(!1),this.model.setBinSymbol(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(u=>u.value),o=t.includes(i.Mean),c=t.includes(i.Median),d=t.includes(i.StandardDev),g=t.includes(i.NormalDist);this.meanOverlayVisible!==o&&(this.model.setShowMeanOverlay(o),this.meanOverlayVisible=o),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 l.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 l.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 l.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 l.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} ${m(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return r`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${m(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:o,value:c,selected:d,ref:g,colorAction:u,color:j}=e,[P,z,q,U]=[...j??M()];return D(o,r`<calcite-list-item .label=${t??""} .value=${c} .selected=${d} ${m(g??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${u}><calcite-icon icon=line-solid style=${b(P!==void 0?{color:`rgba(${P},${z},${q},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,o,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 @click=${this.onBinColorSelect} ${m(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${b({color:`rgba(${e},${t},${o},${c/255})`})} class=${a(s.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(n);return r`<calcite-list label class=${a(s.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return r`<div class=${a(s.row)}><calcite-label class=${a(s.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(s.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.getBinCount()} @calciteSliderChange=${this.onBinCountSliderChange} ${m(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${F(this.model.getBinCount())} @calciteInputInput=${this.onBinCountChange} ${m(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return r`<div class=${a({[s.rtl]:this.direction==="rtl"})}><div class=${a(s.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${a(s.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${a(s.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${a(s.sectionLabel)}>${this._messages.bins}</div><p class=${a(s.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${a(s.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${a(s.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}</div>`}};E("arcgis-charts-config-histogram-data",$);return $},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",c,d,e)