@geoscene/map-components 4.33.18

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

@@ -0,0 +1,110 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as Measurement } from '@geoscene/core/widgets/Measurement.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useMeasurementWidget: (component: LitElement & Pick<Measurement, "icon" | "label" | "viewModel" | "activeTool" | "areaUnit" | "linearUnit"> & {
+    state?: unknown;
+    viewModel?: __geoscene.MeasurementViewModel | 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>;
+}) => Measurement;
+/**
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-measurement/)
+ *
+ * @internal
+ */
+export declare class GeosceneMeasurement extends LitElement {
+    /**
+     * Specifies the current measurement tool to display.
+     *
+     * @default null
+     */
+    activeTool: nullish | "area" | "distance" | "direct-line";
+    /**
+     * The measurement widget that is currently being used.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Measurement.html#activeWidget)
+     *
+     * @default null
+     */
+    readonly activeWidget: nullish | __geoscene.DistanceMeasurement2D | __geoscene.AreaMeasurement2D | __geoscene.AreaMeasurement3D | __geoscene.DirectLineMeasurement3D;
+    /**
+     * Unit system (imperial, metric) or specific unit used for displaying the area values.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Measurement.html#areaUnit)
+     */
+    areaUnit: __geoscene.SystemOrAreaUnit;
+    /**
+     * 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-measurement/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * 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 "measure"
+     */
+    icon: string;
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Measurement.html#label)
+     */
+    label: string;
+    /**
+     * Unit system (imperial, metric) or specific unit used for displaying the distance values.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Measurement.html#linearUnit)
+     */
+    linearUnit: __geoscene.SystemOrLengthUnit;
+    /** @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 current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "disabled" | "measuring" | "measured";
+    clear(): Promise<void>;
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    startMeasurement(): 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" | "activeTool";
+    }>;
+    /** 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-measurement/customElement.js

@@ -0,0 +1,37 @@
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
+import i from "@geoscene/core/widgets/Measurement.js";
+import { LitElement as s, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
+import { m as r } 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 c = n`@layer{geoscene-measurement{display:block}}`, l = r(i);
+class h extends s {
+  constructor() {
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.activeWidget = this.widget.activeWidget, this.areaUnit = this.widget.areaUnit, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.linearUnit = this.widget.linearUnit, this.position = "bottom-left", this.state = this.viewModel.state, this.geoscenePropertyChange = e()("activeTool", "state"), this.geosceneReady = a();
+  }
+  static {
+    this.properties = { activeTool: 1, activeWidget: 0, areaUnit: 1, autoDestroyDisabled: 5, icon: 1, label: 1, linearUnit: 1, position: 1, referenceElement: 1, state: 3 };
+  }
+  static {
+    this.shadowRootOptions = o;
+  }
+  static {
+    this.styles = c;
+  }
+  async clear() {
+    this.widget?.clear();
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async startMeasurement() {
+    this.widget?.startMeasurement();
+  }
+}
+t("geoscene-measurement", h);
+export {
+  h as GeosceneMeasurement
+};

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

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

package/dist/components/geoscene-measurement/index.js

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

package/dist/components/geoscene-measurement-content/customElement.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { MeasurementState, MeasurementValue } from '../../support/measurementUtils';
+
+/**
+ * Component which displays the contents of a measurement content.
+ *
+ * @private
+ */
+export declare class GeosceneMeasurementContent extends LitElement {
+    hintLabel?: string;
+    items: {
+        title?: string;
+        measurement: MeasurementValue;
+    }[];
+    /** @default "disabled" */
+    state: MeasurementState;
+    /** @default "" */
+    unsupportedLabel: string;
+}

package/dist/components/geoscene-measurement-content/customElement.js

@@ -0,0 +1,59 @@
+import { c as n } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import o from "@geoscene/core/applications/Components/QuantityFormatter.js";
+import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
+import { f as l } from "../../chunks/measurementUtils.js";
+import { css as m } 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 u = m`:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);animation:geoscene-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.item-disabled{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}.item-value{font-weight:var(--calcite-font-weight-semibold)}.actions{justify-content:center}`, e = {
+  error: "error",
+  hint: "hint",
+  actions: "actions",
+  section: "section",
+  item: "item",
+  itemDisabled: "item-disabled",
+  itemTitle: "item-title",
+  itemValue: "item-value"
+};
+class d extends c {
+  constructor() {
+    super(...arguments), this._formatter = new o(), this.items = [], this.state = "disabled", this.unsupportedLabel = "";
+  }
+  static {
+    this.properties = { hintLabel: 1, items: 0, state: 1, unsupportedLabel: 1 };
+  }
+  static {
+    this.styles = u;
+  }
+  async load() {
+    await this._formatter.when();
+  }
+  render() {
+    switch (this.state) {
+      case "unsupported":
+        return i`<section class=${s(e.error)}><p>${this.unsupportedLabel}</p></section>`;
+      case "measuring":
+        return i`<section class=${s(e.hint)}><p>${this.hintLabel}</p></section>`;
+      case "ready":
+        return i`<div class=${s(e.actions)}><slot name=actions></slot></div>`;
+      default:
+        return i`<slot name=settings></slot>${h({ formatter: this._formatter, items: this.items })}<div class=${s(e.actions)}><slot name=actions></slot></div>`;
+    }
+  }
+}
+function h(t) {
+  return i`<section class=${s(e.section)}>${t.items.map((a) => f({ formatter: t.formatter, measurement: a.measurement, title: a.title }))}</section>`;
+}
+function f(t) {
+  const a = t.measurement.state === "available" ? l(t.formatter, t.measurement.value) : null, r = t.measurement.state === "unavailable";
+  return i`<div class=${s({
+    [e.item]: !0,
+    [e.itemDisabled]: r
+  })}><span class=${s(e.itemTitle)}>${t.title}</span><span aria-live=polite class=${s(e.itemValue)}>${a ?? "-"}</span></div>`;
+}
+n("geoscene-measurement-content", d);
+export {
+  d as GeosceneMeasurementContent
+};

package/dist/components/geoscene-measurement-content/index.d.ts

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

package/dist/components/geoscene-measurement-content/index.js

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

package/dist/components/geoscene-navigation-toggle/css.d.ts

@@ -0,0 +1,3 @@
+export declare const css: {
+    readonly base: "geoscene-navigation-toggle";
+};

package/dist/components/geoscene-navigation-toggle/customElement.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+import { useView } from '../../controllers/useView';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+type NavigationToggleState = "disabled" | "ready";
+type NavigationMode = "pan" | "rotate";
+type LayoutMode = "horizontal" | "vertical";
+/**
+ * The Navigation Toggle component can be used to control the navigation mode of a Scene component.
+ *
+ * When the navigation mode is set to "pan" (default), the mouse drag gesture pans the view and right-click + drag allows the user
+ * to rotate the view. When the navigation mode is set to "rotate", the mouse drag gesture rotates the view and
+ * right-click + drag pans the view.
+ *
+ * **Known limitations**
+ *
+ * Navigation Toggle is only supported in a 3D [Scene](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/) component.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-navigation-toggle/)
+ */
+export declare class GeosceneNavigationToggle extends LitElement {
+    /**
+     * 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/)
+     */
+    icon?: HTMLCalciteIconElement["icon"];
+    /** The component's default label. */
+    label?: string;
+    /**
+     * The layout direction of the component.
+     *
+     * @default "vertical"
+     */
+    layout: LayoutMode;
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
+    messageOverrides?: typeof this._messages._overrides;
+    /**
+     * The navigation mode of the view. The possible values:
+     *
+     * * `pan` - The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.
+     * * `rotate` - The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.
+     *
+     * @default "pan"
+     */
+    navigationMode: NavigationMode;
+    /** @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;
+    /** The current state of the component. */
+    get state(): NavigationToggleState;
+    toggle(): 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" | "layout";
+    }>;
+    /** 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;
+        pan: string;
+        rotate: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+        pan: string;
+        rotate: string;
+    }>;
+}
+export {};

package/dist/components/geoscene-navigation-toggle/customElement.js

@@ -0,0 +1,70 @@
+import { c as p } from "../../chunks/runtime.js";
+import { usePropertyChange as d } from "@arcgis/lumina/controllers";
+import { when as c } from "@geoscene/core/core/reactiveUtils.js";
+import { LitElement as g, createEvent as h, noShadowRoot as m, safeClassMap as v, nothing as r } from "@arcgis/lumina";
+import { html as u } from "lit";
+import { u as y } from "../../chunks/useT9n.js";
+import { u as f } from "../../chunks/useView.js";
+import { g as b } from "../../chunks/globalCss.js";
+import { css as M } 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 $ = "geoscene-navigation-toggle", _ = {
+  base: $
+}, w = M`@layer{.geoscene-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };
+class x extends g {
+  constructor() {
+    super(...arguments), this.view = f(this), this._messages = y(), this._state = "disabled", this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.geoscenePropertyChange = d()("layout", "state"), this.geosceneReady = h();
+  }
+  static {
+    this.properties = { _state: 16, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, position: 1, referenceElement: 1, state: 35 };
+  }
+  static {
+    this.shadowRootOptions = m;
+  }
+  static {
+    this.styles = w;
+  }
+  get state() {
+    return this._state;
+  }
+  async toggle() {
+    this.state !== "disabled" && (this.navigationMode = this.navigationMode !== "pan" ? "pan" : "rotate");
+  }
+  load() {
+    this.manager.onLifecycle(() => [
+      c(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
+      c(() => {
+        const { view: t } = this;
+        return t?.ready && t?.type === "3d" ? "ready" : "disabled";
+      }, (t) => {
+        this._state = t;
+      }, { sync: !0, initial: !0 })
+    ]);
+  }
+  willUpdate(t) {
+    t.has("navigationMode") && this._updateNavigationActionMap();
+  }
+  _onPanClick() {
+    this.navigationMode = "pan";
+  }
+  _onRotateClick() {
+    this.navigationMode = "rotate";
+  }
+  _updateNavigationActionMap() {
+    const t = this.view?.navigation?.actionMap;
+    if (!t)
+      return;
+    const a = this.navigationMode === "pan";
+    t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
+  }
+  render() {
+    const { _messages: t, navigationMode: a, state: l } = this, s = t.pan ?? "", o = t.rotate ?? "", i = l === "disabled", n = a === "pan";
+    return u`<calcite-action-bar class=${v({ [_.base]: !0, [b.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
+  }
+}
+p("geoscene-navigation-toggle", x);
+export {
+  x as GeosceneNavigationToggle
+};

package/dist/components/geoscene-navigation-toggle/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/geoscene-navigation-toggle/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/geoscene-oriented-imagery-viewer/customElement.d.ts

@@ -0,0 +1,161 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as OrientedImageryLayer } from '@geoscene/core/layers/OrientedImageryLayer.js';
+import { default as OrientedImageryViewer } from '@geoscene/core/widgets/OrientedImageryViewer.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useOrientedImageryViewerWidget: (component: LitElement & Pick<OrientedImageryViewer, "icon" | "label" | "viewModel" | "layer" | "disabled" | "currentCoverageVisible" | "dataCaptureEnabled" | "galleryOpened" | "imageEnhancementToolActive" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "mapImageConversionToolState" | "navigationToolActive"> & {
+    state?: unknown;
+    viewModel?: __geoscene.OrientedImageryViewerViewModel | 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>;
+}) => OrientedImageryViewer;
+/**
+ * The Oriented Imagery Viewer component allows the user to explore and use their oriented images.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-oriented-imagery-viewer/)
+ */
+export declare class GeosceneOrientedImageryViewer 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-oriented-imagery-viewer/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * Toggles the visibility of the current footprint polygon associated with the selected image loaded in the viewer.
+     *
+     * @default true
+     */
+    currentCoverageVisible: boolean;
+    /**
+     * Indicates whether the data capture tools are enabled in the oriented imagery viewer for digitization.
+     *
+     * @default false
+     */
+    dataCaptureEnabled: boolean;
+    /**
+     * When `false`, the view click interaction is enabled for the oriented imagery viewer widget.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Indicates if the image gallery functionality is available in the widget.
+     *
+     * @default false
+     */
+    galleryOpened: boolean;
+    /**
+     * 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 "oriented-imagery-widget"
+     */
+    icon: string;
+    /**
+     * Indicates if the image enhancement tool is active.
+     *
+     * @default false
+     */
+    imageEnhancementToolActive: boolean;
+    /**
+     * When `true`, the image gallery functionality is available in the widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-OrientedImageryViewer.html#imageGalleryEnabled)
+     *
+     * @default false
+     */
+    readonly imageGalleryEnabled: boolean;
+    /**
+     * Indicates whether the image overlays tab in the oriented imagery viewer is open.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-OrientedImageryViewer.html#imageOverlaysOpened)
+     *
+     * @default false
+     */
+    imageOverlaysOpened: boolean;
+    /**
+     * Indicates if the additional footprint polygons are visible for the selected image loaded in the viewer.
+     *
+     * @default false
+     */
+    isAdditionalCoverageVisible: boolean;
+    /**
+     * Indicates if the additional camera locations are visible for the selected image loaded in the viewer.
+     *
+     * @default false
+     */
+    isAdditionalPointSourcesVisible: boolean;
+    /**
+     * The widget's label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Widget.html#label)
+     */
+    label: string | nullish;
+    /**
+     * Specifies the current [OrientedImageryLayer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-OrientedImageryLayer.html) to use.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-OrientedImageryViewer.html#layer)
+     */
+    layer: nullish | OrientedImageryLayer;
+    /**
+     * Indicates if the map-image location tool is available in the widget.
+     *
+     * @default false
+     */
+    mapImageConversionToolState: boolean;
+    /**
+     * When `true`, the navigation tool is available in the widget.
+     *
+     * @default false
+     */
+    navigationToolActive: boolean;
+    orientedImageryLayerItemId?: string;
+    /** @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;
+    /**
+     * This property provides the location of an image pixel in Map coordinates when using map-image conversion tool.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-OrientedImageryViewer.html#referencePoint)
+     */
+    readonly referencePoint: nullish | __geoscene.Point;
+    /** 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: "layer" | "imageGalleryEnabled";
+    }>;
+    /** 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-oriented-imagery-viewer/customElement.js

@@ -0,0 +1,47 @@
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as a } from "@arcgis/lumina/controllers";
+import s from "@geoscene/core/layers/OrientedImageryLayer.js";
+import r from "@geoscene/core/widgets/OrientedImageryViewer.js";
+import { LitElement as o, createEvent as d, noShadowRoot as n } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as g } 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 h = g`@layer{geoscene-oriented-imagery-viewer{display:block}}`, m = l(r);
+class y extends o {
+  constructor() {
+    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.geoscenePropertyChange = a()("imageGalleryEnabled", "layer"), this.geosceneReady = d();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
+  }
+  static {
+    this.shadowRootOptions = n;
+  }
+  static {
+    this.styles = h;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  willUpdate(e) {
+    if (e.has("orientedImageryLayerItemId")) {
+      const i = this.orientedImageryLayerItemId;
+      i && this.widget && (this.layer = new s({ portalItem: { id: i } }), this.widget.view ? this.widget.view.map?.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
+    }
+  }
+  loaded() {
+    this._hasOrientedImageryLayerToAdd && (this.widget.view ? this._onReady() : this.el.addEventListener("geosceneReady", () => {
+      this._onReady();
+    }, { once: !0 }));
+  }
+  _onReady() {
+    const { layer: e } = this;
+    e && (this.widget.view?.map?.add(e), this._hasOrientedImageryLayerToAdd = !1);
+  }
+}
+t("geoscene-oriented-imagery-viewer", y);
+export {
+  y as GeosceneOrientedImageryViewer
+};

package/dist/components/geoscene-oriented-imagery-viewer/index.d.ts

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

package/dist/components/geoscene-oriented-imagery-viewer/index.js

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

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

@@ -0,0 +1,23 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { GeosceneReferenceElement, WidgetOrMapComponent } from '../../utils/component-utils';
+import { PropertyValues } from 'lit';
+import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/**
+ * The placement component is used to position content relative to the map. This component may be **temporary** until we offer a more robust solution.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-placement/)
+ */
+export declare class GeoscenePlacement extends LitElement {
+    /** @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;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+}