@geoscene/map-components 4.33.20 → 5.0.19

package/dist/components/geoscene-track/customElement.d.ts

@@ -1,11 +1,14 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@geoscene/lumina/controllers';
-import { default as TrackViewModel } from '@geoscene/core/widgets/Track/TrackViewModel.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
-import { GeosceneReferenceElement } from '../../utils/component-utils';
+/// <reference path="../../index.d.ts" />
+import type Graphic from "@geoscene/core/Graphic.js";
+import type { TrackViewModelTrackErrorEvent, TrackViewModelTrackEvent, TrackViewModelState } from "@geoscene/core/widgets/Track/TrackViewModel.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeosceneReferenceElement, IconName } from "../types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+import type { MapViewOrSceneView } from "@geoscene/core/views/MapViewOrSceneView.js";
+import type { GoToOverride } from "@geoscene/core/widgets/support/types.js";
+import type { PositionFilterFunction } from "@geoscene/core/widgets/Track/types.js";
+import type { Button as Button } from "@geoscene/calcite-components/components/calcite-button";
 
-declare const useTrackViewModel: (component: LitElement & Pick<TrackViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<TrackViewModel>) => TrackViewModel;
 /**
  * The Track component is a button that when activated continuously animates the Map or Scene
  * to the user's location as the user moves.
@@ -18,150 +21,216 @@ declare const useTrackViewModel: (component: LitElement & Pick<TrackViewModel, n
  *
  * **Known limitations**
  *
- * - The heading symbol is not currently supported within a [Scene component](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/).
+ * - The heading symbol is not currently supported within an [geoscene-scene](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/).
  *
- * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-track/)
+ * @since 4.28
  */
-export declare class GeosceneTrack extends LitElement {
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-track/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Error that caused the last [track-error](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#event:track-error) event to fire.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#error)
-     *
-     * @default null
-     */
-    error: any;
-    /**
-     * An object used for setting optional position parameters.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#geolocationOptions)
-     *
-     * @default null
-     */
-    geolocationOptions: any;
-    /**
-     * This function provides the ability to override either the
-     * [MapView goTo()](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#goTo) or
-     * [SceneView goTo()](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#goTo) methods.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#goToOverride)
-     */
-    goToOverride: nullish | __geoscene.GoToOverride;
-    /**
-     * Indicates whether to navigate the view to the position and scale of the geolocated result.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#goToLocationEnabled)
-     *
-     * @default false
-     */
-    goToLocationDisabled: boolean;
-    /**
-     * The graphic used to show the user's location on the map.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#graphic)
-     */
-    graphic: __geoscene.Graphic;
-    /** @default "compass-north-circle" */
-    icon?: string;
-    /** The component's default label. */
-    label?: string;
-    /**
-     * Replace localized message strings with your own strings.
-     *
-     * _**Note**: Individual message keys may change between releases._
-     */
-    messageOverrides?: typeof this.messages._overrides;
-    /** @default "top-left" */
-    position: __geoscene.UIPosition;
-    /**
-     * A function that is used as an expression to evaluate geolocation points, and returns a boolean
-     * value.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#positionFilterFunction)
-     *
-     * @default null
-     */
-    positionFilterFunction: Function | nullish;
-    /**
-     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
-     *
-     * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/4.33/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: GeosceneReferenceElement | string;
-    /**
-     * Indicates whether the component will automatically rotate to the device heading based on
-     * the Geolocation APIs [`GeolocationCoordinates.heading`](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationCoordinates/heading)
-     * property.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#rotationEnabled)
-     *
-     * @default false
-     */
-    rotationDisabled: boolean;
-    /**
-     * Indicates the scale to set on the view when navigating to the position of the geolocated
-     * result, after a location is returned from the [track](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#event-track) event.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#scale)
-     *
-     * @default null
-     */
-    scale: number | nullish;
-    /**
-     * The current state of the component.
-     *
-     * @name state
-     * @instance
-     * @type {"disabled" | "ready" | "tracking" | "waiting" | "feature-unsupported" | "error"}
-     * @default "disabled"
-     */
-    readonly state: "ready" | "disabled" | "error" | "tracking" | "waiting" | "feature-unsupported";
-    /**
-     * Indicates whether new positions are being watched.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Track-TrackViewModel.html#tracking)
-     *
-     * @default false
-     */
-    readonly tracking: boolean;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /** Start tracking the user's location. Only start the component on a user gesture such as a click event. */
-    start(): Promise<void>;
-    /** Stop tracking the user's location. */
-    stop(): Promise<void>;
-    readonly geosceneComplete: TargetedEvent<this, __geoscene.TrackViewModelTrackEvent>;
-    readonly geosceneError: TargetedEvent<this, __geoscene.TrackViewModelTrackErrorEvent>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly geoscenePropertyChange: TargetedEvent<this, {
-        name: "state";
-    }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
-    readonly geosceneReady: TargetedEvent<this, void>;
-    private messages: Partial<{
-        componentLabel: string;
-        startTracking: string;
-        stopTracking: string;
-        permissionError: string;
-        timeoutError: string;
-        positionUnavailable: string;
-    }> & import('@geoscene/lumina/controllers').T9nMeta<{
-        componentLabel: string;
-        startTracking: string;
-        stopTracking: string;
-        permissionError: string;
-        timeoutError: string;
-        positionUnavailable: string;
-    }>;
-}
-export {};
+export abstract class GeosceneTrack extends LitElement {
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-track/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Error that caused the last [track-error](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Track/TrackViewModel/#event:track-error) event to fire.
+   *
+   * @since 4.29
+   * @example
+   * if(track.viewModel.state === 'error')
+   *   console.error(track.viewModel.error);
+   */
+  accessor error: Error | GeolocationPositionError | null | undefined;
+  /**
+   * An object used for setting optional position parameters. Refer to the
+   * [Geolocation API Specification](https://www.w3.org/TR/geolocation/#position_options_interface)
+   * for details on using these parameters.
+   *
+   * @example
+   * const track = new Track({
+   *   view: view,
+   *   // Set optional position parameters
+   *   geolocationOptions: {
+   *     maximumAge: 0,
+   *     timeout: 15000,
+   *     enableHighAccuracy: true
+   *   }
+   * });
+   */
+  accessor geolocationOptions: PositionOptions | null | undefined;
+  /**
+   * Indicates whether to navigate the view to the position and scale of the geolocated result.
+   *
+   * @default false
+   */
+  accessor goToLocationDisabled: boolean;
+  /**
+   * This function provides the ability to override either the [geoscene-map.goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/#goTo) or [geoscene-scene.goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) methods.
+   *
+   * @since 4.33
+   * @example
+   * ```js
+   * component.goToOverride = function(view, goToParams) {
+   *   goToParams.options = {
+   *     duration: updatedDuration
+   *   };
+   *   return view.goTo(goToParams.target, goToParams.options);
+   * };
+   * ```
+   */
+  accessor goToOverride: GoToOverride | null | undefined;
+  /**
+   * The graphic used to show the user's location on the map.
+   *
+   * @example
+   * const trackComponent = document.createElement("geoscene-track");
+   * // Overwrite the default symbol used for the
+   * // graphic placed at the location of the user
+   * trackComponent.graphic = new Graphic ({
+   *  symbol: {
+   *    // autocasts as new SimpleMarkerSymbol()
+   *    type: "simple-marker",
+   *    size: "12px",
+   *    color: "blue",
+   *    // autocasts as new SimpleLineSymbol()
+   *    outline: {
+   *      color: "#efefef",
+   *      width: "1.5px"
+   *    }
+   *  }
+   * });
+   */
+  accessor graphic: Graphic;
+  /**
+   * Icon displayed in the component's button.
+   *
+   * @default "compass-north-circle"
+   * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+   */
+  accessor icon: IconName | undefined;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      startTracking?: string | undefined;
+      stopTracking?: string | undefined;
+      permissionError?: string | undefined;
+      timeoutError?: string | undefined;
+      positionUnavailable?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      componentLabel: string;
+      startTracking: string;
+      stopTracking: string;
+      permissionError: string;
+      timeoutError: string;
+      positionUnavailable: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      startTracking: string;
+      stopTracking: string;
+      permissionError: string;
+      timeoutError: string;
+      positionUnavailable: string;
+  }>;
+  /**
+   * A function that is used as an expression to evaluate geolocation points, and returns a boolean
+   * value. If the function returns `true`, the component will draw a graphic and navigate to the position.
+   * The component will ignore `false` values and not draw a graphic and not navigate to the position.
+   *
+   * Example use cases include smoothing out geolocation anomalies and geofencing.
+   *
+   * @since 4.27
+   * @example
+   * // Exclude locations that full outside an extent.
+   * trackComponent.positionFilterFunction = (value) => {
+   *   const { longitude, latitude } = value.position.coords;
+   *   const myLocation = new Point({ longitude, latitude });
+   *   const geofenceExtent = new Extent({
+   *     // whatever
+   *   });
+   *   return geometryEngine.within(myLocation, geofenceExtent);
+   * };
+   */
+  accessor positionFilterFunction: PositionFilterFunction | null | undefined;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/5.0/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: GeosceneReferenceElement | string | undefined;
+  /**
+   * Indicates whether the component will automatically rotate to the device heading based on
+   * the Geolocation APIs [`GeolocationCoordinates.heading`](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationCoordinates/heading)
+   * property. The map will not rotate if the speed is `0`,
+   * or if the device is unable to provide heading information.
+   *
+   * @default false
+   * @since 4.33
+   */
+  accessor rotationDisabled: boolean;
+  /**
+   * Indicates the scale to set on the view when navigating to the position of the geolocated
+   * result, after a location is returned.
+   *
+   * By default, the view will navigate to a scale of `2500` for 3D and `4514` for 2D.
+   * To override the default in 2D, set the `scale` property and also set [snapToZoom](https://doc.geoscene.cn/javascript/5.0/references/core/views/MapView/#constraints) to `false`.
+   * For 2D views the value should be within the [effectiveMinScale](https://doc.geoscene.cn/javascript/5.0/references/core/views/MapView/#constraints)
+   * and [effectiveMaxScale](https://doc.geoscene.cn/javascript/5.0/references/core/views/MapView/#constraints).
+   *
+   * @since 4.7
+   */
+  accessor scale: number | null | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   */
+  get state(): TrackViewModelState;
+  /**
+   * Indicates whether new positions are being watched.
+   *
+   * @default false
+   */
+  get tracking(): boolean;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the geoscene-track component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   * @since 5.0
+   */
+  accessor visualScale: Button["scale"];
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /** Start tracking the user's location. Only start the component on a user gesture such as a click event. */
+  start(): Promise<void>;
+  /** Stop tracking the user's location. */
+  stop(): Promise<void>;
+  readonly geosceneComplete: import("@geoscene/lumina").TargetedEvent<this, TrackViewModelTrackEvent>;
+  readonly geosceneError: import("@geoscene/lumina").TargetedEvent<this, TrackViewModelTrackErrorEvent>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly geoscenePropertyChange: import("@geoscene/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly geosceneReady: import("@geoscene/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    geosceneComplete: GeosceneTrack["geosceneComplete"]["detail"];
+    geosceneError: GeosceneTrack["geosceneError"]["detail"];
+    geoscenePropertyChange: GeosceneTrack["geoscenePropertyChange"]["detail"];
+    geosceneReady: GeosceneTrack["geosceneReady"]["detail"];
+  };
+}

package/dist/components/geoscene-track/customElement.js

@@ -1,32 +1,24 @@
-import { c as p } from "../../chunks/runtime.js";
-import { html as e } from "lit-html";
-import { usePropertyChange as m } from "@geoscene/lumina/controllers";
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import { css as g, html as e } from "lit";
+import { usePropertyChange as v } from "@geoscene/lumina/controllers";
 import { reEmitEvent as a } from "@geoscene/lumina/controllers/accessor";
-import { classes as u } from "@arcgis/components-utils";
-import v from "@geoscene/core/widgets/Track/TrackViewModel.js";
-import { LitElement as w, createEvent as f, noShadowRoot as M, safeClassMap as n, nothing as k } from "@geoscene/lumina";
-import { u as E } from "../../chunks/useT9n.js";
-import { m as b } from "../../chunks/useViewModel.js";
-import { g as c } from "../../chunks/globalCss.js";
-import { css as T } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const y = T`@layer{geoscene-track{display:block}}`, $ = {
-  base: "geoscene-track"
-}, D = b(v);
-class O extends w {
+import { classes as u } from "@geoscene/toolkit/dom";
+import p from "@geoscene/core/widgets/Track/TrackViewModel.js";
+import { LitElement as m, createEvent as f, safeClassMap as w, nothing as M } from "@geoscene/lumina";
+import { u as b } from "../../chunks/useT9n.js";
+import { m as k } from "../../chunks/useViewModel.js";
+import { g as E } from "../../chunks/globalCss.js";
+const T = g`.geoscene-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{width:fit-content;height:fit-content}`, y = k(p);
+class $ extends m {
   constructor() {
-    super(...arguments), this.messages = E(), this.viewModel = D(this), this.autoDestroyDisabled = !1, this.error = this.viewModel.error, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToOverride = this.viewModel.goToOverride, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.graphic = this.viewModel.graphic, this.icon = "compass-north-circle", this.position = "top-left", this.positionFilterFunction = this.viewModel.positionFilterFunction, this.rotationDisabled = this.viewModel.rotationEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.tracking = this.viewModel.tracking, this.geosceneComplete = a(() => this.viewModel, "track"), this.geosceneError = a(() => this.viewModel, "track-error"), this.geoscenePropertyChange = m()("state"), this.geosceneReady = f();
+    super(...arguments), this.messages = b(), this.viewModel = y(this), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.error = this.viewModel.error, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToOverride = this.viewModel.goToOverride, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.graphic = this.viewModel.graphic, this.icon = "compass-north-circle", this.positionFilterFunction = this.viewModel.positionFilterFunction, this.rotationDisabled = this.viewModel.rotationEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.tracking = this.viewModel.tracking, this.visualScale = "m", this.geosceneComplete = a(() => this.viewModel, "track"), this.geosceneError = a(() => this.viewModel, "track-error"), this.geoscenePropertyChange = v()("state"), this.geosceneReady = f();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, error: 1, geolocationOptions: 1, goToOverride: 0, goToLocationDisabled: 7, graphic: 0, icon: 1, label: 1, messageOverrides: 0, position: 3, positionFilterFunction: 0, referenceElement: 1, rotationDisabled: 5, scale: 9, state: 3, tracking: 4 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, error: 0, geolocationOptions: 0, goToOverride: 0, goToLocationDisabled: 7, graphic: 0, icon: 1, label: 1, messageOverrides: 0, positionFilterFunction: 0, referenceElement: 1, rotationDisabled: 5, scale: 9, state: 0, tracking: 36, visualScale: 1 };
   }
   static {
-    this.shadowRootOptions = M;
-  }
-  static {
-    this.styles = y;
+    this.styles = T;
   }
   async destroy() {
     await this.manager.destroy();
@@ -56,11 +48,11 @@ class O extends w {
     }
   }
   render() {
-    const { viewModel: t, messages: o, icon: l } = this, i = t?.state, d = i === "tracking", s = this._localizeError(this.viewModel?.error), r = (d ? o?.stopTracking : o?.startTracking) ?? "", h = i === "feature-unsupported", g = (i === "tracking" ? "pause" : void 0) ?? l ?? void 0;
-    return e`<div class=${n(u($.base, c.widget))}>${!h && e`<calcite-button class=${n(c.widgetButton)} .disabled=${i === "disabled"} .iconStart=${g} kind=neutral .label=${r} .loading=${i === "waiting"} @click=${this._toggleTracking} title=${r ?? k}></calcite-button>` || ""}${s ? e`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${s}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: t, messages: o, icon: c } = this, i = t?.state, l = i === "tracking", r = this._localizeError(this.viewModel?.error), s = (l ? o?.stopTracking : o?.startTracking) ?? "", n = i === "feature-unsupported", h = (i === "tracking" ? "pause" : void 0) ?? c ?? void 0;
+    return e`<div class=${w(u("root", E.geosceneButton))}>${!n && e`<calcite-button .disabled=${i === "disabled"} .iconStart=${h} kind=neutral .label=${s} .loading=${i === "waiting"} @click=${this._toggleTracking} .scale=${this.visualScale} title=${s ?? M}></calcite-button>` || ""}${r ? e`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${r}</calcite-tooltip>` : null}</div>`;
   }
 }
-p("geoscene-track", O);
+d("geoscene-track", $);
 export {
-  O as GeosceneTrack
+  $ as GeosceneTrack
 };

package/dist/components/geoscene-track/index.d.ts

@@ -1,3 +1 @@
-import "@geoscene/calcite-components/components/calcite-button";
-import "@geoscene/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

package/dist/components/geoscene-unit-select/customElement.js

@@ -1,39 +1,39 @@
-import { c as n } from "../../chunks/runtime.js";
-import { repeat as m } from "lit-html/directives/repeat.js";
-import { html as c } from "lit-html";
-import { u as o } from "../../chunks/useT9n.js";
-import { LitElement as g, createEvent as u, safeClassMap as p } from "@geoscene/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const b = h`.geoscene-unit-select{width:100%}.geoscene-unit-select__label{--calcite-label-margin-bottom: 0;width:100%}`, $ = "geoscene-unit-select", d = {
-  label: `${$}__label`
-};
-class f extends g {
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as r } from "../../chunks/runtime.js";
+import { repeat as o } from "lit/directives/repeat.js";
+import { css as n, html as a } from "lit";
+import { LitElement as m, createEvent as u } from "@geoscene/lumina";
+import { u as h } from "../../chunks/useT9n.js";
+import { i as g } from "../../chunks/measurementUtils.js";
+const p = n`:host{width:100%}.root{--calcite-label-margin-bottom: 0;width:100%}.root[layout=inline-space-between] calcite-select{width:var(--geoscene-unit-select-inline-size, 180px)}`;
+class y extends m {
   constructor() {
-    super(...arguments), this.messages = o({}), this.options = [], this.geosceneUnitSelectChange = u();
+    super(...arguments), this.messages = h({}), this.options = [], this.layout = "block", this.geosceneUnitSelectChange = u();
   }
   static {
-    this.properties = { options: 0, selectLabel: 1, value: 0, messageOverrides: 0, label: 1 };
+    this.properties = { options: [1, { type: Array }], selectLabel: 1, value: 0, messageOverrides: 0, label: 1, layout: 1 };
   }
   static {
-    this.styles = b;
+    this.styles = p;
   }
   async destroy() {
     await this.manager.destroy();
   }
   render() {
-    const { messages: s, options: l, selectLabel: a, value: i, geosceneUnitSelectChange: r } = this;
-    return c`<calcite-label class=${p(d.label)}>${a}<calcite-select .label=${a} @calciteSelectChange=${(e) => {
-      r.emit(e.target.value);
-    }}>${m(l, (e) => e, (e) => c`<calcite-option .selected=${e === i} .value=${e}>${y(e) ? s.systems?.[e] : s.units?.[e]?.pluralCapitalized}</calcite-option>`)}</calcite-select></calcite-label>`;
+    const {
+      messages: t,
+      options: i = [],
+      // when running in the CI, sometimes this ends up being `undefined`, for unclear reasons.
+      selectLabel: s,
+      value: l,
+      geosceneUnitSelectChange: c
+    } = this;
+    return a`<calcite-label class="root" .layout=${this.layout}>${s}<calcite-select .label=${s} @calciteSelectChange=${(e) => {
+      c.emit(e.target.value);
+    }}>${o(i, (e) => e, (e) => a`<calcite-option .selected=${e === l} .value=${e}>${g(e) ? t.systems?.[e] : t.units?.[e]?.pluralCapitalized}</calcite-option>`)}</calcite-select></calcite-label>`;
   }
 }
-function y(t) {
-  return t === "imperial" || t === "metric";
-}
-n("geoscene-unit-select", f);
+r("geoscene-unit-select", y);
 export {
-  f as GeosceneUnitSelect
+  y as GeosceneUnitSelect
 };

package/dist/components/geoscene-utility-network-aggregated-geometry/customElement.d.ts

@@ -0,0 +1,65 @@
+/// <reference path="../../index.d.ts" />
+import type Color from "@geoscene/core/Color.js";
+import type AggregatedGeometry from "@geoscene/core/rest/networks/support/AggregatedGeometry.js";
+import type MapView from "@geoscene/core/views/MapView.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **GeosceneUtilityNetworkTraceAnalysis** component.
+ *
+ * This sub-component renders the aggregated geometry from a `TraceResult` on a view.
+ * The component does not project the geometry on the client.
+ * This sub-component also renders a "Show graphics" toggle which shows or hides the aggregated geometry graphics.
+ *
+ * The user can specify a color to render the aggregated geometry graphics in.
+ *
+ * The map layer with the aggregated geometry graphics is removed on component disconnect.
+ * The graphics layer is added to the map again when reconnected.
+ *
+ * @since 5.0
+ * @internal
+ */
+export abstract class GeosceneUtilityNetworkAggregatedGeometry extends LitElement {
+  /** @internal */
+  protected _messages: {
+      labels: {
+          loadingDependencies: string;
+          showGraphicsToggle: string;
+      };
+      showGraphics: string;
+  } & T9nMeta<{
+      labels: {
+          loadingDependencies: string;
+          showGraphicsToggle: string;
+      };
+      showGraphics: string;
+  }>;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-utility-network-aggregated-geometry/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /** @required */
+  accessor geometry: AggregatedGeometry | undefined;
+  /**
+   * The color used for the aggregated geometry graphics.
+   * Default value is #FFFF00.
+   */
+  accessor graphicsColor: Color;
+  /** @default false */
+  accessor hideGraphics: boolean;
+  /** @required */
+  accessor view: MapView | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  readonly geosceneHideGraphicsChange: import("@geoscene/lumina").TargetedEvent<this, boolean>;
+  readonly "@eventTypes": {
+    geosceneHideGraphicsChange: GeosceneUtilityNetworkAggregatedGeometry["geosceneHideGraphicsChange"]["detail"];
+  };
+}