@geoscene/charts-components 5.0.19

package/dist/cdn/QB7LODVK.js

@@ -0,0 +1,684 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { a as Z } from "./7I5Y5NSS.js";
+import { a as x } from "./HAGP76HP.js";
+import { a as q } from "./FEJD2JHY.js";
+import { a as $, c as K, d as H, f as j } from "./ZLQXY2BV.js";
+import l from "./5752NFTR.js";
+import { g as a, o as C } from "./DPJE33GY.js";
+import { a as A } from "./VAB3BCTX.js";
+import i from "./AENRD2JF.js";
+import g from "./P5SSZWMH.js";
+import "./UG7LOBJE.js";
+import e from "./A7YNU2NS.js";
+import { n as f } from "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import { a as d } from "./KUVOINJC.js";
+import { a as p, b as h, k as S, n as b } from "./NKG4FLLR.js";
+import {
+  A as r,
+  D as E,
+  F as T,
+  g as k,
+  h as n,
+  j as w,
+  m as u,
+  x as c,
+  y as m,
+  z as O,
+} from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    {
+      Gb: y,
+      Hb: z,
+      Ia: D,
+      Ja: _,
+      Lb: R,
+      Nc: B,
+      Pc: V,
+      Ra: N,
+      f: P,
+      gd: I,
+      yb: F,
+    },
+    ,
+    { h: M },
+    { a: U },
+  ]) => {
+    var l = {
+        label: "label",
+        fieldList: "field-list",
+        fab: "fab",
+        disabledLabel: "disabled-label",
+        timeBinningHeader: "time-binning-header",
+        linkContainer: "link-container",
+        list: "list",
+        customSortButtons: "custom-sort-buttons",
+        dimText: "dim-text",
+        intervalContainer: "interval-container",
+      },
+      Q = 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(--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);margin-top:var(--geoscene-charts-top-section-margin)}.label,.disabled-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}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.list{margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:var(--geoscene-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--geoscene-charts-config-margin-minor)}.interval-container{margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:var(--geoscene-charts-config-margin-minor)}`,
+      L = class extends O {
+        constructor() {
+          super(...arguments),
+            (this._messages = A()),
+            (this.commonStrings = A({ name: "common", blocking: !0 })),
+            (this.barChartPopover = null),
+            (this.sortOrderElement = c()),
+            (this.aggregationElement = c()),
+            (this.categoryElement = c()),
+            (this.numericFieldsElement = c()),
+            (this.splitByFieldElement = c()),
+            (this.enableTimeBinningSwitch = c()),
+            (this.intervalAlignmentElement = c()),
+            (this.intervalElement = c()),
+            (this.originalCustomSortLabels = []),
+            (this.isCustomSortDisabled = !1),
+            (this.onBarChartDataChange = async (e) => {
+              try {
+                if (e.detail !== null && e.detail?.value !== void 0) {
+                  let { contentKind: i } = e.detail,
+                    t = [...e.detail.value];
+                  switch ((K($), i)) {
+                    case a.aggregation:
+                      this.model.aggregationType =
+                        t[0] !== h.NoAggregation ? t[0] : h.NoAggregation;
+                      break;
+                    case a.category: {
+                      let s = t[0]?.trim() || "";
+                      if (
+                        ((this.model.xAxisField = s),
+                        this.model.getSortOrder() === d.customSort)
+                      ) {
+                        let o = await this.updateCustomSortProps();
+                        (this.model.orderByList = o),
+                          (this.sortOrderResetCounter += 1);
+                      }
+                      break;
+                    }
+                    case a.numericFields:
+                      if (
+                        ((this.model.numericFields = t),
+                        (this.model.numericFields ?? []).length > 0 &&
+                          this.model.aggregationType === h.Count &&
+                          this.model.numericFields[0] !==
+                            B(this.model.layer).idField &&
+                          (this.model.aggregationType = h.Sum),
+                        this.model.getSortOrder() === d.customSort)
+                      ) {
+                        let s = await this.updateCustomSortProps();
+                        (this.model.orderByList = s),
+                          (this.sortOrderResetCounter += 1);
+                      }
+                      break;
+                    case a.splitByField: {
+                      let s = t[0]?.trim() || "";
+                      (this.model.splitByField = s),
+                        (this.model.colorMatch = !0);
+                      break;
+                    }
+                    case a.sortOrder: {
+                      let s = t[0];
+                      if (s === d.customSort) {
+                        let o = await this.updateCustomSortProps();
+                        this.model.setSortOrder(s, o);
+                      } else this.model.setSortOrder(s);
+                      this.sortOrderResetCounter += 1;
+                      break;
+                    }
+                    case a.interval:
+                      (this.model.temporalBinningSize = t[0]?.intervalSize),
+                        (this.model.temporalBinningUnit = t[0]?.intervalUnits),
+                        this.geosceneChartsConfigCustomizedTimeInterval.emit();
+                      break;
+                    case a.intervalAlignment:
+                      this.model.timeAggregationType = t[0] ?? "";
+                      break;
+                    default:
+                      break;
+                  }
+                  i !== a.interval && i !== a.intervalAlignment && j($);
+                }
+              } catch (i) {
+                throw (
+                  (this.geosceneChartsConfigDataChangeError.emit({
+                    error: i,
+                    model: this.model,
+                  }),
+                  i)
+                );
+              }
+              this.removeBarChartDataPopover(), this.requestUpdate();
+            }),
+            (this.onModelConfigChange = () => {
+              this.requestUpdate();
+            }),
+            (this.popoverClose = (e) => {
+              this.barChartPopover === e?.target &&
+                this.removeBarChartDataPopover();
+            }),
+            (this.selectedCustomSortItemId = ""),
+            (this.sortOrderResetCounter = 0),
+            (this.layerFieldsInfo = []),
+            (this.geosceneChartsConfigBarChartDataNumericFieldValidate = u()),
+            (this.geosceneChartsConfigDataChangeError = u()),
+            (this.geosceneChartsConfigResetTimeInterval = u()),
+            (this.geosceneChartsConfigCustomizedTimeInterval = u());
+        }
+        static {
+          this.properties = {
+            selectedCustomSortItemId: 16,
+            aggregationLabel: 16,
+            timeAggregationLabel: 16,
+            disableSplitBy: 16,
+            sortOrderResetCounter: 16,
+            messageOverrides: 0,
+            model: 0,
+            layerFieldsInfo: 0,
+            open: 5,
+          };
+        }
+        static {
+          this.styles = Q;
+        }
+        load() {
+          this.modelChange(this.model),
+            this.onModelConfigChange(),
+            (this.currentDataFilter = this.model.getDataFilters()),
+            this.updateCustomSortProps();
+        }
+        willUpdate(e) {
+          e.has("model") && this.modelChange(this.model, e.get("model")),
+            (this.aggregationLabel = D(
+              this.model.aggregationType,
+              this.commonStrings
+            )),
+            f(this.model.getDataFilters(), this.currentDataFilter) ||
+              (this.model.getSortOrder() === d.customSort &&
+                this.updateCustomSortProps(),
+              (this.currentDataFilter = this.model.getDataFilters()));
+          let i = this.model.timeAggregationType;
+          i !== void 0 &&
+            (this.timeAggregationLabel = _(i, this.commonStrings)),
+            (this.disableSplitBy =
+              this.model.numericFields.length > 1 ||
+              this.model.xAxisField === "" ||
+              this.model.xAxisField === P);
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(),
+            this.removeBarChartDataPopover(),
+            this.model.removeEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        modelChange(e, i) {
+          i?.removeEventListener(
+            "geosceneChartsModelConfigChange",
+            this.onModelConfigChange
+          ),
+            e?.addEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        onCalciteListOrderChange(e) {
+          if (e.detail !== null && e.detail !== void 0) {
+            let { newIndex: i, oldIndex: t } = e.detail;
+            this.model.moveCustomSortValuesInOrderByList(t, i);
+          }
+        }
+        onCustomSortItemSelected(e) {
+          let { id: i } = e.target;
+          this.selectedCustomSortItemId =
+            this.selectedCustomSortItemId === i ? "" : i;
+        }
+        onCustomSortItemMoved(e) {
+          let { id: i } = e.target,
+            t = this.model.orderByList.length,
+            s = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
+          i === C.Up ? (t = s - 1) : i === C.Down && (t = s + 1),
+            s >= 0 &&
+              t >= 0 &&
+              t < this.model.orderByList.length &&
+              (this.model.moveCustomSortValuesInOrderByList(s, t),
+              (this.sortOrderResetCounter += 1));
+        }
+        onEnableTimeBinningChange(e) {
+          let i = e.target.checked;
+          (this.model.binTemporalData = i), this.requestUpdate();
+        }
+        buildNumericFieldItem(e) {
+          return x(
+            e,
+            n`<calcite-list-item .label=${y(
+              this.layerFieldsInfo,
+              e
+            )} .value=${e} closable @calciteListItemClose=${
+              this.onRemoveNumericField
+            }></calcite-list-item>`
+          );
+        }
+        resetTimeIntervalOriginal(e) {
+          this.popoverClose(e),
+            this.model.resetTimeInterval !== void 0 &&
+              (this.model.resetTimeInterval(),
+              this.geosceneChartsConfigResetTimeInterval.emit());
+        }
+        buildCustomSortListItems() {
+          return Z(
+            this.model.orderByList,
+            (e) => e,
+            (e) => {
+              let i = z(this.layerFieldsInfo, e),
+                t =
+                  this.model.nullCategory !== void 0 &&
+                  e.trim() === N.nullCategory?.text?.trim();
+              return n`<calcite-list-item id=${
+                e ?? w
+              } .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${
+                this.selectedCustomSortItemId === e
+              } @calciteListItemSelect=${
+                this.onCustomSortItemSelected
+              }><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`;
+            }
+          );
+        }
+        buildCustomSortList() {
+          return x(
+            this.sortOrderResetCounter,
+            n`<calcite-list label class=${r(
+              l.list
+            )} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${
+              this.onCalciteListOrderChange
+            }>${this.buildCustomSortListItems()}</calcite-list>`
+          );
+        }
+        onAggregationSelect(e) {
+          (this.contentKind = a.aggregation), this.setupPopover(e);
+        }
+        onSortOrderSelect(e) {
+          (this.contentKind = a.sortOrder), this.setupPopover(e);
+        }
+        onCategorySelect(e) {
+          (this.contentKind = a.category), this.setupPopover(e);
+        }
+        onSplitBySelect(e) {
+          this.splitByFieldElement.value &&
+            !this.splitByFieldElement.value.disabled &&
+            ((this.contentKind = a.splitByField), this.setupPopover(e));
+        }
+        onAddNumericFields(e) {
+          (this.contentKind = a.numericFields), this.setupPopover(e);
+        }
+        async onRemoveNumericField(e) {
+          let i = e.target.value;
+          if (
+            ((this.model.numericFields = this.model.numericFields.filter(
+              (t) => t !== i
+            )),
+            this.model.getSortOrder() === d.customSort)
+          ) {
+            let t = await this.updateCustomSortProps();
+            (this.model.orderByList = t), (this.sortOrderResetCounter += 1);
+          }
+        }
+        onIntervalAlignmentSelect(e) {
+          this.intervalAlignmentElement.value &&
+            !this.intervalAlignmentElement.value.disabled &&
+            ((this.contentKind = a.intervalAlignment), this.setupPopover(e));
+        }
+        onIntervalSelect(e) {
+          this.intervalElement.value &&
+            !this.intervalElement.value.disabled &&
+            ((this.contentKind = a.interval), this.setupPopover(e));
+        }
+        getCorrectedSplitByValue() {
+          return this.model.splitByField === "" ||
+            (this.model.numericFields ?? []).length > 1
+            ? ""
+            : y(this.layerFieldsInfo, this.model.splitByField);
+        }
+        getCorrectedCategoryValue() {
+          return M({
+            fieldName: this.model.xAxisField,
+            fieldList: this.layerFieldsInfo,
+          })
+            ? ""
+            : y(this.layerFieldsInfo, this.model.xAxisField);
+        }
+        onShowDataLabelsChange(e) {
+          this.model.dataLabelsVisibility = e.target.checked;
+        }
+        onTreatNullAsCategoryChange(e) {
+          this.model.fetchNULLValues = e.target.checked;
+        }
+        async updateCustomSortProps() {
+          let e = await this.model.getCustomSortValues();
+          this.originalCustomSortLabels = [...e];
+          let i = e.length > U.customSortLimit;
+          return (
+            i &&
+              (this.sortOrderElement.value &&
+                (this.sortOrderElement.value.label = this._messages.xAxisAsc),
+              this.model.setSortOrder(d.xAxisAsc)),
+            (this.isCustomSortDisabled = i),
+            e
+          );
+        }
+        setupPopover(e) {
+          e.stopImmediatePropagation(), this.removeBarChartDataPopover();
+          let i = {
+              size: this.model.temporalBinningSize ?? 1,
+              unit: this.model.temporalBinningUnit ?? S.Second,
+            },
+            t,
+            s,
+            o,
+            g = !1,
+            v = !1;
+          switch (this.contentKind) {
+            case a.aggregation:
+              (t = this.aggregationElement.value),
+                (s = this._messages.aggregationHeader),
+                (g =
+                  I(this.model.config.series ?? []) === F.BarAndLineFromFields),
+                (o = this.model.aggregationType);
+              break;
+            case a.category:
+              (t = this.categoryElement.value),
+                (s = this._messages.categoryHeader),
+                (o = this.model.xAxisField);
+              break;
+            case a.numericFields:
+              (t = this.numericFieldsElement.value),
+                (s = this._messages.numericFieldsHeader),
+                (o = this.model.numericFields);
+              break;
+            case a.splitByField:
+              (t = this.splitByFieldElement.value),
+                (s = this._messages.splitByFieldHeader),
+                (o = this.model.splitByField);
+              break;
+            case a.sortOrder:
+              (t = this.sortOrderElement.value),
+                (s = this._messages.sortOrderHeader),
+                (o = this.model.getSortOrder()),
+                (v = this.isCustomSortDisabled);
+              break;
+            case a.interval:
+              (t = this.intervalElement.value),
+                (s = this._messages.editInterval),
+                (o = i);
+              break;
+            case a.intervalAlignment:
+              (t = this.intervalAlignmentElement.value),
+                (s = this._messages.intervalAlignment),
+                (o = this.model.timeAggregationType ?? "");
+              break;
+          }
+          (this.barChartPopover = E(
+            n`<geoscene-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @geosceneChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @geosceneChartsConfigPopoverClose=${this.popoverClose}></geoscene-charts-config-bar-chart-popover>`
+          )),
+            !document.body.contains(this.barChartPopover) &&
+              this.barChartPopover !== null &&
+              document.body.appendChild(this.barChartPopover);
+        }
+        removeBarChartDataPopover() {
+          this.barChartPopover !== null &&
+            ((this.barChartPopover.open = !1),
+            (this.barChartPopover = q(this.barChartPopover)));
+        }
+        resetToOriginalCustomSortLabels() {
+          (this.selectedCustomSortItemId = ""),
+            (this.model.orderByList = [...this.originalCustomSortLabels]),
+            (this.sortOrderResetCounter += 1);
+        }
+        onTrimIncompleteIntervalChange(e) {
+          this.model.trimIncompleteTimeInterval = e.target.checked;
+        }
+        onNullPolicyChange(e) {
+          this.model.nullPolicy = e.target.selectedItem.value;
+        }
+        shouldShowTimeBinning() {
+          let e = this.layerFieldsInfo.find(
+              (t) => t.name === this.model.xAxisField
+            ),
+            i = this.model.aggregationType !== h.NoAggregation;
+          return e !== void 0 && V(e) && i;
+        }
+        renderSorting() {
+          return n`<geoscene-charts-config-field-select .disabled=${
+            this.model.getAxisValueFormat(0)?.type === p.DateAxisFormat
+          } .label=${
+            this.model.getAxisValueFormat(0)?.type === p.DateAxisFormat
+              ? this._messages.xAxisAsc
+              : this._messages[this.model.getSortOrder()]
+          } @click=${this.onSortOrderSelect} ${m(
+            this.sortOrderElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderAggregation() {
+          return n`<geoscene-charts-config-field-select .label=${
+            this.model.aggregationType === h.NoAggregation
+              ? this._messages.noAggregation
+              : this.aggregationLabel
+          } @click=${this.onAggregationSelect} ${m(
+            this.aggregationElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderCategory() {
+          let e = this.getCorrectedCategoryValue();
+          return n`<geoscene-charts-config-field-select .label=${e} @click=${
+            this.onCategorySelect
+          } ${m(this.categoryElement)}></geoscene-charts-config-field-select>`;
+        }
+        renderSplitBy() {
+          let e = this.getCorrectedSplitByValue();
+          return n`<geoscene-charts-config-field-select .label=${e} .disabled=${
+            this.disableSplitBy
+          } @click=${this.onSplitBySelect} ${m(
+            this.splitByFieldElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderNumericFields(e) {
+          let i = B(this.model.layer).idField,
+            t = [];
+          for (let s of e) s !== i && t.push(this.buildNumericFieldItem(s));
+          return n`<calcite-list label class=${r(l.fieldList)} ${m(
+            this.numericFieldsElement
+          )}>${t}</calcite-list>`;
+        }
+        renderCustomSortUI() {
+          let e = this.model.getSortOrder(),
+            i = this.model.getAxisValueFormat(0)?.type,
+            t = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
+          return i === p.CategoryAxisFormat &&
+            e === d.customSort &&
+            !this.isCustomSortDisabled
+            ? n`<calcite-label class=${r(l.label)}><div class=${r(
+                l.customSortButtons
+              )}><div><calcite-button appearance=transparent .disabled=${
+                t === 0 ||
+                t === -1 ||
+                this.selectedCustomSortItemId.trim() === ""
+              } icon-start=arrow-bold-up id=${
+                C.Up
+              } kind=neutral scale=s @click=${
+                this.onCustomSortItemMoved
+              }></calcite-button><calcite-button appearance=transparent .disabled=${
+                t === -1 ||
+                t === this.model.orderByList.length - 1 ||
+                this.selectedCustomSortItemId.trim() === ""
+              } icon-start=arrow-bold-down id=${
+                C.Down
+              } kind=neutral scale=s @click=${
+                this.onCustomSortItemMoved
+              }></calcite-button></div><calcite-button @click=${
+                this.resetToOriginalCustomSortLabels
+              } .disabled=${f(
+                this.model.orderByList,
+                this.originalCustomSortLabels
+              )} appearance=transparent icon-end=reset>${
+                this._messages.reset
+              }</calcite-button></div>${
+                I(this.model.config.series ?? []) === F.BarAndLineFromFields
+                  ? this._messages.values
+                  : this._messages.category
+              }${this.buildCustomSortList()}</calcite-label>`
+            : null;
+        }
+        renderInterval() {
+          let e = (this.model.temporalBinningSize ?? 0) <= 0,
+            i = this.model.temporalBinningSize ?? "",
+            t =
+              R(this.model.temporalBinningUnit ?? S.Second, this._messages) ??
+              "",
+            s = H($),
+            o = {
+              size: this.model.temporalBinningSize,
+              unit: this.model.temporalBinningUnit,
+            },
+            g = f(o, s);
+          return [
+            n`<calcite-list label selection-appearance=border class=${r(
+              l.intervalContainer
+            )}><calcite-list-item .value=${e ? "" : `${i} ${t}`} .label=${
+              e ? "" : `${i} ${t}`
+            } @click=${e ? () => {} : this.onIntervalSelect} ${m(
+              this.intervalElement
+            )}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,
+            n`<div class=${r(
+              l.linkContainer
+            )}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${
+              this.resetTimeIntervalOriginal
+            }>${this._messages.reset}</calcite-button></div>`,
+          ];
+        }
+        renderIntervalAlignment() {
+          return n`<geoscene-charts-config-field-select .label=${
+            this.timeAggregationLabel
+          } @click=${this.onIntervalAlignmentSelect} ${m(
+            this.intervalAlignmentElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderEmptyBins() {
+          return n`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${
+            this.onNullPolicyChange
+          }><calcite-label layout=inline><calcite-radio-button .value=${
+            b.Zero
+          } .checked=${
+            this.model.nullPolicy === b.Zero
+          }></calcite-radio-button>${
+            this._messages.treatAsZero
+          }</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${
+            b.Null
+          } .checked=${
+            this.model.nullPolicy === b.Null
+          }></calcite-radio-button>${
+            this._messages.treatAsNull
+          }</calcite-label></calcite-radio-button-group>`;
+        }
+        render() {
+          let e = this.renderAggregation(),
+            i = this.renderCategory(),
+            t = this.renderSplitBy(),
+            s = this.renderSorting(),
+            o = this.renderNumericFields([...(this.model.numericFields ?? [])]),
+            g = this.renderCustomSortUI(),
+            v = this.renderInterval(),
+            G = this.renderIntervalAlignment(),
+            W = this.renderEmptyBins();
+          return n`<calcite-label class=${r(l.label)}>${
+            this._messages.category
+          }${i}</calcite-label><calcite-label class=${r(l.label)}>${
+            this._messages.aggregation
+          }${e}</calcite-label><calcite-label class=${r(l.label)}>${
+            this._messages.numericFields
+          }${o}</calcite-label><div class=${r(
+            l.fab
+          )}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${
+            this._messages.selectNumericFields
+          } text-enabled .text=${
+            this._messages.selectNumericFields
+          } icon=plus @click=${
+            this.onAddNumericFields
+          }></calcite-fab></div><calcite-label class=${r(
+            l.label
+          )}><span class=${r(this.disableSplitBy ? l.dimText : "")}>${
+            this._messages.splitBy
+          }</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${r(
+            l.timeBinningHeader
+          )}>${this._messages.timeBinningOptions}</h3><calcite-label class=${r(
+            l.label
+          )} layout=inline-space-between>${
+            this._messages.enableTemporalBinning
+          }<calcite-switch .checked=${
+            this.model.binTemporalData
+          } @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(
+            this.enableTimeBinningSwitch
+          )}></calcite-switch></calcite-label><div .hidden=${
+            !this.model.binTemporalData || !this.shouldShowTimeBinning()
+          }><calcite-label class=${r(l.label)}>${
+            this._messages.interval
+          }${v}</calcite-label><calcite-label class=${r(l.label)}>${
+            this._messages.intervalAlignment
+          }${G}</calcite-label><calcite-label class=${r(
+            l.label
+          )} layout=inline-space-between>${
+            this._messages.trimIncompleteInterval
+          }<calcite-switch .checked=${
+            this.model.trimIncompleteTimeInterval
+          } @calciteSwitchChange=${
+            this.onTrimIncompleteIntervalChange
+          }></calcite-switch></calcite-label><calcite-label class=${r(
+            l.label
+          )}>${
+            this._messages.emptyBins
+          }${W}</calcite-label></div></div><calcite-label class=${r(
+            l.label
+          )} layout=inline-space-between>${
+            this._messages.treatNullAsCategory
+          }<calcite-switch .checked=${
+            this.model.fetchNULLValues
+          } @calciteSwitchChange=${
+            this.onTreatNullAsCategoryChange
+          }></calcite-switch></calcite-label><calcite-label class=${r(
+            l.label
+          )} layout=inline-space-between>${
+            this._messages.showDataLabels
+          }<calcite-switch .checked=${
+            this.model.dataLabelsVisibility
+          } @calciteSwitchChange=${
+            this.onShowDataLabelsChange
+          }></calcite-switch></calcite-label><calcite-label class=${r(
+            this.model.getAxisValueFormat(0)?.type === p.DateAxisFormat
+              ? l.disabledLabel
+              : l.label
+          )}>${this._messages.sortOrder}${s}</calcite-label>${g}`;
+        }
+      };
+    T("geoscene-charts-config-bar-chart-data", L);
+    return L;
+  },
+  "geometry/support/jsonUtils",
+  "rest/support/AttributeBinsQuery",
+  "rest/support/StatisticDefinition",
+  "time/TimeExtent",
+  "core/promiseUtils",
+  "request",
+  "intl",
+  e,
+  g,
+  i,
+  l
+);

package/dist/cdn/QEF5BUC3.js

@@ -0,0 +1,10 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import "./OR4HXHSY.js";
+var o = {
+  "Zoom Out":
+    "\u041E\u0442\u0434\u0430\u043B\u0435\u0447\u0430\u0432\u0430\u043D\u0435",
+  "From %1 to %2": "\u041E\u0442 %1 \u0434\u043E %2",
+  "From %1": "\u041E\u0442 %1",
+  "To %1": "\u0414\u043E %1",
+};
+export { o as default };