@geoscene/charts-components 5.0.19

package/dist/cdn/TMANAKTG.js

@@ -0,0 +1,591 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import k from "./BY6OCNJ5.js";
+import { b as e, c as t, d as a } from "./J7TZPMJS.js";
+import j from "./5752NFTR.js";
+import { a as T } from "./DPJE33GY.js";
+import { a as p } from "./VAB3BCTX.js";
+import i from "./NSSG3EFV.js";
+import f from "./ISWZQ6CS.js";
+import c from "./P5SSZWMH.js";
+import "./UG7LOBJE.js";
+import b from "./A7YNU2NS.js";
+import "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import { d as r, q as S } from "./IHRGRUHQ.js";
+import "./KUVOINJC.js";
+import { a as u } from "./NKG4FLLR.js";
+import {
+  A as _,
+  B as m,
+  C as s,
+  D as v,
+  F as V,
+  g as O,
+  h as l,
+  m as h,
+  x as d,
+  y as g,
+  z,
+} from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([{ u: A }, , , { a: F }, { s: n }, { a: L }]) => {
+    function R(f) {
+      return f?.tagName.toLowerCase() === "geoscene-chart";
+    }
+    var Z = { actionBar: "action-bar" },
+      W = O`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,
+      x = class extends z {
+        constructor() {
+          super(...arguments),
+            (this.calciteActionBar = d()),
+            (this.exportCalciteActionBar = d()),
+            (this.expandAction = null),
+            (this._messages = p()),
+            (this.commonStrings = p({ name: "common", blocking: !0 })),
+            (this.handleMouseOver = (o) => {
+              if (
+                this.calciteActionBar.value &&
+                !this.calciteActionBar.value?.expanded
+              ) {
+                let c = o.target;
+                this.actionTooltip !== void 0 &&
+                  (this.actionTooltip = n(this.actionTooltip));
+                let i;
+                c?.tagName === "CALCITE-ACTION"
+                  ? (i = c)
+                  : (c?.tagName === "CALCITE-ACTION-MENU" ||
+                      c?.tagName === "DIV") &&
+                    (i = c.firstChild),
+                  i !== void 0 &&
+                    ((this.actionTooltip = v(
+                      l`<calcite-tooltip style=${m({
+                        opacity: 1,
+                        zIndex: "var(--calcite-floating-ui-z-index)",
+                      })} .referenceElement=${i} open placement=trailing-end>${
+                        i.text
+                      }</calcite-tooltip>`
+                    )),
+                    document.body.appendChild(this.actionTooltip));
+              } else this.actionTooltip = n(this.actionTooltip);
+            }),
+            (this.actionTooltip = null),
+            (this.forceDisableActions = !1),
+            (this.editChartToggle = t.Inactive),
+            (this.editChartState = a.Disabled),
+            (this.legendToggle = t.Inactive),
+            (this.legendState = a.Enabled),
+            (this.rotateChartToggle = t.Inactive),
+            (this.rotateChartState = a.Enabled),
+            (this.filterBySelectionToggle = t.Inactive),
+            (this.filterBySelectionState = a.Enabled),
+            (this.filterByExtentToggle = t.Inactive),
+            (this.filterByExtentState = a.Enabled),
+            (this.actionBarSelectionMode = A.MultiSelectionWithCtrlKey),
+            (this.selectionToggle = t.Inactive),
+            (this.selectionState = a.Enabled),
+            (this.zoomToggle = t.Inactive),
+            (this.zoomState = a.Enabled),
+            (this.fullExtentToggle = t.Inactive),
+            (this.fullExtentState = a.Enabled),
+            (this.clearSelectionToggle = t.Inactive),
+            (this.clearSelectionState = a.Enabled),
+            (this.switchSelectionToggle = t.Inactive),
+            (this.switchSelectionState = a.Enabled),
+            (this.exportAsImageState = a.Enabled),
+            (this.exportAsCSVState = a.Enabled),
+            (this.disableCSVExportForChartTypes = [
+              u.ScatterSeries,
+              u.BoxPlotSeries,
+            ]),
+            (this.exportActionState = a.Enabled),
+            (this.expanded = !1),
+            (this.hiddenActions = [e.EditChart]),
+            (this.geosceneActionBarToggle = h()),
+            (this.geosceneDefaultActionSelect = h());
+        }
+        static {
+          this.properties = {
+            actionTooltip: 16,
+            messageOverrides: 0,
+            chartType: 1,
+            chartElement: 0,
+            forceDisableActions: 5,
+            editChartToggle: 1,
+            editChartState: 1,
+            editChartTitle: 1,
+            legendToggle: 1,
+            legendState: 1,
+            legendTitle: 1,
+            rotateChartToggle: 1,
+            rotateChartState: 1,
+            rotateChartTitle: 1,
+            filterBySelectionToggle: 1,
+            filterBySelectionState: 1,
+            filterBySelectionTitle: 1,
+            filterByExtentToggle: 1,
+            filterByExtentState: 1,
+            filterByExtentTitle: 1,
+            actionBarSelectionMode: 1,
+            selectionToggle: 1,
+            selectionState: 1,
+            selectionTitle: 1,
+            zoomToggle: 1,
+            zoomState: 1,
+            zoomTitle: 1,
+            fullExtentToggle: 1,
+            fullExtentState: 1,
+            fullExtentTitle: 1,
+            clearSelectionToggle: 1,
+            clearSelectionState: 1,
+            clearSelectionTitle: 1,
+            switchSelectionToggle: 1,
+            switchSelectionState: 1,
+            switchSelectionTitle: 1,
+            exportAsImageState: 1,
+            exportAsImageTitle: 1,
+            exportAsCSVState: 1,
+            exportAsCSVTitle: 1,
+            disableCSVExportForChartTypes: 0,
+            exportActionState: 1,
+            expanded: 5,
+            hiddenActions: 0,
+          };
+        }
+        static {
+          this.styles = W;
+        }
+        load() {
+          this.chartElement = R(this.el.parentElement)
+            ? this.el.parentElement
+            : void 0;
+        }
+        updated() {
+          this.handleExpandTooltip();
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(), this.actionTooltip?.remove();
+        }
+        async onDefaultActionClick(o) {
+          let c = o.currentTarget,
+            i = { actionId: c.id, actionActive: !1 };
+          switch (c.id) {
+            case e.EditChart:
+              (this.editChartToggle =
+                this.editChartToggle === t.Active ? t.Inactive : t.Active),
+                (i.actionActive = this.editChartToggle === t.Active);
+              break;
+            case e.Legend:
+              (this.legendToggle =
+                this.legendToggle === t.Active ? t.Inactive : t.Active),
+                (i.actionActive = this.legendToggle === t.Active),
+                r(this.chartElement?.model) &&
+                  S(this.chartElement?.model) &&
+                  (this.chartElement.model.legendVisibility = i.actionActive),
+                this.chartElement?.model &&
+                  (r(this.chartElement.model)
+                    ? S(this.chartElement.model) &&
+                      (this.chartElement.model.legendVisibility =
+                        i.actionActive)
+                    : (this.chartElement.model.rotated =
+                        this.chartElement.model.rotated !== !0));
+              break;
+            case e.RotateChart:
+              (this.rotateChartToggle =
+                this.rotateChartToggle === t.Active ? t.Inactive : t.Active),
+                (i.actionActive = this.rotateChartToggle === t.Active),
+                this.chartElement?.model &&
+                  (r(this.chartElement.model)
+                    ? F(this.chartElement.model) &&
+                      (this.chartElement.model.rotatedState = i.actionActive)
+                    : (this.chartElement.model.rotated =
+                        this.chartElement.model.rotated !== !0));
+              break;
+            case e.FilterBySelection:
+              (this.filterBySelectionToggle =
+                this.filterBySelectionToggle === t.Active
+                  ? t.Inactive
+                  : t.Active),
+                (i.actionActive = this.filterBySelectionToggle === t.Active),
+                this.chartElement !== void 0 &&
+                  (this.chartElement.filterBySelection = i.actionActive);
+              break;
+            case e.FilterByExtent:
+              (this.filterByExtentToggle =
+                this.filterByExtentToggle === t.Active ? t.Inactive : t.Active),
+                (i.actionActive = this.filterByExtentToggle === t.Active),
+                this.chartElement !== void 0 &&
+                  (this.chartElement.filterByExtent = i.actionActive);
+              break;
+            case e.Selection:
+              (this.selectionToggle = t.Active),
+                (this.zoomToggle = t.Inactive),
+                (i.actionActive = this.selectionToggle === t.Active),
+                this.chartElement !== void 0 &&
+                  (this.chartElement.actionMode = this.actionBarSelectionMode);
+              break;
+            case e.Zoom:
+              (this.zoomToggle = t.Active),
+                (this.selectionToggle = t.Inactive),
+                (i.actionActive = this.zoomToggle === t.Active),
+                this.chartElement !== void 0 &&
+                  (this.chartElement.actionMode = A.Zoom);
+              break;
+            case e.ClearSelection:
+              (i.actionActive = this.clearSelectionToggle === t.Active),
+                this.chartElement?.clearSelection();
+              break;
+            case e.FullExtent:
+              (i.actionActive = this.fullExtentToggle === t.Active),
+                this.chartElement?.resetZoom();
+              break;
+            case e.SwitchSelection:
+              (i.actionActive = this.switchSelectionToggle === t.Active),
+                this.chartElement?.switchSelection();
+              break;
+            case e.ExportAsImage:
+              (i.actionActive = !0), await this.chartElement?.exportAsImage();
+              break;
+            case e.ExportAsCSV:
+              (i.actionActive = !0), await this.chartElement?.exportAsCSV();
+              break;
+          }
+          this.geosceneDefaultActionSelect.emit(i);
+        }
+        handleCalciteActionBarToggle() {
+          (this.expanded = this.calciteActionBar.value?.expanded ?? !1),
+            this.setCustomActionsExpanded(),
+            this.geosceneActionBarToggle.emit(this.expanded);
+        }
+        handleMouseOut() {
+          this.actionTooltip !== null &&
+            (this.actionTooltip = n(this.actionTooltip));
+        }
+        handleSlotChange(o) {
+          let c = o.currentTarget.assignedElements();
+          for (let i of c) i.onmouseover = this.handleMouseOver;
+        }
+        setCustomActionsExpanded() {
+          this.el.querySelectorAll("calcite-action").forEach((o) => {
+            let c = o;
+            c.textEnabled = this.expanded;
+          });
+        }
+        handleExpandTooltip() {
+          this.expandAction === null &&
+            ((this.expandAction =
+              this.calciteActionBar.value?.shadowRoot?.querySelector(
+                "calcite-action"
+              ) ?? null),
+            this.expandAction !== null &&
+              (this.listenOn(this.expandAction, "mouseenter", () => {
+                !this.calciteActionBar.value?.expanded &&
+                  this.expandAction !== null &&
+                  !document.body.contains(this.actionTooltip) &&
+                  ((this.actionTooltip = v(
+                    l`<calcite-tooltip style=${m({
+                      opacity: 1,
+                      zIndex: "var(--calcite-floating-ui-z-index)",
+                    })} .referenceElement=${
+                      this.expandAction
+                    } open placement=trailing-end>${
+                      this._messages.expand ?? ""
+                    }</calcite-tooltip>`
+                  )),
+                  document.body.appendChild(this.actionTooltip));
+              }),
+              this.listenOn(this.expandAction, "mouseleave", () => {
+                !this.calciteActionBar.value?.expanded &&
+                  this.actionTooltip !== null &&
+                  (this.actionTooltip = n(this.actionTooltip));
+              }),
+              this.listenOn(this.expandAction, "click", () => {
+                this.calciteActionBar.value?.expanded &&
+                  this.actionTooltip !== null &&
+                  (this.actionTooltip = n(this.actionTooltip));
+              })));
+        }
+        renderDefaultActions() {
+          let o = L(this.chartType).filter(
+              (N) => !this.hiddenActions?.includes(N)
+            ),
+            c =
+              this.chartElement?.layer && "isTable" in this.chartElement.layer
+                ? this.chartElement.layer.isTable
+                : !1,
+            i = o.includes(e.EditChart),
+            E = o.includes(e.Legend),
+            $ = o.includes(e.RotateChart),
+            b = o.includes(e.FilterBySelection),
+            C = o.includes(e.FilterByExtent) && !c,
+            y = o.includes(e.Zoom),
+            B = o.includes(e.Selection),
+            D = o.includes(e.ClearSelection),
+            k = o.includes(e.FullExtent),
+            I = o.includes(e.SwitchSelection),
+            M = o.includes(e.ExportAsImage),
+            w = o.includes(e.ExportAsCSV);
+          return [
+            E || $
+              ? l`<calcite-action-group>${
+                  i
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.EditChart ?? s
+                      } icon=gear .text=${
+                        this.commonStrings?.utilsStrings.actions?.editChart ??
+                        ""
+                      } .active=${
+                        this.editChartToggle === t.Active
+                      } .disabled=${
+                        this.editChartState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  E
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${e.Legend ?? s} .text=${
+                        this.legendTitle ?? this._messages?.legend ?? ""
+                      } .active=${this.legendToggle === t.Active} .disabled=${
+                        this.legendState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`
+                    : null
+                }${
+                  $
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.RotateChart ?? s
+                      } icon=rotate .text=${
+                        this.rotateChartTitle ??
+                        this._messages?.rotateChart ??
+                        ""
+                      } .active=${
+                        this.rotateChartToggle === t.Active
+                      } .disabled=${
+                        this.rotateChartState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }</calcite-action-group>`
+              : null,
+            b || C
+              ? l`<calcite-action-group>${
+                  b
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.FilterBySelection ?? s
+                      } icon=selection-filter .text=${
+                        this.filterBySelectionTitle ??
+                        this._messages?.filterBySelection ??
+                        ""
+                      } .active=${
+                        this.filterBySelectionToggle === t.Active
+                      } .disabled=${
+                        this.filterBySelectionState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  C
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.FilterByExtent ?? s
+                      } icon=extent-filter .text=${
+                        this.filterByExtentTitle ??
+                        this._messages?.filterByExtent ??
+                        ""
+                      } .active=${
+                        this.filterByExtentToggle === t.Active
+                      } .disabled=${
+                        this.filterByExtentState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }</calcite-action-group>`
+              : null,
+            B || y || k || D || I
+              ? l`<calcite-action-group>${
+                  y
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.Zoom ?? s
+                      } icon=magnifying-glass .text=${
+                        this.zoomTitle ?? this._messages?.zoom ?? ""
+                      } .active=${this.zoomToggle === t.Active} .disabled=${
+                        this.zoomState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  B
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.Selection ?? s
+                      } icon=cursor-selection .text=${
+                        this.selectionTitle ?? this._messages?.selection ?? ""
+                      } .active=${
+                        this.selectionToggle === t.Active
+                      } .disabled=${
+                        this.selectionState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  D
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.ClearSelection ?? s
+                      } icon=erase .text=${
+                        this.clearSelectionTitle ??
+                        this._messages?.clearSelection ??
+                        ""
+                      } .active=${
+                        this.clearSelectionToggle === t.Active
+                      } .disabled=${
+                        this.clearSelectionState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  k
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.FullExtent ?? s
+                      } icon=zoom-out-fixed .text=${
+                        this.fullExtentTitle ?? this._messages?.fullExtent ?? ""
+                      } .active=${
+                        this.fullExtentToggle === t.Active
+                      } .disabled=${
+                        this.fullExtentState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }${
+                  I
+                    ? l`<div @mouseover=${
+                        this.handleMouseOver
+                      }><calcite-action id=${
+                        e.SwitchSelection ?? s
+                      } icon=arrow-right-left .text=${
+                        this.switchSelectionTitle ??
+                        this._messages?.switchSelection ??
+                        ""
+                      } .active=${
+                        this.switchSelectionToggle === t.Active
+                      } .disabled=${
+                        this.switchSelectionState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      }></calcite-action></div>`
+                    : null
+                }</calcite-action-group>`
+              : null,
+            M || w
+              ? l`<calcite-action-menu .label=${
+                  this._messages?.export ?? ""
+                } ${g(
+                  this.exportCalciteActionBar
+                )}><calcite-action id=export icon=export .text=${
+                  this._messages?.export ?? ""
+                } .disabled=${
+                  this.exportActionState === a.Disabled ||
+                  this.forceDisableActions
+                } @mouseover=${
+                  this.handleMouseOver
+                } slot=trigger></calcite-action>${
+                  M
+                    ? l`<div><calcite-action id=${
+                        e.ExportAsImage ?? s
+                      } icon=graph-bar .text=${
+                        this.exportAsImageTitle ??
+                        this._messages?.exportAsImage ??
+                        ""
+                      } .disabled=${
+                        this.exportAsImageState === a.Disabled ||
+                        this.forceDisableActions
+                      } @click=${
+                        this.onDefaultActionClick
+                      } text-enabled></calcite-action></div>`
+                    : null
+                }${
+                  w
+                    ? l`<div><calcite-action id=${
+                        e.ExportAsCSV ?? s
+                      } icon=table .text=${
+                        this.exportAsCSVTitle ??
+                        this._messages?.exportAsTable ??
+                        ""
+                      } .disabled=${
+                        this.exportAsCSVState === a.Disabled ||
+                        this.forceDisableActions ||
+                        (this.chartType &&
+                          this.disableCSVExportForChartTypes.includes(
+                            this.chartType
+                          ))
+                      } @click=${
+                        this.onDefaultActionClick
+                      } text-enabled></calcite-action></div>`
+                    : null
+                }</calcite-action-menu>`
+              : null,
+          ];
+        }
+        render() {
+          return l`<calcite-action-bar class=${_(
+            Z.actionBar
+          )} @calciteActionBarToggle=${
+            this.handleCalciteActionBarToggle
+          } @mouseout=${this.handleMouseOut} .expanded=${
+            this.expanded
+          } .messageOverrides=${{
+            expand: this._messages.expand,
+            collapse: this._messages.collapse,
+          }} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${
+            T.customActionTop
+          } @slotchange=${
+            this.handleSlotChange
+          }></slot>${this.renderDefaultActions()}<slot name=${
+            T.customActionBelow
+          } @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
+        }
+      };
+    V("geoscene-charts-action-bar", x);
+    return x;
+  },
+  b,
+  c,
+  f,
+  i,
+  j,
+  k
+);