@geoscene/charts-components 5.0.19

package/dist/components/geoscene-charts-config-box-plot-series/customElement.js

@@ -0,0 +1,394 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as I } from "../../chunks/runtime.js";
+import { css as P, html as n } from "lit";
+import { keyed as y } from "lit/directives/keyed.js";
+import "@geoscene/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+import "@geoscene/toolkit/type";
+import { f as d } from "../../chunks/series-types.js";
+import { dp as S } from "../../chunks/index.js";
+import "@geoscene/core/Graphic.js";
+import "@geoscene/core/renderers/support/jsonUtils.js";
+import "@geoscene/core/symbols/support/symbolUtils.js";
+import "@geoscene/geoscene-html-sanitizer";
+import "@geoscene/core/intl.js";
+import "@geoscene/core/layers/support/FeatureFilter.js";
+import "@geoscene/core/smartMapping/statistics/histogram.js";
+import "@geoscene/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@geoscene/core/request.js";
+import "@geoscene/core/core/sql.js";
+import "@geoscene/core/AttributeBinsGraphic.js";
+import "@geoscene/core/geometry/support/jsonUtils.js";
+import "@geoscene/core/rest/support/AttributeBinsQuery.js";
+import "@geoscene/core/rest/support/StatisticDefinition.js";
+import "@geoscene/core/time/TimeExtent.js";
+import "@geoscene/core/core/promiseUtils.js";
+import "@geoscene/toolkit/dom";
+import { r as f } from "../../chunks/popover-ui-utils.js";
+import { repeat as M } from "lit/directives/repeat.js";
+import { u as B } from "../../chunks/useT9n.js";
+import {
+  LitElement as O,
+  renderElement as h,
+  safeStyleMap as m,
+  safeClassMap as a,
+} from "@geoscene/lumina";
+import { d as w } from "../../chunks/chart-ui-utils2.js";
+const l = {
+    topSection: "top-section",
+    sectionLabel: "section-label",
+    list: "list",
+    infoIcon: "info-icon",
+  },
+  T = P`: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}`;
+class N extends O {
+  constructor() {
+    super(...arguments),
+      (this._messages = B()),
+      (this.resetSeriesOriginal = () => {
+        (this.configSeriesOpen = !1),
+          (this.selectedSeriesIndex = void 0),
+          this.model.resetSeriesStyling(),
+          (this.seriesOrderResetCounter += 1);
+      }),
+      (this.onMultipleSeriesSelect = (e) => {
+        if (!this.shouldDisableMeanLinesOption()) {
+          const 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) {
+          const i = e.detail?.name;
+          this.model.setSeriesName(i, this.selectedSeriesIndex ?? -1);
+        }
+      }),
+      (this.seriesColorChange = (e) => {
+        if (e.detail !== null && e.detail !== void 0) {
+          const { 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) {
+          const { 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) {
+          const { width: i } = e.detail;
+          i !== void 0 &&
+            this.model.setSeriesLineWidth(i, this.selectedSeriesIndex ?? -1);
+        }
+      }),
+      (this.onCalciteListOrderChange = (e) => {
+        const i = this.model.boxPlotSeriesIndexWhenMeanLinesShown;
+        if (e.detail !== null && e.detail !== void 0) {
+          const { newIndex: t, oldIndex: r } = e.detail;
+          let s = r,
+            o = t;
+          i !== -1 && ((s = r >= i ? r + 1 : r), (o = t >= i ? t + 1 : t)),
+            this.model.moveSeries(s, o),
+            (this.seriesOrderResetCounter += 1);
+        }
+      }),
+      (this.seriesPopoverClose = () => {
+        (this.selectedSeriesIndex = void 0),
+          (this.meanLinesBoxColorIsSelected = !1),
+          (this.configSeriesOpen = !1),
+          (this.seriesPopover = f(this.seriesPopover));
+      }),
+      (this.openSeriesPopOver = (e) => {
+        e.stopImmediatePropagation(), this.removeSeriesPopover();
+        const i = e.target,
+          t = i.localName === "calcite-list-item" ? i : i.parentNode,
+          r = !this.configSeriesOpen,
+          s = this.model.getSeriesIndex(t.value);
+        if (s !== void 0 && s !== -1)
+          (this.configSeriesOpen = this.selectedSeriesIndex === s ? r : !0),
+            this.configSeriesOpen
+              ? (this.selectedSeriesIndex = s)
+              : (this.selectedSeriesIndex = void 0),
+            (this.meanLinesBoxColorIsSelected = !1);
+        else if (t.value === "box-plot-color") {
+          const o = !this.meanLinesBoxColorIsSelected;
+          (this.configSeriesOpen = o),
+            (this.meanLinesBoxColorIsSelected = o),
+            (this.selectedSeriesIndex = void 0);
+        }
+      }),
+      (this.createTooltip = (e, i) => {
+        const t = e.target;
+        (this.tooltip = h(
+          n`<calcite-tooltip style=${m({
+            opacity: 1,
+            zIndex: "var(--calcite-floating-ui-z-index)",
+          })} .referenceElement=${t} open placement=top>${
+            i ?? ""
+          }</calcite-tooltip>`
+        )),
+          document.body.appendChild(this.tooltip);
+      }),
+      (this.destroyTooltip = () => {
+        w(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 = T;
+  }
+  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 = f(this.seriesPopover)));
+  }
+  buildSeriesListItems() {
+    const e = this.model.seriesLength,
+      i = this.model.boxPlotSeriesIndexWhenMeanLinesShown,
+      t = Array.from({ length: e }, (s, o) => o);
+    return M(
+      t,
+      (s) => this.model.getSeriesId(s),
+      (s) => {
+        const o = this.model.getSeriesId(s),
+          c = this.model.getSeriesColor(s),
+          v = this.model.getSeriesName(s),
+          p = this.model.chartSubType,
+          u =
+            p === S.BoxPlotMonoField || p === S.BoxPlotMultiFields
+              ? this._messages.series
+              : o;
+        let g = "#CCCCCC",
+          C = "minus-square";
+        if ((e > 1 || !this.activeColorMatch) && c !== void 0) {
+          C = this.model.showMeanLines === !0 ? "line-solid" : "square-f";
+          const [x, $, L, b] = [...c];
+          g = `rgba(${x},${$},${L},${b / 255})`;
+        }
+        return i !== s
+          ? n`<calcite-list-item .label=${
+              v ?? o ?? ""
+            } .description=${u} .value=${o} .selected=${
+              this.selectedSeriesIndex === s
+            } @click=${
+              this.openSeriesPopOver
+            }><calcite-icon slot=content-end .icon=${C} style=${m({
+              color: g,
+            })}></calcite-icon></calcite-list-item>`
+          : null;
+      }
+    );
+  }
+  buildSeriesList() {
+    return y(
+      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";
+    const t = this.model.meanLinesBoxColor;
+    if (t !== void 0) {
+      i = "square-f";
+      const [r, s, o, c] = [...t];
+      e = `rgba(${r},${s},${o},${c / 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=${m({
+      color: e,
+    })}></calcite-icon></calcite-list-item></calcite-list>`;
+  }
+  renderMultipleSeriesOption() {
+    const 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()}`;
+  }
+}
+I("geoscene-charts-config-box-plot-series", N);
+export { N as GeosceneChartsConfigBoxPlotSeries };

package/dist/components/geoscene-charts-config-box-plot-series/index.js

@@ -0,0 +1,7 @@
+import "@geoscene/calcite-components/components/calcite-tooltip";
+import "@geoscene/calcite-components/components/calcite-list-item";
+import "@geoscene/calcite-components/components/calcite-icon";
+import "@geoscene/calcite-components/components/calcite-list";
+import "../geoscene-charts-config-box-plot-series-popover/index.js";
+import "@geoscene/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -0,0 +1,163 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as g } from "../../chunks/runtime.js";
+import { css as C, html as l } from "lit";
+import "@geoscene/toolkit/intl";
+import { isEqual as f } from "lodash-es";
+import "luxon";
+import "d3-array";
+import "@geoscene/toolkit/type";
+import "../../chunks/series-types.js";
+import { f as v } from "../../chunks/rest-js-object-literals.js";
+import { ar as d } from "../../chunks/index.js";
+import "@geoscene/core/Graphic.js";
+import "@geoscene/core/renderers/support/jsonUtils.js";
+import "@geoscene/core/symbols/support/symbolUtils.js";
+import "@geoscene/geoscene-html-sanitizer";
+import "@geoscene/core/intl.js";
+import "@geoscene/core/layers/support/FeatureFilter.js";
+import "@geoscene/core/smartMapping/statistics/histogram.js";
+import "@geoscene/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@geoscene/core/request.js";
+import "@geoscene/core/core/sql.js";
+import "@geoscene/core/AttributeBinsGraphic.js";
+import "@geoscene/core/geometry/support/jsonUtils.js";
+import "@geoscene/core/rest/support/AttributeBinsQuery.js";
+import "@geoscene/core/rest/support/StatisticDefinition.js";
+import "@geoscene/core/time/TimeExtent.js";
+import "@geoscene/core/core/promiseUtils.js";
+import "@geoscene/toolkit/dom";
+import { e as y } from "../../chunks/popover-ui-utils.js";
+import { a as u } from "../../chunks/chart-ui-utils2.js";
+import { u as S } from "../../chunks/useT9n.js";
+import { createRef as b, ref as $ } from "lit/directives/ref.js";
+import {
+  LitElement as P,
+  createEvent as a,
+  safeClassMap as n,
+} from "@geoscene/lumina";
+const c = {
+    jsAppFlyout: "js-app-flyout",
+    panelChildrenContainer: "panel-children-container",
+  },
+  L = C`.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{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
+class x extends P {
+  constructor() {
+    super(...arguments),
+      (this._messages = S()),
+      (this.popoverElement = b()),
+      (this.isLineSymbol = !1),
+      (this.geosceneChartsConfigPopoverClose = a()),
+      (this.geosceneChartsConfigSeriesPopoverColorChange = a()),
+      (this.geosceneChartsConfigSeriesPopoverLineStyleChange = a()),
+      (this.geosceneChartsConfigSeriesPopoverLineWidthChange = a()),
+      (this.geosceneChartsConfigSeriesPopoverNameChange = a());
+  }
+  static {
+    this.properties = {
+      messageOverrides: 0,
+      referenceElement: 0,
+      selectedName: 1,
+      selectedColor: 0,
+      selectedLineStyle: 1,
+      selectedLineWidth: 9,
+      selectedSeriesIndex: 9,
+      isLineSymbol: 5,
+      placement: 1,
+      open: 5,
+      labelCanBeConfigured: 5,
+    };
+  }
+  static {
+    this.styles = L;
+  }
+  async reposition() {
+    await this.popoverElement.value?.reposition();
+  }
+  updated() {
+    y(this.popoverElement.value, this.open),
+      this.hasUpdated ||
+        setTimeout(() => {
+          this.popoverElement.value?.reposition();
+        }, u.PopoverTimer);
+  }
+  seriesNameChange(e) {
+    const t = e.target.value;
+    this.selectedName !== t &&
+      ((this.selectedName = t),
+      this.geosceneChartsConfigSeriesPopoverNameChange.emit({ name: t }));
+  }
+  closePopover() {
+    (this.open = !1), this.geosceneChartsConfigPopoverClose.emit();
+  }
+  colorChange(e) {
+    const t = e instanceof CustomEvent ? e.detail : e,
+      [s, i, o] = t,
+      r = d * 255;
+    (this.selectedColor = [s, i, o, r]),
+      this.geosceneChartsConfigSeriesPopoverColorChange.emit({
+        color: [s, i, o, r],
+      });
+  }
+  lineSymbolChange(e) {
+    const { lineStyle: t } = e.target,
+      { color: s, style: i, width: o } = t;
+    if (s !== void 0 && !f(s, this.selectedColor)) {
+      const [r, p, h] = s,
+        m = d * 255;
+      (this.selectedColor = [r, p, h, m]),
+        this.geosceneChartsConfigSeriesPopoverColorChange.emit({
+          color: [r, p, h, m],
+        });
+    }
+    i !== void 0 &&
+      i !== this.selectedLineStyle &&
+      ((this.selectedLineStyle = i),
+      this.geosceneChartsConfigSeriesPopoverLineStyleChange.emit({ style: i })),
+      o !== void 0 &&
+        o !== this.selectedLineWidth &&
+        ((this.selectedLineWidth = o),
+        this.geosceneChartsConfigSeriesPopoverLineWidthChange.emit({
+          width: o,
+        }));
+  }
+  render() {
+    const e = this.selectedColor;
+    return l`<div class=${n({
+      [c.jsAppFlyout]: !0,
+    })}><calcite-popover .referenceElement=${
+      this.referenceElement ?? document.body
+    } .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${
+      this.closePopover
+    } label auto-close ${$(this.popoverElement)}><calcite-panel .heading=${
+      this._messages.seriesElement
+    } closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${
+      this.labelCanBeConfigured
+        ? l`<div class=${n(c.panelChildrenContainer)}><calcite-label>${
+            this._messages.label
+          }<calcite-input type=text .value=${
+            this.selectedName
+          } @calciteInputInput=${
+            this.seriesNameChange
+          }></calcite-input></calcite-label></div>`
+        : null
+    }<div class=${n(c.panelChildrenContainer)}>${
+      this.isLineSymbol
+        ? l`<geoscene-charts-config-line-style .open=${
+            this.open
+          } enable-close .lineStyle=${{
+            type: v.SLS,
+            style: this.selectedLineStyle,
+            width: this.selectedLineWidth,
+            color: e,
+          }} @geosceneChartsConfigLineStyleClose=${
+            this.closePopover
+          } @geosceneChartsConfigLineStyleChange=${
+            this.lineSymbolChange
+          }></geoscene-charts-config-line-style>`
+        : l`<geoscene-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @geosceneColorSelect=${this.colorChange}></geoscene-charts-config-colors>`
+    }</div></calcite-panel></calcite-popover></div>`;
+  }
+}
+g("geoscene-charts-config-box-plot-series-popover", x);
+export { x as GeosceneChartsConfigBoxPlotSeriesPopover };

package/dist/components/geoscene-charts-config-box-plot-series-popover/index.js

@@ -0,0 +1,7 @@
+import "@geoscene/calcite-components/components/calcite-popover";
+import "@geoscene/calcite-components/components/calcite-panel";
+import "@geoscene/calcite-components/components/calcite-label";
+import "@geoscene/calcite-components/components/calcite-input";
+import "../geoscene-charts-config-line-style/index.js";
+import "../geoscene-charts-config-colors/index.js";
+export * from "./customElement.js";

package/dist/components/geoscene-charts-config-category-format/customElement.js

@@ -0,0 +1,87 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as o, html as l } from "lit";
+import {
+  i as h,
+  m as r,
+  s as u,
+  U as s,
+} from "../../chunks/chart-ui-utils2.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { createRef as g, ref as d } from "lit/directives/ref.js";
+import {
+  LitElement as f,
+  createEvent as b,
+  safeClassMap as e,
+} from "@geoscene/lumina";
+const a = {
+    container: "container",
+    label: "label",
+    numberInput: "number-input",
+  },
+  y = o`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--geoscene-charts-dim-text)}.container{width:var(--geoscene-charts-config-calcite-block-width, var(--geoscene-charts-config-calcite-block-default-width));height:var(--geoscene-charts-config-calcite-block-height, var(--geoscene-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`;
+class v extends f {
+  constructor() {
+    super(...arguments),
+      (this._messages = p()),
+      (this.characterLimitInputElement = g()),
+      (this.geosceneChartsConfigCategoryFormatChange = b());
+  }
+  static {
+    this.properties = { messageOverrides: 0, categoryFormat: 0 };
+  }
+  static {
+    this.styles = y;
+  }
+  onCharacterLimitChange() {
+    const t = this.characterLimitInputElement.value?.value,
+      i = Math.floor(Number(t)),
+      c = i === Number(t) && i >= 0;
+    if (
+      t !== void 0 &&
+      c &&
+      h(
+        t,
+        this.characterLimitInputElement.value?.min,
+        this.characterLimitInputElement.value?.max
+      )
+    ) {
+      const n = Number.parseInt(t);
+      this.updateCategoryFormat({
+        type: this.categoryFormat.type,
+        characterLimit: n,
+      }),
+        this.geosceneChartsConfigCategoryFormatChange.emit(),
+        this.characterLimitInputElement.value &&
+          r({
+            inputElement: this.characterLimitInputElement.value,
+            status: s.IDLE,
+          });
+    } else
+      this.characterLimitInputElement.value &&
+        r({
+          inputElement: this.characterLimitInputElement.value,
+          status: s.INVALID,
+        });
+  }
+  updateCategoryFormat(t) {
+    this.categoryFormat = {
+      ...this.categoryFormat,
+      ...t,
+    };
+  }
+  render() {
+    return l`<div class=${e(a.container)}><calcite-label class=${e(a.label)}>${
+      this._messages.labelCharacterLmt
+    }<calcite-input type=number class=${e(
+      a.numberInput
+    )} min=1 max=100 step=1 .value=${u(
+      this.categoryFormat?.characterLimit,
+      11
+    )} @calciteInputInput=${this.onCharacterLimitChange} ${d(
+      this.characterLimitInputElement
+    )}></calcite-input></calcite-label></div>`;
+  }
+}
+m("geoscene-charts-config-category-format", v);
+export { v as GeosceneChartsConfigCategoryFormat };

package/dist/components/geoscene-charts-config-category-format/index.js

@@ -0,0 +1,3 @@
+import "@geoscene/calcite-components/components/calcite-label";
+import "@geoscene/calcite-components/components/calcite-input";
+export * from "./customElement.js";