@geoscene/charts-components 5.0.19

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

@@ -0,0 +1,357 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as k } from "../../chunks/runtime.js";
+import { repeat as u } from "lit/directives/repeat.js";
+import { keyed as b } from "lit/directives/keyed.js";
+import "@geoscene/toolkit/type";
+import { n as h, i as c } from "../../chunks/series-types.js";
+import { R as F } from "../../chunks/rest-js-object-literals.js";
+import "@geoscene/toolkit/intl";
+import { isEqual as f } from "lodash-es";
+import "luxon";
+import "d3-array";
+import {
+  by as I,
+  bz as P,
+  d3 as T,
+  bU as A,
+  bS as v,
+  bT as x,
+  da as E,
+} 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/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 D, p as S } from "../../chunks/popover-ui-utils.js";
+import {
+  LitElement as z,
+  createEvent as C,
+  safeClassMap as o,
+} from "@geoscene/lumina";
+import { css as N, html as n } from "lit";
+import { createRef as d, ref as m } from "lit/directives/ref.js";
+import { u as L } from "../../chunks/useT9n.js";
+import { L as a } from "../../chunks/interfaces.js";
+import {
+  b as $,
+  a as y,
+  c as g,
+  e as w,
+  s as K,
+} from "../../chunks/chart-ui-utils2.js";
+const B = N`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,
+  r = {
+    jsAppFlyout: "js-app-flyout",
+    name: "line-chart-data-popover",
+    numericFieldPickList: "line-chart-data-numeric-fields-pick-list",
+    header: "header",
+    fab: "fab",
+    pickListItemLabel: "pick-list-item-label",
+    sizeSection: "size-section",
+    applyButton: "apply-button",
+  };
+class U extends z {
+  constructor() {
+    super(...arguments),
+      (this._messages = L()),
+      (this.commonStrings = L({ name: "common", blocking: !0 })),
+      (this.picklist = d()),
+      (this.intervalSizeElement = d()),
+      (this.intervalTypeElement = d()),
+      (this.popoverElement = d()),
+      (this.placement = "leading"),
+      (this.offsetDistance = -200),
+      (this.pickListHasChanged = !1),
+      (this.layerFieldsInfo = []),
+      (this.geosceneChartsConfigLineChartDataPopoverChange = C()),
+      (this.geosceneChartsConfigLineChartPopoverClose = C());
+  }
+  static {
+    this.properties = {
+      aggregationLabels: 16,
+      timeAggregationLabels: 16,
+      messageOverrides: 0,
+      headingTitle: 1,
+      referenceElement: 0,
+      open: 5,
+      contentKind: 1,
+      layerFieldsInfo: 0,
+      selectedContent: 1,
+    };
+  }
+  static {
+    this.styles = B;
+  }
+  async reposition() {
+    await this.popoverElement.value?.reposition();
+  }
+  willUpdate(e) {
+    e.has("selectedContent") &&
+      this.selectedContentChange(
+        this.selectedContent,
+        e.get("selectedContent")
+      );
+    const t = $.map((i) => I(i, this.commonStrings));
+    f(this.aggregationLabels, t) || (this.aggregationLabels = t);
+    const l = [h.Start, h.End].map((i) => P(i, this.commonStrings));
+    f(this.timeAggregationLabels, l) || (this.timeAggregationLabels = l);
+  }
+  updated() {
+    setTimeout(() => {
+      typeof this.picklist.value?.setFocus == "function" &&
+        this.picklist.value?.setFocus();
+    }, y.PopoverTimer),
+      D(this.popoverElement.value, this.open),
+      this.hasUpdated ||
+        setTimeout(() => {
+          this.popoverElement.value?.reposition();
+        }, y.PopoverTimer);
+  }
+  selectedContentChange(e, t) {
+    this.pickListHasChanged = S(e, t);
+  }
+  buildAggregationPickListItems() {
+    return u(
+      $,
+      (e) => e,
+      (e, t) =>
+        n`<calcite-list-item .label=${
+          this.aggregationLabels?.[t]
+        } .value=${e} .selected=${g(
+          e,
+          this.selectedContent
+        )}></calcite-list-item>`
+    );
+  }
+  buildIntervalAlignmentPickListItems() {
+    const e = [h.Start, h.End];
+    return u(
+      e,
+      (t) => t,
+      (t, s) =>
+        n`<calcite-list-item .label=${
+          this.timeAggregationLabels?.[s]
+        } .value=${t} .selected=${g(
+          t,
+          this.selectedContent
+        )}></calcite-list-item>`
+    );
+  }
+  buildPickListItem(e) {
+    return b(
+      e.name,
+      n`<calcite-list-item .label=${T(this.layerFieldsInfo, e.name)} .value=${
+        e.name
+      } .selected=${g(e.name, this.selectedContent)}></calcite-list-item>`
+    );
+  }
+  buildPickListItems(e) {
+    const t = this.layerFieldsInfo?.length ?? 0,
+      s = [];
+    switch (e) {
+      case a.numericFields: {
+        for (let l = 0; l < t; l += 1) {
+          const i = this.layerFieldsInfo?.[l];
+          i && v(i) && s.push(this.buildPickListItem(i));
+        }
+        break;
+      }
+      case a.xAxisField: {
+        for (let l = 0; l < t; l += 1) {
+          const i = this.layerFieldsInfo?.[l];
+          i && (v(i) || x(i)) && s.push(this.buildPickListItem(i));
+        }
+        break;
+      }
+      case a.splitByField: {
+        const l = b(
+          " ",
+          n`<calcite-list-item label=" " value=" " .selected=${g(
+            "",
+            this.selectedContent
+          )}></calcite-list-item>`
+        );
+        s.push(l);
+        for (let i = 0; i < t; i += 1) {
+          const p = this.layerFieldsInfo?.[i];
+          p &&
+            (A(p) || p.type === F.String) &&
+            s.push(this.buildPickListItem(p));
+        }
+        break;
+      }
+    }
+    return s;
+  }
+  closePopover() {
+    if (this.contentKind === a.numericFields) {
+      const e = {
+        pickListElement: this.picklist.value,
+        eventEmitter: this.geosceneChartsConfigLineChartDataPopoverChange,
+        contentKind: this.contentKind,
+      };
+      w(e);
+    }
+    (this.open = !1), this.geosceneChartsConfigLineChartPopoverClose.emit();
+  }
+  onDataContentTypeChange(e) {
+    this.pickListHasChanged = !0;
+    const t = e.target.selectedItems;
+    this.geosceneChartsConfigLineChartDataPopoverChange.emit({
+      contentKind: this.contentKind,
+      value: t.map((s) => s.value),
+    }),
+      (this.open = !1);
+  }
+  intervalChange() {
+    const e = Number.parseInt(this.intervalSizeElement.value?.value ?? ""),
+      t = this.intervalTypeElement.value?.selectedOption?.value;
+    !Number.isNaN(e) &&
+      e > 0 &&
+      this.geosceneChartsConfigLineChartDataPopoverChange.emit({
+        contentKind: this.contentKind,
+        value: [{ intervalSize: e, intervalUnits: t }],
+      }),
+      (this.open = !1);
+  }
+  onNumericFieldsChange(e) {
+    e.target !== null &&
+      (this.selectedContent = e.target.selectedItems.map((t) => t.value));
+  }
+  onNumericFieldSelectionDone() {
+    this.pickListHasChanged && this.closePopover();
+  }
+  renderAggregationType() {
+    const e = this.buildAggregationPickListItems();
+    return n`<calcite-list label class=${o(
+      r.pickListItemLabel
+    )} selection-mode=single selection-appearance=border @calciteListChange=${
+      this.onDataContentTypeChange
+    }>${e}</calcite-list>`;
+  }
+  renderXAxisField() {
+    const e = this.buildPickListItems(a.xAxisField);
+    return n`<calcite-list label class=${o(
+      r.pickListItemLabel
+    )} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${
+      this.onDataContentTypeChange
+    } ${m(this.picklist)}>${e}</calcite-list>`;
+  }
+  renderNumericFields() {
+    const e = this.buildPickListItems(a.numericFields);
+    return n`<calcite-list label class=${o(
+      r.numericFieldPickList
+    )} selection-mode=multiple filter-enabled @calciteListChange=${
+      this.onNumericFieldsChange
+    } ${m(this.picklist)}>${e}</calcite-list>`;
+  }
+  renderSplitByField() {
+    const e = this.buildPickListItems(a.splitByField);
+    return n`<calcite-list label class=${o(
+      r.pickListItemLabel
+    )} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${
+      this.onDataContentTypeChange
+    } ${m(this.picklist)}>${e}</calcite-list>`;
+  }
+  renderIntervalAlignment() {
+    const e = this.buildIntervalAlignmentPickListItems();
+    return n`<calcite-list label class=${o(
+      r.pickListItemLabel
+    )} selection-mode=single selection-appearance=border @calciteListChange=${
+      this.onDataContentTypeChange
+    }>${e}</calcite-list>`;
+  }
+  renderInterval() {
+    const e = this.selectedContent,
+      t = [c.Second, c.Minute, c.Hour, c.Day, c.Week, c.Month, c.Year];
+    return n`<div><div class=${o(r.sizeSection)}><calcite-label scale=m>${
+      this._messages.intervalSize
+    }<calcite-input type=number scale=m min=1 step=any .value=${K(
+      e?.size,
+      1
+    )} ${m(
+      this.intervalSizeElement
+    )}></calcite-input></calcite-label><calcite-label scale=m>${
+      this._messages.intervalType
+    }<calcite-select .label=${this._messages.intervalType ?? ""} ${m(
+      this.intervalTypeElement
+    )}>${t.map(
+      (s) =>
+        n`<calcite-option .value=${s} .label=${E(
+          s,
+          this._messages
+        )} .selected=${e?.unit === s}></calcite-option>`
+    )}</calcite-select></calcite-label><calcite-button class=${o(
+      r.applyButton
+    )} appearance=outline @click=${this.intervalChange}>${
+      this._messages.apply
+    }</calcite-button></div></div>`;
+  }
+  renderPopoverInfo() {
+    let e;
+    switch (this.contentKind) {
+      case a.aggregation:
+        e = this.renderAggregationType();
+        break;
+      case a.xAxisField:
+        e = this.renderXAxisField();
+        break;
+      case a.numericFields:
+        e = this.renderNumericFields();
+        break;
+      case a.splitByField:
+        e = this.renderSplitByField();
+        break;
+      case a.intervalAlignment:
+        e = this.renderIntervalAlignment();
+        break;
+      case a.interval:
+        e = this.renderInterval();
+        break;
+    }
+    return e;
+  }
+  render() {
+    let e;
+    return (
+      this.contentKind === a.numericFields &&
+        (e = n`<div slot=footer><calcite-fab class=${o(
+          r.fab
+        )} appearance=outline-fill kind=neutral .icon=${void 0} .label=${
+          this._messages.selectionDone
+        } scale=s text-enabled .text=${this._messages.selectionDone} @click=${
+          this.onNumericFieldSelectionDone
+        }></calcite-fab></div>`),
+      n`<div class=${o(r.jsAppFlyout)}><calcite-popover class=${o(
+        r.name
+      )} .referenceElement=${
+        this.referenceElement ?? document.body
+      } .placement=${this.placement} .offsetDistance=${
+        this.offsetDistance
+      } @calcitePopoverClose=${this.closePopover} .open=${
+        this.open
+      } label auto-close ${m(
+        this.popoverElement
+      )}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${
+        this.closePopover
+      }><div slot=header-content class=${o(r.header)}>${
+        this.headingTitle ?? ""
+      }</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`
+    );
+  }
+}
+k("geoscene-charts-config-line-chart-popover", U);
+export { U as GeosceneChartsConfigLineChartPopover };

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

@@ -0,0 +1,11 @@
+import "@geoscene/calcite-components/components/calcite-list-item";
+import "@geoscene/calcite-components/components/calcite-list";
+import "@geoscene/calcite-components/components/calcite-label";
+import "@geoscene/calcite-components/components/calcite-input";
+import "@geoscene/calcite-components/components/calcite-select";
+import "@geoscene/calcite-components/components/calcite-option";
+import "@geoscene/calcite-components/components/calcite-button";
+import "@geoscene/calcite-components/components/calcite-fab";
+import "@geoscene/calcite-components/components/calcite-popover";
+import "@geoscene/calcite-components/components/calcite-panel";
+export * from "./customElement.js";

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

@@ -0,0 +1,245 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as f } from "../../chunks/runtime.js";
+import { keyed as u } from "lit/directives/keyed.js";
+import "@geoscene/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+import "@geoscene/toolkit/type";
+import "../../chunks/series-types.js";
+import { dp as I } 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 d } from "../../chunks/popover-ui-utils.js";
+import {
+  LitElement as $,
+  renderElement as L,
+  safeStyleMap as x,
+} from "@geoscene/lumina";
+import { css as P, html as o } from "lit";
+import { repeat as y } from "lit/directives/repeat.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { g as M } from "../../chunks/chart-ui-utils2.js";
+const O = 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)}`;
+class k extends $ {
+  constructor() {
+    super(...arguments),
+      (this._messages = b()),
+      (this.seriesPopover = null),
+      (this.open = !1),
+      (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;
+          (this.model.colorMatch = !1),
+            i !== void 0 &&
+              (this.model.setSeriesColor(i, this.selectedSeriesIndex ?? -1),
+              this.model.setSeriesMarkerColor(
+                i,
+                this.selectedSeriesIndex ?? -1
+              ));
+        }
+      }),
+      (this.seriesLineStyleChange = (e) => {
+        if (e.detail !== null && e.detail !== void 0) {
+          const { lineStyle: 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 { lineWidth: i } = e.detail;
+          i !== void 0 &&
+            (this.model.setSeriesLineWidth(i, this.selectedSeriesIndex ?? -1),
+            this.model.setSeriesMarkerSize(
+              i * 2,
+              this.selectedSeriesIndex ?? -1
+            ));
+        }
+      }),
+      (this.seriesPopoverClose = (e) => {
+        const { selectedSeriesIndex: i } = e.detail;
+        this.selectedSeriesIndex === i &&
+          ((this.seriesPopover = d(this.seriesPopover)),
+          (this.selectedSeriesIndex = void 0));
+      }),
+      (this.onModelConfigChange = () => {
+        this.requestUpdate();
+      }),
+      (this.seriesOrderResetCounter = 0),
+      (this.activeColorMatch = !1),
+      (this.popoverPlacement = "leading");
+  }
+  static {
+    this.properties = {
+      selectedSeriesIndex: 16,
+      seriesOrderResetCounter: 16,
+      messageOverrides: 0,
+      model: 0,
+      activeColorMatch: 5,
+      popoverPlacement: 1,
+    };
+  }
+  static {
+    this.styles = O;
+  }
+  load() {
+    this.modelChange(this.model), this.onModelConfigChange();
+  }
+  willUpdate(e) {
+    e.has("model") && this.modelChange(this.model, e.get("model")),
+      e.has("selectedSeriesIndex") && this.selectedSeriesIndexChange();
+  }
+  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.seriesPopover = L(
+        o`<geoscene-charts-config-line-chart-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
+        )} .placement=${this.popoverPlacement} .open=${
+          this.open
+        } .selectedSeriesIndex=${
+          this.selectedSeriesIndex
+        } @geosceneChartsConfigSeriesPopoverNameChange=${
+          this.seriesNameChange
+        } @geosceneChartsConfigSeriesPopoverColorChange=${
+          this.seriesColorChange
+        } @geosceneChartsConfigSeriesPopoverLineStyleChange=${
+          this.seriesLineStyleChange
+        } @geosceneChartsConfigSeriesPopoverLineWidthChange=${
+          this.seriesLineWidthChange
+        } @geosceneChartsConfigPopoverClose=${
+          this.seriesPopoverClose
+        }></geoscene-charts-config-line-chart-series-popover>`
+      )),
+      this.seriesPopover &&
+        !document.body.contains(this.seriesPopover) &&
+        document.body.appendChild(this.seriesPopover));
+  }
+  removeSeriesPopover() {
+    this.seriesPopover !== void 0 &&
+      this.seriesPopover !== null &&
+      ((this.seriesPopover.open = !1),
+      (this.seriesPopover = d(this.seriesPopover)));
+  }
+  buildSeriesListItems() {
+    const e = this.model.seriesLength,
+      i = Array.from({ length: e }, (s, t) => t);
+    return y(
+      i,
+      (s) => this.model.getSeriesId(s),
+      (s) => {
+        const t = this.model.getSeriesId(s),
+          l = this.model.getSeriesColor(s),
+          h = this.model.getSeriesName(s),
+          c =
+            this.model.chartSubType === I.BarAndLineFromFields
+              ? this._messages.series
+              : t,
+          m = this.model.getSeriesLineStyle(s),
+          p = M(m);
+        let n = "#CCCCCC",
+          a = "minus-circle";
+        if ((e > 1 || !this.activeColorMatch) && l !== void 0) {
+          a = `line-${p}`;
+          const [g, C, S, v] = [...l];
+          n = `rgba(${g},${C},${S},${v / 255})`;
+        }
+        return o`<calcite-list-item .label=${
+          h ?? t ?? ""
+        } .description=${c} .value=${t} .selected=${
+          this.selectedSeriesIndex === s
+        } @click=${
+          this.openSeriesPopOver
+        }><calcite-icon slot=content-end .icon=${a} style=${x({
+          color: n,
+        })}></calcite-icon></calcite-list-item>`;
+      }
+    );
+  }
+  buildSeriesList() {
+    return u(
+      this.seriesOrderResetCounter,
+      o`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${
+        this.onCalciteListOrderChange
+      }>${this.buildSeriesListItems()}</calcite-list>`
+    );
+  }
+  resetSeriesOriginal() {
+    (this.selectedSeriesIndex = void 0),
+      this.model.resetSeriesStyling(),
+      (this.seriesOrderResetCounter += 1);
+  }
+  onCalciteListOrderChange(e) {
+    if (e.detail !== null && e.detail !== void 0) {
+      const { newIndex: i, oldIndex: r } = e.detail;
+      this.model.moveSeries(r, i), (this.seriesOrderResetCounter += 1);
+    }
+  }
+  openSeriesPopOver(e) {
+    e.stopImmediatePropagation(), this.removeSeriesPopover();
+    const i = e.target,
+      r = i.localName === "calcite-list-item" ? i : i.parentNode,
+      s = this.model.getSeriesIndex(r.value);
+    (this.open = this.selectedSeriesIndex !== s),
+      (this.selectedSeriesIndex = this.selectedSeriesIndex !== s ? s : void 0);
+  }
+  render() {
+    return o`<calcite-panel .heading=${
+      this._messages.series
+    }><calcite-button slot=header-actions-end @click=${
+      this.resetSeriesOriginal
+    } .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${
+      this._messages.reset
+    }</calcite-button>${this.buildSeriesList()}</calcite-panel>`;
+  }
+}
+f("geoscene-charts-config-line-chart-series", k);
+export { k as GeosceneChartsConfigLineChartSeries };

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

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