@arcgis/charts-components 6.0.0-next.0 → 6.0.0-next.1

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

@@ -4,7 +4,7 @@ import { LitElement as g, createEvent as f } from "@arcgis/lumina";
 import { css as m, html as s } from "lit";
 import { isEqual as d } from "es-toolkit/compat";
 import { C as t } from "../../chunks/interfaces.js";
-import { i as c, ar as p, bL as u, bM as C, bg as y, u as F, aR as v } from "../../chunks/index.js";
+import { i as c, ar as p, bM as u, bN as C, bg as y, u as F, aR as v } from "../../chunks/index.js";
 const b = m`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class I extends g {
   constructor() {

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

@@ -10,9 +10,9 @@ import { u as F } from "../../chunks/useT9n.js";
 import { css as _, html as n, nothing as N } from "lit";
 import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as v, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
-import { b as $, o as z, C as M, a as B, p as K } from "../../chunks/index2.js";
+import { b as $, o as z, C as K, a as B, p as M } from "../../chunks/index2.js";
 import { x as R } from "../../chunks/data.js";
-import { t as A, bJ as j, q as L, aR as H } from "../../chunks/index.js";
+import { t as A, bK as j, q as L, aR as H } from "../../chunks/index.js";
 import { J as q, K as W } from "../../chunks/index3.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { d as h, e as x, a as f, h as y } from "../../chunks/chart-object-literals.js";
@@ -28,8 +28,8 @@ const r = {
   customSortButtons: "custom-sort-buttons",
   dimText: "dim-text",
   intervalContainer: "interval-container"
-}, J = _`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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: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}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;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}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
-class G extends U {
+}, G = _`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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: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}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;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}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
+class J extends U {
   constructor() {
     super(...arguments), this._messages = F(), this.commonStrings = F({ name: "common", blocking: !0 }), this.barChartPopover = null, this.sortOrderElement = c(), this.aggregationElement = c(), this.categoryElement = c(), this.numericFieldsElement = c(), this.splitByFieldElement = c(), this.enableTimeBinningSwitch = c(), this.intervalAlignmentElement = c(), this.intervalElement = c(), this.originalCustomSortLabels = [], this.isCustomSortDisabled = !1, this.onBarChartDataChange = async (e) => {
       try {
@@ -95,7 +95,7 @@ class G extends U {
     this.properties = { selectedCustomSortItemId: 16, aggregationLabel: 16, timeAggregationLabel: 16, disableSplitBy: 16, sortOrderResetCounter: 16, messageOverrides: 0, model: 0, layerFieldsInfo: 0, open: 5 };
   }
   static {
-    this.styles = J;
+    this.styles = G;
   }
   load() {
     this.modelChange(this.model), this.onModelConfigChange(), this.currentDataFilter = this.model.getDataFilters(), this.updateCustomSortProps();
@@ -142,7 +142,7 @@ class G extends U {
   }
   buildCustomSortListItems() {
     return w(this.model.orderByList, (t) => t, (t) => {
-      const i = z(this.layerFieldsInfo, t), o = this.model.nullCategory !== void 0 && t.trim() === M.nullCategory?.text?.trim();
+      const i = z(this.layerFieldsInfo, t), o = this.model.nullCategory !== void 0 && t.trim() === K.nullCategory?.text?.trim();
       return n`<calcite-list-item id=${t ?? N} .label=${t} .closed=${o} .description=${i} .value=${t} .selected=${this.selectedCustomSortItemId === t} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`;
     });
   }
@@ -271,7 +271,7 @@ class G extends U {
     return t === f.CategoryAxisFormat && e === g.customSort && !this.isCustomSortDisabled ? n`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${i === 0 || i === -1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${i === -1 || i === this.model.orderByList.length - 1 || this.selectedCustomSortItemId.trim() === ""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${S(this.model.orderByList, this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${L(this.model.config.series ?? []) === B.BarAndLineFromFields ? this._messages.values : this._messages.category}${this.buildCustomSortList()}</calcite-label>` : null;
   }
   renderInterval() {
-    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = K(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = E(d), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = M(this.model.temporalBinningUnit ?? x.Second, this._messages) ?? "", s = E(d), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, u = S(o, s);
@@ -292,7 +292,7 @@ class G extends U {
     return n`<calcite-label class=${l(r.label)}>${this._messages.category}${t}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${o}</calcite-label><div class=${l(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${l(r.label)}><span class=${l(this.disableSplitBy ? r.dimText : "")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData || !this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${b}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${k}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType !== h.Count ? n`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${T}</calcite-label>` : null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type === f.DateAxisFormat ? r.disabledLabel : r.label)}>${this._messages.sortOrder}${s}</calcite-label>${u}`;
   }
 }
-D("arcgis-charts-config-bar-chart-data", G);
+D("arcgis-charts-config-bar-chart-data", J);
 export {
-  G as ArcgisChartsConfigBarChartData
+  J as ArcgisChartsConfigBarChartData
 };

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

@@ -15,7 +15,7 @@ import { b as u, d as z, e as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
 import { e as N, p as B } from "../../chunks/popover-ui-utils.js";
 import { J as K, K as _ } from "../../chunks/index3.js";
-import { E as O, bK as P, aR as H, a_ as M, aQ as U } from "../../chunks/index.js";
+import { E as O, bL as P, aR as H, a_ as M, aQ as U } from "../../chunks/index.js";
 import { b as W, p as j } from "../../chunks/index2.js";
 const R = D`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`, o = {
   name: "bar-chart-data-popover",

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

@@ -4,7 +4,7 @@ import { LitElement as n } from "@arcgis/lumina";
 import { css as c, html as t } from "lit";
 import { isEqual as l } from "es-toolkit/compat";
 import { C as a } from "../../chunks/interfaces.js";
-import { bL as d, bM as h, u as f } from "../../chunks/index.js";
+import { bM as d, bN as h, u as f } from "../../chunks/index.js";
 const g = c`: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 m extends n {
   constructor() {

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

@@ -5,13 +5,13 @@ import { repeat as k } from "lit/directives/repeat.js";
 import { substitute as $ } from "@arcgis/core/intl.js";
 import { b as l } from "../../chunks/interfaces.js";
 import { b as f, f as y, e as h, a as P } from "../../chunks/chart-ui-utils.js";
-import { u as F } from "../../chunks/useT9n.js";
-import { css as L, html as n } from "lit";
+import { u as L } from "../../chunks/useT9n.js";
+import { css as F, html as n } from "lit";
 import { createRef as u, ref as m } from "lit/directives/ref.js";
 import { LitElement as x, createEvent as g, renderElement as I, safeStyleMap as D, safeClassMap as d } from "@arcgis/lumina";
 import { B as r } from "../../chunks/common.js";
 import { e as S, p as T } from "../../chunks/popover-ui-utils.js";
-import { bK as b, aQ as E, E as w } from "../../chunks/index.js";
+import { bL as b, aQ as E, E as w } from "../../chunks/index.js";
 import { b as B } from "../../chunks/index2.js";
 import { d as C } from "../../chunks/rest-js-object-literals.js";
 const o = {
@@ -23,16 +23,16 @@ const o = {
   sortMedian: "sort-median",
   sortOrderPickList: "sort-order-pick-list",
   panel: "panel"
-}, K = L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
-class N extends x {
+}, N = F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
+class K extends x {
   constructor() {
-    super(...arguments), this._messages = F(), this.picklist = u(), this.placement = "leading", this.popoverElement = u(), this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.isCustomSortDisabled = !1, this.arcgisChartsConfigBoxPlotDataPopoverChange = g(), this.arcgisChartsConfigPopoverClose = g();
+    super(...arguments), this._messages = L(), this.picklist = u(), this.placement = "leading", this.popoverElement = u(), this.offsetDistance = -200, this.pickListHasChanged = !1, this.open = !1, this.layerFieldsInfo = [], this.isCustomSortDisabled = !1, this.arcgisChartsConfigBoxPlotDataPopoverChange = g(), this.arcgisChartsConfigPopoverClose = g();
   }
   static {
     this.properties = { messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, isCustomSortDisabled: 5, selectedContent: 1 };
   }
   static {
-    this.styles = K;
+    this.styles = N;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -194,7 +194,7 @@ class N extends x {
     return this.contentKind === l.numericFields && (e = n`<div slot=footer><calcite-fab class=${d(o.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div><calcite-popover class=${d(o.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel class=${d(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${d(o.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-v("arcgis-charts-config-box-plot-popover", N);
+v("arcgis-charts-config-box-plot-popover", K);
 export {
-  N as ArcgisChartsConfigBoxPlotPopover
+  K as ArcgisChartsConfigBoxPlotPopover
 };

package/dist/components/arcgis-charts-config-create-flow/customElement.js

@@ -3,7 +3,7 @@ import { c as N } from "../../chunks/runtime.js";
 import { repeat as V } from "lit/directives/repeat.js";
 import { keyed as S } from "lit/directives/keyed.js";
 import { createModel as _ } from "../../model/shared/setup-utils.js";
-import { f as $, e as U, k as R, j as x, l as T, m as z } from "../../chunks/type-guards2.js";
+import { f as $, e as R, k as U, j as x, l as T, m as z } from "../../chunks/type-guards2.js";
 import { i as H } from "../../chunks/rotated-state.js";
 import { substitute as O } from "@arcgis/core/intl.js";
 import { C as c } from "../../chunks/interfaces.js";
@@ -14,14 +14,14 @@ import { LitElement as X, createEvent as f, renderElement as v, safeStyleMap as
 import { css as j, html as h } from "lit";
 import { createRef as q, ref as K } from "lit/directives/ref.js";
 import { u as I } from "../../chunks/useT9n.js";
-import { c as Q, a as M, g as Y } from "../../chunks/store.js";
-import { bN as J, aj as ee, bO as te, bP as ae, bQ as ie } from "../../chunks/index.js";
+import { c as Q, a as b, g as Y } from "../../chunks/store.js";
+import { bO as J, aj as ee, bP as te, bQ as ae, bR as ie } from "../../chunks/index.js";
 import { A as se } from "../../chunks/axis-model-wrapper.js";
 import { h as re, f as y } from "../../chunks/web-component-utils.js";
 import { a as oe } from "../../chunks/chart-ui-utils.js";
-import { C as b } from "../../chunks/index5.js";
+import { C as M } from "../../chunks/index5.js";
 import { g as L } from "../../chunks/chart-ui-utils2.js";
-import { i as P, b as B } from "../../chunks/type-guards.js";
+import { i as P, c as B } from "../../chunks/type-guards.js";
 import { r as le } from "../../chunks/popover-ui-utils.js";
 import { a as o, e as ne } from "../../chunks/chart-object-literals.js";
 const m = {
@@ -108,13 +108,13 @@ class ge extends X {
           case o.ScatterSeries: {
             const n = a, { dataItems: l, r2: g, aggregated: u } = n;
             let C = g;
-            Number.isFinite(g) || (C = void 0), this.r2 = C, R(i) && (i.dataStore.r2 = C, i.dataStore.aggregated = u, u && (i.additionalTooltipField = void 0)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            Number.isFinite(g) || (C = void 0), this.r2 = C, U(i) && (i.dataStore.r2 = C, i.dataStore.aggregated = u, u && (i.additionalTooltipField = void 0)), this.calculatedDataMinMaxBounds = this.getDataExtent(l), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: n, timeIntervalInfo: l } = a;
-            ($(s) || U(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && Q(M, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
+            ($(s) || R(s) && s.binTemporalData) && (l?.size !== void 0 && s.temporalBinningSize !== l?.size && (s.temporalBinningSize = l?.size), l?.unit !== void 0 && s.temporalBinningUnit !== l?.unit && l?.unit !== ne.Quarter && (s.temporalBinningUnit = l?.unit), l?.size !== void 0 && l?.unit !== void 0 && Q(b, { size: l.size, unit: l.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds);
             break;
           }
         }
@@ -277,7 +277,7 @@ class ge extends X {
       chartType: t.chartType,
       commonStrings: this.commonStrings,
       config: t.config
-    }) : "", e !== void 0 && e !== M.selectedChartId && (M.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
+    }) : "", e !== void 0 && e !== b.selectedChartId && (b.selectedChartId = e), this.allowChartSyncing = !0, this.arcgisChartsConfigSelectedChartChange.emit({
       key: "key",
       model: t
     });
@@ -286,7 +286,7 @@ class ge extends X {
     e === 0 ? this.clearPartialModels() : e === 1 && this.removeSelectChartTypePopover(), this.arcgisChartsConfigPanelNumberChange.emit({ panelNumber: e, modelList: this.modelList });
   }
   addChartEventListeners() {
-    this.listenOn(document, b.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, b.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, b.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, b.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, b.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
+    this.listenOn(document, M.DataProcessComplete, this.chartDataProcessComplete), this.listenOn(document, M.AxesMinMaxChange, this.chartAxesMinMaxChange), this.listenOn(document, M.SeriesColorChange, this.chartSeriesColorChange), this.listenOn(document, M.NoRenderPropChange, this.chartNoRenderPropChange), this.listenOn(document, M.LegendItemVisibilityChange, this.chartLegendItemVisibilityChange);
   }
   getDataExtent(e) {
     const t = this.getModel(this.selectedChartId)?.config;
@@ -311,7 +311,7 @@ class ge extends X {
           chartId: this.selectedChartId,
           isXAxis: a,
           isLogarithmic: n.getLogarithmic()
-        }), g = M.chartAxesBoundDataMap;
+        }), g = b.chartAxesBoundDataMap;
         g[this.selectedChartId] === void 0 && (g[this.selectedChartId] = {});
         const u = g[this.selectedChartId]?.[l], C = {
           defaultMinBound: u?.defaultMinBound === u?.currMinBound ? s : u?.defaultMinBound,

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

@@ -11,7 +11,7 @@ import { u as N } from "../../chunks/useT9n.js";
 import { css as z, html as f } from "lit";
 import { LitElement as H, renderElement as R, safeClassMap as p } from "@arcgis/lumina";
 import { C as j, F as i, L as m } from "../../chunks/common.js";
-import { b as u, bS as r } from "../../chunks/index.js";
+import { b as u, bT as r } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
 import { C as I } from "../../chunks/index2.js";
 import { a } from "../../chunks/chart-object-literals.js";

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

@@ -10,7 +10,7 @@ import { css as z, html as d } from "lit";
 import { createRef as h, ref as u } from "lit/directives/ref.js";
 import { LitElement as O, createEvent as U, renderElement as M, safeStyleMap as L, safeClassMap as n } from "@arcgis/lumina";
 import { l as W, q as Y, r as j } from "../../chunks/type-guards2.js";
-import { bT as p, b as m, bo as H, bU as A, bV as _, i as J } from "../../chunks/index.js";
+import { bU as p, b as m, bo as H, bV as A, bW as _, i as J } from "../../chunks/index.js";
 import { t as K } from "../../chunks/index3.js";
 import { r as Q } from "../../chunks/popover-ui-utils.js";
 import { b as g, R as ee } from "../../chunks/rest-js-object-literals.js";

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

@@ -4,7 +4,7 @@ import { LitElement as l } from "@arcgis/lumina";
 import { css as n, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
 import { isEqual as d } from "es-toolkit/compat";
-import { bL as h, bM as c, u as f } from "../../chunks/index.js";
+import { bM as h, bN as c, u as f } from "../../chunks/index.js";
 const p = n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class m extends l {
   static {

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

@@ -4,7 +4,7 @@ import { isEqual as r } from "es-toolkit/compat";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as h, html as i } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { i as d, bL as c, bM as m, bg as f, ce as g, u as p } from "../../chunks/index.js";
+import { i as d, bM as c, bN as m, bg as f, cf as g, u as p } from "../../chunks/index.js";
 import { i as u } from "../../chunks/type-guards.js";
 const C = h`: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 y extends n {

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

@@ -4,7 +4,7 @@ import { isEqual as a } from "es-toolkit/compat";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as h, html as o } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
-import { bL as c, bM as m, u as f, aQ as g, aR as p } from "../../chunks/index.js";
+import { bM as c, bN as m, u as f, aQ as g, aR as p } from "../../chunks/index.js";
 const u = h`: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 n {
   constructor() {

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

@@ -14,7 +14,7 @@ import { b as g, e as c } from "../../chunks/chart-object-literals.js";
 import { e as A, p as D } from "../../chunks/popover-ui-utils.js";
 import { J as E, K as S } from "../../chunks/index3.js";
 import { b as z, p as w } from "../../chunks/index2.js";
-import { bK as K, aQ as L, aR as N, a_ as B } from "../../chunks/index.js";
+import { bL as N, aQ as L, aR as K, a_ as B } from "../../chunks/index.js";
 const _ = P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.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 = {
   name: "line-chart-data-popover",
   header: "header",
@@ -74,7 +74,7 @@ class H extends k {
       case a.xAxisField: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && (L(i) || N(i) || B(i)) && s.push(this.buildPickListItem(i));
+          i && (L(i) || K(i) || B(i)) && s.push(this.buildPickListItem(i));
         }
         break;
       }
@@ -83,7 +83,7 @@ class H extends k {
         s.push(l);
         for (let i = 0; i < t; i += 1) {
           const m = this.layerFieldsInfo?.[i];
-          m && (K(m) || m.type === x.String) && s.push(this.buildPickListItem(m));
+          m && (N(m) || m.type === x.String) && s.push(this.buildPickListItem(m));
         }
         break;
       }

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

@@ -4,10 +4,10 @@ import { isEqual as n, cloneDeep as h } from "es-toolkit/compat";
 import { LitElement as C, createEvent as m } from "@arcgis/lumina";
 import { css as y, html as c } from "lit";
 import { C as d } from "../../chunks/interfaces.js";
-import { bL as I, bM as F, u as v } from "../../chunks/index.js";
+import { bM as I, bN as F, u as v } from "../../chunks/index.js";
 import { b } from "../../chunks/rest-js-object-literals.js";
-const L = y`: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 S extends C {
+const S = y`: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 C {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const s = e?.detail.config ?? this.model.config;
@@ -18,7 +18,7 @@ class S extends C {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5, filterBySelection: 5, chartData: 0 };
   }
   static {
-    this.styles = L;
+    this.styles = S;
   }
   async load() {
     this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model);
@@ -80,7 +80,7 @@ class S extends C {
     return e;
   }
 }
-u("arcgis-charts-config-pie-chart", S);
+u("arcgis-charts-config-pie-chart", L);
 export {
-  S as ArcgisChartsConfigPieChart
+  L as ArcgisChartsConfigPieChart
 };

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

@@ -12,7 +12,7 @@ import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lu
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { J as D } from "../../chunks/index3.js";
 import { b as x } from "../../chunks/index2.js";
-import { bK as S, aQ as T } from "../../chunks/index.js";
+import { bL as S, aQ as T } from "../../chunks/index.js";
 import { d as E } from "../../chunks/rest-js-object-literals.js";
 import { a as r } from "../../chunks/common.js";
 const s = {
@@ -24,7 +24,7 @@ const s = {
   sortOrderPickList: "sort-order-pick-list",
   panel: "panel"
 }, w = L`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-counter-clockwise{transform:scaleX(-1)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`;
-class K extends y {
+class A extends y {
   constructor() {
     super(...arguments), this._messages = u(), this.commonStrings = u({ name: "common", blocking: !0 }), this.picklist = C(), this.popoverElement = C(), this.placement = "leading", this.offsetDistance = -200, this.pickListHasChanged = !1, this.aggregationLabels = [], this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPieChartDataPopoverChange = b(), this.arcgisChartsConfigPopoverClose = b();
   }
@@ -167,7 +167,7 @@ class K extends y {
     return this.contentKind === o.numericFields && (e = n`<div slot=footer><calcite-fab class=${l(s.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`), n`<div><calcite-popover class=${l(s.name)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .offsetDistance=${this.offsetDistance} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel class=${l(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(s.header)}>${this.headingTitle ?? ""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`;
   }
 }
-v("arcgis-charts-config-pie-chart-popover", K);
+v("arcgis-charts-config-pie-chart-popover", A);
 export {
-  K as ArcgisChartsConfigPieChartPopover
+  A as ArcgisChartsConfigPieChartPopover
 };

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

@@ -4,7 +4,7 @@ import { isEqual as l } from "es-toolkit/compat";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { bL as h, bM as p, bg as f, ce as g, u as m, aT as u } from "../../chunks/index.js";
+import { bM as h, bN as p, bg as f, cf as g, u as m, aT as u } from "../../chunks/index.js";
 import { i as y } from "../../chunks/type-guards.js";
 const b = c`: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 F extends n {

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

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { html as r } from "lit";
-import { LitElement as n, createEvent as h, nothing as o } from "@arcgis/lumina";
-import g from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
-import { u as l } from "../../chunks/useT9n.js";
-import { cy as s, cz as d } from "../../chunks/index.js";
+import { c as h } from "../../chunks/runtime.js";
+import { html as d } from "lit";
+import { LitElement as g, createEvent as m, nothing as o } from "@arcgis/lumina";
+import y from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { cz as r, cA as n } from "../../chunks/index.js";
 const e = {
   Circle: "circle",
   FreehandPolygon: "freehandPolygon",
@@ -12,22 +12,22 @@ const e = {
   Polyline: "polyline",
   Rectangle: "rectangle"
 };
-class m extends n {
+class p extends g {
   constructor() {
-    super(...arguments), this._messages = l({ blocking: !0 }), this.commonStrings = l({ name: "common", blocking: !0 }), this.handleAoiToolClick = async (t) => {
-      this.selectedTool = t, await this.startAoiSketch(t);
-    }, this.arcgisImageryScatterplotAoiChange = h();
+    super(...arguments), this._messages = a({ blocking: !0 }), this.commonStrings = a({ name: "common", blocking: !0 }), this.handleAoiToolClick = async (t) => {
+      this.view?.map && t && (this.selectedTool === t ? this.deactivateAoiSketch() : await this.startAoiSketch(t));
+    }, this.arcgisImageryScatterplotAoiChange = m();
   }
   static {
     this.properties = { selectedTool: 16, messageOverrides: 0, view: 0 };
   }
   disconnectedCallback() {
-    this.sketchListenerHandle && this.sketchListenerHandle.remove(), this.sketchViewModel && (this.sketchViewModel.destroy(), this.sketchViewModel = void 0), super.disconnectedCallback();
+    this.sketchListenerHandle && this.sketchListenerHandle.remove(), this.sketchViewModel && (this.sketchViewModel.destroy(), this.sketchViewModel = void 0), this.selectedTool = void 0, super.disconnectedCallback();
   }
   async startAoiSketch(t) {
-    if (this.view?.map && t) {
-      const i = s(this.view) ?? d(this.view);
-      this.sketchViewModel ? this.sketchViewModel.cancel() : (this.sketchViewModel = new g({
+    if (this.view?.map) {
+      const i = r(this.view) ?? n(this.view);
+      this.sketchViewModel ? (this.sketchViewModel.cancel(), this.sketchViewModel.layer !== i && (this.sketchViewModel.layer = i)) : (this.sketchViewModel = new y({
         view: this.view,
         layer: i,
         activeFillSymbol: {
@@ -41,30 +41,42 @@ class m extends n {
           color: [0, 255, 255],
           width: 1
         },
-        // disable update for imagery aoi sketch tool
+        creationMode: "continuous",
         updateOnGraphicClick: !1
-      }), this.addAoiSketchListener()), await this.sketchViewModel.create(t);
+      }), this.addAoiSketchListener()), this.selectedTool = t, await this.sketchViewModel.create(t);
     }
   }
+  deactivateAoiSketch() {
+    this.sketchViewModel?.cancel(), this.selectedTool = void 0;
+  }
   addAoiSketchListener() {
     if (this.sketchViewModel) {
-      const t = this.sketchViewModel.on("create", (i) => {
-        if (i.state === "complete") {
-          const c = i.graphic?.geometry;
-          (c?.type === "polygon" || c?.type === "polyline") && (this.arcgisImageryScatterplotAoiChange.emit({
-            tool: this.selectedTool ?? c.type,
-            newGeometry: c.toJSON()
-          }), s(this.view)?.remove(i.graphic), this.selectedTool = void 0);
+      const t = this.sketchViewModel, i = t.on("create", (s) => {
+        switch (s.state) {
+          case "cancel":
+            this.deactivateAoiSketch();
+            break;
+          case "complete":
+            const c = s.graphic?.geometry;
+            if (c?.type === "polygon" || c?.type === "polyline") {
+              this.arcgisImageryScatterplotAoiChange.emit({
+                tool: this.selectedTool ?? c.type,
+                newGeometry: c.toJSON()
+              });
+              const l = r(this.view);
+              l?.remove(s.graphic), this.isConnected && (t.layer = l ?? n(this.view));
+            }
+            break;
         }
       });
-      this.sketchListenerHandle?.remove(), this.sketchListenerHandle = t;
+      this.sketchListenerHandle?.remove(), this.sketchListenerHandle = i;
     }
   }
   render() {
-    return r`<calcite-action-group layout=horizontal id=charts-config-scatter-plot-aoi-action-group><calcite-action id=charts-config-scatter-plot-aoi-line icon=line .text=${this.commonStrings.imageryAoiToolsStrings.polyline} title=${this._messages.draw.polyline ?? o} .active=${this.selectedTool === e.Polyline} @click=${() => this.handleAoiToolClick(e.Polyline)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-circle icon=circle .text=${this.commonStrings.imageryAoiToolsStrings.circle} title=${this._messages.draw.circle ?? o} .active=${this.selectedTool === e.Circle} @click=${() => this.handleAoiToolClick(e.Circle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-rectangle icon=rectangle .text=${this.commonStrings.imageryAoiToolsStrings.rectangle} title=${this._messages.draw.rectangle ?? o} .active=${this.selectedTool === e.Rectangle} @click=${() => this.handleAoiToolClick(e.Rectangle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-polygon icon=polygon .text=${this.commonStrings.imageryAoiToolsStrings.polygon} title=${this._messages.draw.polygon ?? o} .active=${this.selectedTool === e.Polygon} @click=${() => this.handleAoiToolClick(e.Polygon)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-freehand-area icon=freehand-area .text=${this.commonStrings.imageryAoiToolsStrings.freehandPolygon} title=${this._messages.draw.freehandPolygon ?? o} .active=${this.selectedTool === e.FreehandPolygon} @click=${() => this.handleAoiToolClick(e.FreehandPolygon)}></calcite-action></calcite-action-group>`;
+    return d`<calcite-action-group layout=horizontal id=charts-config-scatter-plot-aoi-action-group><calcite-action id=charts-config-scatter-plot-aoi-line icon=line .text=${this.commonStrings.imageryAoiToolsStrings.polyline} title=${this._messages.draw.polyline ?? o} .active=${this.selectedTool === e.Polyline} @click=${() => this.handleAoiToolClick(e.Polyline)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-circle icon=circle .text=${this.commonStrings.imageryAoiToolsStrings.circle} title=${this._messages.draw.circle ?? o} .active=${this.selectedTool === e.Circle} @click=${() => this.handleAoiToolClick(e.Circle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-rectangle icon=rectangle .text=${this.commonStrings.imageryAoiToolsStrings.rectangle} title=${this._messages.draw.rectangle ?? o} .active=${this.selectedTool === e.Rectangle} @click=${() => this.handleAoiToolClick(e.Rectangle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-polygon icon=polygon .text=${this.commonStrings.imageryAoiToolsStrings.polygon} title=${this._messages.draw.polygon ?? o} .active=${this.selectedTool === e.Polygon} @click=${() => this.handleAoiToolClick(e.Polygon)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-freehand-area icon=freehand-area .text=${this.commonStrings.imageryAoiToolsStrings.freehandPolygon} title=${this._messages.draw.freehandPolygon ?? o} .active=${this.selectedTool === e.FreehandPolygon} @click=${() => this.handleAoiToolClick(e.FreehandPolygon)}></calcite-action></calcite-action-group>`;
   }
 }
-a("arcgis-charts-config-scatter-plot-aoi", m);
+h("arcgis-charts-config-scatter-plot-aoi", p);
 export {
-  m as ArcgisChartsConfigScatterplotAoi
+  p as ArcgisChartsConfigScatterplotAoi
 };

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

@@ -5,11 +5,11 @@ import { f as n, g as d } from "../../chunks/interfaces.js";
 import { d as M, a as m } from "../../chunks/store.js";
 import { i as v, m as g, U as y, n as L, D as w, s as u } from "../../chunks/chart-ui-utils.js";
 import { i as $ } from "../../chunks/type-guards.js";
-import { u as x } from "../../chunks/useT9n.js";
+import { u as I } from "../../chunks/useT9n.js";
 import { css as _, html as r } from "lit";
 import { createRef as h, ref as c } from "lit/directives/ref.js";
-import { LitElement as V, createEvent as I, renderElement as D, safeClassMap as t, safeStyleMap as C } from "@arcgis/lumina";
-import { cA as N } from "../../chunks/index.js";
+import { LitElement as V, createEvent as x, renderElement as D, safeClassMap as t, safeStyleMap as C } from "@arcgis/lumina";
+import { cB as N } from "../../chunks/index.js";
 import { ah as R, E, r as G } from "../../chunks/index3.js";
 import { b } from "../../chunks/index2.js";
 import { r as T } from "../../chunks/popover-ui-utils.js";
@@ -27,10 +27,10 @@ const s = {
   dimText: "dim-text",
   aoiTools: "aoi-tools",
   currentAoiBlock: "current-aoi-block"
-}, K = _`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.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}.aoi-tools{margin-top:0;margin-bottom:var(--arcgis-charts-config-margin-minor);margin-inline:var(--arcgis-charts-config-margin-minor);width:fit-content;border:1px solid var(--arcgis-charts-border)}.current-aoi-block{margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
+}, K = _`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.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}.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}.aoi-tools{margin-top:0;margin-bottom:var(--arcgis-charts-config-margin-major);margin-inline:var(--arcgis-charts-config-margin-minor);background:var(--calcite-color-foreground-1)}.current-aoi-block{margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class O extends V {
   constructor() {
-    super(...arguments), this._messages = x(), this.commonStrings = x({ name: "common", blocking: !0 }), this.scatterplotPopover = null, this.selectColorElement = h(), this.selectTrendLineElement = h(), this.xAxisElement = h(), this.yAxisElement = h(), this.tooltipFieldElement = h(), this.sizeVariableElement = h(), this.colorModeElement = h(), this.symbolSizeModeElement = h(), this.minSizeInputElement = h(), this.maxSizeInputElement = h(), this.items = [], this.setTrendLineSymbol = (e) => {
+    super(...arguments), this._messages = I(), this.commonStrings = I({ name: "common", blocking: !0 }), this.scatterplotPopover = null, this.selectColorElement = h(), this.selectTrendLineElement = h(), this.xAxisElement = h(), this.yAxisElement = h(), this.tooltipFieldElement = h(), this.sizeVariableElement = h(), this.colorModeElement = h(), this.symbolSizeModeElement = h(), this.minSizeInputElement = h(), this.maxSizeInputElement = h(), this.items = [], this.setTrendLineSymbol = (e) => {
       const i = e.detail;
       this.model.linearTrendSymbol = A(i);
     }, this.setFixedSymbolRGBAColor = (e) => {
@@ -85,7 +85,7 @@ class O extends V {
     }, this.segmentedControlRef = (e) => {
       e && (e.focus = () => {
       }, this.items.push(e));
-    }, this.isAoiEnabled = !1, this.isFixedSymbolSizeInvalid = !1, this.isMaxSizeInvalid = !1, this.isMinSizeInvalid = !1, this.layerFieldsInfo = [], this.isTableLayer = !1, this.arcgisChartsConfigDataChangeError = I(), this.arcgisChartsConfigScatterplotPopoverChange = I();
+    }, this.isAoiEnabled = !1, this.isFixedSymbolSizeInvalid = !1, this.isMaxSizeInvalid = !1, this.isMinSizeInvalid = !1, this.layerFieldsInfo = [], this.isTableLayer = !1, this.arcgisChartsConfigDataChangeError = x(), this.arcgisChartsConfigScatterplotPopoverChange = x();
   }
   static {
     this.properties = { selectedElement: 16, selectedSizeType: 16, aoiGeometry: 16, aoiTool: 16, isAoiEnabled: 16, isFixedSymbolSizeInvalid: 16, isMaxSizeInvalid: 16, isMinSizeInvalid: 16, messageOverrides: 0, view: 0, model: 0, r2: 9, layerFieldsInfo: 0, isTableLayer: 5 };

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

@@ -5,7 +5,7 @@ import { u as r } from "../../chunks/useT9n.js";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
 import { LitElement as p, createEvent as a, safeClassMap as s } from "@arcgis/lumina";
 import { e as m } from "../../chunks/popover-ui-utils.js";
-import { b as d } from "../../chunks/type-guards.js";
+import { c as d } from "../../chunks/type-guards.js";
 import { M as e } from "../../chunks/common.js";
 const c = {
   selectChartComponent: "select-chart-component",