@arcgis/charts-components 6.0.0-next.5 → 6.0.0-next.7

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

@@ -4,8 +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, 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";
+import { i as d, c9 as c, ca as m, bA as f, l as g, cH as p, v as u } from "../../chunks/index.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 {
   constructor() {
@@ -48,7 +47,7 @@ class y extends n {
     if (s) {
       await f(s);
       const t = this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled;
-      this.layerFieldsInfo = u(s) ? g({ layer: s, popupTemplateFieldInfosEnabled: t, chartType: a?.type }) : p(s, t);
+      this.layerFieldsInfo = g(s) ? p({ layer: s, popupTemplateFieldInfosEnabled: t, chartType: a?.type }) : u(s, t);
     }
   }
   render() {

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

@@ -9,9 +9,8 @@ import { u as B } from "../../chunks/useT9n.js";
 import { css as N, html as c } from "lit";
 import { createRef as u, ref as v } from "lit/directives/ref.js";
 import { LitElement as F, createEvent as D, renderElement as _, safeStyleMap as O, safeClassMap as o } from "@arcgis/lumina";
-import { S as H, E as K } from "../../chunks/index3.js";
-import { b as A } from "../../chunks/index2.js";
-import { i as U } from "../../chunks/type-guards.js";
+import { S as H, E as K } from "../../chunks/index2.js";
+import { B as A, l as U } from "../../chunks/index.js";
 import { r as z } from "../../chunks/popover-ui-utils.js";
 import { b as R } from "../../chunks/rest-js-object-literals.js";
 import { s as b } from "../../chunks/chart-object-literals.js";

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

@@ -10,9 +10,8 @@ import { LitElement as b, createEvent as p, safeClassMap as o } from "@arcgis/lu
 import { b as $ } from "../../chunks/rest-js-object-literals.js";
 import { s } from "../../chunks/chart-object-literals.js";
 import { e as P } from "../../chunks/popover-ui-utils.js";
-import { b as S } from "../../chunks/index2.js";
-import { aQ as k } from "../../chunks/index.js";
-import { r as T } from "../../chunks/index3.js";
+import { b3 as S, B as k } from "../../chunks/index.js";
+import { r as T } from "../../chunks/index2.js";
 const l = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",
@@ -44,7 +43,7 @@ class x extends b {
     if (e === i.numericFields)
       for (let r = 0; r < this.layerFieldsInfo?.length; r += 1) {
         const a = this.layerFieldsInfo[r];
-        k(a) && n.push(c(a.name, t`<calcite-list-item .label=${S(this.layerFieldsInfo, a.name)} .value=${a.name} .selected=${this.selectedNumericField === a.name}></calcite-list-item>`));
+        S(a) && n.push(c(a.name, t`<calcite-list-item .label=${k(this.layerFieldsInfo, a.name)} .value=${a.name} .selected=${this.selectedNumericField === a.name}></calcite-list-item>`));
       }
     else {
       const r = [

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 { bM as c, bN as m, u as f, aQ as g, aR as p } from "../../chunks/index.js";
+import { c9 as c, ca as m, v as f, b3 as g, b4 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-data/customElement.js

@@ -10,9 +10,8 @@ import { d as p, a as c, r as C, b as T } from "../../chunks/store.js";
 import { isEqual as S } from "es-toolkit/compat";
 import { x as E } from "../../chunks/data.js";
 import { d, e as y, h as g } from "../../chunks/chart-object-literals.js";
-import { J as L, K as P } from "../../chunks/index3.js";
-import { b, p as w } from "../../chunks/index2.js";
-import { t as $, aR as _ } from "../../chunks/index.js";
+import { J as L, K as P } from "../../chunks/index2.js";
+import { u as $, B as b, b4 as w, c7 as _ } from "../../chunks/index.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";
 const D = 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);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}.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",
@@ -136,7 +135,7 @@ class U extends I {
   }
   shouldShowTimeBinning() {
     const e = this.layerFieldsInfo.find((i) => i.name === this.model.xAxisField), t = this.model.aggregationType !== d.NoAggregation;
-    return e !== void 0 && _(e) && t;
+    return e !== void 0 && w(e) && t;
   }
   setupPopover(e) {
     e.stopImmediatePropagation(), this.removeLineChartDataPopover();
@@ -188,7 +187,7 @@ class U extends I {
     return r`<calcite-list label class=${s(n.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   renderInterval() {
-    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = w(this.model.temporalBinningUnit ?? y.Second, this._messages) ?? "", a = T(c), o = {
+    const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = _(this.model.temporalBinningUnit ?? y.Second, this._messages) ?? "", a = T(c), o = {
       size: this.model.temporalBinningSize,
       unit: this.model.temporalBinningUnit
     }, v = S(o, a);

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

@@ -12,9 +12,8 @@ import { c as $, b as F, e as d, f as I, s as T } from "../../chunks/chart-ui-ut
 import { d as x } from "../../chunks/rest-js-object-literals.js";
 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 { bL as N, aQ as L, aR as K, a_ as B } from "../../chunks/index.js";
+import { J as E, K as S } from "../../chunks/index2.js";
+import { B as z, c8 as w, b3 as L, b4 as N, bi as K, c7 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 +73,7 @@ class H extends k {
       case a.xAxisField: {
         for (let l = 0; l < t; l += 1) {
           const i = this.layerFieldsInfo?.[l];
-          i && (L(i) || K(i) || B(i)) && s.push(this.buildPickListItem(i));
+          i && (L(i) || N(i) || K(i)) && s.push(this.buildPickListItem(i));
         }
         break;
       }
@@ -83,7 +82,7 @@ class H extends k {
         s.push(l);
         for (let i = 0; i < t; i += 1) {
           const m = this.layerFieldsInfo?.[i];
-          m && (N(m) || m.type === x.String) && s.push(this.buildPickListItem(m));
+          m && (w(m) || m.type === x.String) && s.push(this.buildPickListItem(m));
         }
         break;
       }
@@ -152,7 +151,7 @@ class H extends k {
       c.Month,
       c.Year
     ];
-    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${T(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${w(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
+    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${T(e?.size, 1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType ?? ""} ${p(this.intervalTypeElement)}>${t.map((s) => n`<calcite-option .value=${s} .label=${B(s, this._messages)} .selected=${e?.unit === s}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(r.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`;
   }
   renderPopoverInfo() {
     let e;

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 import { keyed as u } from "lit/directives/keyed.js";
-import { LitElement as I, renderElement as $, safeStyleMap as L } from "@arcgis/lumina";
-import { css as x, html as o } from "lit";
+import { LitElement as I, renderElement as $, safeStyleMap as x } from "@arcgis/lumina";
+import { css as L, html as o } from "lit";
 import { repeat as P } from "lit/directives/repeat.js";
 import { u as y } from "../../chunks/useT9n.js";
 import { j as b } from "../../chunks/chart-ui-utils.js";
-import { a as M } from "../../chunks/index2.js";
+import { x as M } from "../../chunks/index.js";
 import { r as d } from "../../chunks/popover-ui-utils.js";
-const O = x`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
+const O = L`: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 I {
   constructor() {
     super(...arguments), this._messages = y(), this.seriesPopover = null, this.open = !1, this.seriesNameChange = (e) => {
@@ -72,7 +72,7 @@ class k extends I {
         const [C, p, S, v] = [...l];
         n = `rgba(${C},${p},${S},${v / 255})`;
       }
-      return o`<calcite-list-item .label=${h ?? r ?? ""} .description=${c} .value=${r} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${L({ color: n })}></calcite-icon></calcite-list-item>`;
+      return o`<calcite-list-item .label=${h ?? r ?? ""} .description=${c} .value=${r} .selected=${this.selectedSeriesIndex === i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${a} style=${x({ color: n })}></calcite-icon></calcite-list-item>`;
     });
   }
   buildSeriesList() {

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

@@ -6,7 +6,7 @@ import { u as y } from "../../chunks/useT9n.js";
 import { createRef as a, ref as o } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as l, nothing as c } from "@arcgis/lumina";
 import { e as I } from "../../chunks/popover-ui-utils.js";
-import { r as b } from "../../chunks/index3.js";
+import { r as b } from "../../chunks/index2.js";
 import { R as i } from "../../chunks/rest-js-object-literals.js";
 const n = {
   sizeSection: "size-section",

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

@@ -4,7 +4,7 @@ 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 { bM as I, bN as F, u as v } from "../../chunks/index.js";
+import { c9 as I, ca as F, v } from "../../chunks/index.js";
 import { b } from "../../chunks/rest-js-object-literals.js";
 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 {

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

@@ -7,8 +7,7 @@ import { css as u, html as s } from "lit";
 import { createRef as n, ref as c } from "lit/directives/ref.js";
 import { LitElement as b, createEvent as h, renderElement as v, safeClassMap as o } from "@arcgis/lumina";
 import { x as y } from "../../chunks/data.js";
-import { b as m } from "../../chunks/index2.js";
-import { x as g, t as F } from "../../chunks/index.js";
+import { A as m, B as g, u as F } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
 import { d as P } from "../../chunks/chart-object-literals.js";
 const l = {
@@ -28,11 +27,11 @@ class E extends b {
               break;
             case r.category: {
               const a = t[0]?.trim() || "", d = this.model.numericFields;
-              d.length > 1 && a !== g && (this.model.numericFields = [d[0]]), this.model.category = a, this.model.colorMatch = !0;
+              d.length > 1 && a !== m && (this.model.numericFields = [d[0]]), this.model.category = a, this.model.colorMatch = !0;
               break;
             }
             case r.numericFields:
-              (t.length > 1 || t.length > 0 && this.model.category.trim() === "") && (this.model.category = g), this.model.numericFields = t;
+              (t.length > 1 || t.length > 0 && this.model.category.trim() === "") && (this.model.category = m), this.model.numericFields = t;
               break;
             case r.sortOrder:
               this.model.setDataSortOrder(t[0]);
@@ -70,7 +69,7 @@ class E extends b {
     i?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   buildNumericFieldItem(e) {
-    return f(e, s`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
+    return f(e, s`<calcite-list-item .label=${g(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
   }
   onSortOrderSelect(e) {
     this.contentKind = r.sortOrder, this.setupPopover(e);
@@ -108,7 +107,7 @@ class E extends b {
     return y({
       fieldName: this.model.category,
       fieldList: this.layerFieldsInfo
-    }) ? "" : m(this.layerFieldsInfo, this.model.category);
+    }) ? "" : g(this.layerFieldsInfo, this.model.category);
   }
   removePieChartDataPopover() {
     this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = $(this.pieChartPopover));

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

@@ -1,18 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as v } from "../../chunks/runtime.js";
-import { repeat as h } from "lit/directives/repeat.js";
+import { repeat as m } from "lit/directives/repeat.js";
 import { keyed as g } from "lit/directives/keyed.js";
 import { isEqual as k } from "es-toolkit/compat";
 import { P as o } from "../../chunks/interfaces.js";
 import { p as f, b as $, e as d, f as P } from "../../chunks/chart-ui-utils.js";
 import { u } from "../../chunks/useT9n.js";
 import { css as L, html as n } from "lit";
-import { createRef as C, ref as m } from "lit/directives/ref.js";
+import { createRef as C, ref as h } from "lit/directives/ref.js";
 import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
 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 { bL as S, aQ as T } from "../../chunks/index.js";
+import { J as D } from "../../chunks/index2.js";
+import { B as x, c8 as S, b3 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 = {
@@ -51,11 +50,11 @@ class A extends y {
     this.pickListHasChanged = I(e, t);
   }
   buildAggregationPickListItems() {
-    return h(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${d(e, this.selectedContent)}></calcite-list-item>`);
+    return m(f, (e) => e, (e, t) => n`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${d(e, this.selectedContent)}></calcite-list-item>`);
   }
   buildSortOrder() {
     const e = Object.keys(r);
-    return e.splice(e.indexOf(r.customSort), 1), h(e, (t) => t, (t) => {
+    return e.splice(e.indexOf(r.customSort), 1), m(e, (t) => t, (t) => {
       let i = "string";
       const c = "rotate";
       let a = "";
@@ -134,11 +133,11 @@ class A extends y {
   }
   renderCategory() {
     const e = this.buildPickListItems(o.category);
-    return n`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${l(s.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${h(this.picklist)}>${e}</calcite-list>`;
   }
   renderNumericFields() {
     const e = this.buildPickListItems(o.numericFields);
-    return n`<calcite-list label class=${l(s.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`;
+    return n`<calcite-list label class=${l(s.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${h(this.picklist)}>${e}</calcite-list>`;
   }
   renderSortOrder() {
     const e = this.buildSortOrder();
@@ -164,7 +163,7 @@ class A extends y {
   }
   render() {
     let e;
-    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>`;
+    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 ${h(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", A);

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

@@ -8,7 +8,7 @@ import { css as G, html as d, nothing as w } from "lit";
 import { createRef as m, ref as g } from "lit/directives/ref.js";
 import { LitElement as z, renderElement as S, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
 import { b as h } from "../../chunks/common.js";
-import { a5 as I, p as y } from "../../chunks/index3.js";
+import { U as I, p as y } from "../../chunks/index2.js";
 import { r as P } from "../../chunks/popover-ui-utils.js";
 import { b as M } from "../../chunks/rest-js-object-literals.js";
 const a = {

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

@@ -5,7 +5,7 @@ import { u as m } from "../../chunks/useT9n.js";
 import { createRef as d, ref as g } from "lit/directives/ref.js";
 import { LitElement as C, createEvent as s, safeClassMap as r } from "@arcgis/lumina";
 import { e as v } from "../../chunks/popover-ui-utils.js";
-import { r as f } from "../../chunks/index3.js";
+import { r as f } from "../../chunks/index2.js";
 const c = {
   panelChildrenContainer: "panel-children-container"
 }, u = 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)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`;

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

@@ -4,10 +4,9 @@ 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 { 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 {
+import { c9 as h, ca as p, bA as f, l as g, cH as m, v as u, b9 as y } from "../../chunks/index.js";
+const F = 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 b extends n {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const t = e?.detail.config ?? this.model.config;
@@ -18,7 +17,7 @@ class F extends n {
     this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, r2: 9, calculatedDataMinMaxBounds: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, view: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
   }
   static {
-    this.styles = b;
+    this.styles = F;
   }
   async load() {
     await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model);
@@ -43,14 +42,14 @@ class F extends n {
     if (t) {
       await f(t);
       const i = this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled;
-      this.layerFieldsInfo = y(t) ? g({ layer: t, popupTemplateFieldInfosEnabled: i, chartType: a?.type }) : m(t, i);
+      this.layerFieldsInfo = g(t) ? m({ layer: t, popupTemplateFieldInfosEnabled: i, chartType: a?.type }) : u(t, i);
     }
   }
   render() {
     let e;
     switch (this.page) {
       case o.Data:
-        const a = u(this.layer), t = a && "isTable" in a ? a.isTable : !1;
+        const a = y(this.layer), t = a && "isTable" in a ? a.isTable : !1;
         e = s`<arcgis-charts-config-scatter-plot-data .view=${this.view} .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${t}></arcgis-charts-config-scatter-plot-data>`;
         break;
       case o.Axes:
@@ -72,7 +71,7 @@ class F extends n {
     return e;
   }
 }
-r("arcgis-charts-config-scatter-plot", F);
+r("arcgis-charts-config-scatter-plot", b);
 export {
-  F as ArcgisChartsConfigScatterplot
+  b as ArcgisChartsConfigScatterplot
 };

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

@@ -4,7 +4,7 @@ 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";
+import { c_ as r, c$ as n } from "../../chunks/index.js";
 const e = {
   Circle: "circle",
   FreehandPolygon: "freehandPolygon",

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

@@ -4,14 +4,12 @@ import { cloneDeep as A, isEmpty as k, toNumber as z } from "es-toolkit/compat";
 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 { l as $, B as b, d0 as _ } from "../../chunks/index.js";
 import { u as I } from "../../chunks/useT9n.js";
-import { css as _, html as r } from "lit";
+import { css as V, html as r } from "lit";
 import { createRef as h, ref as c } from "lit/directives/ref.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 { LitElement as D, createEvent as x, renderElement as N, safeClassMap as t, safeStyleMap as C } from "@arcgis/lumina";
+import { ah as R, E, r as G } from "../../chunks/index2.js";
 import { r as T } from "../../chunks/popover-ui-utils.js";
 import { b as P } from "../../chunks/rest-js-object-literals.js";
 import { a as f } from "../../chunks/chart-object-literals.js";
@@ -27,8 +25,8 @@ 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-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 {
+}, K = V`.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 D {
   constructor() {
     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;
@@ -230,7 +228,7 @@ class O extends V {
         this.contentKind = n.none, this.removeScatterplotPopover();
         break;
     }
-    this.scatterplotPopover = D(r`<arcgis-charts-config-scatter-plot-popover .headingTitle=${o} .referenceElement=${l} open .contentKind=${this.contentKind} .layerFieldsInfo=${i} .selectedContent=${a} .placement=${p} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`), !document.body.contains(this.scatterplotPopover) && this.scatterplotPopover !== null && document.body.appendChild(this.scatterplotPopover);
+    this.scatterplotPopover = N(r`<arcgis-charts-config-scatter-plot-popover .headingTitle=${o} .referenceElement=${l} open .contentKind=${this.contentKind} .layerFieldsInfo=${i} .selectedContent=${a} .placement=${p} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`), !document.body.contains(this.scatterplotPopover) && this.scatterplotPopover !== null && document.body.appendChild(this.scatterplotPopover);
   }
   removeScatterplotPopover() {
     this.scatterplotPopover !== null && (this.scatterplotPopover = T(this.scatterplotPopover)), this.selectedElement = void 0;
@@ -294,7 +292,7 @@ class O extends V {
     return r`<div class=${t(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === d.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${t(s.label)}>${this._messages.color}${!this.isTableLayer && !e ? r`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${c(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${c(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${c(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>` : null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch && !this.isTableLayer && !e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${c(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${C({ color: `rgba(${i},${l},${o},${a / 255})` })} class=${t(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
   }
   renderDefineAnAoiSection() {
-    const e = $(this.model.layer), i = this.aoiTool ?? N(this.aoiGeometry), l = i ? this.commonStrings.imageryAoiToolsStrings[i] : "";
+    const e = $(this.model.layer), i = this.aoiTool ?? _(this.aoiGeometry), l = i ? this.commonStrings.imageryAoiToolsStrings[i] : "";
     return e ? r`<h3 class=${t(s.sectionLabel)}>${this._messages.defineAnAoi}</h3><div class=${t(s.sectionContainer)}><arcgis-charts-config-scatter-plot-aoi class=${t(s.aoiTools)} .view=${this.view} @arcgisImageryScatterplotAoiChange=${this.handleImageryScatterplotAoiChange}></arcgis-charts-config-scatter-plot-aoi><calcite-label class=${t(s.label)} layout=inline-space-between>${this._messages.useAoi}<calcite-switch class=${t(s.switchElement)} id=charts-config-scatter-plot-aoi-use-switch .checked=${this.isAoiEnabled && !!this.aoiGeometry} .disabled=${!this.aoiGeometry} @calciteSwitchChange=${this.handleImageryScatterplotToggleUseAoi}></calcite-switch></calcite-label><calcite-block class=${t(s.currentAoiBlock)} expanded .hidden=${!this.isAoiEnabled || !this.aoiGeometry}><calcite-label>${this._messages.currentAoi}</calcite-label><calcite-label layout=inline-space-between scale=s>${l}<calcite-button id=charts-config-scatter-plot-aoi-delete icon-start=trash appearance=transparent scale=s .disabled=${!this.aoiGeometry} @click=${this.handleImageryScatterplotAoiDeleteClick}></calcite-button></calcite-label></calcite-block></div>` : null;
   }
   render() {

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

@@ -9,8 +9,7 @@ import { createRef as h, ref as d } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as l, safeClassMap as r } from "@arcgis/lumina";
 import { b as m } from "../../chunks/rest-js-object-literals.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
-import { b as P } from "../../chunks/index2.js";
-import { aQ as b } from "../../chunks/index.js";
+import { b3 as P, B as b } from "../../chunks/index.js";
 const n = {
   scatterplotPopover: "scatter-plot-popover",
   fillColor: "fill-color",
@@ -61,8 +60,8 @@ class k extends S {
     (this.contentKind === a.sizeVariable || this.contentKind === a.additionalTooltipFields) && t.push(c(" ", o`<calcite-list-item label=" " value=" " .selected=${p("", this.selectedContent)}></calcite-list-item>`));
     for (let i = 0; i < e; i += 1) {
       const s = this.layerFieldsInfo?.[i] ?? void 0;
-      if (s !== void 0 && (this.contentKind === a.additionalTooltipFields || b(s))) {
-        const C = P(this.layerFieldsInfo, s.name);
+      if (s !== void 0 && (this.contentKind === a.additionalTooltipFields || P(s))) {
+        const C = b(this.layerFieldsInfo, s.name);
         t.push(c(s.name, o`<calcite-list-item .label=${C} .value=${s.name} .selected=${p(s.name, this.selectedContent)}></calcite-list-item>`));
       }
     }

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

@@ -1,42 +1,38 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { css as o, html as i } from "lit";
-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 { c as d } from "../../chunks/type-guards.js";
+import { c as o } from "../../chunks/runtime.js";
+import { css as r, html as t } from "lit";
+import { u as n } from "../../chunks/useT9n.js";
+import { createRef as p, ref as h } from "lit/directives/ref.js";
+import { LitElement as m, createEvent as a, safeClassMap as l } from "@arcgis/lumina";
+import { e as d } from "../../chunks/popover-ui-utils.js";
+import { a as s } from "../../chunks/chart-object-literals.js";
 import { M as e } from "../../chunks/common.js";
 const c = {
   selectChartComponent: "select-chart-component",
   panel: "panel"
-}, g = o`.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
-class C extends p {
+}, C = r`.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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`;
+class g extends m {
   constructor() {
-    super(...arguments), this._messages = r(), this.selectChartTypePopover = n(), this.open = !1, this.arcgisChartsConfigPopoverClose = a(), this.arcgisChartsConfigSelectChartTypeChange = a();
+    super(...arguments), this._messages = n(), this.selectChartTypePopover = p(), this.open = !1, this.arcgisChartsConfigPopoverClose = a(), this.arcgisChartsConfigSelectChartTypeChange = a();
   }
   static {
-    this.properties = { messageOverrides: 0, headerTitle: 1, layerId: 1, layerType: 1, isRasterBarChartSupported: 5, open: 5, referenceElement: 0, popoverPlacement: 1, selectedModelType: 1 };
+    this.properties = { messageOverrides: 0, headerTitle: 1, layerId: 1, layerType: 1, supportedChartTypes: 0, open: 5, referenceElement: 0, popoverPlacement: 1, selectedModelType: 1 };
   }
   static {
-    this.styles = g;
+    this.styles = C;
   }
   async reposition() {
     await this.selectChartTypePopover.value?.reposition();
   }
   updated() {
-    m(this.selectChartTypePopover.value, this.open);
-  }
-  buildRasterChartTypesList() {
-    const t = this.isRasterBarChartSupported === !0;
-    return i`<calcite-list label @click=${this.onChartTypeClick}>${t ? i`<calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType === e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item>` : null}<calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType === e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType === e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item></calcite-list>`;
+    d(this.selectChartTypePopover.value, this.open);
   }
   buildChartTypesList() {
-    let t;
-    return d(this.layerType) ? t = this.buildRasterChartTypesList() : t = i`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType === e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType === e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType === e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType === e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType === e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType === e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.calendarHeatChart} .value=${e.HeatChart} .selected=${this.selectedModelType === e.HeatChart}><calcite-icon slot=content-start icon=calendar-heat-chart></calcite-icon></calcite-list-item></calcite-list>`, t;
+    let i;
+    return i = t`<calcite-list label @click=${this.onChartTypeClick}>${this.supportedChartTypes?.includes(s.BarSeries) ? t`<calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType === e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.LineSeries) ? t`<calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType === e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.PieSeries) ? t`<calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType === e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.HistogramSeries) ? t`<calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType === e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.ScatterSeries) ? t`<calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType === e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.BoxPlotSeries) ? t`<calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType === e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item>` : null}${this.supportedChartTypes?.includes(s.HeatSeries) ? t`<calcite-list-item .label=${this._messages.calendarHeatChart} .value=${e.HeatChart} .selected=${this.selectedModelType === e.HeatChart}><calcite-icon slot=content-start icon=calendar-heat-chart></calcite-icon></calcite-list-item>` : null}</calcite-list>`, i;
   }
-  onChartTypeClick(t) {
-    t.target?.localName === "calcite-list-item" ? this.selectedModelType = t.target?.value : this.selectedModelType = t.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
+  onChartTypeClick(i) {
+    i.target?.localName === "calcite-list-item" ? this.selectedModelType = i.target?.value : this.selectedModelType = i.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
   }
   popoverOpen() {
     setTimeout(() => {
@@ -49,12 +45,12 @@ class C extends p {
     }, 250);
   }
   render() {
-    return i`<div class=${s({
+    return t`<div class=${l({
       [c.selectChartComponent]: !0
-    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${h(this.selectChartTypePopover)}><calcite-panel class=${s(c.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
+    })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top", "bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${h(this.selectChartTypePopover)}><calcite-panel class=${l(c.panel)} .heading=${this.headerTitle ?? this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`;
   }
 }
-l("arcgis-charts-config-select-chart-type-popover", C);
+o("arcgis-charts-config-select-chart-type-popover", g);
 export {
-  C as ArcgisChartsConfigSelectChartTypePopover
+  g as ArcgisChartsConfigSelectChartTypePopover
 };