@geoscene/charts-components 5.0.19

package/dist/cdn/KPZUTGHH.js

@@ -0,0 +1,630 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { a as I } from "./FEJD2JHY.js";
+import { a as m, c as K } from "./ZLQXY2BV.js";
+import c from "./5752NFTR.js";
+import { j as o, n as h } from "./DPJE33GY.js";
+import { a as E } from "./VAB3BCTX.js";
+import b from "./P5SSZWMH.js";
+import "./UG7LOBJE.js";
+import a from "./A7YNU2NS.js";
+import { B as C, c as z, g as k, m as w } from "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import "./KUVOINJC.js";
+import { a as S } from "./NKG4FLLR.js";
+import {
+  A as i,
+  B as v,
+  D as A,
+  F as L,
+  g as F,
+  h as n,
+  m as f,
+  x as d,
+  y as r,
+  z as T,
+} from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    { Gb: b, La: _, Q: x, z: M },
+    ,
+    { c: V, g: $, h: y, i: p, j: g, k: D },
+  ]) => {
+    var l = {
+        label: "label",
+        r2: "r2",
+        numberInput: "number-input",
+        iconSelect: "icon-select",
+        sectionLabel: "section-label",
+        switchElement: "switch-element",
+        sectionContainer: "section-container",
+        multiInputSection: "multi-input-section",
+        dimText: "dim-text",
+      },
+      R = 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(--geoscene-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--geoscene-charts-config-calcite-block-default-width);margin:var(--geoscene-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(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--geoscene-charts-config-margin-major) var(--geoscene-charts-config-margin-minor)}.label{display:flex;margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:var(--geoscene-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(--geoscene-charts-config-margin-major) var(--geoscene-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(--geoscene-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,
+      P = class extends T {
+        constructor() {
+          super(...arguments),
+            (this._messages = E()),
+            (this.commonStrings = E({ name: "common", blocking: !0 })),
+            (this.scatterplotPopover = null),
+            (this.selectColorElement = d()),
+            (this.selectTrendLineElement = d()),
+            (this.xAxisElement = d()),
+            (this.yAxisElement = d()),
+            (this.tooltipFieldElement = d()),
+            (this.sizeVariableElement = d()),
+            (this.colorModeElement = d()),
+            (this.symbolSizeModeElement = d()),
+            (this.minSizeInputElement = d()),
+            (this.maxSizeInputElement = d()),
+            (this.items = []),
+            (this.setTrendLineSymbol = (e) => {
+              let t = e.detail;
+              this.model.linearTrendSymbol = k(t);
+            }),
+            (this.setFixedSymbolRGBAColor = (e) => {
+              let t = e.detail,
+                [a, s, c] = t,
+                u = M * 255;
+              this.model.fixedMarkerSymbol = {
+                ...this.model.fixedMarkerSymbol,
+                color: [a, s, c, u],
+              };
+            }),
+            (this.setXYField = (e) => {
+              try {
+                let t = e.detail;
+                K(m),
+                  this.contentKind === o.xAxisField
+                    ? (this.model.xAxisField = t)
+                    : (this.model.yAxisField = t),
+                  this.removeScatterplotPopover();
+              } catch (t) {
+                throw (
+                  (t instanceof Error &&
+                    this.geosceneChartsConfigDataChangeError.emit({
+                      error: t,
+                      model: this.model,
+                    }),
+                  t)
+                );
+              }
+            }),
+            (this.setAdditionalTooltipField = (e) => {
+              let t = e.detail;
+              (this.model.additionalTooltipField = t),
+                this.removeScatterplotPopover();
+            }),
+            (this.setSizeVariableField = (e) => {
+              try {
+                let t = e.detail;
+                t
+                  ? (this.model.sizePolicy = {
+                      ...this.model.sizePolicy,
+                      type: S.SizePolicy,
+                      field: t,
+                    })
+                  : (this.model.sizePolicy = void 0),
+                  (m.scatterplotData[m.selectedChartId] = {
+                    ...m.scatterplotData[m.selectedChartId],
+                    sizePolicyField: this.model.sizePolicy?.field ?? void 0,
+                  }),
+                  this.removeScatterplotPopover();
+              } catch (t) {
+                throw (
+                  (t instanceof Error &&
+                    this.geosceneChartsConfigDataChangeError.emit({
+                      error: t,
+                      model: this.model,
+                    }),
+                  t)
+                );
+              }
+            }),
+            (this.closeScatterplotPopover = (e) => {
+              this.scatterplotPopover === e?.target &&
+                ((this.contentKind = o.none), this.removeScatterplotPopover());
+            }),
+            (this.onModelConfigChange = () => {
+              this.requestUpdate();
+              let { minSize: e, maxSize: t } = this.model.sizePolicy ?? {};
+              this.minSizeInputElement.value !== void 0 &&
+                e !== void 0 &&
+                ((this.minSizeInputElement.value.value = `${e}`),
+                $(
+                  this.minSizeInputElement.value.value,
+                  this.minSizeInputElement.value.min,
+                  this.minSizeInputElement.value.max
+                )
+                  ? p({
+                      inputElement: this.minSizeInputElement.value,
+                      status: g.IDLE,
+                    })
+                  : p({
+                      inputElement: this.minSizeInputElement.value,
+                      status: g.INVALID,
+                    })),
+                this.maxSizeInputElement.value !== void 0 &&
+                  t !== void 0 &&
+                  ((this.maxSizeInputElement.value.value = `${t}`),
+                  $(
+                    this.maxSizeInputElement.value.value,
+                    this.maxSizeInputElement.value.min,
+                    this.maxSizeInputElement.value.max
+                  )
+                    ? p({
+                        inputElement: this.maxSizeInputElement.value,
+                        status: g.IDLE,
+                      })
+                    : p({
+                        inputElement: this.maxSizeInputElement.value,
+                        status: g.INVALID,
+                      }));
+            }),
+            (this.segmentedControlRef = (e) => {
+              e && ((e.focus = () => {}), this.items.push(e));
+            }),
+            (this.layerFieldsInfo = []),
+            (this.geosceneChartsConfigDataChangeError = f()),
+            (this.geosceneChartsConfigScatterplotPopoverChange = f());
+        }
+        static {
+          this.properties = {
+            selectedElement: 16,
+            selectedSizeType: 16,
+            messageOverrides: 0,
+            model: 0,
+            r2: 9,
+            layerFieldsInfo: 0,
+            isTableLayer: 5,
+          };
+        }
+        static {
+          this.styles = R;
+        }
+        load() {
+          this.modelChange(this.model),
+            this.onModelConfigChange(),
+            (this.defaultR2Label = _(this.commonStrings));
+        }
+        willUpdate(e) {
+          e.has("model") &&
+            (this.updateSymbolSizeInfoInAppState(),
+            this.modelChange(this.model, e.get("model"))),
+            e.has("selectedElement") && this.openPopover();
+        }
+        loaded() {
+          this.loadedAsync();
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(),
+            this.removeScatterplotPopover(),
+            this.model.removeEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        async loadedAsync() {
+          await (async (e) =>
+            await new Promise((t) => setTimeout(() => t(), e)))(250),
+            this.items.forEach((e) => {
+              delete e.focus;
+            });
+        }
+        updateSymbolSizeInfoInAppState() {
+          (this.selectedSizeType = this.getCurrentSymbolSizeType()),
+            this.selectedSizeType === h.Proportional &&
+              (m.scatterplotData[m.selectedChartId] = {
+                ...m.scatterplotData[m.selectedChartId],
+                sizePolicyField: this.model.sizePolicy?.field,
+              });
+        }
+        openPopover() {
+          (typeof this.selectedElement == "string" ||
+            !w(this.selectedElement)) &&
+            this.setupPopover();
+        }
+        modelChange(e, t) {
+          t?.removeEventListener(
+            "geosceneChartsModelConfigChange",
+            this.onModelConfigChange
+          ),
+            e?.addEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        setShowTrendLine(e) {
+          let t = e.target.checked;
+          (this.model.showLinearTrend = t),
+            !t &&
+              this.contentKind === o.trendLine &&
+              this.closeScatterplotPopover(e);
+        }
+        symbolSizeChange(e) {
+          let t = e.target,
+            { value: a } = t;
+          if (a !== void 0 && $(a, t.min, t.max)) {
+            let s = Number.parseInt(a),
+              c = this.model.sizePolicy,
+              u = this.model.fixedMarkerSymbol;
+            switch (t.name) {
+              case "fixed-symbol-size":
+                u !== void 0 &&
+                  (this.model.fixedMarkerSymbol = { ...u, size: s });
+                break;
+              case "proportional-symbol-min-size":
+                c !== void 0 && (this.model.sizePolicy = { ...c, minSize: s });
+                break;
+              case "proportional-symbol-max-size":
+                c !== void 0 && (this.model.sizePolicy = { ...c, maxSize: s });
+                break;
+            }
+            p({ inputElement: t, status: g.IDLE });
+          } else p({ inputElement: t, status: g.INVALID });
+        }
+        symbolSizeRangeSliderInput(e) {
+          let t = e.target,
+            { minValue: a, maxValue: s } = t,
+            c = this.model.sizePolicy;
+          c !== void 0 &&
+            ((this.model.sizePolicy = { ...c, minSize: a, maxSize: s }),
+            this.minSizeInputElement.value !== void 0 &&
+              (this.minSizeInputElement.value.value = `${a}`),
+            this.maxSizeInputElement.value !== void 0 &&
+              (this.maxSizeInputElement.value.value = `${s}`));
+        }
+        changeColorTypeToggle() {
+          let e = this.colorModeElement.value?.selectedItem?.value;
+          this.model.colorMatch = e === this._messages.useLayerColors;
+        }
+        changeSymbolSizeTypeToggle() {
+          let e = this.symbolSizeModeElement.value?.value;
+          this.selectedSizeType = e;
+          let t = m.scatterplotData[m.selectedChartId]?.sizePolicyField;
+          e === h.Proportional && t !== void 0
+            ? (this.model.sizePolicy = {
+                ...this.model.sizePolicy,
+                type: S.SizePolicy,
+                field: t,
+              })
+            : e === h.Fixed &&
+              (this.model.sizePolicy = {
+                ...this.model.sizePolicy,
+                type: S.SizePolicy,
+                field: "",
+              });
+        }
+        changeElementStyle(e) {
+          e.stopImmediatePropagation();
+          let t = e.target;
+          t.localName === "calcite-icon" && (t = t.parentElement),
+            t.value === "selectColor"
+              ? ((this.contentKind = o.symbol),
+                (this.selectedElement = this.model.fixedMarkerSymbol?.color))
+              : t.value === "selectTrendLine" &&
+                ((this.contentKind = o.trendLine),
+                (this.selectedElement = this.model.linearTrendSymbol));
+        }
+        onXVariableSelectChange(e) {
+          e.stopImmediatePropagation(),
+            (this.contentKind = o.xAxisField),
+            (this.selectedElement = this.model.xAxisField);
+        }
+        onYVariableSelectChange(e) {
+          e.stopImmediatePropagation(),
+            (this.contentKind = o.yAxisField),
+            (this.selectedElement = this.model.yAxisField);
+        }
+        onAdditionalTooltipFieldSelectChange(e) {
+          e.stopImmediatePropagation(),
+            (this.contentKind = o.additionalTooltipFields),
+            (this.selectedElement =
+              this.model.additionalTooltipField?.[0] ?? "");
+        }
+        onSizeVariableSelectChange(e) {
+          e.stopImmediatePropagation(),
+            (this.contentKind = o.sizeVariable),
+            (this.selectedElement = this.model.sizePolicy?.field ?? "");
+        }
+        setupPopover() {
+          this.scatterplotPopover = I(this.scatterplotPopover);
+          let e = [...this.layerFieldsInfo],
+            t,
+            a,
+            s,
+            c = "trailing";
+          switch (this.contentKind) {
+            case o.xAxisField:
+              (t = this.xAxisElement.value),
+                (s = this.model.xAxisField),
+                (a = this._messages.selectAField);
+              break;
+            case o.yAxisField:
+              (t = this.yAxisElement.value),
+                (s = this.model.yAxisField),
+                (a = this._messages.selectAField);
+              break;
+            case o.sizeVariable:
+              (t = this.sizeVariableElement.value),
+                (s = this.model.sizePolicy?.field ?? ""),
+                (a = this._messages.selectAField);
+              break;
+            case o.additionalTooltipFields:
+              (t = this.tooltipFieldElement.value),
+                (s = this.model.additionalTooltipField?.[0] ?? ""),
+                (a = this._messages.selectAField);
+              break;
+            case o.symbol:
+            case o.trendLine: {
+              let u = this.selectedElement;
+              (s = this.selectedElement),
+                (c = "leading"),
+                Array.isArray(this.selectedElement)
+                  ? (t = this.selectColorElement.value)
+                  : u?.type === C.SLS &&
+                    (t = this.selectTrendLineElement.value);
+              break;
+            }
+            default:
+              (this.contentKind = o.none), this.removeScatterplotPopover();
+              break;
+          }
+          (this.scatterplotPopover = A(
+            n`<geoscene-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @geosceneChartsConfigPopoverClose=${this.closeScatterplotPopover} @geosceneChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @geosceneChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @geosceneChartsConfigScatterplotXYFieldChange=${this.setXYField} @geosceneChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @geosceneChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></geoscene-charts-config-scatter-plot-popover>`
+          )),
+            !document.body.contains(this.scatterplotPopover) &&
+              this.scatterplotPopover !== null &&
+              document.body.appendChild(this.scatterplotPopover);
+        }
+        removeScatterplotPopover() {
+          this.scatterplotPopover !== null &&
+            (this.scatterplotPopover = I(this.scatterplotPopover)),
+            (this.selectedElement = void 0);
+        }
+        getCurrentSymbolSizeType() {
+          let e = this.model.sizePolicy;
+          return e === void 0 || e.field === "" ? h.Fixed : h.Proportional;
+        }
+        renderXVariable() {
+          return n`<geoscene-charts-config-field-select .label=${b(
+            this.layerFieldsInfo,
+            this.model.xAxisField ?? ""
+          )} @click=${this.onXVariableSelectChange} ${r(
+            this.xAxisElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderYVariable() {
+          return n`<geoscene-charts-config-field-select .label=${b(
+            this.layerFieldsInfo,
+            this.model.yAxisField ?? ""
+          )} @click=${this.onYVariableSelectChange} ${r(
+            this.yAxisElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderTooltipField() {
+          return n`<geoscene-charts-config-field-select .disabled=${
+            this.model.dataStore.aggregated
+          } .label=${b(
+            this.layerFieldsInfo,
+            this.model.additionalTooltipField?.[0] ?? ""
+          )} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(
+            this.tooltipFieldElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderStatistics() {
+          let [e, t, a, s] = [...(this.model.linearTrendSymbol?.color ?? x(0))];
+          return n`<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 === C.SLS
+          } @click=${this.changeElementStyle} ${r(
+            this.selectTrendLineElement
+          )}><calcite-icon slot=content-end icon=line-solid style=${v({
+            color: `rgba(${e},${t},${a},${s / 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 : D(this.r2, V)
+          }`}</div></div>`;
+        }
+        renderFixedSymbol() {
+          return n`<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>`;
+        }
+        renderSizeVariable() {
+          return n`<geoscene-charts-config-field-select .label=${b(
+            this.layerFieldsInfo,
+            this.model.sizePolicy?.field ?? ""
+          )} .invalid=${
+            this.layerFieldsInfo.find(
+              (e) => e.name === this.model.sizePolicy?.field
+            ) === void 0
+          } @click=${this.onSizeVariableSelectChange} ${r(
+            this.sizeVariableElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderMinSizeInput() {
+          return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(
+            l.numberInput
+          )} min=1 .max=${
+            this.model.sizePolicy?.maxSize ?? 100
+          } step=1 .value=${y(
+            this.model.sizePolicy?.minSize
+          )} @calciteInputInput=${this.symbolSizeChange} ${r(
+            this.minSizeInputElement
+          )}></calcite-input>`;
+        }
+        renderMaxSizeInput() {
+          return n`<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} ${r(
+            this.maxSizeInputElement
+          )}></calcite-input>`;
+        }
+        renderProportionalSymbol() {
+          return n`<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=${z(
+            y(this.model.sizePolicy?.minSize)
+          )} .maxValue=${z(
+            y(this.model.sizePolicy?.maxSize)
+          )} step=1 @calciteSliderInput=${
+            this.symbolSizeRangeSliderInput
+          }></calcite-slider></calcite-label></div>`;
+        }
+        renderSymbolSizeType() {
+          return n`<calcite-label class=${i(l.label)}>${
+            this._messages.size
+          }<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${
+            this.changeSymbolSizeTypeToggle
+          } ${r(
+            this.symbolSizeModeElement
+          )}><calcite-segmented-control-item .value=${h.Fixed} .checked=${
+            h.Fixed === this.selectedSizeType
+          } ${r(this.segmentedControlRef)}>${
+            this._messages.fixed
+          }</calcite-segmented-control-item><calcite-segmented-control-item .value=${
+            h.Proportional
+          } .checked=${h.Proportional === this.selectedSizeType} ${r(
+            this.segmentedControlRef
+          )}>${
+            this._messages.proportional
+          }</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`;
+        }
+        renderSymbol() {
+          let [e, t, a, s] = [...(this.model.fixedMarkerSymbol?.color ?? x(0))];
+          return n`<div class=${i(
+            l.sectionContainer
+          )}>${this.renderSymbolSizeType()}${
+            this.selectedSizeType === h.Proportional
+              ? this.renderProportionalSymbol()
+              : this.renderFixedSymbol()
+          }<calcite-label class=${i(l.label)}>${this._messages.color}${
+            this.isTableLayer !== !0
+              ? n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${
+                  this.changeColorTypeToggle
+                } ${r(
+                  this.colorModeElement
+                )}><calcite-segmented-control-item .value=${
+                  this._messages.useLayerColors
+                } .checked=${this.model.colorMatch} ${r(
+                  this.segmentedControlRef
+                )}>${
+                  this._messages.useLayerColors
+                }</calcite-segmented-control-item><calcite-segmented-control-item .value=${
+                  this._messages.singleColor
+                } .checked=${!this.model.colorMatch} ${r(
+                  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 !== !0
+          } .selected=${Array.isArray(this.selectedElement)} @click=${
+            this.changeElementStyle
+          } ${r(
+            this.selectColorElement
+          )}><calcite-icon slot=content-end icon=circle-f style=${v({
+            color: `rgba(${e},${t},${a},${s / 255})`,
+          })} class=${i(l.iconSelect)} @click=${
+            this.changeElementStyle
+          }></calcite-icon></calcite-list-item></calcite-list></div>`;
+        }
+        render() {
+          return n`<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()}`;
+        }
+      };
+    L("geoscene-charts-config-scatter-plot-data", P);
+    return P;
+  },
+  "Graphic",
+  "renderers/support/jsonUtils",
+  "symbols/support/symbolUtils",
+  "intl",
+  "layers/support/FeatureFilter",
+  "smartMapping/statistics/histogram",
+  "smartMapping/statistics/summaryStatistics",
+  "request",
+  "core/sql",
+  "AttributeBinsGraphic",
+  "geometry/support/jsonUtils",
+  "rest/support/AttributeBinsQuery",
+  "rest/support/StatisticDefinition",
+  "time/TimeExtent",
+  "core/promiseUtils",
+  a,
+  b,
+  c
+);