@geoscene/map-components 4.34.9 → 5.0.20

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

@@ -1,168 +1,175 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { Use } from '@geoscene/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 '@geoscene/lumina';
-import { PropertyValues } from 'lit';
-import { GeosceneReferenceElement } from '../../utils/component-utils';
+import type OrientedImageryLayer from "@geoscene/core/layers/OrientedImageryLayer.js";
+import type Point from "@geoscene/core/geometry/Point.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeosceneReferenceElement, IconName } from "../types.js";
+import type { MapViewOrSceneView } from "@geoscene/core/views/MapViewOrSceneView.js";
+import type { Icon } from "@geoscene/calcite-components/components/calcite-icon";
 
-declare const useOrientedImageryViewerWidget: (component: LitElement & Pick<OrientedImageryViewer, "icon" | "label" | "layer" | "disabled" | "viewModel" | "currentCoverageVisible" | "dataCaptureEnabled" | "galleryOpened" | "imageEnhancementToolActive" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "mapImageConversionToolState" | "navigationToolActive"> & {
-    state?: unknown;
-    viewModel?: __geoscene.OrientedImageryViewerViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/toolkit/type').nil | string;
-    label: import('@arcgis/toolkit/type').nil | string;
-    referenceElement?: GeosceneReferenceElement | string;
-    position?: __geoscene.UIPosition;
-    geosceneReady: import('@geoscene/lumina').EventEmitter;
-    geoscenePropertyChange: import('@geoscene/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView | nullish;
-    };
-    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/)
- *
  * @since 4.31
  */
-export declare class GeosceneOrientedImageryViewer extends LitElement {
-    /**
-     * 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 Oriented Imagery Viewer component will be associated with a map or scene component rather than using the `view` property.
-     */
-    view?: __geoscene.MapView | __geoscene.SceneView | nullish;
-    /**
-     * 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;
-    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
-    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 ready to be interacted with. */
-    readonly geosceneReady: TargetedEvent<this, void>;
-}
-export {};
+export abstract 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/5.0/references/map-components/components/geoscene-oriented-imagery-viewer/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Toggles the visibility of the current footprint polygon associated with the selected image loaded in the viewer.
+   * Current footprint coverage allows you to better understand how the images in the oriented imagery layer relate to the map.
+   * The footprint of the image is symbolized with red fill on the map. If you zoom or pan in the oriented imagery viewer,
+   * the footprint coverage graphic will update on the map to highlight the area on the map that is visible in the image.
+   *
+   * @default false
+   */
+  accessor currentCoverageVisible: boolean;
+  /**
+   * Indicates whether the data capture tools are enabled in the oriented imagery viewer for digitization.
+   * When set to `true` , the data capture (edit) option will be visible on the digitizable overlayed feature layers available in the image overlays tab.
+   * On clicking the data capture option, the digitization tools will appear at the bottom of the viewer once the overlay tab is closed.
+   *
+   * @default false
+   * @since 4.32
+   */
+  accessor dataCaptureEnabled: boolean;
+  /**
+   * When `false`, the view click interaction is enabled for the oriented imagery viewer component. This allows users to pick a location on the map and display the best image to the viewer.
+   * When `true` the view click interaction will be defaulted to map navigation.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Indicates if the image gallery functionality is available in the component.
+   * To visualize additional images of the same location, select the image gallery from the oriented imagery viewer.
+   * The galley is a carousel of low-resolution thumbnails of all images that depict the selected map location. Click a thumbnail to view the full-resolution image in the oriented imagery viewer.
+   *
+   * @default false
+   */
+  accessor galleryOpened: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "oriented-imagery-widget"
+   * @since 4.27
+   * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+   */
+  get icon(): Icon["icon"];
+  set icon(value: IconName);
+  /**
+   * Indicates if the image enhancement tool is active. When `true` the component displays the functionalities to adjust the brightness, contrast, and sharpness of the
+   * image in the oriented imagery viewer using interactive sliders.
+   * Settings will be preserved for subsequent images loaded in the oriented imagery viewer.
+   *
+   * @default false
+   */
+  accessor imageEnhancementToolActive: boolean;
+  /**
+   * When `true`, the image gallery functionality is available in the component.
+   * Image gallery currently only supports MRF and Tif image formats.
+   *
+   * @default false
+   */
+  get imageGalleryEnabled(): boolean;
+  /**
+   * Indicates whether the image overlays tab in the oriented imagery viewer is open.
+   * When set to `true` , the overlays tab appears at the bottom of the viewer. It includes two toggle options: overlay camera locations and overlay map features.
+   * These options enable users to visualize and overlay map features that intersect with the image’s footprint within the viewer.
+   *
+   * @default false
+   * @since 4.32
+   */
+  accessor imageOverlaysOpened: boolean;
+  /**
+   * Indicates if the additional footprint polygons are visible for the selected image loaded in the viewer.
+   * The footprint graphics (appearing in blue) show the coverage footprints of all the additional images in the
+   * layer that depict the location selected by the user.
+   *
+   * @default false
+   */
+  accessor isAdditionalCoverageVisible: boolean;
+  /**
+   * Indicates if the additional camera locations are visible for the selected image loaded in the viewer.
+   * The point location graphics (appearing in blue) show the camera locations for additional images that depict the location the user selects.
+   *
+   * @default false
+   */
+  accessor isAdditionalPointSourcesVisible: boolean;
+  /**
+   * The component's default label.
+   *
+   * @since 4.11
+   */
+  accessor label: string | null | undefined;
+  /**
+   * Specifies the current [OrientedImageryLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/OrientedImageryLayer/) to use. The layer is one the component connects to and utilizes to populate the image.
+   * The layer contains the feature data and oriented imagery properties required by the viewer to load the image and generate the associated graphics.
+   */
+  accessor layer: OrientedImageryLayer | null | undefined;
+  /**
+   * Indicates if the map-image location tool is available in the component.
+   * When `true`, the user can select a point on the map and the corresponding location in pixel space will be displayed in the image, and vice versa.
+   *
+   * @default false
+   */
+  accessor mapImageConversionToolState: boolean;
+  /**
+   * When `true`, the navigation tool is available in the component.
+   * The navigation tool can be used to explore the images that contain the selected location on the map using a compass.
+   * To view a different image of the selected map location, click the camera locations (blue dots), or click a segment to view
+   * the best image from that segment (segments with images are shown in white; segments without images are gray).
+   *
+   * @default false
+   */
+  accessor navigationToolActive: boolean;
+  accessor orientedImageryLayerItemId: string | undefined;
+  /**
+   * When true, loading an image via directional or sequential navigation caches all neighboring images associated with that image.
+   * Navigating to adjacent images then uses the cached assets, reducing load times and improving viewer performance.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor preloadMedia: boolean;
+  /**
+   * 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;
+  /**
+   * This property provides the location of an image pixel in Map coordinates when using map-image conversion tool.
+   *
+   * @since 4.29
+   */
+  get referencePoint(): Point | null;
+  /**
+   * 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-oriented-imagery-viewer component will be associated with a map or scene component rather than using the `view` property.
+   *
+   * @since 4.30
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  "@setterTypes": {
+    icon?: IconName;
+  };
+  /** 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: "imageGalleryEnabled" | "layer"; }>;
+  /** 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": {
+    geoscenePropertyChange: GeosceneOrientedImageryViewer["geoscenePropertyChange"]["detail"];
+    geosceneReady: GeosceneOrientedImageryViewer["geosceneReady"]["detail"];
+  };
+}

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

@@ -1,3 +1,4 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
 import { c as r } from "../../chunks/runtime.js";
 import { usePropertyChange as t } from "@geoscene/lumina/controllers";
 import o from "@geoscene/core/layers/OrientedImageryLayer.js";
@@ -6,16 +7,13 @@ import { LitElement as n, createEvent as s } from "@geoscene/lumina";
 import { m as d } from "../../chunks/useWidget.js";
 import { css as l } from "lit";
 import { s as c } from "../../chunks/geoscene-main.js";
-/*! 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 = l`.geoscene-imagery-viewer{width:100%;height:100%}.geoscene-oriented-imagery-viewer{--geoscene-oriented-imagery-viewer-action-icon-size: 8px;--geoscene-oriented-imagery-viewer-min-width: 288px;--geoscene-oriented-imagery-viewer-min-height: 348px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-icon-size: var(--geoscene-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--geoscene-oriented-imagery-viewer-min-width);height:100%;min-height:var(--geoscene-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.geoscene-oriented-imagery-viewer:has(.geoscene-widget .geoscene-oriented-imagery-viewer__image-overlays-no-result){--geoscene-oriented-imagery-viewer-min-height: 420px}.geoscene-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.geoscene-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.geoscene-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.geoscene-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.geoscene-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.geoscene-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.geoscene-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.geoscene-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.geoscene-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.geoscene-oriented-imagery-viewer__carousel-content{display:flex}.geoscene-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.geoscene-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-enhancement-tools{display:flex}.geoscene-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.geoscene-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto;border:1px solid var(--calcite-color-border-2);align-items:center;width:100%;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.geoscene-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-no-result-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.geoscene-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.geoscene-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.geoscene-oriented-imagery-viewer__measurements-button{display:flex}.geoscene-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.geoscene-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.geoscene-oriented-imagery-viewer__viewer--hidden{display:none}.geoscene-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.geoscene-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.geoscene-oriented-imagery-viewer__message-box{text-align:center;word-break:break-word;justify-content:center;align-items:center;width:100%;height:100%;padding:0 25%;font-size:var(--calcite-font-size-sm);display:flex;position:relative}.geoscene-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.geoscene-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.geoscene-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.geoscene-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.geoscene-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.geoscene-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.geoscene-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.geoscene-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.geoscene-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.geoscene-oriented-imagery-viewer__navigation-sector{fill:none}.geoscene-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.geoscene-oriented-imagery-viewer__pro .geoscene-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.geoscene-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.geoscene-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;overflow:hidden}.geoscene-oriented-imagery-viewer__navigation-ui__direction{--geoscene-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--geoscene-oriented-imagery-viewer__navigation-ui-direction-color);cursor:not-allowed;width:160px;height:160px;position:absolute}.geoscene-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.geoscene-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);background-color:rgba(var(--calcite-color-brand),var(--calcite-opacity-half));border-radius:50%}.geoscene-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;transform:perspective(400px) rotateX(60deg) var(--rotate-transform);filter:drop-shadow(0 2px 1px #00000080);width:330px;height:330px}.geoscene-oriented-imagery-viewer__navigation-ui__direction--top{transform-style:preserve-3d;top:0;left:50%;transform:translate(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--bottom{transform-style:preserve-3d;bottom:0;left:50%;transform:translate(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--left{transform-style:preserve-3d;top:50%;left:0;transform:translateY(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--right{transform-style:preserve-3d;top:50%;right:0;transform:translateY(-50%)}.geoscene-panoramic-viewer{z-index:1;position:relative;width:100%;height:100%}`, m = d(a);
 class v extends n {
   constructor() {
-    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, 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.referencePoint = this.widget.referencePoint, this.geoscenePropertyChange = t()("imageGalleryEnabled", "layer"), this.geosceneReady = s();
+    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, 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.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.geoscenePropertyChange = t()("imageGalleryEnabled", "layer"), this.geosceneReady = s();
   }
   static {
-    this.properties = { view: 0, 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 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32 };
   }
   static {
     this.styles = [c, g];

package/dist/components/geoscene-paste/ClipboardMove.d.ts

@@ -0,0 +1,28 @@
+import type Accessor from "@geoscene/core/core/Accessor.js";
+import type MapView from "@geoscene/core/views/MapView.js";
+import type SceneView from "@geoscene/core/views/SceneView.js";
+import type GraphicsLayer from "@geoscene/core/layers/GraphicsLayer.js";
+import type { GeoSceneClipboard } from "@geoscene/core/applications/Components/clipboard.js";
+
+/** @internal */
+export type ClipboardStageChangedReason = "clipboard-contents-changed" | "completed" | "contents-moved" | "suspended";
+
+/**
+ * ClipboardMove is used as an interactive operation for moving all the features on the clipboard
+ * It will be suspended when on the FeatureForm view, as at that stage the graphics on the form are set
+ * It can be set to work continuously, which means that it automatically starts a move again, after completing a move.
+ *
+ * @internal
+ */
+export class ClipboardMove extends Accessor {
+  accessor clipboard: GeoSceneClipboard;
+  /** @default false */
+  accessor continuous: boolean;
+  accessor graphicsLayer: GraphicsLayer;
+  stateChanged: ((reason: ClipboardStageChangedReason) => void) | null;
+  accessor suspended: boolean;
+  accessor view: MapView | SceneView;
+  cancel(): void;
+  clipboardContentsChanged(): void;
+  start(): void;
+}

package/dist/components/geoscene-paste/PasteViewModel.d.ts

@@ -0,0 +1,187 @@
+import type Accessor from "@geoscene/core/core/Accessor.js";
+import type Graphic from "@geoscene/core/Graphic.js";
+import type Layer from "@geoscene/core/layers/Layer.js";
+import type SubtypeGroupLayer from "@geoscene/core/layers/SubtypeGroupLayer.js";
+import type FeatureLayer from "@geoscene/core/layers/FeatureLayer.js";
+import type GraphicsLayer from "@geoscene/core/layers/GraphicsLayer.js";
+import type Collection from "@geoscene/core/core/Collection.js";
+import type SceneView from "@geoscene/core/views/SceneView.js";
+import type MapView from "@geoscene/core/views/MapView.js";
+import type SubtypeSublayer from "@geoscene/core/layers/support/SubtypeSublayer.js";
+import type TemplateItem from "@geoscene/core/widgets/FeatureTemplates/TemplateItem.js";
+import type BatchAttributeFormViewModel from "@geoscene/core/widgets/BatchAttributeForm/BatchAttributeFormViewModel.js";
+import type { GeoSceneClipboard, ClipboardItem as GeoSceneClipboardItem } from "@geoscene/core/applications/Components/clipboard.js";
+import type { ApplySet, ApplySetLayerEditResult, ApplySetServiceEditResult } from "@geoscene/core/applications/Components/applySetUtils.js";
+import type { ClipboardMove } from "./ClipboardMove.js";
+import type { ResourceHandle } from "@geoscene/core/core/Handles.js";
+import type { PasteCommand, PasteApplyError, PasteCommandApplyParameters } from "./commands/PasteCommand.js";
+import type { CustomPasteCommand } from "./commands/PasteCustomCommand.js";
+
+/** @internal */
+export interface PasteViewModelProperties extends Partial<Pick<PasteViewModel, "_activeFlowPage" | "activeCommand" | "activeFlowPage" | "alwaysShowFeatureForm" | "applying" | "bauActiveFeatureIndex" | "bauApplySet" | "bauFeatures" | "bauFormUpdating" | "bauFormValid" | "bauHasTooManyComplexFeatures" | "bauHasTooManyFeatures" | "bauHighlight" | "bauIndividualHighlight" | "bauInvalidFeatures" | "bauOriginalGraphics" | "beforeClipboard" | "beforeForm" | "clipboardGraphicsLayer" | "clipboardMover" | "closeOnApply" | "currentPasteOperation" | "customPasteCommands" | "formViewModelMap" | "hideErrorNotice" | "hideFooter" | "hideFooterCancelButton" | "hideHeaderCloseButton" | "hideTooltips" | "hideViewClipboard" | "highlightGroup" | "lastPasteError" | "layerPermissionsCheck" | "maximumFeatureCount" | "maximumFeatureCountWithComplexForms" | "pasteTemplate" | "pasteWithAttributes" | "pasteWithMultipleFeaturesEnabled" | "pasteWithMultipleLayersEnabled" | "selectedClipboardItemIndex" | "selectedFeature" | "showClipboardItems" | "supportedCommands" | "view">> {}
+
+/**
+ * The types of flow page that maybe being shown in the component
+ *
+ * @internal
+ */
+export type ActiveFlowPage = "clipboard-empty-page" | "clipboard" | "commands-page" | "form-page" | "gallery-page" | "merge-page" | "no-command-page";
+
+/**
+ * The types of supported paste operation
+ * These maybe explicit ones, supported by the component, or user defined (as in string)
+ *
+ * @internal
+ */
+export type SupportedPasteCommand = "paste-append" | "paste-as" | "paste-merge" | "paste-subtract" | "paste" | (string & {});
+
+/** @internal */
+export default class PasteViewModel extends Accessor {
+  constructor(properties?: PasteViewModelProperties);
+  /** @default "commands-page" */
+  accessor _activeFlowPage: ActiveFlowPage;
+  accessor activeCommand: SupportedPasteCommand | undefined;
+  accessor activeFlowPage: ActiveFlowPage;
+  get allCommands(): PasteCommand[];
+  /** @default false */
+  accessor alwaysShowFeatureForm: boolean;
+  /** @default false */
+  accessor applying: boolean;
+  get availableCommands(): PasteCommand[];
+  /** @default -1 */
+  accessor bauActiveFeatureIndex: number;
+  get bauActiveGraphic(): Graphic | undefined;
+  get bauActiveLayer(): FeatureLayer | SubtypeGroupLayer | undefined;
+  accessor bauApplySet: ApplySet | undefined;
+  accessor bauFeatures: Collection<Graphic> | undefined;
+  /** @default false */
+  accessor bauFormUpdating: boolean;
+  /** @default true */
+  accessor bauFormValid: boolean;
+  /** @default false */
+  accessor bauHasTooManyComplexFeatures: boolean;
+  /** @default false */
+  accessor bauHasTooManyFeatures: boolean;
+  accessor bauHighlight: ResourceHandle | undefined;
+  accessor bauIndividualHighlight: {
+      graphic: Graphic;
+      handle: ResourceHandle;
+  } | undefined;
+  accessor bauInvalidFeatures: Graphic[];
+  accessor bauOriginalGraphics: {
+      graphic: Graphic;
+      layer: FeatureLayer | SubtypeGroupLayer;
+  }[];
+  accessor beforeClipboard: ActiveFlowPage | undefined;
+  accessor beforeForm: ActiveFlowPage | undefined;
+  get canCreateOnAllLayers(): boolean;
+  get clipboard(): GeoSceneClipboard;
+  get clipboardAndTemplateSupportAttributes(): boolean;
+  get clipboardFeatures(): Collection<GeoSceneClipboardItem>;
+  accessor clipboardGraphicsLayer: GraphicsLayer | undefined;
+  get clipboardItemLayers(): Layer[];
+  accessor clipboardMover: ClipboardMove | undefined;
+  /** @default false */
+  accessor closeOnApply: boolean;
+  /** @default "" */
+  accessor currentPasteOperation: "" | "paste-as" | "paste-merge";
+  accessor customPasteCommands: Collection<CustomPasteCommand>;
+  accessor formViewModelMap: Map<FeatureLayer | SubtypeSublayer, BatchAttributeFormViewModel>;
+  get hasClipboardItemMatchingTemplate(): boolean;
+  get hasPasteCommandsPage(): boolean;
+  get hasTooManyPasteCreateFeatures(): boolean;
+  /** @default false */
+  accessor hideErrorNotice: boolean;
+  /** @default false */
+  accessor hideFooter: boolean;
+  /** @default false */
+  accessor hideFooterCancelButton: boolean;
+  /** @default false */
+  accessor hideHeaderCloseButton: boolean;
+  /** @default false */
+  accessor hideTooltips: boolean;
+  /** @default false */
+  accessor hideViewClipboard: boolean;
+  /** @default "temporary" */
+  accessor highlightGroup: string;
+  accessor lastPasteError: PasteApplyError | undefined;
+  accessor layerPermissionsCheck: {
+      canUpdate: (layer: FeatureLayer | null | undefined | SubtypeGroupLayer) => boolean;
+      canCreate: (layer: FeatureLayer | null | undefined | SubtypeGroupLayer) => boolean;
+  };
+  /**
+   * The maximum number of features that can be loaded into the form.
+   *
+   * @default 200
+   */
+  accessor maximumFeatureCount: number;
+  /**
+   * The number of features that can be loaded into the form.
+   * This is used to determine whether the form can be loaded with forms containing complex Arcade expressions.
+   *
+   * @default 50
+   */
+  accessor maximumFeatureCountWithComplexForms: number;
+  get pasteCommandsState(): {
+      id: SupportedPasteCommand;
+      disabled: boolean;
+      available: boolean;
+  }[];
+  accessor pasteTemplate: TemplateItem | undefined;
+  get pasteTemplateIsValid(): boolean;
+  /** @default true */
+  accessor pasteWithAttributes: boolean;
+  /** @default false */
+  accessor pasteWithMultipleFeaturesEnabled: boolean;
+  /** @default false */
+  accessor pasteWithMultipleLayersEnabled: boolean;
+  /** @default -1 */
+  accessor selectedClipboardItemIndex: number;
+  accessor selectedFeature: Graphic | undefined;
+  /** @default false */
+  accessor showClipboardItems: boolean;
+  accessor supportedCommands: SupportedPasteCommand[];
+  get updating(): boolean;
+  accessor view: MapView | SceneView | undefined;
+  get workingLayers(): (FeatureLayer | SubtypeGroupLayer)[];
+  checkAndSuspendMove(): void;
+  clearHighlightSelectedGraphic(): void;
+  clearIndividualFeatureFormHighlight(): void;
+  clearMultiFeatureFormHighlights(): void;
+  /**
+   * @param originalGraphic
+   * @param newFieldValues
+   */
+  formFeatureValuesChanged(originalGraphic: {
+      graphic: Graphic;
+      layer: FeatureLayer | SubtypeGroupLayer;
+  }, newFieldValues: Record<string, unknown> | undefined): void;
+  /** @param id */
+  getPasteCommandById(id?: SupportedPasteCommand): PasteCommand | undefined;
+  /**
+   * @param outcome
+   * @param onPasteError
+   */
+  handleApplyError(outcome: {
+      success: boolean;
+      errorCode?: string;
+      errorMessage?: string;
+  }, onPasteError: (error: PasteApplyError) => void): void;
+  /**
+   * @param graphic
+   * @param _graphicIndex
+   */
+  highlightMultiFeatureFormFeature(graphic: Graphic, _graphicIndex: number): void;
+  /** @param listItem */
+  highlightSelectedGraphicOnMap(listItem: GeoSceneClipboardItem): void;
+  nextActiveFeature(): void;
+  previousActiveFeature(): void;
+  resetFormPage(): void;
+  resetHome(): void;
+  /** @param params */
+  runPasteFormCommand(params: PasteCommandApplyParameters): Promise<void>;
+  updateClipboardGraphicsLayer(): void;
+  updateIndividualMultiFeatureFormHighlight(): void;
+  /** @param applySet */
+  writeChanges(applySet: ApplySet): Promise<(ApplySetLayerEditResult | ApplySetServiceEditResult)[]>;
+}