@geoscene/charts-components 5.0.19

package/dist/cdn/FHOCRXYD.js

@@ -0,0 +1,116 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { d as o } from "./DPJE33GY.js";
+import { g as p } from "./UG7LOBJE.js";
+import b from "./A7YNU2NS.js";
+import { n as m } from "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import "./NKG4FLLR.js";
+import { F as h, g as n, h as a, z as l } from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([, , , , , , , , , , , , , , , { Kc: c, Mc: d }]) => {
+    var g = n`:host{margin-bottom:var(--geoscene-charts-intra-section-margin);margin-top:var(--geoscene-charts-intra-section-margin);height:100%}`,
+      s = class extends l {
+        static {
+          this.properties = {
+            layerFieldsInfo: 16,
+            model: 0,
+            page: 1,
+            layer: 0,
+            usePopupTemplateFieldsInfo: 5,
+          };
+        }
+        static {
+          this.styles = g;
+        }
+        async load() {
+          await this.updateFetchLayerFieldsInfo(this.model?.config),
+            this.modelChange(this.model);
+        }
+        willUpdate(t) {
+          let e = !1;
+          t.has("model") && this.modelChange(this.model, t.get("model")),
+            t.has("layer") &&
+              this.layer !== void 0 &&
+              !m(t.get("layer"), this.layer) &&
+              (e = !0),
+            t.has("usePopupTemplateFieldsInfo") &&
+              this.usePopupTemplateFieldsInfo !==
+                t.get("usePopupTemplateFieldsInfo") &&
+              (e = !0),
+            this.layerFieldsInfo === void 0 && (e = !0),
+            e && this.updateFetchLayerFieldsInfo();
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(),
+            this.model.removeEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        modelChange(t, e) {
+          e?.removeEventListener(
+            "geosceneChartsModelConfigChange",
+            this.onModelConfigChange
+          ),
+            t?.addEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        async updateFetchLayerFieldsInfo(t) {
+          let e = t ?? this.model.config,
+            i = this.layer;
+          if (!i) {
+            let r = p(e) ? e.iLayer : void 0;
+            r && (i = await c(r));
+          }
+          i &&
+            (this.layerFieldsInfo = await d(
+              i,
+              this.usePopupTemplateFieldsInfo
+            ));
+        }
+        async onModelConfigChange(t) {
+          let e = t?.detail.config ?? this.model.config;
+          this.layer === void 0 && (await this.updateFetchLayerFieldsInfo(e));
+        }
+        render() {
+          let t;
+          switch (this.page) {
+            case o.Data:
+              t = a`<geoscene-charts-config-heat-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></geoscene-charts-config-heat-chart-data>`;
+              break;
+            case o.Format:
+              t = a`<geoscene-charts-config-format .model=${this.model}></geoscene-charts-config-format>`;
+              break;
+            case o.General:
+              t = a`<geoscene-charts-config-general .model=${this.model}></geoscene-charts-config-general>`;
+              break;
+            default:
+              t = "";
+              break;
+          }
+          return t;
+        }
+      };
+    h("geoscene-charts-config-heat-chart", s);
+    return s;
+  },
+  "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",
+  b
+);

package/dist/cdn/FKGSMYFL.js

@@ -0,0 +1,414 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { a as P } from "./7I5Y5NSS.js";
+import { a as I } from "./HAGP76HP.js";
+import { a as g } from "./FEJD2JHY.js";
+import f from "./5752NFTR.js";
+import "./DPJE33GY.js";
+import { a as L } from "./VAB3BCTX.js";
+import e from "./P5SSZWMH.js";
+import "./UG7LOBJE.js";
+import b from "./A7YNU2NS.js";
+import "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import "./KUVOINJC.js";
+import { g as d } from "./NKG4FLLR.js";
+import {
+  A as a,
+  B as c,
+  D as h,
+  F as x,
+  g as u,
+  h as n,
+  z as $,
+} from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([, , , , , , , , , , , , , , , { yb: p }, , { s: b }]) => {
+    var l = {
+        topSection: "top-section",
+        sectionLabel: "section-label",
+        list: "list",
+        infoIcon: "info-icon",
+      },
+      N = u`:host{display:flex;flex-direction:column;width:var(--geoscene-charts-config-calcite-block-default-width);margin:var(--geoscene-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--geoscene-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--geoscene-charts-config-margin-major);margin-left:var(--geoscene-charts-config-margin-minor);margin-right: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)}.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)}.info-icon{margin:auto 1rem;pointer-events:auto}`,
+      C = class extends $ {
+        constructor() {
+          super(...arguments),
+            (this._messages = L()),
+            (this.resetSeriesOriginal = () => {
+              (this.configSeriesOpen = !1),
+                (this.selectedSeriesIndex = void 0),
+                this.model.resetSeriesStyling(),
+                (this.seriesOrderResetCounter += 1);
+            }),
+            (this.onMultipleSeriesSelect = (e) => {
+              if (!this.shouldDisableMeanLinesOption()) {
+                let i = e.target,
+                  t = i.value ?? i.parentElement.value ?? "";
+                this.model.showMeanLines = t === d.MeanLines;
+              }
+            }),
+            (this.seriesNameChange = (e) => {
+              if (e.detail !== null || e.detail !== void 0) {
+                let i = e.detail?.name;
+                this.model.setSeriesName(i, this.selectedSeriesIndex ?? -1);
+              }
+            }),
+            (this.seriesColorChange = (e) => {
+              if (e.detail !== null && e.detail !== void 0) {
+                let { color: i } = e.detail;
+                i !== void 0 &&
+                  (this.meanLinesBoxColorIsSelected
+                    ? (this.model.meanLinesBoxColor = i)
+                    : ((this.model.colorMatch = !1),
+                      this.model.setSeriesColor(
+                        i,
+                        this.selectedSeriesIndex ?? -1
+                      )));
+              }
+            }),
+            (this.seriesLineStyleChange = (e) => {
+              if (e.detail !== null && e.detail !== void 0) {
+                let { style: i } = e.detail;
+                i !== void 0 &&
+                  this.model.setSeriesLineStyle(
+                    i,
+                    this.selectedSeriesIndex ?? -1
+                  );
+              }
+            }),
+            (this.seriesLineWidthChange = (e) => {
+              if (e.detail !== null && e.detail !== void 0) {
+                let { width: i } = e.detail;
+                i !== void 0 &&
+                  this.model.setSeriesLineWidth(
+                    i,
+                    this.selectedSeriesIndex ?? -1
+                  );
+              }
+            }),
+            (this.onCalciteListOrderChange = (e) => {
+              let i = this.model.boxPlotSeriesIndexWhenMeanLinesShown;
+              if (e.detail !== null && e.detail !== void 0) {
+                let { newIndex: t, oldIndex: s } = e.detail,
+                  o = s,
+                  r = t;
+                i !== -1 &&
+                  ((o = s >= i ? s + 1 : s), (r = t >= i ? t + 1 : t)),
+                  this.model.moveSeries(o, r),
+                  (this.seriesOrderResetCounter += 1);
+              }
+            }),
+            (this.seriesPopoverClose = () => {
+              (this.selectedSeriesIndex = void 0),
+                (this.meanLinesBoxColorIsSelected = !1),
+                (this.configSeriesOpen = !1),
+                (this.seriesPopover = g(this.seriesPopover));
+            }),
+            (this.openSeriesPopOver = (e) => {
+              e.stopImmediatePropagation(), this.removeSeriesPopover();
+              let i = e.target,
+                t = i.localName === "calcite-list-item" ? i : i.parentNode,
+                s = !this.configSeriesOpen,
+                o = this.model.getSeriesIndex(t.value);
+              if (o !== void 0 && o !== -1)
+                (this.configSeriesOpen =
+                  this.selectedSeriesIndex === o ? s : !0),
+                  this.configSeriesOpen
+                    ? (this.selectedSeriesIndex = o)
+                    : (this.selectedSeriesIndex = void 0),
+                  (this.meanLinesBoxColorIsSelected = !1);
+              else if (t.value === "box-plot-color") {
+                let r = !this.meanLinesBoxColorIsSelected;
+                (this.configSeriesOpen = r),
+                  (this.meanLinesBoxColorIsSelected = r),
+                  (this.selectedSeriesIndex = void 0);
+              }
+            }),
+            (this.createTooltip = (e, i) => {
+              let t = e.target;
+              (this.tooltip = h(
+                n`<calcite-tooltip style=${c({
+                  opacity: 1,
+                  zIndex: "var(--calcite-floating-ui-z-index)",
+                })} .referenceElement=${t} open placement=top>${
+                  i ?? ""
+                }</calcite-tooltip>`
+              )),
+                document.body.appendChild(this.tooltip);
+            }),
+            (this.destroyTooltip = () => {
+              b(this.tooltip);
+            }),
+            (this.onModelConfigChange = () => {
+              this.requestUpdate();
+            }),
+            (this.meanLinesBoxColorIsSelected = !1),
+            (this.seriesOrderResetCounter = 0),
+            (this.configSeriesOpen = !1),
+            (this.activeColorMatch = !1),
+            (this.popoverPlacement = "leading");
+        }
+        static {
+          this.properties = {
+            selectedSeriesIndex: 16,
+            meanLinesBoxColorIsSelected: 16,
+            seriesOrderResetCounter: 16,
+            messageOverrides: 0,
+            model: 0,
+            configSeriesOpen: 5,
+            activeColorMatch: 5,
+            popoverPlacement: 1,
+          };
+        }
+        static {
+          this.styles = N;
+        }
+        load() {
+          this.modelChange(this.model), this.onModelConfigChange();
+        }
+        willUpdate(e) {
+          e.has("model") && this.modelChange(this.model, e.get("model")),
+            e.has("selectedSeriesIndex") && this.selectedSeriesIndexChange(),
+            e.has("meanLinesBoxColorIsSelected") &&
+              this.meanLinesBoxColorIsSelectedChange();
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(),
+            this.removeSeriesPopover(),
+            this.model.removeEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        modelChange(e, i) {
+          i?.removeEventListener(
+            "geosceneChartsModelConfigChange",
+            this.onModelConfigChange
+          ),
+            e.addEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        selectedSeriesIndexChange() {
+          this.selectedSeriesIndex !== void 0 && this.configSeriesOpen
+            ? this.setupSeriesPopover()
+            : this.removeSeriesPopover();
+        }
+        meanLinesBoxColorIsSelectedChange() {
+          this.meanLinesBoxColorIsSelected && this.configSeriesOpen
+            ? this.setupSeriesPopover()
+            : this.removeSeriesPopover();
+        }
+        removeSeriesPopover() {
+          this.seriesPopover !== null &&
+            this.seriesPopover !== void 0 &&
+            ((this.seriesPopover.open = !1),
+            (this.seriesPopover = g(this.seriesPopover)));
+        }
+        buildSeriesListItems() {
+          let e = this.model.seriesLength,
+            i = this.model.boxPlotSeriesIndexWhenMeanLinesShown,
+            t = Array.from({ length: e }, (s, o) => o);
+          return P(
+            t,
+            (s) => this.model.getSeriesId(s),
+            (s) => {
+              let o = this.model.getSeriesId(s),
+                r = this.model.getSeriesColor(s),
+                m = this.model.getSeriesName(s),
+                S = this.model.chartSubType,
+                M =
+                  S === p.BoxPlotMonoField || S === p.BoxPlotMultiFields
+                    ? this._messages.series
+                    : o,
+                v = "#CCCCCC",
+                f = "minus-square";
+              if ((e > 1 || !this.activeColorMatch) && r !== void 0) {
+                f = this.model.showMeanLines === !0 ? "line-solid" : "square-f";
+                let [y, B, O, w] = [...r];
+                v = `rgba(${y},${B},${O},${w / 255})`;
+              }
+              return i !== s
+                ? n`<calcite-list-item .label=${
+                    m ?? o ?? ""
+                  } .description=${M} .value=${o} .selected=${
+                    this.selectedSeriesIndex === s
+                  } @click=${
+                    this.openSeriesPopOver
+                  }><calcite-icon slot=content-end .icon=${f} style=${c({
+                    color: v,
+                  })}></calcite-icon></calcite-list-item>`
+                : null;
+            }
+          );
+        }
+        buildSeriesList() {
+          return I(
+            this.seriesOrderResetCounter,
+            n`<calcite-list label class=${a(
+              l.list
+            )} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${
+              this.onCalciteListOrderChange
+            }>${this.buildSeriesListItems()}</calcite-list>`
+          );
+        }
+        setupSeriesPopover() {
+          this.removeSeriesPopover(),
+            this.meanLinesBoxColorIsSelected
+              ? (this.seriesPopover = h(
+                  n`<geoscene-charts-config-box-plot-series-popover .referenceElement=${
+                    this.el
+                  } .selectedColor=${this.model.meanLinesBoxColor} .placement=${
+                    this.popoverPlacement
+                  } open .selectedSeriesIndex=${
+                    this.selectedSeriesIndex
+                  } .labelCanBeConfigured=${!this
+                    .meanLinesBoxColorIsSelected} @geosceneChartsConfigSeriesPopoverNameChange=${
+                    this.seriesNameChange
+                  } @geosceneChartsConfigSeriesPopoverColorChange=${
+                    this.seriesColorChange
+                  } @geosceneChartsConfigSeriesPopoverLineStyleChange=${
+                    this.seriesLineStyleChange
+                  } @geosceneChartsConfigSeriesPopoverLineWidthChange=${
+                    this.seriesLineWidthChange
+                  } @geosceneChartsConfigPopoverClose=${
+                    this.seriesPopoverClose
+                  }></geoscene-charts-config-box-plot-series-popover>`
+                ))
+              : this.selectedSeriesIndex !== void 0 &&
+                (this.seriesPopover = h(
+                  n`<geoscene-charts-config-box-plot-series-popover .referenceElement=${
+                    this.el
+                  } .selectedName=${this.model.getSeriesName(
+                    this.selectedSeriesIndex
+                  )} .selectedColor=${this.model.getSeriesColor(
+                    this.selectedSeriesIndex
+                  )} .selectedLineStyle=${this.model.getSeriesLineStyle(
+                    this.selectedSeriesIndex
+                  )} .selectedLineWidth=${this.model.getSeriesLineWidth(
+                    this.selectedSeriesIndex
+                  )} .isLineSymbol=${this.model.showMeanLines} .placement=${
+                    this.popoverPlacement
+                  } open .selectedSeriesIndex=${
+                    this.selectedSeriesIndex
+                  } .labelCanBeConfigured=${!this
+                    .meanLinesBoxColorIsSelected} @geosceneChartsConfigSeriesPopoverNameChange=${
+                    this.seriesNameChange
+                  } @geosceneChartsConfigSeriesPopoverColorChange=${
+                    this.seriesColorChange
+                  } @geosceneChartsConfigSeriesPopoverLineStyleChange=${
+                    this.seriesLineStyleChange
+                  } @geosceneChartsConfigSeriesPopoverLineWidthChange=${
+                    this.seriesLineWidthChange
+                  } @geosceneChartsConfigPopoverClose=${
+                    this.seriesPopoverClose
+                  }></geoscene-charts-config-box-plot-series-popover>`
+                )),
+            this.seriesPopover &&
+              !document.body.contains(this.seriesPopover) &&
+              document.body.appendChild(this.seriesPopover);
+        }
+        shouldDisableMeanLinesOption() {
+          return (
+            this.model.splitByField === "" || this.model.splitByField === void 0
+          );
+        }
+        renderMeanLinesBoxColorItem() {
+          let e = "#CCCCCC",
+            i = "minus-square",
+            t = this.model.meanLinesBoxColor;
+          if (t !== void 0) {
+            i = "square-f";
+            let [s, o, r, m] = [...t];
+            e = `rgba(${s},${o},${r},${m / 255})`;
+          }
+          return n`<calcite-list label class=${a(
+            l.list
+          )}><calcite-list-item value=box-plot-color .label=${
+            this._messages.boxPlotColor
+          } .selected=${this.meanLinesBoxColorIsSelected} @click=${
+            this.openSeriesPopOver
+          }><calcite-icon slot=content-end .icon=${i} style=${c({
+            color: e,
+          })}></calcite-icon></calcite-list-item></calcite-list>`;
+        }
+        renderMultipleSeriesOption() {
+          let e = this.shouldDisableMeanLinesOption();
+          return e
+            ? []
+            : [
+                n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${
+                  this._messages.displayMultipleSeries
+                }</div>`,
+                n`<calcite-list label class=${a(
+                  l.list
+                )} selection-mode=single-persist selection-appearance=border @click=${
+                  this.onMultipleSeriesSelect
+                }><calcite-list-item .label=${
+                  this._messages.sideBySide
+                } .value=${d.Side} .selected=${
+                  this.model.showMeanLines !== !0
+                }><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(
+                  l.infoIcon
+                )} slot=actions-end icon=information scale=s flip-rtl @mouseover=${(
+                  i
+                ) =>
+                  this.createTooltip(
+                    i,
+                    this._messages.sideBySideTooltip ?? ""
+                  )} @mouseout=${
+                  this.destroyTooltip
+                }></calcite-icon></calcite-list-item><calcite-list-item .label=${
+                  this._messages.meanLines
+                } .value=${d.MeanLines} .disabled=${e} .selected=${
+                  this.model.showMeanLines === !0
+                }><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(
+                  l.infoIcon
+                )} slot=actions-end icon=information scale=s flip-rtl @mouseover=${(
+                  i
+                ) =>
+                  this.createTooltip(
+                    i,
+                    this._messages.meanLinesTooltip ?? ""
+                  )} @mouseout=${
+                  this.destroyTooltip
+                }></calcite-icon></calcite-list-item></calcite-list>`,
+                this.model.showMeanLines === !0
+                  ? this.renderMeanLinesBoxColorItem()
+                  : null,
+              ];
+        }
+        render() {
+          return n`${this.renderMultipleSeriesOption()}<div class=${a(
+            l.sectionLabel
+          )}>${this._messages.series}<calcite-button @click=${
+            this.resetSeriesOriginal
+          } .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${
+            this._messages.reset
+          }</calcite-button></div>${this.buildSeriesList()}`;
+        }
+      };
+    x("geoscene-charts-config-box-plot-series", C);
+    return C;
+  },
+  "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",
+  b,
+  e,
+  f
+);