@geoscene/map-components 4.33.18

package/dist/components/geoscene-print-template-selector/index.d.ts

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/geoscene-print-template-selector/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/geoscene-scale-bar/css.d.ts

@@ -0,0 +1,17 @@
+export declare const css: {
+    readonly base: "geoscene-scale-bar";
+    readonly labelContainer: "geoscene-scale-bar__label-container";
+    readonly rulerLabelContainer: "geoscene-scale-bar__label-container--ruler";
+    readonly lineLabelContainer: "geoscene-scale-bar__label-container--line";
+    readonly topLabelContainer: "geoscene-scale-bar__label-container--top";
+    readonly bottomLabelContainer: "geoscene-scale-bar__label-container--bottom";
+    readonly label: "geoscene-scale-bar__label";
+    readonly line: "geoscene-scale-bar__line";
+    readonly topLine: "geoscene-scale-bar__line--top";
+    readonly bottomLine: "geoscene-scale-bar__line--bottom";
+    readonly ruler: "geoscene-scale-bar__ruler";
+    readonly rulerBlock: "geoscene-scale-bar__ruler-block";
+    readonly barContainer: "geoscene-scale-bar__bar-container";
+    readonly rulerBarContainer: "geoscene-scale-bar__bar-container--ruler";
+    readonly lineBarContainer: "geoscene-scale-bar__bar-container--line";
+};

package/dist/components/geoscene-scale-bar/customElement.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as ScaleBarViewModel } from '@geoscene/core/widgets/ScaleBar/ScaleBarViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+import { MeasurementSystem } from '../types';
+
+type ScaleBarStyle = "line" | "ruler";
+type ScaleBarUnit = MeasurementSystem | "dual";
+declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>) => ScaleBarViewModel;
+/**
+ * The Scale Bar component displays a scale bar representing the scale of the map.
+ * It respects various coordinate systems and displays units in metric or imperial values.
+ * Metric values show either kilometers, meters, centimeters, or millimeters depending on the scale, and likewise, imperial values show miles, feet, or inches depending on the scale.
+ * When working with Web Mercator or geographic coordinate systems the scale bar takes into account projection distortion and dynamically adjusts the scale bar.
+ *
+ * When the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale.
+ * Otherwise, the center of the map is used to calculate the scale.
+ *
+ * **Known limitations**
+ *
+ * - This component is not currently supported within a Scene component.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scale-bar/)
+ */
+export declare class GeosceneScaleBar 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-scale-bar/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * The style for the scale bar.
+     * When `unit` is set to `dual`, the style will always be `line`.
+     *
+     * @default "line"
+     */
+    barStyle: ScaleBarStyle;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+     * @default "actual-size"
+     */
+    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;
+    /**
+     * 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;
+    /**
+     * Units to use for the scale bar.
+     * When using `dual`, the scale bar displays both metric and imperial units.
+     * When metric, distances will be shown in either kilometers, meters, centimeters, or millimeters depending on the scale. Similarly, imperial
+     * units will be shown in either miles, feet, or inches.
+     */
+    get unit(): ScaleBarUnit | undefined;
+    set unit(value: ScaleBarUnit | undefined);
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    /** 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;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+    }>;
+}
+export {};

package/dist/components/geoscene-scale-bar/customElement.js

@@ -0,0 +1,124 @@
+import { c as C } from "../../chunks/runtime.js";
+import { ref as g } from "lit-html/directives/ref.js";
+import { html as u } from "lit-html";
+import { classes as d } from "@arcgis/components-utils";
+import { getDefaultUnitForView as w } from "@geoscene/core/applications/Components/getDefaultUnits.js";
+import { watch as y } from "@geoscene/core/core/reactiveUtils.js";
+import { formatNumber as S } from "@geoscene/core/intl.js";
+import L from "@geoscene/core/widgets/ScaleBar/ScaleBarViewModel.js";
+import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as _ } from "@arcgis/lumina";
+import { u as x } from "../../chunks/useT9n.js";
+import { m as D } from "../../chunks/useViewModel.js";
+import { g as v } from "../../chunks/globalCss.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 */
+function $(f = 0, e = 0) {
+  return { x: f, y: e };
+}
+const r = "geoscene-scale-bar", t = {
+  base: r,
+  labelContainer: `${r}__label-container`,
+  rulerLabelContainer: `${r}__label-container--ruler`,
+  lineLabelContainer: `${r}__label-container--line`,
+  topLabelContainer: `${r}__label-container--top`,
+  bottomLabelContainer: `${r}__label-container--bottom`,
+  label: `${r}__label`,
+  line: `${r}__line`,
+  topLine: `${r}__line--top`,
+  bottomLine: `${r}__line--bottom`,
+  ruler: `${r}__ruler`,
+  rulerBlock: `${r}__ruler-block`,
+  barContainer: `${r}__bar-container`,
+  rulerBarContainer: `${r}__bar-container--ruler`,
+  lineBarContainer: `${r}__bar-container--line`
+}, U = D(L);
+class k extends B {
+  constructor() {
+    super(...arguments), this._defaultUnit = "metric", this.messages = x(), this._scaleComputedFrom = $(), this.viewModel = U(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.geosceneReady = M();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, barStyle: 1, icon: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, unit: 1 };
+  }
+  static {
+    this.shadowRootOptions = R;
+  }
+  get unit() {
+    return this._unit ?? this._defaultUnit;
+  }
+  set unit(e) {
+    this._unit = e;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  updated() {
+    this._handleRootCreateOrUpdate();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => y(() => {
+      const e = this.viewModel.view;
+      return {
+        defaultUnit: e ? w(e) : void 0,
+        stationary: e?.stationary,
+        center: e?.center,
+        scale: e?.scale,
+        zoom: e?.zoom
+      };
+    }, ({ defaultUnit: e, stationary: i }) => {
+      this._defaultUnit = e ?? "metric", i && this.requestUpdate();
+    }));
+  }
+  _handleContainerRef(e) {
+    e !== void 0 && this._handleRootCreateOrUpdate();
+  }
+  _handleRootCreateOrUpdate() {
+    if (!this.viewModel)
+      return;
+    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), s = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(s, l);
+    (n.x !== e.x || n.y !== e.y) && (this._scaleComputedFrom = n);
+  }
+  _formatDistance(e, i) {
+    return S(e, {
+      style: "unit",
+      unit: i,
+      unitDisplay: "short"
+    });
+  }
+  render() {
+    const e = this.viewModel.state === "disabled", i = {
+      [v.disabled]: e
+    };
+    let s, l;
+    if (!e) {
+      const { unit: n, barStyle: c } = this, p = n === "imperial" || n === "dual", b = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
+      if (p) {
+        const o = this.viewModel.getScaleBarProperties(m, "imperial");
+        o && (l = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "bottom"));
+      }
+      if (b) {
+        const o = this.viewModel.getScaleBarProperties(m, "metric");
+        o && (s = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "top"));
+      }
+    }
+    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${s}${l}</div>`;
+  }
+  _renderRuler(e) {
+    const { length: i, unit: s, value: l } = e, n = Math.round(i), c = this._formatDistance(l, s);
+    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${_({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
+  }
+  _renderLine(e, i) {
+    const { length: s, unit: l, value: n } = e, c = Math.round(s), p = this._formatDistance(n, l), b = {
+      [t.topLabelContainer]: i === "top",
+      [t.bottomLabelContainer]: i === "bottom"
+    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${a(t.label)}>${p}</div></div>`, h = {
+      [t.topLine]: i === "top",
+      [t.bottomLine]: i === "bottom"
+    }, o = u`<div class=${a(d(t.line, h))} style=${_({ width: `${c}px` })}></div>`;
+    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[o, m]}</div>`;
+  }
+}
+C("geoscene-scale-bar", k);
+export {
+  k as GeosceneScaleBar
+};

package/dist/components/geoscene-scale-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-scale-bar/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-scale-range-slider/customElement.d.ts

@@ -0,0 +1,136 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as ScaleRangeSlider } from '@geoscene/core/widgets/ScaleRangeSlider.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, "icon" | "label" | "viewModel" | "mode" | "layer" | "disabled" | "maxScale" | "maxScaleLimit" | "minScale" | "minScaleLimit" | "region"> & {
+    state?: unknown;
+    viewModel?: __geoscene.ScaleRangeSliderViewModel | undefined;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: GeosceneReferenceElement | string;
+    position: __geoscene.UIPosition;
+    geosceneReady: import('@arcgis/lumina').EventEmitter;
+    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}) => ScaleRangeSlider;
+/**
+ * The Scale Range Slider component allows the user to set a minimum and maximum scale based on named scale ranges.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scale-range-slider/)
+ */
+export declare class GeosceneScaleRangeSlider 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-scale-range-slider/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * When `true`, sets the widget to a disabled state so the user cannot interact with it.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /** @default false */
+    hidePreview: boolean | undefined;
+    /** @default false */
+    hideScaleMenusMaxScaleMenu: boolean | undefined;
+    /** @default false */
+    hideScaleMenusMinScaleMenu: boolean | undefined;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+     * @default "actual-size"
+     */
+    icon: string;
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#label)
+     */
+    label: string;
+    /**
+     * When provided, the initial [minScale](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#minScale) and [maxScale](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#maxScale) values will match the layer's.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#layer)
+     */
+    layer: nullish | __geoscene.Layer | __geoscene.Sublayer;
+    /**
+     * The maximum scale of the active scale range.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#maxScale)
+     */
+    maxScale: number;
+    /**
+     * The lowest possible maximum scale value on the slider.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#maxScaleLimit)
+     */
+    maxScaleLimit: number;
+    /**
+     * The minimum scale of the active scale range.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#minScale)
+     */
+    minScale: number;
+    /**
+     * The highest possible minimum scale value on the slider.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-ScaleRangeSlider.html#minScaleLimit)
+     */
+    minScaleLimit: number;
+    /**
+     * The mode of the widget, indicating which slider thumbs can be adjusted.
+     *
+     * @default "range"
+     */
+    mode: "range" | "max-scale-only" | "min-scale-only";
+    /** @default "bottom-left" */
+    position: __geoscene.UIPosition;
+    /**
+     * 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;
+    /**
+     * The region that the scale thumbnails will focus on.
+     *
+     * @default "US"
+     */
+    region: __geoscene.SupportedRegion;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "disabled";
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+    readonly geoscenePropertyChange: TargetedEvent<this, {
+        name: "state" | "maxScale" | "minScale";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+}
+export {};

package/dist/components/geoscene-scale-range-slider/customElement.js

@@ -0,0 +1,31 @@
+import { c as e } from "../../chunks/runtime.js";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
+import t from "@geoscene/core/widgets/ScaleRangeSlider.js";
+import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { m as o } from "../../chunks/useWidget.js";
+import { css as n } 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 r = n`@layer{geoscene-scale-range-slider{display:block}}`, c = o(t);
+class h extends s {
+  constructor() {
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.geoscenePropertyChange = i()("state", "minScale", "maxScale"), this.geosceneReady = a();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 0, state: 3 };
+  }
+  static {
+    this.shadowRootOptions = l;
+  }
+  static {
+    this.styles = r;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+e("geoscene-scale-range-slider", h);
+export {
+  h as GeosceneScaleRangeSlider
+};

package/dist/components/geoscene-scale-range-slider/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-scale-range-slider/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";