@arcgis/map-components 4.32.0-next.1 → 4.32.0-next.3

package/dist/components/arcgis-map/customElement.d.ts

@@ -0,0 +1,301 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement, ToElement } from '@arcgis/lumina';
+
+declare const useWebMap: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.WebMap, "ipsInfo"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.WebMapProperties): __esri.WebMapProperties | Promise<__esri.WebMapProperties>;
+} | undefined) => __esri.WebMap;
+declare const useMapView: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.MapView, "map" | "allLayerViews" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "floors" | "graphics" | "highlightOptions" | "highlights" | "layerViews" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.MapViewProperties): __esri.MapViewProperties | Promise<__esri.MapViewProperties>;
+} | undefined) => __esri.MapView;
+export declare class ArcgisMap extends LitElement implements Use<typeof useWebMap>, Use<typeof useMapView> {
+    /** Internal view of the component. */
+    readonly view: __esri.MapView;
+    /**
+     * Collection containing a flat list of all the created LayerViews
+     * related to the basemap, operational layers, and group layers in this view.
+     */
+    allLayerViews: __esri.Collection<__esri.LayerView>;
+    /**
+     * 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 temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * The background color of the MapView. If the view's map changes, the view's `background` is reset to the map's background,
+     * even if the user set it previously.
+     */
+    background: __esri.ColorBackground;
+    /**
+     * Specifies a basemap for the map. The basemap is a set of layers that give
+     * geographic context to the MapView or SceneView and the other operational layers
+     * in the map.
+     */
+    basemap: __esri.Basemap | string;
+    /** Represents the view for a single basemap after it has been added to the map. */
+    basemapView: __esri.BasemapView;
+    /**
+     * Represents the view's center point; when setting the center, you may pass a
+     * esri/geometry/Point instance or a string representing
+     * a longitude/latitude pair (`"-100.4593, 36.9014"`).
+     * Setting the center immediately changes the current view.
+     * For animating the view, see this component's goTo() method.
+     */
+    get center(): __esri.MapView["center"];
+    set center(newValue: __esri.MapView["center"] | Nil | number[] | string);
+    /** Specifies constraints to scale, zoom, and rotation that may be applied to the MapView. */
+    constraints: __esri.View2DConstraints;
+    /**
+     * The extent represents the visible portion of a map within the view as an instance of esri/geometry/Extent.
+     * Setting the extent immediately changes the view without animation. To animate
+     * the view, see this component's goTo() method.
+     * When the view is rotated, the extent does not update to include the newly visible portions of the map.
+     */
+    get extent(): __esri.MapView["extent"];
+    set extent(newValue: __esri.MapView["extent"]);
+    /** A rejected view indicates a fatal error making it unable to display. */
+    fatalError: __esri.Error;
+    /**
+     * Applies a display filter on the view for a specific set of floor levels.
+     * It can filter the map display on floor-aware layers by zero or more level IDs.
+     */
+    floors: __esri.Collection<string>;
+    /** Gamepad input specific configuration settings.. */
+    get gamepad(): __esri.GamepadSettings;
+    /**
+     * Allows for adding graphics directly to the default graphics in the View.
+     * Example:
+     * ```
+     * // Adds a graphic to the View
+     * graphics.add(pointGraphic);
+     * ```
+     * Example:
+     * ```
+     * // Removes a graphic from the View
+     * graphics.remove(pointGraphic);
+     * ```
+     */
+    graphics: __esri.Collection<__esri.Graphic>;
+    /** Specifies the surface properties for the map. */
+    ground: __esri.Ground | string;
+    /**
+     * @deprecated
+     *
+     * Options for configuring the highlight. Use the highlight method on the
+     * appropriate esri/views/layers/LayerView to highlight a feature.
+     * The layerView's `highlightOptions` will take precedence over the MapView's `highlightOptions` if both properties are set.
+     */
+    highlightOptions: __esri.HighlightOptions;
+    /** Options for configuring the MapView highlights. The highlights is a collection of three named HighlightOptions objects */
+    highlights: __esri.Collection<any>;
+    /** Indication whether the view is being interacted with (for example when panning or by an interactive tool). */
+    get interacting(): boolean;
+    /**
+     * Contains indoor positioning system information for the map.
+     */
+    ipsInfo: __esri.IPSInfo;
+    /** The ID of a WebMap from ArcGIS Online or ArcGIS Enterprise portal. */
+    get itemId(): Nil | string;
+    set itemId(newValue: Nil | string);
+    /**
+     * A collection containing a hierarchical list of all the created
+     * esri/views/layers/LayerView LayerViews of the
+     * esri/Map#layers operational layers in the map.
+     */
+    layerViews: __esri.Collection<__esri.LayerView>;
+    /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
+    readonly magnifier: __esri.Magnifier;
+    /** An instance of a esri/Map object to display in the view. */
+    map: __esri.Map;
+    /** Indication whether the view is being navigated (for example when panning). */
+    get navigating(): boolean;
+    /** Options to configure the navigation behavior of the View. */
+    navigation: __esri.Navigation;
+    padding: __esri.ViewPadding;
+    popup: __esri.Popup;
+    /** Controls whether the popup opens when users click on the view. */
+    popupDisabled: boolean;
+    /**
+     * When `true`, this property indicates whether the view successfully satisfied all dependencies,
+     * signaling that the following conditions are met.
+     */
+    readonly ready: boolean;
+    /**
+     * Defines which anchor stays still while resizing the browser window. The default, `center`,
+     * ensures the view's center point remains constantly visible as the window size changes. The other
+     * options allow  the respective portion of the view to remain visible when the window's size is changed.
+     */
+    resizeAlign: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /**
+     * Represents the current value of one pixel in the unit of the view's spatialReference.
+     * The value of resolution is calculated by dividing the view's extent width
+     * by its width.
+     */
+    readonly resolution: number;
+    /**
+     * The clockwise rotation of due north in relation to the top of the view in degrees.
+     * The view may be rotated by directly setting
+     * the rotation or by using the following mouse event: `Right-click + Drag`.
+     * Map rotation may be disabled by setting the `rotationEnabled` property
+     * in [constraints](#constraints) to `false`. See the code snippet below for
+     * an example of this.
+     */
+    rotation: number;
+    /**
+     * Represents the map scale at the center of the view. Setting the scale immediately changes the view. For animating
+     * the view, see this component's goTo() method.
+     */
+    get scale(): number;
+    set scale(newValue: number);
+    /**
+     * The spatial reference of the view.
+     * This indicates the projected or geographic coordinate system used
+     * to locate geographic features in the map.
+     */
+    spatialReference: __esri.SpatialReference;
+    /** Indication whether the view is animating, being navigated with or resizing. */
+    get stationary(): boolean;
+    /** Indicates if the view is visible on the page. */
+    readonly suspended: boolean;
+    /**
+     * This property specifies the base colors used by some widgets
+     * and components to render graphics and labels.
+     */
+    theme: __esri.Theme;
+    /**
+     * The view's time extent. Time-aware layers display their temporal data that falls within
+     * the view's time extent. Setting the view's time extent is similar to setting the spatial
+     * extent because once the time extent is set, the
+     * view updates automatically to conform to the change.
+     */
+    timeExtent: __esri.TimeExtent;
+    /**
+     * Defines the time zone of the view.
+     * The time zone property determines how dates and times are represented to the user,
+     * but the underlying data is unchanged.
+     */
+    timeZone: string;
+    /**
+     * Indicates whether the view is being updated by additional data requests to the network,
+     * or by processing received data.
+     */
+    readonly updating: boolean;
+    /**
+     * Represents the current view as a Viewpoint or point of observation on the view.
+     * Setting the viewpoint immediately changes the current view. For animating
+     * the view, see this component's goTo() method.
+     */
+    get viewpoint(): __esri.Viewpoint;
+    set viewpoint(newValue: __esri.Viewpoint);
+    /**
+     * Represents the level of detail (LOD) at the center of the view.
+     * A zoom level (or scale) is a number that defines how large or small the contents of a map appear in a map view.
+     * Zoom level is a number usually between 0 (global view) and 23 (very detailed view) and is used as a shorthand for predetermined scale values.
+     * A value of -1 means the view has no LODs.
+     * When setting the zoom value, the MapView converts it to the corresponding scale, or interpolates it if the zoom is a fractional number.
+     * MapView can display maps with different projections at a full range of scales, and so use the scale property on this component rather than zoom level.
+     *
+     * Setting the zoom immediately changes the current view. For animating the view, see this component's goTo() method.
+     * Setting this property in conjunction with `center` is a convenient way to set the initial extent of the view.
+     */
+    get zoom(): number;
+    set zoom(newValue: number);
+    /** Adds a layer to the map layers collection. */
+    addLayer(layer: __esri.Layer | Promise<any>, index?: number | undefined): Promise<void>;
+    /** Adds a layer or array of layers to the map layers collection. */
+    addLayers(layers: __esri.Layer[], index?: number | undefined): Promise<void>;
+    /** Closes the popup. */
+    closePopup(): Promise<void>;
+    /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
+    destroy(): Promise<void>;
+    /** Sets the view to a given target. */
+    goTo(target: __esri.GoToTarget2D, options?: __esri.GoToOptions2D): Promise<unknown>;
+    /** Returns hit test results from each layer that intersects the specified screen coordinates. */
+    hitTest(screenPoint: __esri.MapViewScreenPoint | MouseEvent, options?: __esri.MapViewHitTestOptions): Promise<__esri.HitTestResult>;
+    /**
+     * Opens the popup at the given location with content defined either explicitly with content or driven
+     * from the PopupTemplate of input features.
+     */
+    openPopup(options?: __esri.PopupViewOpenPopupOptions): Promise<void>;
+    /** Create a screenshot of the current view. */
+    takeScreenshot(options?: __esri.MapViewTakeScreenshotOptions): Promise<__esri.Screenshot>;
+    toMap(screenPoint: __esri.MapViewScreenPoint | MouseEvent): __esri.Point;
+    toScreen(point: __esri.Point, options?: __esri.ToScreenOptions2D): __esri.MapViewScreenPoint;
+    /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
+    tryFatalErrorRecovery(): Promise<void>;
+    /** Gets the LayerView created on the view for the given layer. */
+    whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
+    /**
+     * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
+     * This event will also emit if stationary toggles from true to false.
+     */
+    readonly arcgisViewChange: CustomEvent<void>;
+    /** Fires after a user clicks on the view. */
+    readonly arcgisViewClick: CustomEvent<__esri.ViewClickEvent>;
+    /** Fires after double-clicking on the view. */
+    readonly arcgisViewDoubleClick: CustomEvent<__esri.ViewDoubleClickEvent>;
+    /** Fires during a pointer drag on the view. */
+    readonly arcgisViewDrag: CustomEvent<__esri.ViewDragEvent>;
+    /** Fires during a pointer drag on the view. */
+    readonly arcgisViewHold: CustomEvent<__esri.ViewHoldEvent>;
+    /** Fires right after a user clicks on the view. */
+    readonly arcgisViewImmediateClick: CustomEvent<__esri.ViewImmediateClickEvent>;
+    /** Is emitted after two consecutive immediate-click events. */
+    readonly arcgisViewImmediateDoubleClick: CustomEvent<__esri.ViewImmediateDoubleClickEvent>;
+    /** Fires after a keyboard key is pressed. */
+    readonly arcgisViewKeyDown: CustomEvent<__esri.ViewKeyDownEvent>;
+    /** Fires after a keyboard key is pressed. */
+    readonly arcgisViewKeyUp: CustomEvent<__esri.ViewKeyUpEvent>;
+    /** Fires after each layer in the map has a corresponding LayerView created and rendered in the view. */
+    readonly arcgisViewLayerviewCreate: CustomEvent<__esri.ViewLayerviewCreateEvent>;
+    /** Fires when an error emits during the creation of a LayerView after a layer has been added to the map. */
+    readonly arcgisViewLayerviewCreateError: CustomEvent<__esri.ViewLayerviewCreateErrorEvent>;
+    /** Fires after a LayerView is destroyed and is no longer rendered in the view. */
+    readonly arcgisViewLayerviewDestroy: CustomEvent<__esri.ViewLayerviewDestroyEvent>;
+    /** Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view. */
+    readonly arcgisViewMouseWheel: CustomEvent<__esri.ViewMouseWheelEvent>;
+    /** Fires after a mouse button is pressed, or a finger touches the display. */
+    readonly arcgisViewPointerDown: CustomEvent<__esri.ViewPointerDownEvent>;
+    /** Fires after a mouse cursor enters the view, or a display touch begins. */
+    readonly arcgisViewPointerEnter: CustomEvent<__esri.ViewPointerEnterEvent>;
+    /** Fires after a mouse cursor leaves the view, or a display touch ends. */
+    readonly arcgisViewPointerLeave: CustomEvent<__esri.ViewPointerLeaveEvent>;
+    /** Fires after the mouse or a finger on the display moves. */
+    readonly arcgisViewPointerMove: CustomEvent<__esri.ViewPointerMoveEvent>;
+    /** Fires after a mouse button is released, or a display touch ends. */
+    readonly arcgisViewPointerUp: CustomEvent<__esri.ViewPointerUpEvent>;
+    /**
+     * This event is for the `ready` property and will be emitted when the view is ready.
+     * This event will also emit if the `map` property is changed.
+     */
+    readonly arcgisViewReadyChange: CustomEvent<void>;
+    readonly _setterTypes: {
+        center: __esri.MapView["center"] | Nil | number[] | string;
+        itemId: Nil | string;
+        viewpoint: __esri.Viewpoint;
+        zoom: number;
+    };
+}
+export {};

package/dist/components/arcgis-map/customElement.js

@@ -0,0 +1,212 @@
+import { c as w } from "../../chunks/runtime.js";
+import { load as v } from "@arcgis/components-controllers";
+import { makeAccessorController as h, reEmitEvent as t, accessorSupport as c } from "@arcgis/components-controllers/accessor";
+import { a0 as p, a1 as d, i as m } from "../../chunks/index.js";
+import { e as s, f as g } from "../../chunks/component-utils.js";
+import { LitElement as l, createEvent as a, noShadowRoot as y } from "@arcgis/lumina";
+import { css as u } from "@lit/reactive-element/css-tag.js";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.3
+*/
+const f = u`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, V = h(
+  p,
+  /**
+   * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
+   * a hack to remove them from the runtime code. This argument is not used at
+   * all at runtime. For makeViewModelController and makeWidgetController, the
+   * minifier is able to remove them automatically. However, minifier does not
+   * remove them for makeAccessorController as makeAccessorController is defined
+   * in an externalized package.
+   */
+  {}
+), _ = h(d, {});
+class b extends l {
+  constructor() {
+    super(...arguments), this._map = V(this, { editConstructorProperties: this._editMapProperties }), this.reactiveUtils = v(m), this.view = _(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlightOptions = this.view.highlightOptions, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewChange = a(), this.arcgisViewClick = t(() => this.view, "viewClick"), this.arcgisViewDoubleClick = t(() => this.view, "viewDoubleClick"), this.arcgisViewDrag = t(() => this.view, "viewDrag"), this.arcgisViewHold = t(() => this.view, "viewHold"), this.arcgisViewImmediateClick = t(() => this.view, "viewImmediateClick"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "viewImmediateDoubleClick"), this.arcgisViewKeyDown = t(() => this.view, "viewKeyDown"), this.arcgisViewKeyUp = t(() => this.view, "viewKeyUp"), this.arcgisViewLayerviewCreate = t(() => this.view, "viewLayerviewCreate"), this.arcgisViewLayerviewCreateError = t(() => this.view, "viewLayerviewCreateError"), this.arcgisViewLayerviewDestroy = t(() => this.view, "viewLayerviewDestroy"), this.arcgisViewMouseWheel = t(() => this.view, "viewMouseWheel"), this.arcgisViewPointerDown = t(() => this.view, "viewPointerDown"), this.arcgisViewPointerEnter = t(() => this.view, "viewPointerEnter"), this.arcgisViewPointerLeave = t(() => this.view, "viewPointerLeave"), this.arcgisViewPointerMove = t(() => this.view, "viewPointerMove"), this.arcgisViewPointerUp = t(() => this.view, "viewPointerUp"), this.arcgisViewReadyChange = a();
+  }
+  static {
+    this.properties = { view: 32, allLayerViews: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 1, highlightOptions: 0, highlights: 0, interacting: 32, ipsInfo: 0, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 0, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 7, viewpoint: 0, zoom: 9 };
+  }
+  static {
+    this.shadowRootOptions = y;
+  }
+  static {
+    this.styles = f;
+  }
+  /**
+   * Represents the view's center point; when setting the center, you may pass a
+   * esri/geometry/Point instance or a string representing
+   * a longitude/latitude pair (`"-100.4593, 36.9014"`).
+   * Setting the center immediately changes the current view.
+   * For animating the view, see this component's goTo() method.
+   */
+  get center() {
+    return this.view.center ?? this._center;
+  }
+  set center(i) {
+    const e = s(i, this.ready ? this.view : void 0);
+    e && (this.ready && (this.view.center = e), this._center = e);
+  }
+  /**
+   * The extent represents the visible portion of a map within the view as an instance of esri/geometry/Extent.
+   * Setting the extent immediately changes the view without animation. To animate
+   * the view, see this component's goTo() method.
+   * When the view is rotated, the extent does not update to include the newly visible portions of the map.
+   */
+  get extent() {
+    return this.view.extent ?? this._extent;
+  }
+  set extent(i) {
+    this.view.ready || (this._extent = i), i && !this.extent?.equals(i) && (this.view.extent = i);
+  }
+  /** Gamepad input specific configuration settings.. */
+  get gamepad() {
+    return this.ready ? this.view.input.gamepad : void 0;
+  }
+  /** Indication whether the view is being interacted with (for example when panning or by an interactive tool). */
+  get interacting() {
+    return this.view.interacting;
+  }
+  /** The ID of a WebMap from ArcGIS Online or ArcGIS Enterprise portal. */
+  get itemId() {
+    return this._map.portalItem?.id ?? this._itemId;
+  }
+  set itemId(i) {
+    this._itemId = i, this.ready && c.reCreate(this._map, this).then(() => {
+      this.view.map = this._map;
+    }).catch(console.error);
+  }
+  /** Indication whether the view is being navigated (for example when panning). */
+  get navigating() {
+    return this.view.navigating;
+  }
+  /**
+   * Represents the map scale at the center of the view. Setting the scale immediately changes the view. For animating
+   * the view, see this component's goTo() method.
+   */
+  get scale() {
+    return this.view.scale ?? this._scale;
+  }
+  set scale(i) {
+    this.ready && (this.view.scale = i), this._scale = i;
+  }
+  /** Indication whether the view is animating, being navigated with or resizing. */
+  get stationary() {
+    return this.view.stationary;
+  }
+  /**
+   * Represents the current view as a Viewpoint or point of observation on the view.
+   * Setting the viewpoint immediately changes the current view. For animating
+   * the view, see this component's goTo() method.
+   */
+  get viewpoint() {
+    return this.view.viewpoint ?? this._viewpoint;
+  }
+  set viewpoint(i) {
+    g(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
+  }
+  /**
+   * Represents the level of detail (LOD) at the center of the view.
+   * A zoom level (or scale) is a number that defines how large or small the contents of a map appear in a map view.
+   * Zoom level is a number usually between 0 (global view) and 23 (very detailed view) and is used as a shorthand for predetermined scale values.
+   * A value of -1 means the view has no LODs.
+   * When setting the zoom value, the MapView converts it to the corresponding scale, or interpolates it if the zoom is a fractional number.
+   * MapView can display maps with different projections at a full range of scales, and so use the scale property on this component rather than zoom level.
+   *
+   * Setting the zoom immediately changes the current view. For animating the view, see this component's goTo() method.
+   * Setting this property in conjunction with `center` is a convenient way to set the initial extent of the view.
+   */
+  get zoom() {
+    return this.view.zoom ?? this._zoom;
+  }
+  set zoom(i) {
+    this.ready && (this.view.zoom = i), this._zoom = i;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Adds a layer to the map layers collection. */
+  async addLayer(i, e) {
+    this.map?.add(i, e);
+  }
+  /** Adds a layer or array of layers to the map layers collection. */
+  async addLayers(i, e) {
+    this.map?.addMany(i, e);
+  }
+  /** Closes the popup. */
+  async closePopup() {
+    this.view?.closePopup();
+  }
+  /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  /** Sets the view to a given target. */
+  async goTo(i, e) {
+    return await this.view?.goTo(i, e);
+  }
+  /** Returns hit test results from each layer that intersects the specified screen coordinates. */
+  async hitTest(i, e) {
+    return await this.view?.hitTest(i, e);
+  }
+  /**
+   * Opens the popup at the given location with content defined either explicitly with content or driven
+   * from the PopupTemplate of input features.
+   */
+  async openPopup(i) {
+    await this.view?.openPopup(i);
+  }
+  /** Create a screenshot of the current view. */
+  async takeScreenshot(i) {
+    return await this.view?.takeScreenshot(i);
+  }
+  toMap(i) {
+    return this.view.toMap(i);
+  }
+  toScreen(i, e) {
+    return this.view.toScreen(i, e);
+  }
+  /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
+  async tryFatalErrorRecovery() {
+    this.view?.tryFatalErrorRecovery();
+  }
+  /** Gets the LayerView created on the view for the given layer. */
+  async whenLayerView(i) {
+    return await this.view?.whenLayerView(i);
+  }
+  // #endregion
+  // #region Lifecycle
+  load() {
+    this.el.childElem = document.createElement("div"), this.el.childElem.classList.add("arcgis-map"), this.el.append(this.el.childElem), this.view.container ??= this.el.childElem;
+  }
+  loaded() {
+    const { watch: i } = this.reactiveUtils;
+    this.manager.onLifecycle(() => [
+      i(() => this.view.stationary, () => {
+        this.arcgisViewChange.emit();
+      }, { initial: !0 }),
+      i(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready })
+    ]);
+  }
+  // #endregion
+  // #region Private Methods
+  _editMapProperties(i) {
+    this.map && (this._map = this.map), this.itemId ? i.portalItem = { id: this.itemId } : this.basemap || (i.basemap = "topo-vector");
+    const { basemap: e, ...r } = i;
+    e || (i = r);
+    const { ground: o, ...n } = i;
+    return o || (i = n), i;
+  }
+  _editViewProperties(i) {
+    this.view.ui || (i.ui = {
+      components: ["attribution"]
+    }), i.map ??= this._map;
+    const e = s(this.center, void 0);
+    return e && (i.center = e), this.viewpoint && (i.viewpoint = this.viewpoint), this.scale !== void 0 && (i.scale = this.scale), this.extent && (i.extent = this.extent), this.zoom !== void 0 && (i.zoom = this.zoom), i;
+  }
+}
+w("arcgis-map", b);
+export {
+  b as ArcgisMap
+};

package/dist/components/arcgis-map/index.d.ts

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

package/dist/components/arcgis-map/index.js

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

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

@@ -0,0 +1,62 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useMeasurementWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.Measurement, "label" | "viewModel" | "icon" | "activeTool" | "areaUnit" | "linearUnit"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    viewModel?: __esri.MeasurementViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | Nil | __esri.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.MeasurementProperties): __esri.MeasurementProperties | Promise<__esri.MeasurementProperties>;
+} | undefined) => __esri.Measurement;
+export declare class ArcgisMeasurement extends LitElement implements Use<typeof useMeasurementWidget> {
+    activeTool: "area" | "distance" | "direct-line";
+    readonly activeWidget: __esri.AreaMeasurement2D | __esri.AreaMeasurement3D | __esri.DirectLineMeasurement3D | __esri.DistanceMeasurement2D;
+    areaUnit: __esri.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 temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    icon: string;
+    label: string;
+    linearUnit: __esri.SystemOrLengthUnit;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled" | "measuring" | "measured";
+    clear(): Promise<void>;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    startMeasurement(): Promise<void>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "state" | "activeTool";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

package/dist/components/arcgis-measurement/customElement.js

@@ -0,0 +1,38 @@
+import { c as t } from "../../chunks/runtime.js";
+import { u as e } from "../../chunks/index.js";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { m as s } from "../../chunks/useWidget.js";
+import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.3
+*/
+const n = s(e);
+class h extends a {
+  constructor() {
+    super(...arguments), this.widget = n(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.arcgisPropertyChange = i()("activeTool", "state"), this.arcgisReady = o();
+  }
+  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 = r;
+  }
+  // #endregion
+  // #region Public Methods
+  async clear() {
+    this.widget?.clear();
+  }
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async startMeasurement() {
+    this.widget?.startMeasurement();
+  }
+}
+t("arcgis-measurement", h);
+export {
+  h as ArcgisMeasurement
+};

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

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

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

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