@arcgis/map-components 4.32.0-next.74 → 4.32.0-next.76

package/dist/components/arcgis-feature-table/customElement.js

@@ -9,7 +9,7 @@ import { css as c } 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.74
+ * v4.32.0-next.76
 */
 const u = c`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
 class b extends g {

package/dist/components/arcgis-feature-templates/customElement.js

@@ -8,7 +8,7 @@ import { css as h } 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.74
+ * v4.32.0-next.76
 */
 const n = h`arcgis-feature-templates{display:block}`, d = s(e);
 class c extends o {

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

@@ -8,7 +8,7 @@ import { css as l } 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.74
+ * v4.32.0-next.76
 */
 const c = l`arcgis-features{display:block}`, g = o(a);
 class u extends r {

package/dist/components/arcgis-floor-filter/customElement.js

@@ -6,7 +6,7 @@ import { css as r } 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.74
+ * v4.32.0-next.76
 */
 const h = r`arcgis-floor-filter{display:block}`, n = s(i);
 class d extends o {

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

@@ -10,7 +10,7 @@ import { css as b } 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.74
+ * v4.32.0-next.76
 */
 const y = b`arcgis-fullscreen{display:block}`, v = {
   base: "esri-fullscreen"

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

@@ -7,7 +7,7 @@ import { css as n } 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.74
+ * v4.32.0-next.76
 */
 const h = n`arcgis-histogram{display:block}`, d = e(i);
 class m extends a {

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -7,7 +7,7 @@ import { css as d } 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.74
+ * v4.32.0-next.76
 */
 const h = d`arcgis-histogram-range-slider{display:block}`, l = a(e);
 class g extends r {

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

@@ -17,16 +17,7 @@ declare const useHomeViewModel: (component: import('@arcgis/components-controlle
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.
-    /**
-     * Provides a simple widget that switches the esri/views/View to its
-     * initial esri/Viewpoint or a previously defined `viewpoint`.
-     *
-     * @since 4.0
-     */
-    /** [Home](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home.html) enables switching the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to its initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html) or a previously defined viewpoint.
-     */
-    UIPosition;
+    position: __esri.UIPosition;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;

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

@@ -1,37 +1,36 @@
-import { c as r } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
+import { c as l } from "../../chunks/runtime.js";
+import { html as o } from "lit-html";
 import { g as i } from "../../chunks/globalCss.js";
-import { classes as c } from "@arcgis/components-utils";
-import { usePropertyChange as l } from "@arcgis/components-controllers";
+import { classes as n } from "@arcgis/components-utils";
+import { usePropertyChange as c } from "@arcgis/components-controllers";
 import { newWidgetsHomeHomeViewModel as m } from "@arcgis/core-adapter";
 import { u as d, m as h } from "../../chunks/useViewModel.js";
-import { LitElement as g, createEvent as p, noShadowRoot as u, safeClassMap as a, nothing as v } from "@arcgis/lumina";
-import { createRef as w, ref as f } from "lit-html/directives/ref.js";
-import { reEmitEvent as b } from "@arcgis/components-controllers/accessor";
-import { css as M } from "@lit/reactive-element/css-tag.js";
+import { LitElement as g, createEvent as p, noShadowRoot as v, safeClassMap as a, nothing as w } from "@arcgis/lumina";
+import { reEmitEvent as u } from "@arcgis/components-controllers/accessor";
+import { css as f } 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.74
+ * v4.32.0-next.76
 */
-const y = M`arcgis-home{display:block}`, $ = {
+const b = f`arcgis-home{display:block}`, y = {
   base: "esri-home"
-}, _ = h(m);
-class B extends g {
+}, M = h(m);
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = d(), this.viewModel = _(this), this._calciteButton = w(), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = b(() => this.viewModel, "go"), this.arcgisPropertyChange = l()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = d(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = u(() => this.viewModel, "go"), this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, goToOverride: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3, viewpoint: 0 };
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = v;
   }
   static {
-    this.styles = y;
+    this.styles = b;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /**
    * This function provides the ability to interrupt and cancel the process
    * of navigating the view back to the view's initial extent.
@@ -50,38 +49,22 @@ class B extends g {
    * value of `viewpoint`
    */
   async go() {
-    return this.viewModel.go();
+    this.viewModel.go();
   }
-  // #endregion
-  // #region Lifecycle
-  /**
-   * Workaround for https://github.com/Esri/calcite-design-system/issues/10076
-   */
-  updated() {
-    if (!this._calciteButton.value)
-      return;
-    if (this.viewModel?.state === "going-home") {
-      if (!this._calciteButton.value.children[0]) {
-        const t = document.createElement("calcite-loader");
-        t.inline = !0, t.label = "", this._calciteButton.value.append(t);
-      }
-    } else
-      this._calciteButton.value.children[0]?.remove();
-  }
-  // #endregion
-  // #region Private Methods
+  //#endregion
+  //#region Private Methods
   _go() {
     const { viewModel: e } = this;
     e.state === "going-home" ? e.cancelGo() : e.go();
   }
-  // #endregion
-  // #region Rendering
+  //#endregion
+  //#region Rendering
   render() {
-    const { messages: e, icon: s } = this, t = this.viewModel?.state, o = t === "going-home";
-    return n`<div class=${a(c($.base, i.widget))}><calcite-button class=${a(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${o ? void 0 : s ?? void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${o ? "s" : "m"} title=${(t === "going-home" ? e.cancel : e.title) ?? v} ${f(this._calciteButton)}></calcite-button></div>`;
+    const { messages: e, icon: r } = this, t = this.viewModel?.state, s = t === "going-home";
+    return o`<div class=${a(n(y.base, i.widget))}><calcite-button class=${a(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${s ? void 0 : r ?? void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${s ? "s" : "m"} title=${(t === "going-home" ? e.cancel : e.title) ?? w}>${s ? o`<calcite-loader inline label></calcite-loader>` : null}</calcite-button></div>`;
   }
 }
-r("arcgis-home", B);
+l("arcgis-home", $);
 export {
-  B as ArcgisHome
+  $ as ArcgisHome
 };

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

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

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

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

package/dist/components/arcgis-layer-list/customElement.d.ts

@@ -10,7 +10,7 @@ declare const useLayerListWidget: (component: import('@arcgis/components-control
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.LayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterText" | "listItemCreatedFunction" | "minDragEnabledItems" | "minFilterItems" | "selectedItems" | "selectionMode" | "catalogOptions" | "knowledgeGraphOptions" | "openedLayers" | "visibilityAppearance"> & {
+} & Pick<__esri.LayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterPredicate" | "filterText" | "listItemCreatedFunction" | "minDragEnabledItems" | "minFilterItems" | "selectedItems" | "selectionMode" | "catalogOptions" | "knowledgeGraphOptions" | "openedLayers" | "visibilityAppearance"> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.LayerListViewModel | undefined;
@@ -50,6 +50,7 @@ export declare class ArcgisLayerList extends LitElement {
     collapsed: boolean;
     dragEnabled: boolean;
     filterPlaceholder: string;
+    filterPredicate: __esri.LayerListFilterPredicate;
     filterText: string;
     headingLevel: number;
     hideCatalogLayerList: boolean | undefined;

package/dist/components/arcgis-layer-list/customElement.js

@@ -1,22 +1,22 @@
 import { c as i } from "../../chunks/runtime.js";
 import { newWidgetsLayerList as s } from "@arcgis/core-adapter";
-import { usePropertyChange as o } from "@arcgis/components-controllers";
-import { m as a } from "../../chunks/useWidget.js";
+import { usePropertyChange as a } from "@arcgis/components-controllers";
+import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
-import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { reEmitEvent as d } from "@arcgis/components-controllers/accessor";
+import { css as n } 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.74
+ * v4.32.0-next.76
 */
-const g = d`arcgis-layer-list{display:block}`, c = a(s);
-class m extends r {
+const g = n`arcgis-layer-list{display:block}`, c = o(s);
+class w extends r {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = o()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = n(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = a()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = d(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
+    this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
   }
   static {
     this.shadowRootOptions = h;
@@ -46,7 +46,7 @@ class m extends r {
     this.widget?.triggerAction(t, e);
   }
 }
-i("arcgis-layer-list", m);
+i("arcgis-layer-list", w);
 export {
-  m as ArcgisLayerList
+  w as ArcgisLayerList
 };

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

@@ -7,7 +7,7 @@ import { css as n } 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.74
+ * v4.32.0-next.76
 */
 const d = n`arcgis-legend{display:block}`, h = s(t);
 class l extends r {

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -7,7 +7,7 @@ import { css as n } 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.74
+ * v4.32.0-next.76
 */
 const l = n`arcgis-line-of-sight{display:block}`, h = e(s);
 class c extends o {

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

@@ -25,10 +25,7 @@ declare const useLocateViewModel: (component: import('@arcgis/components-control
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.
-        /** [Locate](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Locate.html) animates the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to the user's current location.
-         */
-        MapView | __esri.SceneView | undefined;
+        view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;

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

@@ -1,26 +1,25 @@
 import { c as m } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import { g as l } from "../../chunks/globalCss.js";
+import { html as t } from "lit-html";
+import { g as c } from "../../chunks/globalCss.js";
 import { l as g } from "../../chunks/legacyIcon.js";
 import { u, m as v } from "../../chunks/useViewModel.js";
 import { classes as f } from "@arcgis/components-utils";
 import { usePropertyChange as w } from "@arcgis/components-controllers";
 import { newWidgetsLocateLocateViewModel as E } from "@arcgis/core-adapter";
-import { LitElement as M, createEvent as b, noShadowRoot as y, safeClassMap as r, nothing as L } from "@arcgis/lumina";
-import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
-import { createRef as $, ref as _ } from "lit-html/directives/ref.js";
-import { css as D } from "@lit/reactive-element/css-tag.js";
+import { LitElement as b, createEvent as M, noShadowRoot as y, safeClassMap as l, nothing as $ } from "@arcgis/lumina";
+import { reEmitEvent as r } from "@arcgis/components-controllers/accessor";
+import { css as L } 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.74
+ * v4.32.0-next.76
 */
-const O = D`arcgis-locate{display:block}`, T = {
+const D = L`arcgis-locate{display:block}`, O = {
   base: "esri-locate"
-}, d = "gps-off", B = v(E);
-class I extends M {
+}, n = "gps-off", T = v(E);
+class I extends b {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = B(this), this._calciteButton = $(), 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 = d, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = n(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = w()("state"), this.arcgisReady = b(), this.arcgisSuccess = n(() => this.viewModel, "locate");
+    super(...arguments), this.messages = u(), this.viewModel = T(this), 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 = n, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = r(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = w()("state"), this.arcgisReady = M(), this.arcgisSuccess = r(() => this.viewModel, "locate");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, geolocationOptions: 1, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 3, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
@@ -29,7 +28,7 @@ class I extends M {
     this.shadowRootOptions = y;
   }
   static {
-    this.styles = O;
+    this.styles = D;
   }
   // #endregion
   // #region Public Methods
@@ -48,22 +47,6 @@ class I extends M {
     return await this.viewModel.locate();
   }
   // #endregion
-  // #region Lifecycle
-  /**
-   * Workaround for https://github.com/Esri/calcite-design-system/issues/10076
-   */
-  updated() {
-    if (!this._calciteButton.value)
-      return;
-    if (this.viewModel.state === "locating") {
-      if (!this._calciteButton.value.children[0]) {
-        const t = document.createElement("calcite-loader");
-        t.inline = !0, t.label = "", this._calciteButton.value.append(t);
-      }
-    } else
-      this._calciteButton.value.children[0]?.remove();
-  }
-  // #endregion
   // #region Private Methods
   _localizeError(e) {
     if (e instanceof GeolocationPositionError)
@@ -79,8 +62,8 @@ class I extends M {
   // #endregion
   // #region Rendering
   render() {
-    const { viewModel: e, icon: t } = this, { state: o } = e, s = o === "locating", a = s ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = g === void 0 ? d : void 0, c = this._localizeError(this.viewModel?.error);
-    return i`<div class=${r(f(T.base, l.widget))}>${!h && i`<calcite-button class=${r(l.widgetButton)} .disabled=${o === "disabled"} .iconStart=${s ? void 0 : t ?? p} kind=neutral .label=${a} @click=${this._locate} title=${a ?? L} ${_(this._calciteButton)}></calcite-button>` || ""}${c ? i`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${c}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: e, icon: d } = this, { state: o } = e, i = o === "locating", s = i ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = g === void 0 ? n : void 0, a = this._localizeError(this.viewModel?.error);
+    return t`<div class=${l(f(O.base, c.widget))}>${!h && t`<calcite-button class=${l(c.widgetButton)} .disabled=${o === "disabled"} .iconStart=${i ? void 0 : d ?? p} kind=neutral .label=${s} @click=${this._locate} title=${s ?? $}>${i ? t`<calcite-loader inline label></calcite-loader>` : null}</calcite-button>` || ""}${a ? t`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${a}</calcite-tooltip>` : null}</div>`;
   }
 }
 m("arcgis-locate", I);

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

@@ -1,3 +1,4 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -1,3 +1,4 @@
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -8,7 +8,7 @@ import { css as y } 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.74
+ * v4.32.0-next.76
 */
 const f = y`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, V = h(
   v,

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

@@ -7,7 +7,7 @@ import { css as n } 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.74
+ * v4.32.0-next.76
 */
 const c = n`arcgis-measurement{display:block}`, h = s(e);
 class l extends a {

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

@@ -7,7 +7,7 @@ import { css as g } 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.74
+ * v4.32.0-next.76
 */
 const l = g`arcgis-navigation-toggle{display:block}`, n = s(i);
 class h extends o {

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

@@ -7,7 +7,7 @@ import { css as h } 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.74
+ * v4.32.0-next.76
 */
 const m = h`arcgis-oriented-imagery-viewer{display:block}`, y = d(o);
 class c extends n {

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

@@ -5,18 +5,18 @@ import { css as c } 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.74
+ * v4.32.0-next.76
 */
 const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}`;
 class a extends r {
-  // #endregion
-  // #region Lifecycle
+  //#endregion
+  //#region Lifecycle
   constructor() {
-    super(), this._observer = void 0, this.position = "bottom-left", this.arcgisReady = o(), this._moveChildren = () => {
+    super(), this._observer = void 0, this._moveChildren = () => {
       if (this.el.childElem.parentElement !== this.el)
         for (let e = this.el.firstElementChild; e !== null; e = this.el.firstElementChild)
           this.el.childElem.append(e);
-    }, this.el.childElem = document.createElement("div"), this.el.childElem.classList.add("arcgis-placement__container"), this.listen("arcgisReady", this._startObserving, { once: !0 });
+    }, this.position = "bottom-left", this.arcgisReady = o(), this.el.childElem = document.createElement("div"), this.el.childElem.classList.add("arcgis-placement__container"), this.listen("arcgisReady", this._startObserving, { once: !0 });
   }
   static {
     this.properties = { position: 1, referenceElement: 1 };
@@ -39,8 +39,8 @@ class a extends r {
   disconnectedCallback() {
     super.disconnectedCallback(), this.el.childElem && this.el.view?.ui?.remove(this.el.childElem), this._observer?.disconnect();
   }
-  // #endregion
-  // #region Private Methods
+  //#endregion
+  //#region Private Methods
   /**
    * We only call this method once the view property is set. Because when that
    * happens, the childElem contains is already attached to it's final

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

@@ -8,7 +8,7 @@ import { css as h } 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.74
+ * v4.32.0-next.76
 */
 const d = h`arcgis-print{display:block}`, m = o(s);
 class p extends a {

package/dist/components/arcgis-scale-bar/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as R, createEvent as D, noShadowRoot as x, safeClassMap as r
 /*!
  * 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.74
+ * v4.32.0-next.76
 */
 const i = "esri-scale-bar", t = {
   base: i,

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -7,7 +7,7 @@ import { css as o } 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.74
+ * v4.32.0-next.76
 */
 const c = o`arcgis-scale-range-slider{display:block}`, r = s(i);
 class d extends a {

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

@@ -8,7 +8,7 @@ import { css as y } 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.74
+ * v4.32.0-next.76
 */
 const f = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, _ = o(v, {}), b = o(l, {});
 class V extends p {

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

@@ -8,7 +8,7 @@ import { css as o } 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.74
+ * v4.32.0-next.76
 */
 const g = o`arcgis-search{display:block}`, d = r(a);
 class u extends h {

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -7,7 +7,7 @@ import { css as n } 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.74
+ * v4.32.0-next.76
 */
 const r = n`arcgis-shadow-cast{display:block}`, l = o(e);
 class c extends a {

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

@@ -8,7 +8,7 @@ import { css as g } 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.74
+ * v4.32.0-next.76
 */
 const p = g`arcgis-sketch{display:block}`, c = n(l);
 class m extends h {

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

@@ -7,7 +7,7 @@ import { css as r } 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.74
+ * v4.32.0-next.76
 */
 const d = r`arcgis-slice{display:block}`, h = i(t);
 class c extends a {

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

@@ -8,7 +8,7 @@ import { css as m } 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.74
+ * v4.32.0-next.76
 */
 const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = a(s);
 class d extends h {