@geoscene/charts-components 5.0.19

package/dist/components/geoscene-charts-config-guides/customElement.js

@@ -0,0 +1,194 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as p } from "../../chunks/runtime.js";
+import { cloneDeep as r } from "lodash-es";
+import { d as g } from "../../chunks/default.js";
+import { g as l, H as m } from "../../chunks/resource.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as A, html as a } from "lit";
+import { createRef as x, ref as C } from "lit/directives/ref.js";
+import {
+  LitElement as v,
+  renderElement as b,
+  safeClassMap as c,
+} from "@geoscene/lumina";
+import { G as s } from "../../chunks/common.js";
+import { p as h, q as u } from "../../chunks/type-guards.js";
+import "@geoscene/toolkit/type";
+import "../../chunks/series-types.js";
+const P = A`:host{display:flex;flex-direction:column;width:var(--geoscene-charts-config-calcite-block-default-width);margin:var(--geoscene-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
+class $ extends v {
+  constructor() {
+    super(...arguments),
+      (this._messages = f()),
+      (this.addGuideButton = x()),
+      (this.guideTypePopover = null),
+      (this.addXGuide = (e) => {
+        if (h(this.model)) {
+          const t = this.getUniqueName(this._messages.xAxisGuide ?? ""),
+            i = this.model.getXGuidesLength() ?? 0;
+          this.model.addXAxisGuide(t, i),
+            this.model.setGuideStyle(r(g.style), i, s.X),
+            (this.latestGuidePosition = l(i, s.X, this.model)),
+            this.togglePopOver(e);
+        }
+      }),
+      (this.addYGuide = (e) => {
+        if (u(this.model)) {
+          const t = this.getUniqueName(this._messages.yAxisGuide ?? ""),
+            i = this.model.getYGuidesLength() ?? 0;
+          this.model.addYAxisGuide(t, i),
+            this.model.setGuideStyle(r(g.style), i, s.Y),
+            (this.latestGuidePosition = l(i, s.Y, this.model)),
+            this.togglePopOver(e);
+        }
+      }),
+      (this.togglePopOver = (e) => {
+        e.stopImmediatePropagation(),
+          this.enableXAxisGuide &&
+            this.enableYAxisGuide &&
+            (this.showAddButton = !this.showAddButton);
+      }),
+      (this.onModelConfigChange = () => {
+        this.requestUpdate();
+      }),
+      (this.closeAddPopOver = (e) => {
+        e.stopImmediatePropagation(), (this.showAddButton = !0);
+      }),
+      (this.showAddButton = !0),
+      (this.latestGuidePosition = 0),
+      (this.open = !1);
+  }
+  static {
+    this.properties = {
+      showAddButton: 16,
+      latestGuidePosition: 16,
+      messageOverrides: 0,
+      model: 0,
+      timeZone: 1,
+      calculatedMinMaxBounds: 0,
+      enableXAxisGuide: 5,
+      enableYAxisGuide: 5,
+      open: 5,
+    };
+  }
+  static {
+    this.styles = P;
+  }
+  load() {
+    this.modelChange(this.model);
+  }
+  willUpdate(e) {
+    e.has("model") && this.modelChange(this.model, e.get("model"));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(),
+      this.model.removeEventListener(
+        "geosceneChartsModelConfigChange",
+        this.onModelConfigChange
+      );
+  }
+  modelChange(e, t) {
+    t?.removeEventListener(
+      "geosceneChartsModelConfigChange",
+      this.onModelConfigChange
+    ),
+      e?.addEventListener(
+        "geosceneChartsModelConfigChange",
+        this.onModelConfigChange
+      );
+  }
+  getAllGuidesLength() {
+    const e = h(this.model) ? this.model.getXGuidesLength() ?? 0 : 0,
+      t = u(this.model) ? this.model.getYGuidesLength() ?? 0 : 0;
+    return e + t;
+  }
+  getUniqueName(e, t = 1) {
+    const i = `${e} ${t}`;
+    let d = !1;
+    if (h(this.model)) {
+      const o = this.model.getXGuidesLength() ?? 0;
+      for (let n = 0; n < o && !d; n += 1)
+        this.model.getGuideName(n, s.X) === i && (d = !0);
+    }
+    if (u(this.model)) {
+      const o = this.model.getYGuidesLength() ?? 0;
+      for (let n = 0; n < o && !d; n += 1)
+        this.model.getGuideName(n, s.Y) === i && (d = !0);
+    }
+    return d ? this.getUniqueName(e, t + 1) : i;
+  }
+  setChangedGuide(e) {
+    const { index: t, orientation: i, isDelete: d } = e.detail,
+      o = l(t, i, this.model);
+    d &&
+      o !== void 0 &&
+      o <= this.latestGuidePosition &&
+      this.latestGuidePosition > 0 &&
+      (this.latestGuidePosition -= 1);
+  }
+  setupGuidePopover(e) {
+    e.stopImmediatePropagation(), this.togglePopOver(e);
+  }
+  renderGuideTypePopover() {
+    const e = this.getAllGuidesLength();
+    (this.guideTypePopover = b(
+      a`<geoscene-charts-config-guides-type-popover .enableXAxisGuide=${
+        this.enableXAxisGuide
+      } .enableYAxisGuide=${this.enableYAxisGuide} .referenceElement=${
+        this.addGuideButton.value
+      } .placement=${e === 0 ? "bottom" : "top"} .open=${!this
+        .showAddButton} @geosceneChartsAddXAxisGuide=${
+        this.addXGuide
+      } @geosceneChartsAddYAxisGuide=${
+        this.addYGuide
+      } @geosceneChartsConfigPopoverClose=${
+        this.closeAddPopOver
+      }></geoscene-charts-config-guides-type-popover>`
+    )),
+      !this.showAddButton &&
+        !document.body.contains(this.guideTypePopover) &&
+        this.guideTypePopover !== null &&
+        document.body.appendChild(this.guideTypePopover);
+  }
+  renderGuide(e, t) {
+    let i;
+    return (
+      ((this.enableXAxisGuide && t === s.X) ||
+        (this.enableYAxisGuide && t === s.Y)) &&
+        (i = a`<geoscene-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${t} .latestGuidePosition=${this.latestGuidePosition} @geosceneChartsConfigGuideChange=${this.setChangedGuide}></geoscene-charts-config-guide>`),
+      i
+    );
+  }
+  renderGuides() {
+    const e = [];
+    if (h(this.model)) {
+      const t = this.model.getXGuidesLength() ?? 0;
+      for (let i = 0; i < t; i += 1) e.push(this.renderGuide(i, s.X));
+    }
+    if (u(this.model)) {
+      const t = this.model.getYGuidesLength() ?? 0;
+      for (let i = 0; i < t; i += 1) e.push(this.renderGuide(i, s.Y));
+    }
+    return e;
+  }
+  renderAddGuideButton(e) {
+    return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`;
+  }
+  render() {
+    const t = this.getAllGuidesLength() > 0,
+      i = this.showAddButton && this.enableXAxisGuide && this.enableYAxisGuide,
+      d = this.enableXAxisGuide && !this.enableYAxisGuide,
+      o = !this.enableXAxisGuide && this.enableYAxisGuide;
+    return a`${this.renderGuideTypePopover()}${
+      t
+        ? this.renderGuides()
+        : a`<div class=${c(m.noMessages)}>${this._messages.noGuidesMsg}</div>`
+    }<div class=${c(m.addGuide)} ${C(this.addGuideButton)}>${
+      (i && this.renderAddGuideButton(this.setupGuidePopover)) || ""
+    }${(d && this.renderAddGuideButton(this.addXGuide)) || ""}${
+      (o && this.renderAddGuideButton(this.addYGuide)) || ""
+    }</div>`;
+  }
+}
+p("geoscene-charts-config-guides", $);
+export { $ as GeosceneChartsConfigGuides };

package/dist/components/geoscene-charts-config-guides/index.js

@@ -0,0 +1,4 @@
+import "../geoscene-charts-config-guides-type-popover/index.js";
+import "../geoscene-charts-config-guide/index.js";
+import "@geoscene/calcite-components/components/calcite-fab";
+export * from "./customElement.js";

package/dist/components/geoscene-charts-config-guides-type-popover/customElement.js

@@ -0,0 +1,100 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { html as e } from "lit";
+import { LitElement as s, createEvent as i } from "@geoscene/lumina";
+import { u as o } from "../../chunks/useT9n.js";
+import { createRef as r, ref as a } from "lit/directives/ref.js";
+import "@geoscene/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+import "@geoscene/toolkit/type";
+import "../../chunks/series-types.js";
+import "../../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 p } from "../../chunks/popover-ui-utils.js";
+class l extends s {
+  constructor() {
+    super(...arguments),
+      (this._messages = o()),
+      (this.popoverElement = r()),
+      (this.onAddXGuide = () => {
+        (this.open = !1), this.geosceneChartsAddXAxisGuide.emit();
+      }),
+      (this.onAddYGuide = () => {
+        (this.open = !1), this.geosceneChartsAddYAxisGuide.emit();
+      }),
+      (this.enableXAxisGuide = !1),
+      (this.enableYAxisGuide = !1),
+      (this.placement = "bottom"),
+      (this.open = !1),
+      (this.geosceneChartsAddXAxisGuide = i()),
+      (this.geosceneChartsAddYAxisGuide = i()),
+      (this.geosceneChartsConfigPopoverClose = i());
+  }
+  static {
+    this.properties = {
+      enableXAxisGuide: 5,
+      enableYAxisGuide: 5,
+      messageOverrides: 0,
+      referenceElement: 0,
+      placement: 1,
+      open: 5,
+    };
+  }
+  async reposition() {
+    await this.popoverElement.value?.reposition();
+  }
+  updated() {
+    p(this.popoverElement.value, this.open);
+  }
+  guidePopoverClose() {
+    (this.open = !1), this.geosceneChartsConfigPopoverClose.emit();
+  }
+  render() {
+    return e`<calcite-popover .open=${this.open} .referenceElement=${
+      this.referenceElement ?? document.body
+    } flip-disabled pointer-disabled offset-distance=-18 @calcitePopoverClose=${
+      this.guidePopoverClose
+    } .placement=${this.placement} auto-close label ${a(
+      this.popoverElement
+    )}><calcite-panel .heading=${
+      this._messages.guideType
+    } closable @calcitePanelClose=${this.guidePopoverClose}>${
+      this.enableXAxisGuide
+        ? e`<calcite-action .label=${this._messages.addXAxisGuide} .text=${
+            this._messages.addXAxisGuide ?? ""
+          } @click=${
+            this.onAddXGuide
+          } icon=x-axis-guide text-enabled></calcite-action>`
+        : null
+    }${
+      this.enableYAxisGuide
+        ? e`<calcite-action .label=${this._messages.addYAxisGuide} .text=${
+            this._messages.addYAxisGuide ?? ""
+          } @click=${
+            this.onAddYGuide
+          } icon=y-axis-guide text-enabled></calcite-action>`
+        : null
+    }</calcite-panel></calcite-popover>`;
+  }
+}
+t("geoscene-charts-config-guides-type-popover", l);
+export { l as GeosceneChartsConfigGuidesTypePopover };

package/dist/components/geoscene-charts-config-guides-type-popover/index.js

@@ -0,0 +1,4 @@
+import "@geoscene/calcite-components/components/calcite-popover";
+import "@geoscene/calcite-components/components/calcite-panel";
+import "@geoscene/calcite-components/components/calcite-action";
+export * from "./customElement.js";

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

@@ -0,0 +1,114 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { LitElement as l } from "@geoscene/lumina";
+import { css as n, html as a } from "lit";
+import { C as o } from "../../chunks/interfaces.js";
+import "@geoscene/toolkit/intl";
+import { isEqual as m } from "lodash-es";
+import "luxon";
+import "d3-array";
+import "@geoscene/toolkit/type";
+import "../../chunks/series-types.js";
+import { bM as h, bO 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 { h as c } from "../../chunks/index4.js";
+import "@geoscene/toolkit/dom";
+const p = n`:host{margin-bottom:var(--geoscene-charts-intra-section-margin);margin-top:var(--geoscene-charts-intra-section-margin);height:100%}`;
+class f extends l {
+  static {
+    this.properties = {
+      layerFieldsInfo: 16,
+      model: 0,
+      page: 1,
+      layer: 0,
+      usePopupTemplateFieldsInfo: 5,
+    };
+  }
+  static {
+    this.styles = p;
+  }
+  async load() {
+    await this.updateFetchLayerFieldsInfo(this.model?.config),
+      this.modelChange(this.model);
+  }
+  willUpdate(e) {
+    let t = !1;
+    e.has("model") && this.modelChange(this.model, e.get("model")),
+      e.has("layer") &&
+        this.layer !== void 0 &&
+        !m(e.get("layer"), this.layer) &&
+        (t = !0),
+      e.has("usePopupTemplateFieldsInfo") &&
+        this.usePopupTemplateFieldsInfo !==
+          e.get("usePopupTemplateFieldsInfo") &&
+        (t = !0),
+      this.layerFieldsInfo === void 0 && (t = !0),
+      t && this.updateFetchLayerFieldsInfo();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(),
+      this.model.removeEventListener(
+        "geosceneChartsModelConfigChange",
+        this.onModelConfigChange
+      );
+  }
+  modelChange(e, t) {
+    t?.removeEventListener(
+      "geosceneChartsModelConfigChange",
+      this.onModelConfigChange
+    ),
+      e?.addEventListener(
+        "geosceneChartsModelConfigChange",
+        this.onModelConfigChange
+      );
+  }
+  async updateFetchLayerFieldsInfo(e) {
+    const t = e ?? this.model.config;
+    let i = this.layer;
+    if (!i) {
+      const r = c(t) ? t.iLayer : void 0;
+      r && (i = await h(r));
+    }
+    i && (this.layerFieldsInfo = await d(i, this.usePopupTemplateFieldsInfo));
+  }
+  async onModelConfigChange(e) {
+    const i = e?.detail.config ?? this.model.config;
+    this.layer === void 0 && (await this.updateFetchLayerFieldsInfo(i));
+  }
+  render() {
+    let e;
+    switch (this.page) {
+      case o.Data:
+        e = a`<geoscene-charts-config-heat-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></geoscene-charts-config-heat-chart-data>`;
+        break;
+      case o.Format:
+        e = a`<geoscene-charts-config-format .model=${this.model}></geoscene-charts-config-format>`;
+        break;
+      case o.General:
+        e = a`<geoscene-charts-config-general .model=${this.model}></geoscene-charts-config-general>`;
+        break;
+      default:
+        e = "";
+        break;
+    }
+    return e;
+  }
+}
+s("geoscene-charts-config-heat-chart", f);
+export { f as GeosceneChartsConfigHeatChart };

package/dist/components/geoscene-charts-config-heat-chart/index.js

@@ -0,0 +1,4 @@
+import "../geoscene-charts-config-heat-chart-data/index.js";
+import "../geoscene-charts-config-format/index.js";
+import "../geoscene-charts-config-general/index.js";
+export * from "./customElement.js";