@geoscene/map-components 4.33.19 → 4.34.9

package/dist/components/geoscene-elevation-profile-next/interfaces.d.ts

@@ -0,0 +1,164 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+import { default as ElevationProfileAnalysis } from '@geoscene/core/analysis/ElevationProfileAnalysis.js';
+import { default as Color } from '@geoscene/core/Color.js';
+import { default as Collection } from '@geoscene/core/core/Collection.js';
+import { default as ElevationProfileResult } from '@geoscene/core/views/analysis/ElevationProfile/ElevationProfileResult';
+export type AnalysisViewType = __geoscene.ElevationProfileAnalysisView2D | __geoscene.ElevationProfileAnalysisView3D;
+type CollectionType<T> = T extends Collection<infer U> ? U : never;
+export type ElevationProfileLine = CollectionType<ElevationProfileAnalysis["profiles"]>;
+export type ElevationProfileLineType = ElevationProfileLine["type"];
+export type ElevationProfileEffectiveDisplayUnits = AnalysisViewType["effectiveDisplayUnits"];
+export type ElevationProfileSamples = NonNullable<ElevationProfileResult["samples"]>;
+export type ElevationProfileSample = ElevationProfileSamples[number];
+export type ElevationProfileStatistics = NonNullable<AnalysisViewType["statistics"]>;
+declare const messages: (value: {
+    cancelButtonLabel: string;
+    chartTooltip: string;
+    clearProfile: string;
+    componentLabel: string;
+    "creatingPrompt-2d": string;
+    "creatingPrompt-3d": string;
+    doneButtonLabel: string;
+    errors: {
+        invalidGeometry: string;
+        noProfile: string;
+        tooComplex: string;
+        unknown: string;
+    };
+    hideDetails: string;
+    hideProfile: string;
+    hideSettings: string;
+    profiles: {
+        ground: string;
+        input: string;
+        query: string;
+        scene: string;
+    };
+    readyPrompt: string;
+    readyPromptCreateOnly: string;
+    readyPromptSelectOnly: string;
+    selectButtonLabel: string;
+    "selectingPrompt-2d": string;
+    "selectingPrompt-3d": string;
+    showDetails: string;
+    showProfile: string;
+    showSettings: string;
+    sketchButtonLabel: string;
+    statistics: {
+        avgElevation: string;
+        avgSlope: string;
+        gain: string;
+        loss: string;
+        maxDistance: string;
+        maxElevation: string;
+        maxSlope: string;
+        minElevation: string;
+        notAvailable: string;
+    };
+    uniformChartScalingDisable: string;
+    uniformChartScalingEnable: string;
+    uniformChartScalingLabel: string;
+    unitDistanceSelectLabel: string;
+    unitElevationSelectLabel: string;
+    zoomOut: string;
+}) => {
+    cancelButtonLabel: string;
+    chartTooltip: string;
+    clearProfile: string;
+    componentLabel: string;
+    "creatingPrompt-2d": string;
+    "creatingPrompt-3d": string;
+    doneButtonLabel: string;
+    errors: {
+        invalidGeometry: string;
+        noProfile: string;
+        tooComplex: string;
+        unknown: string;
+    };
+    hideDetails: string;
+    hideProfile: string;
+    hideSettings: string;
+    profiles: {
+        ground: string;
+        input: string;
+        query: string;
+        scene: string;
+    };
+    readyPrompt: string;
+    readyPromptCreateOnly: string;
+    readyPromptSelectOnly: string;
+    selectButtonLabel: string;
+    "selectingPrompt-2d": string;
+    "selectingPrompt-3d": string;
+    showDetails: string;
+    showProfile: string;
+    showSettings: string;
+    sketchButtonLabel: string;
+    statistics: {
+        avgElevation: string;
+        avgSlope: string;
+        gain: string;
+        loss: string;
+        maxDistance: string;
+        maxElevation: string;
+        maxSlope: string;
+        minElevation: string;
+        notAvailable: string;
+    };
+    uniformChartScalingDisable: string;
+    uniformChartScalingEnable: string;
+    uniformChartScalingLabel: string;
+    unitDistanceSelectLabel: string;
+    unitElevationSelectLabel: string;
+    zoomOut: string;
+};
+export type ElevationProfileMessages = Partial<ReturnType<typeof messages>>;
+/**
+ * Information needed to render a single elevation profile line in the chart.
+ */
+export interface ElevationProfileLineData {
+    id: string;
+    type: ElevationProfileLineType;
+    title: nullish | string;
+    color: Color;
+    samples: ElevationProfileSamples;
+    progress: number;
+    fillEnabled: boolean;
+    strokeWidth: number;
+    strokeOffsetY: number;
+}
+/**
+ * Information needed to render the elevation profile chart.
+ */
+export interface ChartData {
+    /**
+     * Data used to render each of the elevation profile lines in the chart.
+     */
+    readonly lines: readonly ElevationProfileLineData[];
+    /**
+     * Units effectively picked by the analysis based on the magnitude of the results and the units selected by the user.
+     */
+    readonly effectiveUnits: ElevationProfileEffectiveDisplayUnits;
+    /**
+     * Combined statistics of all the elevation profile results to be displayed in the chart.
+     */
+    readonly statistics: AnalysisViewType["statistics"] | undefined;
+    /**
+     * Whether the profiles have been fully refined/generated.
+     */
+    readonly refined: boolean;
+    /**
+     * Whether the chart should force a minimum ratio between the X and Y axes.
+     */
+    readonly dynamicElevationRange: boolean;
+    /**
+     * Whether the chart should use a uniform scale for the X and Y axes. When a uniform scale is applied, the X axis
+     * will display the same distance units per pixel as the elevation units per pixel displayed in the Y axis.
+     */
+    readonly uniformScaling: boolean;
+}
+/**
+ * Error state of the elevation profile component. We'll display a different error message depending on the error state.
+ */
+export type ElevationProfileErrorState = "invalid-geometry" | "no-available-profiles" | "no-valid-input" | "none" | "too-complex" | "unknown";
+export {};

package/dist/components/geoscene-elevation-profile-settings/customElement.d.ts

@@ -0,0 +1,25 @@
+/// <reference path="../../index.d.ts" />
+import { default as ElevationProfileAnalysis } from '@geoscene/core/analysis/ElevationProfileAnalysis.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
+import { ElevationProfileMessages } from '../geoscene-elevation-profile-next/interfaces';
+import { SystemOrLengthUnit } from '../../support/measurementUtils';
+
+/**
+ * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
+ *
+ * @private
+ */
+export declare class GeosceneElevationProfileSettings extends LitElement {
+    analysis: ElevationProfileAnalysis;
+    /** @default false */
+    hideUniformChartScalingToggle: boolean;
+    /** @default false */
+    hideUnitSelector: boolean;
+    messages: ElevationProfileMessages;
+    /** @default false */
+    uniformChartScaling?: boolean;
+    unitOptionsDistance: SystemOrLengthUnit[];
+    unitOptionsElevation: SystemOrLengthUnit[];
+    destroy(): Promise<void>;
+    readonly geosceneElevationProfileSettingsUniformChartScalingChange: TargetedEvent<this, boolean>;
+}

package/dist/components/geoscene-elevation-profile-settings/customElement.js

@@ -0,0 +1,61 @@
+import { c as s } from "../../chunks/runtime.js";
+import { ref as c } from "lit/directives/ref.js";
+import { css as r, html as a } from "lit";
+import { LitElement as l, createEvent as h, nothing as o } from "@geoscene/lumina";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const g = r`calcite-popover[calcite-hydrated-hidden]{inset-block-start:-999999px;inset-inline-start:-999999px}.popover-content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);padding:var(--geoscene-widget-padding);min-width:180px}.uniform-chart-scaling-label{--calcite-label-margin-bottom: 0}`;
+class p extends l {
+  constructor() {
+    super(...arguments), this._onUniformChartScalingChange = (e) => {
+      this.geosceneElevationProfileSettingsUniformChartScalingChange.emit(e.currentTarget.checked);
+    }, this._onActionRef = (e) => {
+      this._actionElement = e ?? void 0;
+    }, this._popoverIsOpen = !1, this.hideUniformChartScalingToggle = !1, this.hideUnitSelector = !1, this.geosceneElevationProfileSettingsUniformChartScalingChange = h();
+  }
+  static {
+    this.properties = { _popoverIsOpen: 16, _actionElement: 16, analysis: 0, hideUniformChartScalingToggle: 5, hideUnitSelector: 5, messages: 0, uniformChartScaling: 5, unitOptionsDistance: 0, unitOptionsElevation: 0 };
+  }
+  static {
+    this.styles = g;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  _onPopoverClose() {
+    this._popoverIsOpen = !1;
+  }
+  _onPopoverOpen() {
+    this._popoverIsOpen = !0;
+  }
+  render() {
+    const { messages: e } = this;
+    if (!e || this.hideUnitSelector && this.hideUniformChartScalingToggle)
+      return;
+    const t = (this._popoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
+    return a`<calcite-action appearance=transparent data-testid=settings-button icon=gear scale=s .text=${t} title=${t ?? o} ${c(this._onActionRef)}></calcite-action>${this._actionElement ? a`<calcite-popover auto-close .label=${t} placement=bottom-end .referenceElement=${this._actionElement} @calcitePopoverOpen=${this._onPopoverOpen} @calcitePopoverClose=${this._onPopoverClose}><div class="popover-content">${this._renderUnitSelector()}${this._renderUniformChartScalingToggle()}</div></calcite-popover>` : void 0}`;
+  }
+  _renderUnitSelector() {
+    const { messages: e, hideUnitSelector: t } = this;
+    if (t)
+      return;
+    const i = this.analysis.displayUnits;
+    return a`<geoscene-unit-select .options=${this.unitOptionsDistance} .selectLabel=${e.unitDistanceSelectLabel} .value=${i.distance ?? void 0} @geosceneUnitSelectChange=${(n) => {
+      i.distance = n.detail;
+    }}></geoscene-unit-select><geoscene-unit-select .options=${this.unitOptionsElevation} .selectLabel=${e.unitElevationSelectLabel} .value=${i.elevation ?? void 0} @geosceneUnitSelectChange=${(n) => {
+      i.elevation = n.detail;
+    }}></geoscene-unit-select>`;
+  }
+  _renderUniformChartScalingToggle() {
+    const { messages: e, hideUniformChartScalingToggle: t, uniformChartScaling: i } = this;
+    if (t)
+      return;
+    const n = e?.[i ? "uniformChartScalingDisable" : "uniformChartScalingEnable"] ?? "";
+    return a`<calcite-label class="uniform-chart-scaling-label" layout=inline><calcite-checkbox .checked=${i} class="uniform-chart-scaling-checkbox" title=${n ?? o} @calciteCheckboxChange=${this._onUniformChartScalingChange}></calcite-checkbox>${e?.uniformChartScalingLabel}</calcite-label>`;
+  }
+}
+s("geoscene-elevation-profile-settings", p);
+export {
+  p as GeosceneElevationProfileSettings
+};

package/dist/components/geoscene-elevation-profile-settings/index.d.ts

@@ -0,0 +1,6 @@
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-popover";
+import "../geoscene-unit-select/index.js";
+import "@geoscene/calcite-components/components/calcite-label";
+import "@geoscene/calcite-components/components/calcite-checkbox";
+export * from "./customElement.js";

package/dist/components/geoscene-elevation-profile-settings/index.js

@@ -0,0 +1,6 @@
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-popover";
+import "../geoscene-unit-select/index.js";
+import "@geoscene/calcite-components/components/calcite-label";
+import "@geoscene/calcite-components/components/calcite-checkbox";
+export * from "./customElement.js";

package/dist/components/geoscene-elevation-profile-statistics/customElement.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { default as ElevationProfileResult } from '@geoscene/core/views/analysis/ElevationProfile/ElevationProfileResult';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
+import { ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../geoscene-elevation-profile-next/interfaces';
+
+/**
+ * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
+ *
+ * @private
+ */
+export declare class GeosceneElevationProfileStatistics extends LitElement {
+    effectiveDisplayUnits?: ElevationProfileEffectiveDisplayUnits;
+    messages: ElevationProfileMessages;
+    result?: ElevationProfileResult;
+    destroy(): Promise<void>;
+    readonly geosceneExpandedToggle: TargetedEvent<this, __geoscene.ElevationProfileLineGround | __geoscene.ElevationProfileLineInput | __geoscene.ElevationProfileLineQuery | __geoscene.ElevationProfileLineScene>;
+}

package/dist/components/geoscene-elevation-profile-statistics/customElement.js

@@ -0,0 +1,65 @@
+import { c as l } from "../../chunks/runtime.js";
+import { css as o, html as n } from "lit";
+import c from "@geoscene/core/applications/Components/QuantityFormatter.js";
+import { LitElement as v, createEvent as d } from "@geoscene/lumina";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const p = o`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-columns: 1;--internal-icon-size: 16px;container-type:inline-size}.container{display:grid;isolation:isolate;grid-template-columns:repeat(var(--internal-columns, 1),1fr);gap:var(--calcite-spacing-xxs) var(--calcite-spacing-md)}.statistic{display:block;width:max-content;text-align:start;white-space:nowrap}.statistic-label,.statistic-value,.slope-values{font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-bold)}.statistic-label{font-weight:var(--calcite-font-weight-regular)}.statistic-value{margin-top:-.15em}.slope-values{display:flex;align-items:center;calcite-icon{width:var(--internal-icon-size);height:var(--internal-icon-size)}}@container (width > 200px){.container{--internal-columns: 2}}@container (width > 400px){.container{--internal-columns: 4}}@container (width > 800px){.container{--internal-columns: 8}}`;
+class m extends v {
+  constructor() {
+    super(...arguments), this._formatter = new c(), this.geosceneExpandedToggle = d();
+  }
+  static {
+    this.properties = { effectiveDisplayUnits: 0, messages: 0, result: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async load() {
+    await this._formatter.when();
+  }
+  render() {
+    const t = this.messages?.statistics;
+    if (t)
+      return n`<div class="container">${this._renderDistance("maxDistance", t.maxDistance)}${this._renderElevation("elevationGain", t.gain)}${this._renderElevation("elevationLoss", t.loss)}${this._renderElevation("minElevation", t.minElevation)}${this._renderElevation("maxElevation", t.maxElevation)}${this._renderElevation("avgElevation", t.avgElevation)}${this._renderSlope("maxPositiveSlope", "maxNegativeSlope", t.maxSlope)}${this._renderSlope("avgPositiveSlope", "avgNegativeSlope", t.avgSlope)}</div>`;
+  }
+  _renderDistance(t, i) {
+    const a = this._renderValue(t, (e) => {
+      const s = this.effectiveDisplayUnits?.distance;
+      return s ? this._formatter.formatLength({ type: "length", value: e, unit: s }, r) : "";
+    });
+    return this._renderStatistic(i, a);
+  }
+  _renderElevation(t, i) {
+    const a = this._renderValue(t, (e) => {
+      const s = this.effectiveDisplayUnits?.elevation;
+      return s ? this._formatter.formatVerticalLength({ type: "length", value: e, unit: s }, r) : "";
+    });
+    return this._renderStatistic(i, a);
+  }
+  _renderSlope(t, i, a) {
+    return this._renderStatistic(a, n`<div class="slope-values"><calcite-icon icon=arrow-up scale=s></calcite-icon>${this._renderValue(t, (e) => (
+      // unitFormatUtils.formatAngleDegrees(v, "degrees", "geographic", "geographic", formatPrecision)
+      e.toFixed(1)
+    ))}<calcite-icon icon=arrow-down scale=s></calcite-icon>${this._renderValue(i, (e) => (
+      // unitFormatUtils.formatAngleDegrees(v, "degrees", "geographic", "geographic", formatPrecision),
+      e.toFixed(1)
+    ))}</div>`);
+  }
+  _renderStatistic(t, i) {
+    return n`<div class="statistic"><label class="statistic-label">${t}</label><div class="statistic-value">${i}</div></div>`;
+  }
+  _renderValue(t, i) {
+    const { result: a } = this, e = a?.progress === 1 ? a.statistics?.[t] : void 0;
+    return e == null ? " ― " : i(e);
+  }
+}
+const r = 1;
+l("geoscene-elevation-profile-statistics", m);
+export {
+  m as GeosceneElevationProfileStatistics
+};

package/dist/components/geoscene-elevation-profile-statistics/index.d.ts

@@ -0,0 +1,2 @@
+import "@geoscene/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/geoscene-elevation-profile-statistics/index.js

@@ -0,0 +1,2 @@
+import "@geoscene/calcite-components/components/calcite-icon";
+export * from "./customElement.js";