@geoscene/charts-components 5.0.19

package/dist/cdn/DPJE33GY.js

@@ -0,0 +1,111 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { b as e } from "./NKG4FLLR.js";
+var a = {
+    actionBar: "action-bar",
+    customActionTop: "custom-action-top",
+    customActionBelow: "custom-action-below",
+  },
+  l = {
+    Mean: "mean",
+    Median: "median",
+    StandardDev: "standardDev",
+    NormalDist: "normalDist",
+  },
+  n = {
+    Mean: "mean",
+    Median: "median",
+    StandardDev: "standardDev",
+    Count: e.Count,
+    CountExcludingNulls: "countExcludingNulls",
+    Min: e.Minimum,
+    Max: e.Maximum,
+    Sum: e.Sum,
+    Nulls: "nulls",
+  },
+  r = {
+    Data: "data",
+    Series: "series",
+    Slices: "slices",
+    Axes: "axes",
+    Guides: "guides",
+    Format: "format",
+    General: "general",
+  },
+  t = { Title: "title", Text: "text", Label: "label", Palette: "palette" },
+  o = {
+    xAxisField: "xAxisField",
+    aggregation: "aggregation",
+    numericFields: "numericField",
+    splitByField: "splitByField",
+    interval: "interval",
+    intervalAlignment: "intervalAlignment",
+  },
+  s = {
+    category: "category",
+    aggregation: "aggregation",
+    numericFields: "numericField",
+    splitByField: "splitByField",
+    sortOrder: "sortOrder",
+    interval: "interval",
+    intervalAlignment: "intervalAlignment",
+  },
+  d = {
+    category: "category",
+    aggregation: "aggregation",
+    numericFields: "numericFields",
+    sortOrder: "sortOrder",
+  },
+  m = {
+    numericFields: "numericField",
+    transformation: "transformation",
+    fillSymbol: "fillSymbol",
+    lineSymbol: "lineSymbol",
+  },
+  c = {
+    xAxisField: "xAxis",
+    yAxisField: "yAxis",
+    sizeVariable: "sizeVariable",
+    symbol: "symbol",
+    trendLine: "trendLine",
+    additionalTooltipFields: "additionalTooltipFields",
+    none: "none",
+  },
+  g = {
+    category: "category",
+    numericFields: "numericField",
+    splitByField: "splitByField",
+    sortOrder: "sortOrder",
+  },
+  u = {
+    xAxisField: "xAxisField",
+    aggregation: "aggregation",
+    numericFields: "numericField",
+    calendarType: "calendarType",
+    calendarViewType: "calendarViewType",
+    classBreakMethod: "classBreakMethod",
+    colorScheme: "colorScheme",
+    null: "null",
+  },
+  y = {
+    WeekByDayOfWeekAndHourOfDay: "weekByDayOfWeekAndHourOfDay",
+    YearByMonthAndDayOfMonth: "yearByMonthAndDayOfMonth",
+  },
+  F = { Fixed: "fixed", Proportional: "proportional" },
+  x = { Up: "up", Down: "down" };
+export {
+  a,
+  l as b,
+  n as c,
+  r as d,
+  t as e,
+  o as f,
+  s as g,
+  d as h,
+  m as i,
+  c as j,
+  g as k,
+  u as l,
+  y as m,
+  F as n,
+  x as o,
+};

package/dist/cdn/DPXJFQDJ.js

@@ -0,0 +1,34 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { k as o } from "./UG7LOBJE.js";
+export default $geoscene.t(
+  ([]) => {
+    var E = (r, i) =>
+        o(i.series?.[r]) ? i.series?.[r].hideOversizedSideBySideLabels : void 0,
+      F = (r, i, e) => {
+        o(e.series?.[i]) && (e.series[i].hideOversizedSideBySideLabels = r);
+      },
+      G = (r, i) =>
+        o(i.series?.[r]) ? i.series?.[r].hideOversizedStackedLabels : void 0,
+      J = (r, i, e) => {
+        [i !== void 0 ? e.series?.[i] : e.series].flat().forEach((t) => {
+          o(t) && (t.hideOversizedStackedLabels = r);
+        });
+      };
+    return { a: E, b: F, c: G, d: J };
+  },
+  "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"
+);

package/dist/cdn/DVTRF3NE.js

@@ -0,0 +1,498 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { a as E } from "./7I5Y5NSS.js";
+import { a as C } from "./HAGP76HP.js";
+import { a as p } from "./FEJD2JHY.js";
+import { a as L, c as k } from "./ZLQXY2BV.js";
+import i from "./5752NFTR.js";
+import { k as l, o as g } from "./DPJE33GY.js";
+import { a as B } from "./VAB3BCTX.js";
+import h from "./AENRD2JF.js";
+import f from "./P5SSZWMH.js";
+import "./UG7LOBJE.js";
+import e from "./A7YNU2NS.js";
+import { n as b } from "./4B3QBH5T.js";
+import "./XLDY6CTA.js";
+import { b as c } from "./KUVOINJC.js";
+import { a as I } from "./NKG4FLLR.js";
+import {
+  A as o,
+  D as F,
+  F as x,
+  g as y,
+  h as a,
+  j as S,
+  m as v,
+  x as d,
+  y as m,
+  z as $,
+} from "./KRZ433BT.js";
+import "./OR4HXHSY.js";
+export default $geoscene.t(
+  ([
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    ,
+    { E: h, Gb: u, Hb: O },
+    ,
+    { h: w },
+    { a: P },
+  ]) => {
+    var r = {
+        label: "label",
+        fieldList: "field-list",
+        fab: "fab",
+        dimText: "dim-text",
+        list: "list",
+        customSortButtons: "custom-sort-buttons",
+      },
+      _ = y`.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{display:flex;flex-direction:column;width:var(--geoscene-charts-config-calcite-block-default-width);margin:var(--geoscene-charts-config-calcite-block-default-margin);margin-top:var(--geoscene-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:var(--geoscene-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--geoscene-charts-config-margin-minor);margin-right:var(--geoscene-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.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)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,
+      f = class extends $ {
+        constructor() {
+          super(...arguments),
+            (this._messages = B()),
+            (this.boxPlotPopover = null),
+            (this.categoryElement = d()),
+            (this.numericFieldsElement = d()),
+            (this.splitByFieldElement = d()),
+            (this.sortOrderElement = d()),
+            (this.originalCustomSortLabels = []),
+            (this.isCustomSortDisabled = !1),
+            (this.onModelConfigChange = () => {
+              this.requestUpdate();
+            }),
+            (this.popoverClose = (e) => {
+              this.boxPlotPopover === e?.target &&
+                (this.boxPlotPopover = p(this.boxPlotPopover));
+            }),
+            (this.onBoxPlotDataChange = async (e) => {
+              try {
+                if (e.detail !== null && e.detail?.value !== void 0) {
+                  let { contentKind: t } = e.detail,
+                    s = [...e.detail.value];
+                  switch ((k(L), t)) {
+                    case l.category: {
+                      let i = s[0]?.trim() || h;
+                      if (
+                        ((this.model.category = i),
+                        this.model.getSortOrder() === c.customSort)
+                      ) {
+                        let n = await this.updateCustomSortProps();
+                        (this.model.orderByList = n),
+                          (this.sortOrderResetCounter += 1);
+                      }
+                      break;
+                    }
+                    case l.numericFields: {
+                      this.model.numericFields = s;
+                      let i = s.length > 1;
+                      if (
+                        ((this.model.standardizeValues = i),
+                        this.model.getSortOrder() === c.customSort)
+                      ) {
+                        let n = await this.updateCustomSortProps();
+                        (this.model.orderByList = n),
+                          (this.sortOrderResetCounter += 1);
+                      }
+                      break;
+                    }
+                    case l.splitByField: {
+                      let i = s[0]?.trim() || "";
+                      this.model.splitByField = i;
+                      break;
+                    }
+                    case l.sortOrder:
+                      {
+                        let i = s[0];
+                        if (i === c.customSort) {
+                          let n = await this.updateCustomSortProps();
+                          this.model.setSortOrder(i, n);
+                        } else this.model.setSortOrder(i);
+                        this.sortOrderResetCounter += 1;
+                      }
+                      break;
+                    default:
+                      break;
+                  }
+                }
+              } catch (t) {
+                throw (
+                  (t instanceof Error &&
+                    this.geosceneChartsConfigDataChangeError.emit({
+                      error: t,
+                      model: this.model,
+                    }),
+                  t)
+                );
+              }
+              this.requestUpdate();
+            }),
+            (this.selectedCustomSortItemId = ""),
+            (this.sortOrderResetCounter = 0),
+            (this.layerFieldsInfo = []),
+            (this.geosceneChartsConfigDataChangeError = v());
+        }
+        static {
+          this.properties = {
+            selectedCustomSortItemId: 16,
+            sortOrderResetCounter: 16,
+            messageOverrides: 0,
+            model: 0,
+            layerFieldsInfo: 0,
+          };
+        }
+        static {
+          this.styles = _;
+        }
+        load() {
+          this.modelChange(this.model),
+            this.onModelConfigChange(),
+            (this.currentDataFilter = this.model.getDataFilters()),
+            this.updateCustomSortProps();
+        }
+        willUpdate(e) {
+          e.has("model") && this.modelChange(this.model, e.get("model")),
+            b(this.model.getDataFilters(), this.currentDataFilter) ||
+              (this.updateCustomSortProps(),
+              (this.currentDataFilter = this.model.getDataFilters())),
+            (this.disableSplitBy =
+              this.model.numericFields.length === 0 ||
+              (this.model.numericFields.length > 1 &&
+                this.model.category !== h));
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback(),
+            (this.boxPlotPopover = p(this.boxPlotPopover)),
+            this.model.removeEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        modelChange(e, t) {
+          t?.removeEventListener(
+            "geosceneChartsModelConfigChange",
+            this.onModelConfigChange
+          ),
+            e?.addEventListener(
+              "geosceneChartsModelConfigChange",
+              this.onModelConfigChange
+            );
+        }
+        onCalciteListOrderChange(e) {
+          if (e.detail !== null && e.detail !== void 0) {
+            let { newIndex: t, oldIndex: s } = e.detail;
+            this.model.moveCustomSortValuesInOrderByList(s, t);
+          }
+        }
+        onCustomSortItemSelected(e) {
+          let { id: t } = e.target;
+          this.selectedCustomSortItemId =
+            this.selectedCustomSortItemId === t ? "" : t;
+        }
+        onCustomSortItemMoved(e) {
+          let { id: t } = e.target,
+            s = this.model.orderByList.length,
+            i = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
+          t === g.Up ? (s = i - 1) : t === g.Down && (s = i + 1),
+            i >= 0 &&
+              s >= 0 &&
+              s < this.model.orderByList.length &&
+              (this.model.moveCustomSortValuesInOrderByList(i, s),
+              (this.sortOrderResetCounter += 1));
+        }
+        buildCustomSortListItems() {
+          return E(
+            this.model.orderByList,
+            (e) => e,
+            (e) => {
+              let t = O(this.layerFieldsInfo, e);
+              return a`<calcite-list-item id=${e ?? S} .label=${
+                e ?? ""
+              } .description=${t} .value=${e} .selected=${
+                this.selectedCustomSortItemId === e
+              } @calciteListItemSelect=${
+                this.onCustomSortItemSelected
+              }><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`;
+            }
+          );
+        }
+        buildCustomSortList() {
+          return C(
+            this.sortOrderResetCounter,
+            a`<calcite-list label class=${o(
+              r.list
+            )} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${
+              this.onCalciteListOrderChange
+            }>${this.buildCustomSortListItems()}</calcite-list>`
+          );
+        }
+        buildNumericFieldItem(e) {
+          return C(
+            e,
+            a`<calcite-list-item .label=${u(
+              this.layerFieldsInfo,
+              e
+            )} .value=${e} closable @calciteListItemClose=${
+              this.onRemoveNumericField
+            }></calcite-list-item>`
+          );
+        }
+        onCategorySelect(e) {
+          this.categoryElement.value &&
+            !this.categoryElement.value.disabled &&
+            ((this.contentKind = l.category), this.setupPopover(e));
+        }
+        async onRemoveNumericField(e) {
+          let t = e.target.value;
+          if (
+            ((this.model.numericFields = this.model.numericFields.filter(
+              (s) => s !== t
+            )),
+            this.model.numericFields.length === 0 && this.model.resetConfig(),
+            this.model.getSortOrder() === c.customSort)
+          ) {
+            let s = await this.updateCustomSortProps();
+            (this.model.orderByList = s), (this.sortOrderResetCounter += 1);
+          }
+        }
+        async updateCustomSortProps() {
+          let e = await this.model.getCustomSortValues();
+          this.originalCustomSortLabels = [...e];
+          let t = e.length > P.customSortLimit;
+          return (
+            t &&
+              (this.sortOrderElement.value &&
+                (this.sortOrderElement.value.label = this._messages.xAxisAsc),
+              this.model.setSortOrder(c.xAxisAsc)),
+            (this.isCustomSortDisabled = t),
+            e
+          );
+        }
+        onStandardizeValuesChange(e) {
+          this.model.standardizeValues = e.target.checked;
+        }
+        onShowOutliersChange(e) {
+          this.model.showOutliers = e.target.checked;
+        }
+        onSplitBySelect(e) {
+          this.splitByFieldElement.value &&
+            !this.splitByFieldElement.value.disabled &&
+            ((this.contentKind = l.splitByField), this.setupPopover(e));
+        }
+        onSortOrderSelect(e) {
+          (this.contentKind = l.sortOrder), this.setupPopover(e);
+        }
+        setupPopover(e) {
+          e.stopImmediatePropagation(),
+            (this.boxPlotPopover = p(this.boxPlotPopover));
+          let t,
+            s,
+            i,
+            n = !1;
+          switch (this.contentKind) {
+            case l.category:
+              (t = this.categoryElement.value),
+                (s = this._messages.categoryHeader),
+                (i = this.model.category === h ? "" : this.model.category);
+              break;
+            case l.numericFields:
+              (t = this.numericFieldsElement.value),
+                (s = this._messages.numericFieldsHeader),
+                (i = this.model.numericFields);
+              break;
+            case l.splitByField:
+              (t = this.splitByFieldElement.value),
+                (s = this._messages.splitByFieldHeader),
+                (i = this.model.splitByField);
+              break;
+            case l.sortOrder:
+              (t = this.sortOrderElement.value),
+                (s = this._messages.selectSortOrder),
+                (i = this.model.getSortOrder()),
+                (n = this.isCustomSortDisabled);
+              break;
+          }
+          (this.boxPlotPopover = F(
+            a`<geoscene-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @geosceneChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @geosceneChartsConfigPopoverClose=${this.popoverClose}></geoscene-charts-config-box-plot-popover>`
+          )),
+            !document.body.contains(this.boxPlotPopover) &&
+              this.boxPlotPopover !== null &&
+              document.body.appendChild(this.boxPlotPopover);
+        }
+        onAddNumericFields(e) {
+          (this.contentKind = l.numericFields), this.setupPopover(e);
+        }
+        getCorrectedSplitByValue() {
+          return this.model.splitByField?.trim() === ""
+            ? ""
+            : u(this.layerFieldsInfo, this.model.splitByField);
+        }
+        getCorrectedCategoryValue() {
+          return w({
+            fieldName: this.model.category,
+            fieldList: this.layerFieldsInfo,
+          })
+            ? ""
+            : u(this.layerFieldsInfo, this.model.category);
+        }
+        resetToOriginalCustomSortLabels() {
+          (this.selectedCustomSortItemId = ""),
+            (this.model.orderByList = [...this.originalCustomSortLabels]),
+            (this.sortOrderResetCounter += 1);
+        }
+        renderCustomSortUI() {
+          let e = this.model.getSortOrder(),
+            t = this.model.getAxisValueFormat(0)?.type,
+            s = this.model.orderByList.indexOf(this.selectedCustomSortItemId);
+          return t === I.CategoryAxisFormat &&
+            e === c.customSort &&
+            !this.isCustomSortDisabled
+            ? a`<calcite-label class=${o(r.label)}><div class=${o(
+                r.customSortButtons
+              )}><div><calcite-button appearance=transparent .disabled=${
+                s === 0 ||
+                s === -1 ||
+                this.selectedCustomSortItemId.trim() === ""
+              } icon-start=arrow-bold-up id=${
+                g.Up
+              } kind=neutral scale=s @click=${
+                this.onCustomSortItemMoved
+              }></calcite-button><calcite-button appearance=transparent .disabled=${
+                s === -1 ||
+                s === this.model.orderByList.length - 1 ||
+                this.selectedCustomSortItemId.trim() === ""
+              } icon-start=arrow-bold-down id=${
+                g.Down
+              } kind=neutral scale=s @click=${
+                this.onCustomSortItemMoved
+              }></calcite-button></div><calcite-button @click=${
+                this.resetToOriginalCustomSortLabels
+              } .disabled=${b(
+                this.model.orderByList,
+                this.originalCustomSortLabels
+              )} appearance=transparent icon-end=reset>${
+                this._messages.reset
+              }</calcite-button></div>${
+                this.model.category === h
+                  ? this._messages.values
+                  : this._messages.category
+              }${this.buildCustomSortList()}</calcite-label>`
+            : null;
+        }
+        renderNumericFields(e) {
+          let t = [];
+          for (let s of e) t.push(this.buildNumericFieldItem(s));
+          return a`<calcite-list label class=${o(r.fieldList)} ${m(
+            this.numericFieldsElement
+          )}>${t}</calcite-list>`;
+        }
+        renderCategory() {
+          let e = this.getCorrectedCategoryValue(),
+            t =
+              this.model.numericFields.length === 0 ||
+              ((this.model.numericFields ?? []).length > 1 &&
+                this.model.splitByField !== "");
+          return a`<geoscene-charts-config-field-select .label=${e} .disabled=${t} @click=${
+            this.onCategorySelect
+          } ${m(this.categoryElement)}></geoscene-charts-config-field-select>`;
+        }
+        renderSplitBy() {
+          let e = this.getCorrectedSplitByValue();
+          return a`<geoscene-charts-config-field-select .label=${e} .disabled=${
+            this.disableSplitBy
+          } @click=${this.onSplitBySelect} ${m(
+            this.splitByFieldElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        renderSorting() {
+          return a`<geoscene-charts-config-field-select .label=${
+            this._messages[this.model.getSortOrder()]
+          } @click=${this.onSortOrderSelect} ${m(
+            this.sortOrderElement
+          )}></geoscene-charts-config-field-select>`;
+        }
+        render() {
+          let e = this.renderCategory(),
+            t = this.renderNumericFields([...(this.model.numericFields ?? [])]),
+            s = this.renderSplitBy(),
+            i = this.renderSorting(),
+            n = this.renderCustomSortUI();
+          return a`<calcite-label class=${o(r.label)}>${
+            this._messages.numericFields
+          }${t}</calcite-label><div class=${o(
+            r.fab
+          )}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${
+            this._messages.selectNumericFields
+          } text-enabled .text=${
+            this._messages.selectNumericFields
+          } icon=plus @click=${
+            this.onAddNumericFields
+          }></calcite-fab></div><calcite-label class=${o(r.label)}><div>${
+            this._messages.category
+          } <span class=${o(r.dimText)}>(${
+            this._messages.optional
+          })</span></div>${e}</calcite-label><calcite-label class=${o(
+            r.label
+          )}><div class=${o(this.disableSplitBy ? r.dimText : "")}>${
+            this._messages.splitBy
+          } <span class=${o(r.dimText)}>(${
+            this._messages.optional
+          })</span></div>${s}</calcite-label><div>${
+            (this.model.numericFields ?? []).length > 1
+              ? a`<calcite-label class=${o(
+                  r.label
+                )} layout=inline-space-between>${
+                  this._messages.standardizeValues
+                }<calcite-switch .checked=${
+                  this.model.standardizeValues
+                } @calciteSwitchChange=${
+                  this.onStandardizeValuesChange
+                }></calcite-switch></calcite-label>`
+              : null
+          }</div><calcite-label class=${o(
+            r.label
+          )} layout=inline-space-between>${
+            this._messages.showOutliers
+          }<calcite-switch .checked=${
+            this.model.showOutliers
+          } @calciteSwitchChange=${
+            this.onShowOutliersChange
+          }></calcite-switch></calcite-label><calcite-label class=${o(
+            r.label
+          )}>${this._messages.sortOrder}${i}</calcite-label>${n}`;
+        }
+      };
+    x("geoscene-charts-config-box-plot-data", f);
+    return f;
+  },
+  "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",
+  e,
+  f,
+  h,
+  i
+);