@arcgis/map-components 5.2.0-next.11 → 5.2.0-next.110

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

@@ -1,23 +1,23 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
 import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/views/LinkChartView.js";
 import b from "@arcgis/core/WebLinkChart.js";
-import { LitElement as V, createEvent as c, safeClassMap as w } from "@arcgis/lumina";
-import { reCreateAccessor as A, reEmitEvent as e, makeAccessorController as f } from "@arcgis/lumina/controllers/accessor";
-import { createRef as v, ref as m } from "lit/directives/ref.js";
+import { LitElement as V, createEvent as p, safeClassMap as w } from "@arcgis/lumina";
+import { makeAccessorController as f, reEmitEvent as e, reCreateAccessor as A } from "@arcgis/lumina/controllers/accessor";
+import { createRef as m, ref as v } from "lit/directives/ref.js";
 import { s as I } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
 import { C as u } from "../../chunks/resources.js";
-import { p as L, i as k } from "../../chunks/component-utils.js";
-import { U as M, u as R, a as U } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as D } from "@arcgis/core/rest/knowledgeGraphService.js";
-import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
+import { b as L, c as M, p as k, i as R } from "../../chunks/component-utils.js";
+import { U, u as D, a as x, b as Q } from "../../chunks/useArcgisViewReadyError.js";
+import { fetchKnowledgeGraph as P } from "@arcgis/core/rest/knowledgeGraphService.js";
+import z from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
 import { t as d } from "../../chunks/async-utils.js";
 import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
 import { html as y } from "lit";
-import Q from "@arcgis/core/layers/LinkChartLayer.js";
-const P = f(
+import Z from "@arcgis/core/layers/LinkChartLayer.js";
+const F = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -28,10 +28,10 @@ const P = f(
    * in an externalized package.
    */
   {}
-), z = f(_, {});
-class Z extends V {
+), G = f(_, {});
+class S extends V {
   constructor() {
-    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._activeLoadAbortController = null, this.arcgisLoadError = R(this), this.arcgisViewReadyError = U(this), this._map = P(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, 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.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.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, 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 = c(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), 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 = c(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = m(), this._mapRef = m(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = x(this), this._map = F(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = G(this), this.animationsDisabled = this.view.animationsEnabled, 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.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, 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.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.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, 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 = p(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), 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 = p(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), Q(this), this.view.ui = {
       components: []
     };
   }
@@ -50,11 +50,20 @@ class Z extends V {
   get attributionItems() {
     return this.view?.attributionItems ?? [];
   }
+  get attributionMode() {
+    return this._attributionMode;
+  }
+  set attributionMode(i) {
+    this._attributionMode = i, i !== "auto" && (this.view.attributionMode = i);
+  }
   get center() {
     return this.view.center;
   }
   set center(i) {
-    const t = L(i, this.view);
+    if (L(i, this._center))
+      return;
+    this._center = M(i);
+    const t = k(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -118,7 +127,7 @@ class Z extends V {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    k(this.viewpoint, i) && (this.view.viewpoint = i);
+    R(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -129,12 +138,12 @@ class Z extends V {
   async closePopup() {
     this._uiController.closePopup();
   }
-  async fetchPopupFeatures(i, t) {
-    return this.view.fetchPopupFeatures(i, t);
-  }
   async destroy() {
     await this.manager.destroy();
   }
+  async fetchPopupFeatures(i, t) {
+    return this.view.fetchPopupFeatures(i, t);
+  }
   async goTo(i, t) {
     return await this.view.goTo(i, t);
   }
@@ -165,19 +174,6 @@ class Z extends V {
   async zoomOut() {
     this.view.zoomOut();
   }
-  loaded() {
-    const i = this;
-    i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
-      n(() => this.map, (t) => {
-        t && s.setLocalPrivateMap(this, t);
-      }, { initial: !0, sync: !0 }),
-      n(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
-      n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
-      n(() => this.view.attributionHeight, (t) => {
-        this._uiController.handleAttributionHeightChange(t);
-      }, { initial: !0 })
-    ]);
-  }
   willUpdate(i) {
     const t = () => {
       this._activeLoadAbortController?.abort();
@@ -199,15 +195,15 @@ class Z extends V {
             });
             try {
               d(a.signal), h.add(o), this._setLinkChartAndZoom(h);
-            } catch (p) {
-              if (!g(p))
-                throw p;
+            } catch (c) {
+              if (!g(c))
+                throw c;
             }
           });
         } else if (this._baseCypherQuery && this._serviceUrl) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            s.WebLinkChart.fromCypherQuery(l, new x({
+            s.WebLinkChart.fromCypherQuery(l, new z({
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
@@ -223,22 +219,35 @@ class Z extends V {
         } else !this._serviceUrl && i.has("_serviceUrl") && (t(), s.setMap(this.view, null));
     }
   }
+  loaded() {
+    const i = this;
+    i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
+      n(() => this.map, (t) => {
+        t && s.setLocalPrivateMap(this, t);
+      }, { initial: !0, sync: !0 }),
+      n(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
+      n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
+      n(() => this.view.attributionHeight, (t) => {
+        this._uiController.handleAttributionHeightChange(t);
+      }, { initial: !0 })
+    ]);
+  }
   _setLinkChartAndZoom(i) {
     s.reCreateAccessor(this._map, this), s.setLocalPrivateMap(this, i), s.setMap(this.view, i), this._map && this.view.when(() => {
       i.diagramNodesExtent && this.view.goTo(i.diagramNodesExtent);
     });
   }
   renderMain() {
-    return y`<div class=${w(u.base)} ${m(this._mapRef)}></div>`;
+    return y`<div class=${w(u.base)} ${v(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
+    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${v(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await D(r),
+  fetchKnowledgeGraph: async (r) => await P(r),
   WebLinkChart: b,
-  LinkChartLayer: Q,
+  LinkChartLayer: Z,
   setMap: (r, i) => {
     r.map = i;
   },
@@ -253,8 +262,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", Z);
+C("arcgis-link-chart", S);
 export {
-  Z as ArcgisLinkChart,
+  S as ArcgisLinkChart,
   s as exportsForTests
 };

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

@@ -30,6 +30,15 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-link-chart-layout-switcher auto-destroy-disabled></arcgis-link-chart-layout-switcher>
+   * ```
+   *
+   * ```js
+   * linkChartLayoutSwitcherElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -131,8 +140,8 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
    */
   get state(): LinkChartLayoutSwitcherViewModelState;
   /**
-   * 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 arcgis-link-chart-layout-switcher component will be associated with a map or scene component rather than using the `view` property.
+   * 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 arcgis-link-chart-layout-switcher component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: LinkChartView | null | undefined;
   /** Permanently destroy the component. */
@@ -152,7 +161,7 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
-   * Fires when component has completed the layout switch
+   * Fires when the component has completed the layout switch.
    *
    * @example
    * ```js

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

@@ -1,8 +1,8 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
 import { html as i } from "lit";
-import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as d } from "@arcgis/lumina/controllers";
 import { m as g } from "../../chunks/useViewModel.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
@@ -47,10 +47,10 @@ const e = {
   [e.geographic]: "geographic",
   [e.chronologicalSingle]: "chronologicalSingle",
   [e.chronologicalMultiple]: "chronologicalMultiple"
-}, v = g(d);
+}, v = g(m);
 class L extends y {
   constructor() {
-    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
+    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = d()("state"), this.arcgisReady = w();
   }
   static {
     this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, preventExtentUpdate: 5, referenceElement: 1, state: 32 };
@@ -69,7 +69,7 @@ class L extends y {
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
+    return i`<calcite-action-bar scale=s floating overflow-mode=none>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
       this.switchLayout(a);
     }} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.d.ts

@@ -6,9 +6,11 @@ import type { State, NonspatialMode } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
- * The <link-chart-nonspatial-visibility-toggle> component is for use in link charts that allows users to switch whether or not nonspatial data is visible in the view.  Spatial entities are those with a value in a defined geometry property in a traditional map context.  A Spatial relationship is one where both endpoints are spatial
+ * The <link-chart-nonspatial-visibility-toggle> component is used in conjunction with link chart. The component toggles visibility of nonspatial data.
  *
- * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
+ * Note: Use the following credentials to sign in to the demo:
+ *   - Username: `viewer01`
+ *   - Password: `I68VGU^nMurF`
  *
  * @since 5.0
  */
@@ -21,6 +23,15 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-link-chart-nonspatial-visibility-toggle auto-destroy-disabled></arcgis-link-chart-nonspatial-visibility-toggle>
+   * ```
+   *
+   * ```js
+   * linkChartNonspatialVisibilityToggleElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   accessor icon: IconName | undefined;
@@ -48,8 +59,8 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
    */
   get state(): State;
   /**
-   * 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 arcgis-link-chart-nonspatial-visibility-toggle component will be associated with a map or scene component rather than using the `view` property.
+   * 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 arcgis-link-chart-nonspatial-visibility-toggle component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: LinkChartView | undefined;
   /**

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
 import { html as n } from "lit";
 import { usePropertyChange as r } from "@arcgis/lumina/controllers";

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

@@ -36,11 +36,20 @@ export abstract class ArcgisLocate extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-locate auto-destroy-disabled></arcgis-locate>
+   * ```
+   *
+   * ```js
+   * locateElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   accessor geolocationOptions: PositionOptions | undefined;
   /**
-   * Indicates whether to navigate the view to the position and scale of the geolocated result.
+   * Indicates whether navigation to the position and scale of the geolocated result is disabled.
    *
    * @default false
    */
@@ -145,8 +154,8 @@ export abstract class ArcgisLocate extends LitElement {
   /** The current state of the component. */
   get state(): State;
   /**
-   * 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 arcgis-locate component will be associated with a map or scene component rather than using the `view` property.
+   * 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 arcgis-locate component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | SceneView | undefined;
   /**

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

@@ -1,11 +1,11 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
 import { c as w } from "../../chunks/runtime.js";
 import { css as y, html as p } from "lit";
 import { usePropertyChange as E } from "@arcgis/lumina/controllers";
 import { classes as _ } from "@arcgis/toolkit/dom";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as C, createEvent as d, safeClassMap as m, nothing as P } from "@arcgis/lumina";
-import { u as M } from "../../chunks/useT9n.js";
+import { LitElement as C, createEvent as d, safeClassMap as m, nothing as M } from "@arcgis/lumina";
+import { u as P } from "../../chunks/useT9n.js";
 import { createRef as T, ref as O } from "lit/directives/ref.js";
 import { m as L } from "../../chunks/useViewModel.js";
 import { l as S } from "../../chunks/legacyIcon.js";
@@ -14,7 +14,7 @@ import f from "@arcgis/core/core/Error.js";
 import { onLocaleChange as D } from "@arcgis/core/intl.js";
 import N from "@arcgis/core/PopupTemplate.js";
 import x from "@arcgis/core/support/actions/ActionButton.js";
-import { i as G } from "../../chunks/async-utils.js";
+import { a as G } from "../../chunks/async-utils.js";
 import { G as I, g as A } from "../../chunks/GeolocationPositioning.js";
 import { g } from "../../chunks/globalCss.js";
 const B = y`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{width:fit-content;height:fit-content}`;
@@ -181,10 +181,10 @@ s([
 r = s([
   $("map-components.locate.LocateViewModel")
 ], r);
-const v = "gps-off", j = L(r);
-class k extends C {
+const j = r, v = "gps-off", k = L(j);
+class F extends C {
   constructor() {
-    super(), this.locateButtonElement = T(), this.messages = M(), this.viewModel = j(this), this.hideErrorTooltip = () => {
+    super(), this.locateButtonElement = T(), this.messages = P(), this.viewModel = k(this), this.hideErrorTooltip = () => {
       this.isErrorTooltipOpen = !1;
     }, this.isErrorTooltipOpen = !1, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = v, this.popupDisabled = this.viewModel.popupEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.visualScale = "m", this.arcgisError = d(), this.arcgisPropertyChange = E()("state"), this.arcgisReady = d(), this.arcgisSuccess = d(), this.listenOn(document, "click", this.hideErrorTooltip);
   }
@@ -226,10 +226,10 @@ class k extends C {
   }
   render() {
     const { viewModel: t, icon: o } = this, { state: a } = t, i = a === "locating", l = i ? this.messages.cancel : this.messages.title, n = a === "feature-unsupported", b = S === void 0 ? v : void 0, h = this._localizeError(this.viewModel?.error);
-    return p`<div class=${m(_("root", g.arcgisButton))}>${!n && p`<calcite-button class=${m(g.widgetButton)} .disabled=${a === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? b} kind=neutral .label=${l} @click=${this._locate} .scale=${this.visualScale} title=${l ?? P} ${O(this.locateButtonElement)}></calcite-button>` || ""}${h ? p`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
+    return p`<div class=${m(_("root", g.arcgisButton))}>${!n && p`<calcite-button class=${m(g.widgetButton)} .disabled=${a === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? b} kind=neutral .label=${l} @click=${this._locate} .scale=${this.visualScale} title=${l ?? M} ${O(this.locateButtonElement)}></calcite-button>` || ""}${h ? p`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
   }
 }
-w("arcgis-locate", k);
+w("arcgis-locate", F);
 export {
-  k as ArcgisLocate
+  F as ArcgisLocate
 };