@arcgis/map-components 4.34.0-next.132 → 4.34.0-next.134

package/dist/components/arcgis-link-chart/customElement.js

@@ -1,20 +1,20 @@
-import { c as p } from "../../chunks/runtime.js";
+import { c } from "../../chunks/runtime.js";
 import { html as a } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/views/LinkChartView.js";
-import l from "@arcgis/core/WebLinkChart.js";
+import l from "@arcgis/core/views/LinkChartView.js";
+import v from "@arcgis/core/WebLinkChart.js";
 import { LitElement as m, createEvent as r, safeClassMap as h } from "@arcgis/lumina";
-import { useDirection as g } from "@arcgis/lumina/controllers";
-import { makeAccessorController as c, reEmitEvent as e, reCreateAccessor as d } from "@arcgis/lumina/controllers/accessor";
+import { makeAccessorController as p, reEmitEvent as e, reCreateAccessor as g } from "@arcgis/lumina/controllers/accessor";
 import { createRef as n, ref as o } from "lit/directives/ref.js";
-import { s as y } from "../../chunks/esri-main.js";
-import { s as u, C as w, a as f } from "../../chunks/slots.js";
-import { c as V, i as b } from "../../chunks/component-utils.js";
+import { s as d } from "../../chunks/esri-main.js";
+import { s as y, C as w } from "../../chunks/slots.js";
+import { c as u, i as f } from "../../chunks/component-utils.js";
+import { U as V } from "../../chunks/uiController.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.132 */
-const C = c(
-  l,
+v4.34.0-next.134 */
+const b = p(
+  v,
   /**
    * 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
@@ -24,10 +24,10 @@ const C = c(
    * in an externalized package.
    */
   {}
-), k = c(v, {});
-class E extends m {
+), C = p(l, {});
+class k extends m {
   constructor() {
-    super(), this._containerRef = n(), this._direction = g(), this._mapRef = n(), this._map = C(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, 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.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.view.ui = {
+    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new V(this), this._map = b(this), this.view = C(this), this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, 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.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.view.ui = {
       components: ["attribution"]
     };
   }
@@ -35,13 +35,13 @@ class E extends m {
     this.properties = { _map: 16, view: 32, allLayerViews: 0, analyses: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 4, viewpoint: 0, zoom: 9 };
   }
   static {
-    this.styles = [y, u];
+    this.styles = [d, y];
   }
   get center() {
     return this.view.center;
   }
   set center(i) {
-    const t = V(i, this.view);
+    const t = u(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -66,7 +66,7 @@ class E extends m {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    d(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    g(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -84,7 +84,7 @@ class E extends m {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    b(this.viewpoint, i) && (this.view.viewpoint = i);
+    f(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -99,6 +99,10 @@ class E extends m {
     this.map?.addMany(i, t);
   }
   async closePopup() {
+    if (this.popupDisabled) {
+      this._uiController.closePopup();
+      return;
+    }
     this.view.closePopup();
   }
   async destroy() {
@@ -108,6 +112,10 @@ class E extends m {
     return await this.view.goTo(i, t);
   }
   async openPopup(i) {
+    if (this.popupDisabled) {
+      this._uiController.openPopup(i);
+      return;
+    }
     await this.view.openPopup(i);
   }
   toMap(i) {
@@ -142,10 +150,10 @@ class E extends m {
     return a`<div class=${h(w.base)} ${o(this._mapRef)}></div>`;
   }
   render() {
-    return a`<section class=${h(w.containerUI)} ${o(this._containerRef)}>${f(this._direction)}</section>${this.renderMain()}`;
+    return a`<section class=${h(w.containerUI)} ${o(this._containerRef)}>${this._uiController.render()}</section>${this.renderMain()}`;
   }
 }
-p("arcgis-link-chart", E);
+c("arcgis-link-chart", k);
 export {
-  E as ArcgisLinkChart
+  k as ArcgisLinkChart
 };

package/dist/components/arcgis-link-chart-layout-switcher/customElement.d.ts

@@ -28,24 +28,101 @@ declare const useLinkChartLayoutSwitcherViewModel: (component: LitElement & Pick
  * @since 4.32
  */
 export declare class ArcgisLinkChartLayoutSwitcher 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 ArcgisLinkChartLayoutSwitcher component will be associated with a map or scene component rather than using the `view` property.
+     */
     view?: __esri.LinkChartView | nullish;
+    /**
+     * The appearance of the layout switcher. `dropdown` displays a button that is clicked to reveal a dropdown menu, while `menu-bar` displays a menu bar.
+     *
+     * @since 4.33
+     * @default "dropdown"
+     */
     appearance: "dropdown" | "menu-bar";
+    /**
+     * 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://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart-layout-switcher/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
     autoDestroyDisabled: boolean;
+    /**
+     * When `true`, the layout menu will not close when a layout is selected. Only applicable when `appearance` is `dropdown`.
+     *
+     * @since 4.33
+     * @default false
+     */
     closeOnSelectDisabled: boolean;
+    /**
+     * Icon displayed in the component's button, when `appearance` is `dropdown`.
+     *
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "nodes-link"
+     */
     icon?: string;
+    /** The component's default label. */
     label?: string;
+    /**
+     * The current selected link chart layout.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LinkChartLayoutSwitcher-LinkChartLayoutSwitcherViewModel.html#layout)
+     *
+     * @default "organic-standard"
+     */
     readonly layout: DiagramLayoutType;
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this.messages._overrides;
+    /** @deprecated since 4.34, use `slot` instead. */
     position?: __esri.UIPosition;
+    /**
+     * Prevents extent from updating on changes to the layout.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LinkChartLayoutSwitcher-LinkChartLayoutSwitcherViewModel.html#preventExtentUpdate)
+     *
+     * @default false
+     */
     preventExtentUpdate: 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 also:
+     * - [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
+    /**
+     * The current state of the component.
+     *
+     * @default "loading"
+     */
     readonly state: "ready" | "loading" | "disabled";
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Switches the layout of the link chart to the value provided. */
     switchLayout(newLayout: "basic-grid" | "chronological-mono-timeline" | "chronological-multi-timeline" | "geographic-organic-standard" | "hierarchical-bottom-to-top" | "organic-community" | "organic-standard" | "radial-root-centric" | "tree-left-to-right"): Promise<void>;
+    /**
+     * Fires when component has completed the layout switch
+     *
+     * @example
+     * ```js
+     * layoutswitcher.addEventListener("arcgisSwitchLayout", (event) => {
+     *   console.log("Layout Switched");
+     * });
+     * ```
+     */
     readonly arcgisSwitchLayout: TargetedEvent<this, __esri.LinkChartLayoutSwitcherViewModelSwitchLayoutEvent>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private messages: Partial<{
         layoutOptions: string;

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -8,7 +8,7 @@ import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
 import { LitElement as y, createEvent as w, safeClassMap as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.132 */
+v4.34.0-next.134 */
 const v = h``, c = {
   basicLayoutCategory: [
     "basic-grid"

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

@@ -18,29 +18,82 @@ declare const useLocateViewModel: (component: LitElement & Pick<LocateViewModel,
  * @since 4.28
  */
 export declare class ArcgisLocate 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 ArcgisLocate component will be associated with a map or scene component rather than using the `view` property.
+     */
     view?: __esri.MapView | __esri.SceneView | undefined;
+    /**
+     * 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://developers.arcgis.com/javascript/latest/references/map-components/arcgis-locate/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
     autoDestroyDisabled: boolean;
     geolocationOptions: PositionOptions | undefined;
+    /**
+     * Indicates whether to navigate the view to the position and scale of the geolocated result.
+     *
+     * @default false
+     */
     goToLocationDisabled: boolean;
     goToOverride: __esri.GoToOverride | undefined;
+    /** The graphic used to show the user's location on the map. */
     graphic: __esri.Graphic;
+    /**
+     * 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://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "gps-off"
+     */
     icon?: string | undefined;
+    /** The component's default label. */
     label?: string;
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this.messages._overrides;
+    /** @default false */
     popupDisabled: boolean;
+    /** @deprecated since 4.34, use `slot` instead. */
     position?: __esri.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://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
+    /**
+     * Indicates the scale to set on the view when navigating to the position of the geolocated
+     * result, after a location is returned from the [track](#event-track) event.
+     *
+     * @default null
+     */
     scale: number | undefined;
+    /** The current state of the component. */
     state: "ready" | "disabled" | "error" | "feature-unsupported" | "locating";
+    /**
+     * This function provides the ability to interrupt and cancel the process of
+     * programmatically obtaining the location of the user's device.
+     */
     cancelLocate(): Promise<void>;
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
     locate(): Promise<GeolocationPosition | null>;
     readonly arcgisError: TargetedEvent<this, {
         error: GeolocationPositionError;
     }>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     readonly arcgisSuccess: TargetedEvent<this, {
         position: GeolocationPosition;

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

@@ -27,7 +27,7 @@ import ie from "@arcgis/core/rest/support/ProjectParameters.js";
 import { g as re } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.132 */
+v4.34.0-next.134 */
 const ae = G`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:1.3em;display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`;
 let E = !1;
 const se = {