@arcgis/charts-components 4.34.0-next.81 → 4.34.0-next.82

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

@@ -15,11 +15,12 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as l } from "../../chunks/popover-ui-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.81 */
-class d extends s {
+v4.34.0-next.82 */
+class p extends s {
   constructor() {
     super(...arguments), this._messages = o(), this.popoverElement = a(), this.onAddXGuide = () => {
       this.open = !1, this.arcgisChartsAddXAxisGuide.emit();
@@ -43,7 +44,7 @@ class d extends s {
     return e`<calcite-popover .open=${this.open} .referenceElement=${this.referenceElement ?? document.body} flip-disabled pointer-disabled offset-distance=-18 @calcitePopoverClose=${this.guidePopoverClose} .placement=${this.placement} auto-close label ${r(this.popoverElement)}><calcite-panel .heading=${this._messages.guideType} closable @calcitePanelClose=${this.guidePopoverClose}>${this.enableXAxisGuide ? e`<calcite-action .label=${this._messages.addXAxisGuide} .text=${this._messages.addXAxisGuide ?? ""} @click=${this.onAddXGuide} icon=x-axis-guide text-enabled></calcite-action>` : null}${this.enableYAxisGuide ? e`<calcite-action .label=${this._messages.addYAxisGuide} .text=${this._messages.addYAxisGuide ?? ""} @click=${this.onAddYGuide} icon=y-axis-guide text-enabled></calcite-action>` : null}</calcite-panel></calcite-popover>`;
   }
 }
-t("arcgis-charts-config-guides-type-popover", d);
+t("arcgis-charts-config-guides-type-popover", p);
 export {
-  d as ArcgisChartsConfigGuidesTypePopover
+  p as ArcgisChartsConfigGuidesTypePopover
 };

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

@@ -11,13 +11,14 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
-import { b as d, h as c } from "../../chunks/index4.js";
+import { b as d, h as c } from "../../chunks/index5.js";
+import "@arcgis/toolkit/dom";
 import { LitElement as m } from "@arcgis/lumina";
 import { css as g, html as t } from "lit";
 import { C as s } from "../../chunks/interfaces2.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.81 */
+v4.34.0-next.82 */
 const f = g`: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 p extends m {
   constructor() {

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

@@ -3,7 +3,7 @@ import { keyed as f } from "lit/directives/keyed.js";
 import { WebChartDataTransformations as b, RESTSymbolType as x } from "@arcgis/charts-spec";
 import { debounce as y } from "lodash-es";
 import "d3-array";
-import { cc as I, a1 as L, $ as V } from "../../chunks/interfaces.js";
+import { c1 as I, a1 as L, $ as V } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,6 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as T } from "../../chunks/popover-ui-utils.js";
 import { H as m, c as a, d } from "../../chunks/interfaces2.js";
 import { b as P, m as S, U as C, f as N, s as B, c as D, D as F } from "../../chunks/chart-ui-utils2.js";
@@ -22,7 +23,7 @@ import { createRef as u, ref as v } from "lit-html/directives/ref.js";
 import { LitElement as U, createEvent as $, renderElement as z, safeStyleMap as w, safeClassMap as s } 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.81 */
+v4.34.0-next.82 */
 const o = {
   label: "label",
   row: "row",

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

@@ -4,7 +4,7 @@ import { keyed as c } from "lit/directives/keyed.js";
 import { WebChartDataTransformations as s, RESTSymbolType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { b3 as b, cc as C, R as $ } from "../../chunks/interfaces.js";
+import { b3 as b, c1 as C, R as $ } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,6 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as P } from "../../chunks/popover-ui-utils.js";
 import { H as l } from "../../chunks/interfaces2.js";
 import { U as m, a as S } from "../../chunks/chart-ui-utils2.js";
@@ -21,7 +22,7 @@ import { createRef as h, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as w, createEvent as p, safeClassMap 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.81 */
+v4.34.0-next.82 */
 const i = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -4,7 +4,7 @@ import { c as a } from "../../chunks/chart-ui-utils2.js";
 import { LitElement as e, safeClassMap as l } 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.81 */
+v4.34.0-next.82 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = i`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -11,13 +11,14 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
-import { h as m } from "../../chunks/index4.js";
+import { h as m } from "../../chunks/index5.js";
+import "@arcgis/toolkit/dom";
 import { LitElement as g, createEvent as f } from "@arcgis/lumina";
 import { css as p, html as o } from "lit";
 import { C as s } from "../../chunks/interfaces2.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.81 */
+v4.34.0-next.82 */
 const u = p`: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 C extends g {
   constructor() {

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

@@ -1,15 +1,15 @@
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as $ } from "lit/directives/keyed.js";
 import { WebChartStatisticType as c, defaultBarLineFromFieldsName as F, RESTFieldType as p, WebChartTemporalBinningUnits as b, WebChartNullPolicyTypes as d } from "@arcgis/charts-spec";
-import { LitElement as A, createEvent as m, renderElement as x, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as A, createEvent as h, renderElement as x, safeClassMap as s } from "@arcgis/lumina";
 import { css as I, html as r } from "lit";
-import { createRef as g, ref as h } from "lit-html/directives/ref.js";
+import { createRef as g, ref as m } from "lit-html/directives/ref.js";
 import { u as T } from "../../chunks/useT9n.js";
 import { L as a } from "../../chunks/interfaces2.js";
 import { d as w, s as B } from "../../chunks/store.js";
 import "lodash-es";
 import "d3-array";
-import { b2 as v, aN as k, aO as S, cc as u, cj as L } from "../../chunks/interfaces.js";
+import { b2 as v, aN as k, aO as S, c1 as u, c8 as L } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -18,10 +18,11 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as E } from "../../chunks/popover-ui-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.81 */
+v4.34.0-next.82 */
 const P = I`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`, n = {
   label: "label",
   fieldList: "field-list",
@@ -71,7 +72,7 @@ class N extends A {
       this.requestUpdate();
     }, this.popoverClose = (e) => {
       this.lineChartPopover === e?.target && this.removeLineChartDataPopover();
-    }, this.layerFieldsInfo = [], this.arcgisChartsConfigCustomizedTimeInterval = m(), this.arcgisChartsConfigDataChangeError = m(), this.arcgisChartsConfigLineChartDataNumericFieldValidate = m(), this.arcgisChartsConfigResetTimeInterval = m();
+    }, this.layerFieldsInfo = [], this.arcgisChartsConfigCustomizedTimeInterval = h(), this.arcgisChartsConfigDataChangeError = h(), this.arcgisChartsConfigLineChartDataNumericFieldValidate = h(), this.arcgisChartsConfigResetTimeInterval = h();
   }
   static {
     this.properties = { aggregationLabel: 16, timeAggregationLabel: 16, disableSplitBy: 16, messageOverrides: 0, model: 0, resetTimeInterval: 0, layerFieldsInfo: 0 };
@@ -173,32 +174,32 @@ class N extends A {
     this.lineChartPopover !== null && (this.lineChartPopover.open = !1, this.lineChartPopover = E(this.lineChartPopover));
   }
   renderAggregation() {
-    return r`<arcgis-charts-config-field-select .label=${this.model.getAggregationType() === c.NoAggregation ? this._messages.noAggregation : this.aggregationLabel} @click=${this.onAggregationSelect} ${h(this.aggregationElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${this.model.getAggregationType() === c.NoAggregation ? this._messages.noAggregation : this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`;
   }
   renderXAxisField() {
     const e = this.getCorrectedXAxisValue();
-    return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${h(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderSplitBy() {
     const e = this.getCorrectedSplitByValue();
-    return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${h(this.splitByFieldElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderNumericFields(e) {
     const i = v(this.layerFieldsInfo), t = [];
     for (const l of e)
       l !== i && t.push(this.buildNumericFieldItem(l));
-    return r`<calcite-list label class=${s(n.fieldList)} ${h(this.numericFieldsElement)}>${t}</calcite-list>`;
+    return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`;
   }
   renderInterval() {
     const e = (this.model.getTemporalBinningSize() ?? 0) <= 0, i = this.model.getTemporalBinningSize() ?? "", t = L(this.model.getTemporalBinningUnit() ?? b.Second, this._messages) ?? "";
     return [
       r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e ? "" : `${i} ${t}`} .label=${e ? "" : `${i} ${t}`} @click=${e ? () => {
-      } : this.onIntervalSelect} ${h(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,
+      } : this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,
       r`<div class=${s(n.linkContainer)}><calcite-button appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`
     ];
   }
   renderIntervalAlignment() {
-    return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${h(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`;
+    return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`;
   }
   renderEmptyBins() {
     return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.getNullPolicy() === d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.getNullPolicy() === d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.getNullPolicy() === d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`;

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

@@ -4,7 +4,7 @@ import { keyed as b } from "lit/directives/keyed.js";
 import { WebChartTimeAggregationTypes as d, RESTFieldType as h, WebChartTemporalBinningUnits as c } from "@arcgis/charts-spec";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aN as I, aO as F, cc as P, b5 as x, b3 as C, cj as T } from "../../chunks/interfaces.js";
+import { aN as I, aO as F, c1 as P, b5 as x, b3 as C, c8 as T } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,6 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as A, p as w } from "../../chunks/popover-ui-utils.js";
 import { LitElement as D, createEvent as y, safeClassMap as o } from "@arcgis/lumina";
 import { css as E, html as n } from "lit";
@@ -22,7 +23,7 @@ import { L as a } from "../../chunks/interfaces2.js";
 import { h as L, U as $, i as u, e as z, s as N } from "../../chunks/chart-ui-utils2.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.81 */
+v4.34.0-next.82 */
 const K = E`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -3,7 +3,7 @@ import { keyed as u } from "lit/directives/keyed.js";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cw as I } from "../../chunks/interfaces.js";
+import { cl as I } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,6 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as d } from "../../chunks/popover-ui-utils.js";
 import { LitElement as $, renderElement as L, safeStyleMap as x } from "@arcgis/lumina";
 import { css as P, html as o } from "lit";
@@ -20,7 +21,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { g as M } from "../../chunks/chart-ui-utils2.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.81 */
+v4.34.0-next.82 */
 const O = P`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends $ {
   constructor() {

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

@@ -12,6 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as y } from "../../chunks/popover-ui-utils.js";
 import { U as S, b, m, s as w, c as g } from "../../chunks/chart-ui-utils2.js";
 import { u as $ } from "../../chunks/useT9n.js";
@@ -19,7 +20,7 @@ import { createRef as n, ref as a } from "lit-html/directives/ref.js";
 import { LitElement as x, createEvent as s, safeClassMap as l, nothing as r } 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.81 */
+v4.34.0-next.82 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",

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

@@ -7,7 +7,7 @@ import { createRef as r, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as S, createEvent as h, safeClassMap as s, nothing as n } 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.81 */
+v4.34.0-next.82 */
 const o = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",

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

@@ -6,7 +6,7 @@ import { createRef as b, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as v, createEvent as x, safeClassMap as i } 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.81 */
+v4.34.0-next.82 */
 const n = {
   container: "container",
   label: "label",

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

@@ -11,20 +11,21 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
-import { h as F } from "../../chunks/index4.js";
-import { LitElement as v, createEvent as p } from "@arcgis/lumina";
+import { h as F } from "../../chunks/index5.js";
+import "@arcgis/toolkit/dom";
+import { LitElement as v, createEvent as g } from "@arcgis/lumina";
 import { css as S, html as c } from "lit";
 import { C as h } from "../../chunks/interfaces2.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.81 */
+v4.34.0-next.82 */
 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 L extends v {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const t = e?.detail.config ?? this.model.getConfig();
       this.layer === void 0 && await this.updateFetchLayerFieldsInfo(t);
-    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = p(), this.arcgisChartsConfigWebChartChange = p();
+    }, this.popoverPlacement = "leading", this.arcgisChartsConfigNoSeriesUpdate = g(), this.arcgisChartsConfigWebChartChange = g();
   }
   static {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 3, seriesColor: 2, calculatedMinMaxBounds: 2, page: 3, layer: 0, usePopupTemplateFieldsInfo: 5, filterBySelection: 5, chartData: 0 };
@@ -52,11 +53,11 @@ class L extends v {
   }
   seriesColorChange(e) {
     const { slices: i, groupedSlices: t, groupOfSlices: a } = e?.get(0) ?? {};
-    let s = [];
-    this.filterBySelection === !0 ? s = this.model.getSlices()?.map((r) => i?.find((o) => o.sliceId === r.sliceId) ?? t?.find((o) => o.sliceId === r.sliceId) ?? r) ?? [] : s = (i ?? []).concat(t ?? []), s.forEach((r, o) => {
-      const g = this.model.getSlices()?.find((m) => m.sliceId === s[o].sliceId);
-      g && (s[o] = { ...s[o], ...g });
-      const l = s[o].fillSymbol;
+    let o = [];
+    this.filterBySelection === !0 ? o = this.model.getSlices()?.map((r) => i?.find((s) => s.sliceId === r.sliceId) ?? t?.find((s) => s.sliceId === r.sliceId) ?? r) ?? [] : o = (i ?? []).concat(t ?? []), o.forEach((r, s) => {
+      const p = this.model.getSlices()?.find((m) => m.sliceId === o[s].sliceId);
+      p && (o[s] = { ...o[s], ...p });
+      const l = o[s].fillSymbol;
       l !== void 0 && !n(l?.outline?.color, l?.color) && (l.outline = {
         ...l.outline ?? {},
         type: u.SLS,
@@ -64,7 +65,7 @@ class L extends v {
       });
     });
     const f = (t ?? []).map((r) => r.sliceId);
-    t !== void 0 && !n(f, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(d(f)), n(s, this.model.getSlices()) || this.model.setSlices(d(s)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(d(a));
+    t !== void 0 && !n(f, this.model.getGroupedSliceIds()) && this.model.setGroupedSliceIds(d(f)), n(o, this.model.getSlices()) || this.model.setSlices(d(o)), a !== void 0 && !n(a, this.model.getSliceGrouping()) && this.model.setSliceGrouping(d(a));
   }
   async updateFetchLayerFieldsInfo(e) {
     const i = e ?? this.model.getConfig();

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

@@ -3,7 +3,7 @@ import { keyed as C } from "lit/directives/keyed.js";
 import { defaultPieFromFieldsName as c, WebChartStatisticType as u } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { cc as m, b2 as v } from "../../chunks/interfaces.js";
+import { c1 as m, b2 as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,6 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as b } from "../../chunks/popover-ui-utils.js";
 import { a as g } from "../../chunks/common.js";
 import { P as r } from "../../chunks/interfaces2.js";
@@ -21,7 +22,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as $, createEvent as p, renderElement as P, safeClassMap as o } 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.81 */
+v4.34.0-next.82 */
 const l = {
   label: "label",
   fieldList: "field-list",

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

@@ -4,7 +4,7 @@ import { keyed as g } from "lit/directives/keyed.js";
 import { RESTFieldType as k } from "@arcgis/charts-spec";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
-import { aN as $, cc as y, b5 as L, b3 as P } from "../../chunks/interfaces.js";
+import { aN as $, c1 as y, b5 as L, b3 as P } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,6 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { P as c } from "../../chunks/common.js";
 import { P as a } from "../../chunks/interfaces2.js";
@@ -23,7 +24,7 @@ import { createRef as u, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as b, safeClassMap as l } 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.81 */
+v4.34.0-next.82 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "pie-chart-data-popover",

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

@@ -13,6 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as I } from "../../chunks/popover-ui-utils.js";
 import { U as y, d as N, s as p } from "../../chunks/chart-ui-utils2.js";
 import { u as _ } from "../../chunks/useT9n.js";
@@ -21,7 +22,7 @@ import { createRef as m, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as w, renderElement as P, safeStyleMap as u, safeClassMap as s } 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.81 */
+v4.34.0-next.82 */
 const o = {
   sectionLabel: "section-label",
   label: "label",

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

@@ -1,9 +1,9 @@
 import { c } from "../../chunks/runtime.js";
-import { css as p, html as d } from "lit";
+import { css as p, html as m } from "lit";
 import "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { R as h } from "../../chunks/interfaces.js";
+import { R as d } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,14 +12,15 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
-import { e as m } from "../../chunks/popover-ui-utils.js";
+import "@arcgis/toolkit/dom";
+import { e as h } from "../../chunks/popover-ui-utils.js";
 import { U as g } from "../../chunks/chart-ui-utils2.js";
 import { u as f } from "../../chunks/useT9n.js";
 import { createRef as C, ref as v } from "lit-html/directives/ref.js";
 import { LitElement as u, createEvent as o, safeClassMap as i } 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.81 */
+v4.34.0-next.82 */
 const s = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"
@@ -38,7 +39,7 @@ class x extends u {
     await this.popoverElement.value?.reposition();
   }
   updated() {
-    m(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    h(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, g.PopoverTimer);
   }
@@ -52,12 +53,12 @@ class x extends u {
     });
   }
   colorChange(e) {
-    const t = e instanceof CustomEvent ? e.detail : e, [a, r, l] = t, n = h * 255;
+    const t = e instanceof CustomEvent ? e.detail : e, [a, r, l] = t, n = d * 255;
     this.selectedColor = [a, r, l, n], this.arcgisChartsConfigSlicesPopoverColorChange.emit({ color: [a, r, l, n] });
   }
   render() {
     const e = this.selectedColor !== void 0 ? [...this.selectedColor] : void 0;
-    return d`<div class=${i({
+    return m`<div class=${i({
       [s.jsAppFlyout]: !0
     })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${v(this.popoverElement)}><calcite-panel .heading=${this._messages.sliceStyle} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.sliceNameChange}></calcite-input></calcite-label></div><div class=${i(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
   }

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

@@ -11,13 +11,14 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
-import { h as c } from "../../chunks/index4.js";
+import { h as c } from "../../chunks/index5.js";
+import "@arcgis/toolkit/dom";
 import { LitElement as g, createEvent as m } from "@arcgis/lumina";
 import { css as p, html as t } from "lit";
 import { C as o } from "../../chunks/interfaces2.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.81 */
+v4.34.0-next.82 */
 const f = p`: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 g {
   constructor() {

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

@@ -2,7 +2,7 @@ import { c as P } from "../../chunks/runtime.js";
 import { WebChartTypes as y, RESTSymbolType as v } from "@arcgis/charts-spec";
 import { cloneDeep as I, isEmpty as T, toNumber as z } from "lodash-es";
 import "d3-array";
-import { aQ as F, cc as b, $, R as w } from "../../chunks/interfaces.js";
+import { aQ as F, c1 as b, $, R as w } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,6 +11,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { r as C } from "../../chunks/popover-ui-utils.js";
 import { S as n, b as d } from "../../chunks/interfaces2.js";
 import { d as L, s as m } from "../../chunks/store.js";
@@ -21,7 +22,7 @@ import { createRef as h, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as _, createEvent as x, renderElement as D, safeClassMap as i, safeStyleMap as E } 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.81 */
+v4.34.0-next.82 */
 const l = {
   label: "label",
   r2: "r2",

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

@@ -4,7 +4,7 @@ import { keyed as n } from "lit/directives/keyed.js";
 import { RESTSymbolType as c } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { b3 as v, cc as y } from "../../chunks/interfaces.js";
+import { b3 as v, c1 as y } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,6 +13,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as b } from "../../chunks/popover-ui-utils.js";
 import { S as p } from "../../chunks/interfaces2.js";
 import { U as h, a as $, i as m } from "../../chunks/chart-ui-utils2.js";
@@ -21,7 +22,7 @@ import { createRef as d, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as P, createEvent as r, safeClassMap as l } 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.81 */
+v4.34.0-next.82 */
 const a = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",

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

@@ -12,6 +12,7 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/intl";
+import "@arcgis/toolkit/dom";
 import { e as r } from "../../chunks/popover-ui-utils.js";
 import { U as n } from "../../chunks/chart-ui-utils2.js";
 import { u as p } from "../../chunks/useT9n.js";
@@ -20,7 +21,7 @@ import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lu
 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.81 */
+v4.34.0-next.82 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",