@arcgis/charts-components 5.2.0-next.7 → 5.2.0-next.9

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

@@ -4,7 +4,7 @@ import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { isEqual as r } from "lodash-es";
 import { C as t } from "../../chunks/interfaces.js";
-import { ac as h, bu as f, I as p, ba as g } from "../../chunks/index2.js";
+import { ac as h, bw as f, I as p, bb as g } from "../../chunks/index2.js";
 import { p as m, h as u } from "../../chunks/index5.js";
 const C = c`:host{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-bar-chart-data/customElement.js

@@ -12,7 +12,7 @@ import { createRef as c, ref as m } from "lit/directives/ref.js";
 import { LitElement as U, createEvent as b, safeClassMap as l, renderElement as V } from "@arcgis/lumina";
 import { d as S, f as z, F as M, C as F, m as R } from "../../chunks/index3.js";
 import { x as K } from "../../chunks/data.js";
-import { an as B, k as j, Y as A, ba as H } from "../../chunks/index2.js";
+import { an as B, k as j, Y as A, bb as H } from "../../chunks/index2.js";
 import { t as q, ag as W } from "../../chunks/index.js";
 import { r as Z } from "../../chunks/popover-ui-utils.js";
 import { r as d, s as L, u as C, m as f } from "../../chunks/chart-object-literals.js";

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

@@ -15,7 +15,7 @@ import { t as u, r as N, s as p } from "../../chunks/chart-object-literals.js";
 import { S as m } from "../../chunks/common.js";
 import { e as w, p as B } from "../../chunks/popover-ui-utils.js";
 import { t as K, ag as _ } from "../../chunks/index.js";
-import { a2 as j, bg as I, ba as O, bs as H, bj as M } from "../../chunks/index2.js";
+import { a2 as O, bh as I, bb as j, bu as H, bk as M } from "../../chunks/index2.js";
 import { d as U, m as W } from "../../chunks/index3.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}.pick-list-item-label{font-size:small}.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 = {
   jsAppFlyout: "js-app-flyout",
@@ -64,7 +64,7 @@ class q extends S {
   }
   createTooltip(e) {
     if (e.target?.label === this._messages.customSort && this.isCustomSortDisabled) {
-      const t = e.target, i = j(t), s = new Intl.NumberFormat(i).format(L.customSortLimit), r = P(this._messages.customSortLimit ?? "", {
+      const t = e.target, i = O(t), s = new Intl.NumberFormat(i).format(L.customSortLimit), r = P(this._messages.customSortLimit ?? "", {
         totalLimit: s
       });
       this.tooltip = T(a`<calcite-tooltip style=${A({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
@@ -121,7 +121,7 @@ class q extends S {
         i.push(l);
         for (let s = 0; s < t; s += 1) {
           const r = this.layerFieldsInfo?.[s];
-          r && (r.type === k.String || I(r) || O(r) || H(r)) && i.push(this.buildPickListItem(r));
+          r && (r.type === k.String || I(r) || j(r) || H(r)) && i.push(this.buildPickListItem(r));
         }
         break;
       }

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

@@ -11,7 +11,7 @@ import { createRef as f, ref as m } from "lit/directives/ref.js";
 import { LitElement as I, createEvent as g, renderElement as x, 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 { bg as b, bj as E, a2 as w } from "../../chunks/index2.js";
+import { bh as b, bk as E, a2 as w } from "../../chunks/index2.js";
 import { d as B } from "../../chunks/index3.js";
 import { R as C } from "../../chunks/rest-js-object-literals.js";
 const o = {

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

@@ -10,12 +10,12 @@ import { C as n } from "../../chunks/interfaces.js";
 import { isEqual as D } from "lodash-es";
 import { i as F } from "../../chunks/index4.js";
 import { D as E, w as k, F as O } from "../../chunks/index3.js";
-import { LitElement as W, createEvent as f, renderElement as L, safeStyleMap as X, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as W, createEvent as f, renderElement as L, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
 import { css as G, html as h } from "lit";
-import { createRef as Z, ref as K } from "lit/directives/ref.js";
+import { createRef as X, ref as K } from "lit/directives/ref.js";
 import { u as P } from "../../chunks/useT9n.js";
 import { c as j, a as x, g as q } from "../../chunks/store.js";
-import { d0 as Y, _ as Q, d1 as J, K as ee, bX as te } from "../../chunks/index2.js";
+import { d0 as Y, _ as Q, d1 as J, K as ee, bZ as te } from "../../chunks/index2.js";
 import { A as ae } from "../../chunks/axis-model-wrapper.js";
 import { h as ie, f as y } from "../../chunks/web-component-utils.js";
 import { a as se } from "../../chunks/chart-ui-utils2.js";
@@ -83,7 +83,7 @@ function pe(m, e) {
 const me = G`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
 class ue extends W {
   constructor() {
-    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = Z(), this.supportedChartTypes = [
+    super(), this.selectChartTypePopover = null, this.chartsListFlowItem = X(), this.supportedChartTypes = [
       o.BarSeries,
       o.BoxPlotSeries,
       o.LineSeries,
@@ -391,7 +391,7 @@ class ue extends W {
         t = "";
         break;
     }
-    this.tooltip = L(h`<calcite-tooltip style=${X({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = L(h`<calcite-tooltip style=${Z({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
     se(this.tooltip);

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

@@ -16,8 +16,8 @@ import { R as E } from "../../chunks/rest-js-object-literals.js";
 import { r as _, i as R, e as C } from "../../chunks/chart-object-literals.js";
 import { e as B } from "../../chunks/popover-ui-utils.js";
 import { t as N, aB as M } from "../../chunks/index.js";
-import { ba as H, bj as j } from "../../chunks/index2.js";
-const O = w`.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}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
+import { bb as H, bk as O } from "../../chunks/index2.js";
+const j = w`.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}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
   header: "header",
@@ -43,7 +43,7 @@ class q extends T {
     this.properties = { availableColorRamps: 16, selectedColorRampName: 16, selectedCategory: 16, aggregationLabels: 16, isFlipped: 5, model: 0, messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1, colorRamps: 0 };
   }
   static {
-    this.styles = O;
+    this.styles = j;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -71,7 +71,7 @@ class q extends T {
         a.push(i);
         for (let l = 0; l < t; l += 1) {
           const n = this.layerFieldsInfo?.[l];
-          n && j(n) && a.push(this.buildPickListItem(n));
+          n && O(n) && a.push(this.buildPickListItem(n));
         }
         break;
       }

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

@@ -4,7 +4,7 @@ import { isEqual as r } from "lodash-es";
 import { LitElement as n } from "@arcgis/lumina";
 import { css as h, html as t } from "lit";
 import { C as i } from "../../chunks/interfaces.js";
-import { ac as d, bu as c, I as m } from "../../chunks/index2.js";
+import { ac as d, bw as c, I as m } from "../../chunks/index2.js";
 import { p as f, h as g } from "../../chunks/index5.js";
 const p = 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 u extends n {

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

@@ -11,7 +11,7 @@ import { i as $ } from "../../chunks/rest-js-object-literals.js";
 import { g as l } from "../../chunks/chart-object-literals.js";
 import { e as P } from "../../chunks/popover-ui-utils.js";
 import { d as S } from "../../chunks/index3.js";
-import { bj as k } from "../../chunks/index2.js";
+import { bk as k } from "../../chunks/index2.js";
 import { aB as L } from "../../chunks/index.js";
 const i = {
   symbolPropertyPopover: "symbol-property-popover",

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

@@ -4,7 +4,7 @@ import { isEqual as a } from "lodash-es";
 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 { ac as c, I as m, bj as f, ba as g } from "../../chunks/index2.js";
+import { ac as c, I as m, bk as f, bb as g } from "../../chunks/index2.js";
 import { h as p } from "../../chunks/index5.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 {

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

@@ -12,7 +12,7 @@ import { x as E } from "../../chunks/data.js";
 import { r as c, s as f, m as h } from "../../chunks/chart-object-literals.js";
 import { t as L, ag as P } from "../../chunks/index.js";
 import { d as v, m as w } from "../../chunks/index3.js";
-import { an as C, ba as _ } from "../../chunks/index2.js";
+import { an as C, bb as _ } from "../../chunks/index2.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";
 const D = I`.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",

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

@@ -14,7 +14,7 @@ import { t as g, s as r } from "../../chunks/chart-object-literals.js";
 import { e as x, p as D } from "../../chunks/popover-ui-utils.js";
 import { t as E, ag as S } from "../../chunks/index.js";
 import { d as z, m as N } from "../../chunks/index3.js";
-import { bg as w, bj as $, ba as K, bs as B } from "../../chunks/index2.js";
+import { bh as w, bk as $, bb as K, bu as B } from "../../chunks/index2.js";
 const _ = 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}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, c = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -12,7 +12,7 @@ import { LitElement as P, createEvent as C, safeClassMap as o } from "@arcgis/lu
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
 import { t as D } from "../../chunks/index.js";
 import { d as x } from "../../chunks/index3.js";
-import { bg as S, bj as T } from "../../chunks/index2.js";
+import { bh as S, bk as T } from "../../chunks/index2.js";
 import { R as E } from "../../chunks/rest-js-object-literals.js";
 import { a as c } from "../../chunks/common.js";
 const l = {

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

@@ -4,7 +4,7 @@ import { isEqual as l } from "lodash-es";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as i } from "lit";
 import { C as s } from "../../chunks/interfaces.js";
-import { ac as h, bu as f, I as p, ak as g } from "../../chunks/index2.js";
+import { ac as h, bw as f, I as p, ak as g } from "../../chunks/index2.js";
 import { h as m } from "../../chunks/index5.js";
 const u = 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 y extends n {

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

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as P } from "../../chunks/runtime.js";
-import { cloneDeep as T, isEmpty as F, toNumber as $ } from "lodash-es";
-import { S as a, g as d } from "../../chunks/interfaces.js";
-import { d as L, a as m } from "../../chunks/store.js";
-import { i as f, m as g, n as A, s as y, D as k, U as u } from "../../chunks/chart-ui-utils2.js";
-import { c as M } from "../../chunks/type-guards.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { css as w, html as r } from "lit";
+import { c as F } from "../../chunks/runtime.js";
+import { cloneDeep as L, isEmpty as A, toNumber as v } from "lodash-es";
+import { S as n, g as d } from "../../chunks/interfaces.js";
+import { d as k, a as m } from "../../chunks/store.js";
+import { i as S, m as g, n as M, s as y, D as w, U as u } from "../../chunks/chart-ui-utils2.js";
+import { c as z } from "../../chunks/type-guards.js";
+import { u as C } 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 _, createEvent as z, renderElement as V, safeClassMap as i, safeStyleMap as C } from "@arcgis/lumina";
-import { _ as D, F as x, aB as N } from "../../chunks/index.js";
+import { LitElement as V, createEvent as x, renderElement as D, safeClassMap as i, safeStyleMap as E } from "@arcgis/lumina";
+import { _ as N, F as I, aB as R } from "../../chunks/index.js";
 import { d as b } from "../../chunks/index3.js";
-import { r as E } from "../../chunks/popover-ui-utils.js";
-import { i as I } from "../../chunks/rest-js-object-literals.js";
-import { u as S } from "../../chunks/chart-object-literals.js";
+import { r as P } from "../../chunks/popover-ui-utils.js";
+import { i as T } from "../../chunks/rest-js-object-literals.js";
+import { u as $ } from "../../chunks/chart-object-literals.js";
 const l = {
   label: "label",
   r2: "r2",
@@ -24,22 +24,22 @@ const l = {
   sectionContainer: "section-container",
   multiInputSection: "multi-input-section",
   dimText: "dim-text"
-}, R = w`.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}`;
-class K extends _ {
+}, 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}`;
+class X extends V {
   constructor() {
-    super(...arguments), this._messages = v(), this.commonStrings = v({ 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 = C(), this.commonStrings = C({ 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 t = e.detail;
-      this.model.linearTrendSymbol = T(t);
+      this.model.linearTrendSymbol = L(t);
     }, this.setFixedSymbolRGBAColor = (e) => {
-      const t = e.detail, [s, o, n] = t, p = N * 255;
+      const t = e.detail, [s, a, o] = t, p = R * 255;
       this.model.fixedMarkerSymbol = {
         ...this.model.fixedMarkerSymbol,
-        color: [s, o, n, p]
+        color: [s, a, o, p]
       };
     }, this.setXYField = (e) => {
       try {
         const t = e.detail;
-        L(m), this.contentKind === a.xAxisField ? this.model.xAxisField = t : this.model.yAxisField = t, this.removeScatterplotPopover();
+        k(m), this.contentKind === n.xAxisField ? this.model.xAxisField = t : this.model.yAxisField = t, this.removeScatterplotPopover();
       } catch (t) {
         throw t instanceof Error && this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
       }
@@ -51,7 +51,7 @@ class K extends _ {
         const t = e.detail;
         t ? this.model.sizePolicy = {
           ...this.model.sizePolicy,
-          type: S.SizePolicy,
+          type: $.SizePolicy,
           field: t
         } : this.model.sizePolicy = void 0, m.scatterplotData[m.selectedChartId] = {
           ...m.scatterplotData[m.selectedChartId],
@@ -61,17 +61,17 @@ class K extends _ {
         throw t instanceof Error && this.arcgisChartsConfigDataChangeError.emit({ error: t, model: this.model }), t;
       }
     }, this.closeScatterplotPopover = (e) => {
-      this.scatterplotPopover === e?.target && (this.contentKind = a.none, this.removeScatterplotPopover());
+      this.scatterplotPopover === e?.target && (this.contentKind = n.none, this.removeScatterplotPopover());
     }, this.onModelConfigChange = () => {
       this.requestUpdate();
       const { minSize: e, maxSize: t } = this.model.sizePolicy ?? {};
-      this.minSizeInputElement.value !== void 0 && e !== void 0 && (this.minSizeInputElement.value.value = `${e}`, f(this.minSizeInputElement.value.value, this.minSizeInputElement.value.min, this.minSizeInputElement.value.max) ? g({
+      this.minSizeInputElement.value !== void 0 && e !== void 0 && (this.minSizeInputElement.value.value = `${e}`, S(this.minSizeInputElement.value.value, this.minSizeInputElement.value.min, this.minSizeInputElement.value.max) ? g({
         inputElement: this.minSizeInputElement.value,
         status: u.IDLE
       }) : g({
         inputElement: this.minSizeInputElement.value,
         status: u.INVALID
-      })), this.maxSizeInputElement.value !== void 0 && t !== void 0 && (this.maxSizeInputElement.value.value = `${t}`, f(this.maxSizeInputElement.value.value, this.maxSizeInputElement.value.min, this.maxSizeInputElement.value.max) ? g({
+      })), this.maxSizeInputElement.value !== void 0 && t !== void 0 && (this.maxSizeInputElement.value.value = `${t}`, S(this.maxSizeInputElement.value.value, this.maxSizeInputElement.value.min, this.maxSizeInputElement.value.max) ? g({
         inputElement: this.maxSizeInputElement.value,
         status: u.IDLE
       }) : g({
@@ -81,16 +81,16 @@ class K extends _ {
     }, this.segmentedControlRef = (e) => {
       e && (e.focus = () => {
       }, this.items.push(e));
-    }, this.layerFieldsInfo = [], this.isTableLayer = !1, this.arcgisChartsConfigDataChangeError = z(), this.arcgisChartsConfigScatterplotPopoverChange = z();
+    }, this.layerFieldsInfo = [], this.isTableLayer = !1, this.arcgisChartsConfigDataChangeError = x(), this.arcgisChartsConfigScatterplotPopoverChange = x();
   }
   static {
     this.properties = { selectedElement: 16, selectedSizeType: 16, messageOverrides: 0, model: 0, r2: 9, layerFieldsInfo: 0, isTableLayer: 5 };
   }
   static {
-    this.styles = R;
+    this.styles = K;
   }
   load() {
-    this.modelChange(this.model), this.onModelConfigChange(), this.defaultR2Label = D(this.commonStrings);
+    this.modelChange(this.model), this.onModelConfigChange(), this.defaultR2Label = N(this.commonStrings);
   }
   willUpdate(e) {
     e.has("model") && (this.updateSymbolSizeInfoInAppState(), this.modelChange(this.model, e.get("model"))), e.has("selectedElement") && this.openPopover();
@@ -113,36 +113,36 @@ class K extends _ {
     });
   }
   openPopover() {
-    (typeof this.selectedElement == "string" || !F(this.selectedElement)) && this.setupPopover();
+    (typeof this.selectedElement == "string" || !A(this.selectedElement)) && this.setupPopover();
   }
   modelChange(e, t) {
     t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   setShowTrendLine(e) {
     const t = e.target.checked;
-    this.model.showLinearTrend = t, !t && this.contentKind === a.trendLine && this.closeScatterplotPopover(e);
+    this.model.showLinearTrend = t, !t && this.contentKind === n.trendLine && this.closeScatterplotPopover(e);
   }
   symbolSizeChange(e) {
     const t = e.target, { value: s } = t;
-    if (s !== void 0 && f(s, t.min, t.max)) {
-      const o = Number.parseInt(s), n = this.model.sizePolicy, p = this.model.fixedMarkerSymbol;
+    if (s !== void 0 && S(s, t.min, t.max)) {
+      const a = Number.parseInt(s), o = this.model.sizePolicy, p = this.model.fixedMarkerSymbol;
       switch (t.name) {
         case "fixed-symbol-size":
           p !== void 0 && (this.model.fixedMarkerSymbol = {
             ...p,
-            size: o
+            size: a
           });
           break;
         case "proportional-symbol-min-size":
-          n !== void 0 && (this.model.sizePolicy = {
-            ...n,
-            minSize: o
+          o !== void 0 && (this.model.sizePolicy = {
+            ...o,
+            minSize: a
           });
           break;
         case "proportional-symbol-max-size":
-          n !== void 0 && (this.model.sizePolicy = {
-            ...n,
-            maxSize: o
+          o !== void 0 && (this.model.sizePolicy = {
+            ...o,
+            maxSize: a
           });
           break;
       }
@@ -157,12 +157,12 @@ class K extends _ {
       });
   }
   symbolSizeRangeSliderInput(e) {
-    const t = e.target, { minValue: s, maxValue: o } = t, n = this.model.sizePolicy;
-    n !== void 0 && (this.model.sizePolicy = {
-      ...n,
+    const t = e.target, { minValue: s, maxValue: a } = t, o = this.model.sizePolicy;
+    o !== void 0 && (this.model.sizePolicy = {
+      ...o,
       minSize: s,
-      maxSize: o
-    }, this.minSizeInputElement.value !== void 0 && (this.minSizeInputElement.value.value = `${s}`), this.maxSizeInputElement.value !== void 0 && (this.maxSizeInputElement.value.value = `${o}`));
+      maxSize: a
+    }, this.minSizeInputElement.value !== void 0 && (this.minSizeInputElement.value.value = `${s}`), this.maxSizeInputElement.value !== void 0 && (this.maxSizeInputElement.value.value = `${a}`));
   }
   changeColorTypeToggle() {
     const e = this.colorModeElement.value?.selectedItem?.value;
@@ -174,62 +174,62 @@ class K extends _ {
     const t = m.scatterplotData[m.selectedChartId]?.sizePolicyField;
     e === d.Proportional && t !== void 0 ? this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: S.SizePolicy,
+      type: $.SizePolicy,
       field: t
     } : e === d.Fixed && (this.model.sizePolicy = {
       ...this.model.sizePolicy,
-      type: S.SizePolicy,
+      type: $.SizePolicy,
       field: ""
     });
   }
   changeElementStyle(e) {
     e.stopImmediatePropagation();
     let t = e.target;
-    t.localName === "calcite-icon" && (t = t.parentElement), t.value === "selectColor" ? (this.contentKind = a.symbol, this.selectedElement = this.model.fixedMarkerSymbol?.color) : t.value === "selectTrendLine" && (this.contentKind = a.trendLine, this.selectedElement = this.model.linearTrendSymbol);
+    t.localName === "calcite-icon" && (t = t.parentElement), t.value === "selectColor" ? (this.contentKind = n.symbol, this.selectedElement = this.model.fixedMarkerSymbol?.color) : t.value === "selectTrendLine" && (this.contentKind = n.trendLine, this.selectedElement = this.model.linearTrendSymbol);
   }
   onXVariableSelectChange(e) {
-    e.stopImmediatePropagation(), this.contentKind = a.xAxisField, this.selectedElement = this.model.xAxisField;
+    e.stopImmediatePropagation(), this.contentKind = n.xAxisField, this.selectedElement = this.model.xAxisField;
   }
   onYVariableSelectChange(e) {
-    e.stopImmediatePropagation(), this.contentKind = a.yAxisField, this.selectedElement = this.model.yAxisField;
+    e.stopImmediatePropagation(), this.contentKind = n.yAxisField, this.selectedElement = this.model.yAxisField;
   }
   onAdditionalTooltipFieldSelectChange(e) {
-    e.stopImmediatePropagation(), this.contentKind = a.additionalTooltipFields, this.selectedElement = this.model.additionalTooltipField?.[0] ?? "";
+    e.stopImmediatePropagation(), this.contentKind = n.additionalTooltipFields, this.selectedElement = this.model.additionalTooltipField?.[0] ?? "";
   }
   onSizeVariableSelectChange(e) {
-    e.stopImmediatePropagation(), this.contentKind = a.sizeVariable, this.selectedElement = this.model.sizePolicy?.field ?? "";
+    e.stopImmediatePropagation(), this.contentKind = n.sizeVariable, this.selectedElement = this.model.sizePolicy?.field ?? "";
   }
   setupPopover() {
-    this.scatterplotPopover = E(this.scatterplotPopover);
-    const e = [...this.layerFieldsInfo];
-    let t, s, o, n = "trailing";
+    this.scatterplotPopover = P(this.scatterplotPopover);
+    const t = z(this.model.layer) ? this.layerFieldsInfo.filter((f) => f.type !== "esriFieldTypeOID") : [...this.layerFieldsInfo];
+    let s, a, o, p = "trailing";
     switch (this.contentKind) {
-      case a.xAxisField:
-        t = this.xAxisElement.value, o = this.model.xAxisField, s = this._messages.selectAField;
+      case n.xAxisField:
+        s = this.xAxisElement.value, o = this.model.xAxisField, a = this._messages.selectAField;
         break;
-      case a.yAxisField:
-        t = this.yAxisElement.value, o = this.model.yAxisField, s = this._messages.selectAField;
+      case n.yAxisField:
+        s = this.yAxisElement.value, o = this.model.yAxisField, a = this._messages.selectAField;
         break;
-      case a.sizeVariable:
-        t = this.sizeVariableElement.value, o = this.model.sizePolicy?.field ?? "", s = this._messages.selectAField;
+      case n.sizeVariable:
+        s = this.sizeVariableElement.value, o = this.model.sizePolicy?.field ?? "", a = this._messages.selectAField;
         break;
-      case a.additionalTooltipFields:
-        t = this.tooltipFieldElement.value, o = this.model.additionalTooltipField?.[0] ?? "", s = this._messages.selectAField;
+      case n.additionalTooltipFields:
+        s = this.tooltipFieldElement.value, o = this.model.additionalTooltipField?.[0] ?? "", a = this._messages.selectAField;
         break;
-      case a.symbol:
-      case a.trendLine: {
-        const p = this.selectedElement;
-        o = this.selectedElement, n = "leading", Array.isArray(this.selectedElement) ? t = this.selectColorElement.value : p?.type === I.SLS && (t = this.selectTrendLineElement.value);
+      case n.symbol:
+      case n.trendLine: {
+        const f = this.selectedElement;
+        o = this.selectedElement, p = "leading", Array.isArray(this.selectedElement) ? s = this.selectColorElement.value : f?.type === T.SLS && (s = this.selectTrendLineElement.value);
         break;
       }
       default:
-        this.contentKind = a.none, this.removeScatterplotPopover();
+        this.contentKind = n.none, this.removeScatterplotPopover();
         break;
     }
-    this.scatterplotPopover = V(r`<arcgis-charts-config-scatter-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${o} .placement=${n} @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 = D(r`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${s} open .contentKind=${this.contentKind} .layerFieldsInfo=${t} .selectedContent=${o} .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 = E(this.scatterplotPopover)), this.selectedElement = void 0;
+    this.scatterplotPopover !== null && (this.scatterplotPopover = P(this.scatterplotPopover)), this.selectedElement = void 0;
   }
   getCurrentSymbolSizeType() {
     const e = this.model.sizePolicy;
@@ -245,8 +245,8 @@ class K extends _ {
     return r`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo, this.model.additionalTooltipField?.[0] ?? "")} @click=${this.onAdditionalTooltipFieldSelectChange} ${c(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderStatistics() {
-    const [e, t, s, o] = [...this.model.linearTrendSymbol?.color ?? x(0)];
-    return r`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type === I.SLS} @click=${this.changeElementStyle} ${c(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${C({ color: `rgba(${e},${t},${s},${o / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2) ? this.defaultR2Label : A(this.r2, k)}`}</div></div>`;
+    const [e, t, s, a] = [...this.model.linearTrendSymbol?.color ?? I(0)];
+    return r`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type === T.SLS} @click=${this.changeElementStyle} ${c(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${E({ color: `rgba(${e},${t},${s},${a / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2) ? this.defaultR2Label : M(this.r2, w)}`}</div></div>`;
   }
   renderFixedSymbol() {
     return r`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`;
@@ -261,20 +261,20 @@ class K extends _ {
     return r`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize ?? 1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${c(this.maxSizeInputElement)}></calcite-input>`;
   }
   renderProportionalSymbol() {
-    return r`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${$(y(this.model.sizePolicy?.minSize))} .maxValue=${$(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`;
+    return r`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${v(y(this.model.sizePolicy?.minSize))} .maxValue=${v(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`;
   }
   renderSymbolSizeType() {
     return r`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${c(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${d.Fixed} .checked=${d.Fixed === this.selectedSizeType} ${c(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${d.Proportional} .checked=${d.Proportional === this.selectedSizeType} ${c(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`;
   }
   renderSymbol() {
-    const e = M(this.model.layer), [t, s, o, n] = [...this.model.fixedMarkerSymbol?.color ?? x(0)];
-    return r`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === d.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${i(l.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(${t},${s},${o},${n / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
+    const e = z(this.model.layer), [t, s, a, o] = [...this.model.fixedMarkerSymbol?.color ?? I(0)];
+    return r`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType === d.Proportional ? this.renderProportionalSymbol() : this.renderFixedSymbol()}<calcite-label class=${i(l.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=${E({ color: `rgba(${t},${s},${a},${o / 255})` })} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`;
   }
   render() {
     return r`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated ? l.dimText : "")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`;
   }
 }
-P("arcgis-charts-config-scatter-plot-data", K);
+F("arcgis-charts-config-scatter-plot-data", X);
 export {
-  K as ArcgisChartsConfigScatterplotData
+  X as ArcgisChartsConfigScatterplotData
 };

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

@@ -10,7 +10,7 @@ import { LitElement as S, createEvent as l, safeClassMap as a } from "@arcgis/lu
 import { i as m } from "../../chunks/rest-js-object-literals.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
 import { d as b } from "../../chunks/index3.js";
-import { bj as P } from "../../chunks/index2.js";
+import { bk as P } from "../../chunks/index2.js";
 const r = {
   jsAppFlyout: "js-app-flyout",
   scatterplotPopover: "scatter-plot-popover",