@geoscene/map-components 4.34.9 → 5.0.20

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

@@ -1,9 +1,7 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
 import { c as l } from "../../chunks/runtime.js";
 import { css as o, html as r } from "lit";
 import { LitElement 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 c = o`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
 class p extends d {
   constructor() {

package/dist/components/geoscene-elevation-profile-legend-item/customElement.js

@@ -1,10 +1,8 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { css as h, html as s } from "lit";
 import { substitute as p } from "@geoscene/core/intl.js";
 import { LitElement as g, createEvent as u, safeClassMap as b, safeStyleMap as f, nothing as n } 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 v = h`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-collapse-toggle-size: 32px;--internal-color-indicator-width: 3px;--internal-opacity-disabled: .4}.container{position:relative;background:var(--calcite-color-foreground-2)}.disabled{filter:grayscale(1);opacity:var(--internal-opacity-disabled)}.color-indicator{position:absolute;inset-inline-start:0;top:0;width:var(--internal-color-indicator-width);height:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content{display:block;padding:var(--internal-block-spacing) var(--internal-inline-spacing);padding-top:0}.collapse-toggle{flex-shrink:0;width:var(--internal-collapse-toggle-size);height:var(--internal-collapse-toggle-size)}.label{--calcite-label-margin-bottom: 0;flex-grow:1;flex-shrink:1;padding-inline-start:var(--internal-inline-spacing);min-width:0}`;
 class m extends g {
   constructor() {
@@ -31,7 +29,7 @@ class m extends g {
   }
   _renderCollapseToggleButton() {
     const { expanded: e, messages: t } = this, i = t[e ? "hideDetails" : "showDetails"] ?? "";
-    return s`<calcite-action appearance=transparent class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profile.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.geosceneExpandedToggle.emit(this.result.profile)} scale=s .text=${i} title=${i ?? n}></calcite-action>`;
+    return s`<calcite-action class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profile.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.geosceneExpandedToggle.emit(this.result.profile)} .text=${i} title=${i ?? n}></calcite-action>`;
   }
   _renderLabelWithCheckbox() {
     const { result: e, hideCheckbox: t, messages: i } = this;
@@ -41,7 +39,7 @@ class m extends g {
     const { result: e, messages: t } = this, { profile: i } = e, l = i.enabled, c = t[l ? "hideProfile" : "showProfile"] ?? "", o = p(c, {
       name: r(e, t)
     });
-    return s`<calcite-checkbox .checked=${l} class="checkbox" title=${o ?? n} @calciteCheckboxChange=${() => {
+    return s`<calcite-checkbox .checked=${l} class="checkbox" title=${o ?? n} .disabled=${this._disabled} @calciteCheckboxChange=${() => {
       i.enabled = !i.enabled;
     }}></calcite-checkbox>`;
   }

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

@@ -1,21 +1,20 @@
-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 {
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c } from "../../chunks/runtime.js";
+import { ref as o } from "lit/directives/ref.js";
+import { css as r, html as t } from "lit";
+import { LitElement as h, createEvent as p, nothing as s } from "@geoscene/lumina";
+import { V as l } from "../../chunks/visible-element.js";
+const g = r`:host{--geoscene-unit-select-inline-size: 180px}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(--calcite-spacing-md);max-width:300px}.uniform-chart-scaling-label{--calcite-label-margin-bottom: 0}.uniform-chart-scaling-checkbox-wrapper{width:var(--geoscene-unit-select-inline-size);flex-shrink:0}`;
+class d extends h {
   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();
+    }, this._popoverIsOpen = !1, this.hideDistanceDisplayUnitSelect = !1, this.hideElevationDisplayUnitSelect = !1, this.hideUniformChartScalingToggle = !1, this.geosceneElevationProfileSettingsUniformChartScalingChange = p();
   }
   static {
-    this.properties = { _popoverIsOpen: 16, _actionElement: 16, analysis: 0, hideUniformChartScalingToggle: 5, hideUnitSelector: 5, messages: 0, uniformChartScaling: 5, unitOptionsDistance: 0, unitOptionsElevation: 0 };
+    this.properties = { _popoverIsOpen: 16, _actionElement: 16, viewModel: 0, hideDistanceDisplayUnitSelect: 5, hideElevationDisplayUnitSelect: 5, hideUniformChartScalingToggle: 5, messages: 0, uniformChartScaling: 5, unitOptionsDistance: 0, unitOptionsElevation: 0 };
   }
   static {
     this.styles = g;
@@ -31,31 +30,31 @@ class p extends l {
   }
   render() {
     const { messages: e } = this;
-    if (!e || this.hideUnitSelector && this.hideUniformChartScalingToggle)
+    if (!e || this.hideDistanceDisplayUnitSelect && this.hideElevationDisplayUnitSelect && 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}`;
+    const i = (this._popoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
+    return t`<calcite-action data-testid=settings-button icon=gear .text=${i} title=${i ?? s} ${o(this._onActionRef)}></calcite-action>${this._actionElement ? t`<calcite-popover auto-close .label=${i} 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)
+    const { viewModel: e, messages: i } = this;
+    if (!e || this.hideDistanceDisplayUnitSelect && this.hideElevationDisplayUnitSelect)
       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>`;
+    const n = "inline-space-between";
+    return t`${l({ hidden: this.hideDistanceDisplayUnitSelect, children: t`<geoscene-unit-select .options=${this.unitOptionsDistance} .selectLabel=${i.unitDistanceSelectLabel} .value=${e.distanceUnit} .layout=${n} @geosceneUnitSelectChange=${(a) => {
+      e.distanceUnit = a.detail;
+    }}></geoscene-unit-select>` })}${l({ hidden: this.hideElevationDisplayUnitSelect, children: t`<geoscene-unit-select .options=${this.unitOptionsElevation} .selectLabel=${i.unitElevationSelectLabel} .value=${e.elevationUnit} .layout=${n} @geosceneUnitSelectChange=${(a) => {
+      e.elevationUnit = a.detail;
+    }}></geoscene-unit-select>` })}`;
   }
   _renderUniformChartScalingToggle() {
-    const { messages: e, hideUniformChartScalingToggle: t, uniformChartScaling: i } = this;
-    if (t)
+    const { messages: e, hideUniformChartScalingToggle: i, uniformChartScaling: n } = this;
+    if (i)
       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>`;
+    const a = e?.[n ? "uniformChartScalingDisable" : "uniformChartScalingEnable"] ?? "";
+    return t`<calcite-label class="uniform-chart-scaling-label" layout=inline-space-between>${e?.uniformChartScalingLabel}<div class="uniform-chart-scaling-checkbox-wrapper"><calcite-checkbox .checked=${n} title=${a ?? s} @calciteCheckboxChange=${this._onUniformChartScalingChange}></calcite-checkbox></div></calcite-label>`;
   }
 }
-s("geoscene-elevation-profile-settings", p);
+c("geoscene-elevation-profile-settings", d);
 export {
-  p as GeosceneElevationProfileSettings
+  d as GeosceneElevationProfileSettings
 };

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

@@ -1,20 +1,18 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
 import { c as l } from "../../chunks/runtime.js";
-import { css as o, html as n } from "lit";
+import { css as o, html as r } 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 {
+import { LitElement as v, createEvent as g } from "@geoscene/lumina";
+const d = 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 p extends v {
   constructor() {
-    super(...arguments), this._formatter = new c(), this.geosceneExpandedToggle = d();
+    super(...arguments), this._formatter = new c(), this.geosceneExpandedToggle = g();
   }
   static {
     this.properties = { effectiveDisplayUnits: 0, messages: 0, result: 0 };
   }
   static {
-    this.styles = p;
+    this.styles = d;
   }
   async destroy() {
     await this.manager.destroy();
@@ -23,43 +21,37 @@ class m extends v {
     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>`;
+    const e = this.messages?.statistics;
+    if (e)
+      return r`<div class="container">${this._renderDistance("maxDistance", e.maxDistance)}${this._renderElevation("elevationGain", e.gain)}${this._renderElevation("elevationLoss", e.loss)}${this._renderElevation("minElevation", e.minElevation)}${this._renderElevation("maxElevation", e.maxElevation)}${this._renderElevation("avgElevation", e.avgElevation)}${this._renderSlope("maxPositiveSlope", "maxNegativeSlope", e.maxSlope)}${this._renderSlope("avgPositiveSlope", "avgNegativeSlope", e.avgSlope)}</div>`;
   }
-  _renderDistance(t, i) {
-    const a = this._renderValue(t, (e) => {
+  _renderDistance(e, i) {
+    const a = this._renderValue(e, (t) => {
       const s = this.effectiveDisplayUnits?.distance;
-      return s ? this._formatter.formatLength({ type: "length", value: e, unit: s }, r) : "";
+      return s ? this._formatter.formatLength({ type: "length", value: t, unit: s }, n) : "";
     });
     return this._renderStatistic(i, a);
   }
-  _renderElevation(t, i) {
-    const a = this._renderValue(t, (e) => {
+  _renderElevation(e, i) {
+    const a = this._renderValue(e, (t) => {
       const s = this.effectiveDisplayUnits?.elevation;
-      return s ? this._formatter.formatVerticalLength({ type: "length", value: e, unit: s }, r) : "";
+      return s ? this._formatter.formatVerticalLength({ type: "length", value: t, unit: s }, n) : "";
     });
     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>`);
+  _renderSlope(e, i, a) {
+    return this._renderStatistic(a, r`<div class="slope-values"><calcite-icon icon=arrow-up scale=s></calcite-icon>${this._renderValue(e, (t) => this._formatter.formatAngleDegrees(t, "degrees", "geographic", "geographic", n))}<calcite-icon icon=arrow-down scale=s></calcite-icon>${this._renderValue(i, (t) => this._formatter.formatAngleDegrees(t, "degrees", "geographic", "geographic", n))}</div>`);
   }
-  _renderStatistic(t, i) {
-    return n`<div class="statistic"><label class="statistic-label">${t}</label><div class="statistic-value">${i}</div></div>`;
+  _renderStatistic(e, i) {
+    return r`<div class="statistic"><label class="statistic-label">${e}</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);
+  _renderValue(e, i) {
+    const { result: a } = this, t = a?.progress === 1 ? a.statistics?.[e] : void 0;
+    return t == null ? " ― " : i(t);
   }
 }
-const r = 1;
-l("geoscene-elevation-profile-statistics", m);
+const n = 1;
+l("geoscene-elevation-profile-statistics", p);
 export {
-  m as GeosceneElevationProfileStatistics
+  p as GeosceneElevationProfileStatistics
 };