@arcgis/map-components 5.1.0-next.90 → 5.1.0-next.91

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

@@ -1,435 +1,48 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as G } from "../../chunks/runtime.js";
-import { css as z, html as g } from "lit";
-import { usePropertyChange as F } from "@arcgis/lumina/controllers";
-import { classes as j } from "@arcgis/toolkit/dom";
-import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as k, createEvent as f, safeClassMap as w, nothing as Q } from "@arcgis/lumina";
-import { u as V } from "../../chunks/useT9n.js";
-import { createRef as H, ref as K } from "lit/directives/ref.js";
-import { m as B } from "../../chunks/useViewModel.js";
-import { l as J } from "../../chunks/legacyIcon.js";
-import { property as n, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
-import u from "@arcgis/core/core/Error.js";
-import { onLocaleChange as q } from "@arcgis/core/intl.js";
-import W from "@arcgis/core/PopupTemplate.js";
-import X from "@arcgis/core/support/actions/ActionButton.js";
-import { t as Z, i as M } from "../../chunks/async-utils.js";
-import Y from "@arcgis/core/core/Accessor.js";
-import T from "@arcgis/core/Graphic.js";
-import $ from "@arcgis/core/symbols/CIMSymbol.js";
-import ee from "@arcgis/core/geometry/Point.js";
-import * as b from "@arcgis/core/geometry/operators/projectOperator.js";
-import A from "@arcgis/core/config.js";
-import { geographicToWebMercator as te } from "@arcgis/core/geometry/support/webMercatorUtils.js";
-import oe from "@arcgis/core/portal/Portal.js";
-import { project as ie } from "@arcgis/core/rest/geometryService.js";
-import re from "@arcgis/core/rest/support/ProjectParameters.js";
-import { log as O } from "@arcgis/toolkit/log";
-import { g as P } from "../../chunks/globalCss.js";
-const ae = z`.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);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}`;
-let E = !1;
-const se = {
-  maximumAge: 0,
-  timeout: 15e3,
-  enableHighAccuracy: !0
+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 { 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";
+import { property as c, subclass as $ } from "@arcgis/core/core/accessorSupport/decorators.js";
+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 { 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}`;
+var z = Object.defineProperty, V = Object.getOwnPropertyDescriptor, s = (e, t, o, a) => {
+  for (var i = a > 1 ? void 0 : a ? V(t, o) : t, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (i = (a ? n(t, o, i) : n(i)) || i);
+  return a && i && z(t, o, i), i;
 };
-function ne(t) {
-  const e = "geolocation" in navigator;
-  return e || O("warn", t, "Geolocation is not supported by this browser."), e;
-}
-function ce(t) {
-  const e = window.isSecureContext;
-  return e || E || (E = !0, O("warn", t, "Geolocation requires a secure origin.")), e;
-}
-function le(t) {
-  return ne(t) && ce(t);
-}
-function pe(t) {
-  return t ??= se, new Promise((o, r) => {
-    setTimeout(
-      () => r(new u("geolocation:timeout", "getting the current geolocation position timed out")),
-      t?.timeout ?? 15e3
-    ), navigator.geolocation.getCurrentPosition(o, r, t ?? void 0);
-  });
-}
-function de(t, e) {
-  const { position: o, view: r } = t, a = ue(o)?.coords;
-  if (!a)
-    throw new u("geometry-service:no-coords", "Geolocation has no coordinates");
-  const s = he(a);
-  return me(s, r, e);
-}
-function ue(t) {
-  const e = t?.coords || {}, o = {
-    accuracy: e.accuracy,
-    altitude: e.altitude,
-    altitudeAccuracy: e.altitudeAccuracy,
-    heading: e.heading,
-    latitude: e.latitude,
-    longitude: e.longitude,
-    speed: e.speed,
-    toJSON() {
-      return {};
-    }
-  };
-  return t && {
-    coords: o,
-    timestamp: t.timestamp,
-    toJSON() {
-      return {};
-    }
-  };
-}
-function he({ longitude: t, latitude: e, altitude: o }) {
-  return new ee({
-    longitude: t,
-    latitude: e,
-    z: o || void 0,
-    spatialReference: {
-      wkid: 4326
-    }
-  });
-}
-async function me(t, e, o) {
-  if (!e)
-    return await Promise.resolve(t);
-  const r = e.spatialReference;
-  return r.isWGS84 ? await Promise.resolve(t) : r.isWebMercator ? await Promise.resolve(te(t)) : b.isLoaded() ? await Promise.resolve(b.execute(t, r)) : await ge(o).then(async (i) => {
-    if (!i)
-      throw new u("geometry-service:missing-url", "Geometry service URL is missing");
-    const a = new re({
-      geometries: [t],
-      outSpatialReference: r
-    });
-    return (await ie(i, a, o))[0];
-  });
-}
-async function ge(t) {
-  if (A.geometryServiceUrl)
-    return await Promise.resolve(A.geometryServiceUrl);
-  const e = oe.getDefault();
-  try {
-    await e.load(t);
-  } catch {
-  }
-  return e.helperServices?.geometry?.url;
-}
-var fe = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, p = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ye(e, o) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = (r ? s(e, o, i) : s(i)) || i);
-  return r && i && fe(e, o, i), i;
-};
-const ve = 2500;
-function L(t) {
-  const e = {
-    type: "CIMVectorMarker",
-    enable: !0,
-    anchorPoint: {
-      x: 0,
-      y: 0
-    },
-    anchorPointUnits: "Relative",
-    dominantSizeAxis3D: "Y",
-    size: t === "background" ? 16 : 14,
-    billboardMode3D: "FaceNearPlane",
-    frame: {
-      xmin: 0,
-      ymin: 0,
-      xmax: 17,
-      ymax: 17
-    },
-    markerGraphics: [
-      {
-        type: "CIMMarkerGraphic",
-        geometry: {
-          rings: [
-            [
-              [8.5, 0],
-              [7.02, 0.13],
-              [5.59, 0.51],
-              [4.25, 1.14],
-              [3.04, 1.99],
-              [1.99, 3.04],
-              [1.14, 4.25],
-              [0.51, 5.59],
-              [0.13, 7.02],
-              [0, 8.5],
-              [0.13, 9.98],
-              [0.51, 11.41],
-              [1.14, 12.75],
-              [1.99, 13.96],
-              [3.04, 15.01],
-              [4.25, 15.86],
-              [5.59, 16.49],
-              [7.02, 16.87],
-              [8.5, 17],
-              [9.98, 16.87],
-              [11.41, 16.49],
-              [12.75, 15.86],
-              [13.96, 15.01],
-              [15.01, 13.96],
-              [15.86, 12.75],
-              [16.49, 11.41],
-              [16.87, 9.98],
-              [17, 8.5],
-              [16.87, 7.02],
-              [16.49, 5.59],
-              [15.86, 4.25],
-              [15.01, 3.04],
-              [13.96, 1.99],
-              [12.75, 1.14],
-              [11.41, 0.51],
-              [9.98, 0.13],
-              [8.5, 0]
-            ]
-          ]
-        },
-        symbol: {
-          type: "CIMPolygonSymbol",
-          symbolLayers: [
-            {
-              type: "CIMSolidStroke",
-              enable: !0,
-              capStyle: "Round",
-              joinStyle: "Round",
-              lineStyle3D: "Strip",
-              miterLimit: 10,
-              width: t === "background" ? 0 : 2,
-              color: [255, 255, 255, 255]
-            },
-            {
-              type: "CIMSolidFill",
-              enable: !0,
-              color: t === "background" ? [0, 0, 0, 66] : [0, 122, 194, 255]
-            }
-          ]
-        }
-      }
-    ],
-    scaleSymbolsProportionally: !0,
-    respectFrame: !0
-  };
-  return t === "background" && (e.offsetX = 0, e.offsetY = -1), e;
-}
-const N = {
-  type: "CIMPictureMarker",
-  primitiveName: "headingOverride",
-  enable: !0,
-  anchorPoint: {
-    x: 0,
-    y: -0.5
-  },
-  anchorPointUnits: "Relative",
-  dominantSizeAxis3D: "Y",
-  size: 36,
-  billboardMode3D: "FaceNearPlane",
-  invertBackfaceTexture: !0,
-  scaleX: 1,
-  textureFilter: "Picture",
-  url: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYaSURBVHgBvVfNb1VFFD/nzP16xRYJKYREEiJoDLLShQkrSNzoHv8I2QgxwY8FJWHhxoVxISEu2AordWNiQjAxEBeEsKAmhCCwkPDRAn1t33v33jnH37n3Fam0pa8kTjOde+/MnN/5+J0z85jW08yYTpxgfzx0bS+fO0R0YHqyeb9w7YEtLTv+9rSdOH7ciNleJJJX/Do1JQ3AltdlT35fiN6gG8kD8akdmzO+6w/zM7wdw725rUY78DBXtmATA6PZntFgm9Kjm6o/HFJpdi5Xhp+16sDBC+H+gUmZfjIXHKC+35U42ZHZfpe30BZS7okNFnhu8wTRk2ek5LEV2q+N8nEj6yuNVRjHddftrt4ahyJbOxF+Uppi/Rf47NlA05Pp9vkyRNkkD8sqUJHwOGfSpYFQFXhTJryQBaZSeAxbFus+U1K0gJm2oy3QKwuZzqeuSK5kpW6BEsE6+nCsAHDXQWuaOljzU8uP/ToxUW4KcwKg8QzOSdFL6Swm0hurAC7N2qIW7ncwNgYKF4la3/w7RnzrUK29KseXWqmTKXGl45Zrd9CLrsSjr96fcw4kS46mTsJznSTrVBR6VQJQdDbpZTWexxgCYCFz30cquD8oYVQgtUAUzfo8wGtqGoNRFmFZ1KKulJMQu3Vpm/I8Pup3ekvES57GaabXo4lsszEA6zrkhcmAAkBNshi59O9wVsokBLZUCQAxllXVBkyCDRQuTlLLiLSEqw3gfUqU0kVdsKymsnzyPLm8fXZxDxVZgvUhg9QyaKDI7AhpSlRVEaA83JM+/V8pGO0PMTHyZwra9FQVk4i1e0D6dPK9v5agkmXAhc0Bw5MjlAQQE0lSDbUmbBX4kGfsiiQWuSZtdle1S4F73cUKJgviyw4mmmqlVSoR/FAK2d1noWQZ8N79MySw0tgNzhN00jRFaPM6y3IyLWBxXuOdvMfhaIy1MQctmvnEMGrMq2Y/ekC3dHF14I84gmZP2s0pgiJFHVwYhIIrMC1zgT4fQgsS0CG48LWtslAsgeKZK5U1c5Slj+nEvvJZqOWubr5ks8iE3bVqCMQCz4p5aiUqpMrOdHz2qLFTxAMSPLwY8WpmntNwrXIMCWvESGH+7n9hVi6ZJ6/sR5gnycFFQgsCQEEB8T9TbsCGy4PrZrEBjGyIt4EApoGRXWKP6Mt3fnvOvhWBjR4gdjtJEDmGQQkBSCS6Teys5qECABTPWOBwcPWgAPIU+E2+Rq3J8lsrQawMHNPbqAXvRqasWcMB/mK42N3twM6/FsbJTZK2Fru15K7niPVIp6RHn++9vRKErAg8ta+MFq4LBxAJKY1EajpxLj5KUzFzOMTni4btxoUzXPzIIOwLnEPxGVqlyWoTdO/WNRUXJhDmAgNAJVd0eABj8FTCvLbpEnxdOycJlFNXVq6MDvzthwOQ654LaMGGVofQWIWtXhM9xaCQp85QIZFMPXcpuUPH3uquJj6htVonvySD+KY6c2AulPAzHdVaZElvPCGBgvkIRUECr1J4qmV6LdGyJvAnu+94HZMla1Eg1AuGVyQWnNCwzqsUXK5+AIsUyPRc1Rbpi93X1xK9tsXtkj9U7INWSWvU0DaZ6OlVAmUDiqgbrwY2Z3ThRVKFXrgi/R0x9GMplxAyER6ynAtZin1DQoLVznLMU+/mywMf3dlDpbyMlbjLQDhLw/Sh24sm5dhTrlHKgS/T0X2zLw/sLeGr5OlEbg2uHwAFw5reKuKsJj8kcIj0zq9H5PqAj+z6E8y+YRIaUhnAEOrcWgv9m3shQ1H7mz5duVJtDLhZqZcNlrEDwXKwCzncdFg+PJeVf1m3uPUupLR7Hq6tHNyLhw1TCmdGbm0BmaUjr63LzaMBH943D9f+yO5uZ7HfcLktqdwqMU0jtPUDN6vDOfzgKFrXtta6q83vfHU4M5KoURbT4W3zsPIqrgQFO8GozV8ocZGOTN4dRdRowN6CnOLmKkk5t7H1i+HPNGJj2kj7buYajoRXh2+36eOt+2nENrrF3ozODEmFC0D4hjbQNgYc+DSYjd9qqGSJXqL/tZ16/DWdfvw9bbCt41hcpYn9RAEX9Q22fwC74ny5v9iplQAAAABJRU5ErkJggg=="
-}, we = L("layer"), be = L("background"), Ae = new $({
-  data: {
-    type: "CIMSymbolReference",
-    symbol: {
-      type: "CIMPointSymbol",
-      symbolLayers: [we, be, N],
-      angleAlignment: "Map"
-    },
-    primitiveOverrides: [
-      {
-        type: "CIMPrimitiveOverride",
-        primitiveName: "headingOverride",
-        propertyName: "Rotation",
-        valueExpressionInfo: {
-          type: "CIMExpressionInfo",
-          title: "Rotation override",
-          expression: "360 - $feature.heading",
-          returnType: "Default"
-        }
-      },
-      {
-        type: "CIMPrimitiveOverride",
-        primitiveName: "headingOverride",
-        propertyName: "TintColor",
-        valueExpressionInfo: {
-          type: "CIMExpressionInfo",
-          title: "TintColor override",
-          expression: "IIF(IsEmpty($feature.heading), [255, 255, 255, 0], [255, 255, 255, 1])",
-          returnType: "Default"
-        }
-      }
-    ]
-  }
-});
-let c = class extends Y {
-  constructor() {
-    super(...arguments), this._geolocationUsable = !0, this.goToLocationEnabled = !0, this.graphic = new T({
-      symbol: Ae
-    }), this.rotationEnabled = !0;
-  }
-  //#region Lifecycle
-  initialize() {
-    le(this) || (this._geolocationUsable = !1), this.addHandles([
-      y(
-        () => this.view?.type,
-        () => this._handleViewTypeChange(),
-        {
-          initial: !0
-        }
-      )
-    ]);
-  }
-  destroy() {
-    this._clearGraphic(), this.view = void 0;
-  }
-  //#endregion
-  //#region Private Methods
-  /**
-   * Clears the locate graphic from the view.
-   */
-  _clearGraphic() {
-    const { view: t, graphic: e } = this;
-    t && e && t.graphics.remove(e);
-  }
-  /**
-   * Adds the graphic to the view.
-   */
-  _addGraphic() {
-    const { view: t, graphic: e } = this;
-    !t?.graphics || !e || t.graphics.includes(e) || t.graphics.push(e);
-  }
-  _handleViewTypeChange() {
-    N.enable = this.view?.type === "2d";
-  }
-  _getScaleWithinConstraints(t, e) {
-    if (!e)
-      return t;
-    if (e.type === "2d") {
-      const { effectiveMaxScale: o, effectiveMinScale: r } = e.constraints;
-      return Math.min(r, Math.max(o, t));
-    }
-    return t;
-  }
-  _getScale(t) {
-    const { scale: e } = this, o = typeof e == "number" ? e : ve;
-    return this._getScaleWithinConstraints(o, t);
-  }
-  _getHeading(t, e) {
-    const o = e?.spatialReference, r = o?.isWebMercator || o?.isGeographic, i = t.coords?.heading;
-    return !r || typeof i != "number" || Number.isNaN(i) || i < 0 || i > 360 ? null : i;
-  }
-  _addHeading(t) {
-    const { heading: e, target: o, view: r } = t;
-    if (!(!r || e === null)) {
-      if (r.type === "3d") {
-        o.heading = e;
-        return;
-      }
-      r.type === "2d" && (o.rotation = 360 - e);
-    }
-  }
-  async _animatePoint(t, e, o, r) {
-    const { view: i } = this;
-    if (!this.goToLocationEnabled || !i)
-      return;
-    const a = {
-      target: t,
-      scale: e
-    };
-    this.rotationEnabled && this._addHeading({
-      heading: o,
-      target: a,
-      view: i
-    });
-    const s = { signal: r.signal };
-    if (Z(s), this.goToOverride && i)
-      return await this.goToOverride(i, {
-        target: a,
-        options: s
-      });
-    await i.goTo(a, s);
-  }
-  async updatePosition(t, e) {
-    try {
-      const o = this.view, r = await de({ position: t, view: o }, { signal: e.signal }), { graphic: i } = this, { timestamp: a, coords: s } = t, { accuracy: m, altitude: h, altitudeAccuracy: x, latitude: D, longitude: _, speed: R } = s, v = this._getHeading(t, o), U = {
-        timestamp: a,
-        accuracy: m,
-        altitude: h,
-        altitudeAccuracy: x,
-        heading: v,
-        latitude: D,
-        longitude: _,
-        speed: R
-      };
-      i && (i.geometry = r, i.attributes = U);
-      const I = this._getScale(o);
-      await this._animatePoint(r, I, v, e);
-    } catch (o) {
-      if (!M(o))
-        throw new u("geolocation-positioning:invalid-point", "Cannot position invalid point", {
-          error: o
-        });
-    }
-    return t;
-  }
-  //#endregion
-};
-p([
-  n()
-], c.prototype, "_geolocationUsable", 2);
-p([
-  n()
-], c.prototype, "geolocationOptions", 2);
-p([
-  n()
-], c.prototype, "goToLocationEnabled", 2);
-p([
-  n()
-], c.prototype, "goToOverride", 2);
-p([
-  n({
-    type: T
-  })
-], c.prototype, "graphic", 2);
-p([
-  n()
-], c.prototype, "scale", 2);
-p([
-  n()
-], c.prototype, "rotationEnabled", 2);
-p([
-  n()
-], c.prototype, "view", 2);
-c = p([
-  C("map-components.geolocation.GeolocationPositioning")
-], c);
-const Pe = c;
-var Ee = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, d = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Se(e, o) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = (r ? s(e, o, i) : s(i)) || i);
-  return r && i && Ee(e, o, i), i;
-};
-const Ce = new X({
+const R = new x({
   icon: "trash",
   id: "remove-selected-feature",
   title: "{messages.remove}"
   // eslint-disable-next-line @typescript-eslint/no-deprecated
 })._internalSetClassName("esri-icon-trash");
-function Me(t) {
-  return new W({
-    title: t.currentLocation,
+function U(e) {
+  return new N({
+    title: e.currentLocation,
     fieldInfos: [
       {
         fieldName: "timestamp",
-        label: t.timestamp,
+        label: e.timestamp,
         format: {
           dateFormat: "short-date-short-time"
         }
       },
       {
         fieldName: "latitude",
-        label: t.latitude,
+        label: e.latitude,
         format: {
           places: 4,
           digitSeparator: !0
@@ -437,7 +50,7 @@ function Me(t) {
       },
       {
         fieldName: "longitude",
-        label: t.longitude,
+        label: e.longitude,
         format: {
           places: 4,
           digitSeparator: !0
@@ -445,7 +58,7 @@ function Me(t) {
       },
       {
         fieldName: "accuracy",
-        label: t.accuracy,
+        label: e.accuracy,
         format: {
           places: 0,
           digitSeparator: !0
@@ -453,7 +66,7 @@ function Me(t) {
       },
       {
         fieldName: "altitude",
-        label: t.altitude,
+        label: e.altitude,
         format: {
           places: 0,
           digitSeparator: !0
@@ -461,7 +74,7 @@ function Me(t) {
       },
       {
         fieldName: "altitudeAccuracy",
-        label: t.altitudeAccuracy,
+        label: e.altitudeAccuracy,
         format: {
           places: 0,
           digitSeparator: !0
@@ -469,7 +82,7 @@ function Me(t) {
       },
       {
         fieldName: "heading",
-        label: t.heading,
+        label: e.heading,
         format: {
           places: 0,
           digitSeparator: !0
@@ -477,14 +90,14 @@ function Me(t) {
       },
       {
         fieldName: "speed",
-        label: t.speed,
+        label: e.speed,
         format: {
           places: 0,
           digitSeparator: !0
         }
       }
     ],
-    actions: [Ce.clone()],
+    actions: [R.clone()],
     content: [
       {
         type: "fields"
@@ -492,18 +105,18 @@ function Me(t) {
     ]
   });
 }
-let l = class extends Pe {
+let r = class extends I {
   //#region Lifecycle
-  constructor(t) {
-    super(t), this._getCurrentPosition = pe, this.popupEnabled = !0, this.locate = this.locate.bind(this);
+  constructor(e) {
+    super(e), this._getCurrentPosition = A, this.popupEnabled = !0, this.locate = this.locate.bind(this);
   }
   initialize() {
     this.addHandles([
-      q(() => {
-        const { graphic: t, view: e } = this;
-        if (!t)
+      D(() => {
+        const { graphic: e, view: t } = this;
+        if (!e)
           return;
-        e?.graphics?.includes(t) && this._updatePopupTemplate(t);
+        t?.graphics?.includes(e) && this._updatePopupTemplate(e);
       })
     ]);
   }
@@ -517,21 +130,21 @@ let l = class extends Pe {
   //#region Public Methods
   async locate() {
     if (this.cancelLocate(), this.state === "disabled")
-      throw new u("locate:disabled-state", "Cannot locate when disabled.");
+      throw new f("locate:disabled-state", "Cannot locate when disabled.");
     if (this.state === "feature-unsupported")
-      throw new u("locate:feature-unsupported-state", "Cannot locate in unsecure domain.");
-    const t = new AbortController();
-    this._locateController = t, this.error = void 0;
+      throw new f("locate:feature-unsupported-state", "Cannot locate in unsecure domain.");
+    const e = new AbortController();
+    this._locateController = e, this.error = void 0;
     try {
-      const e = await this._getCurrentPosition(this.geolocationOptions);
-      if (await this.updatePosition(e, t), this._locateController !== t)
+      const t = await this._getCurrentPosition(this.geolocationOptions);
+      if (await this.updatePosition(t, e), this._locateController !== e)
         return null;
       const { graphic: o } = this;
-      return o && this._updatePopupTemplate(o), this._addGraphic(), this.currentPosition = e, this._locateController = void 0, e;
-    } catch (e) {
-      if (M(e))
+      return o && this._updatePopupTemplate(o), this._addGraphic(), this.currentPosition = t, this._locateController = void 0, t;
+    } catch (t) {
+      if (G(t))
         return null;
-      throw t === this._locateController && (this._locateController = void 0), this.error = e, e;
+      throw e === this._locateController && (this._locateController = void 0), this.error = t, t;
     }
   }
   cancelLocate() {
@@ -539,47 +152,47 @@ let l = class extends Pe {
   }
   //#endregion
   //#region Private Methods
-  _updatePopupTemplate(t) {
+  _updatePopupTemplate(e) {
     if (!this.popupEnabled)
       return;
-    const e = Me(this.messages), o = t !== this.graphic;
-    this.destroyed || o || (t.popupTemplate = e);
+    const t = U(this.messages), o = e !== this.graphic;
+    this.destroyed || o || (e.popupTemplate = t);
   }
   //#endregion
 };
-d([
-  n()
-], l.prototype, "_locateController", 2);
-d([
-  n()
-], l.prototype, "currentPosition", 2);
-d([
-  n()
-], l.prototype, "error", 2);
-d([
-  n()
-], l.prototype, "messages", 2);
-d([
-  n()
-], l.prototype, "popupEnabled", 2);
-d([
-  n({ readOnly: !0 })
-], l.prototype, "state", 1);
-l = d([
-  C("map-components.locate.LocateViewModel")
-], l);
-const S = "gps-off", Te = B(l);
-class Oe extends k {
+s([
+  c()
+], r.prototype, "_locateController", 2);
+s([
+  c()
+], r.prototype, "currentPosition", 2);
+s([
+  c()
+], r.prototype, "error", 2);
+s([
+  c()
+], r.prototype, "messages", 2);
+s([
+  c()
+], r.prototype, "popupEnabled", 2);
+s([
+  c({ readOnly: !0 })
+], r.prototype, "state", 1);
+r = s([
+  $("map-components.locate.LocateViewModel")
+], r);
+const v = "gps-off", j = L(r);
+class k extends C {
   constructor() {
-    super(), this.locateButtonElement = H(), this.messages = V(), this.viewModel = Te(this), this.hideErrorTooltip = () => {
+    super(), this.locateButtonElement = T(), this.messages = M(), this.viewModel = j(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 = S, this.popupDisabled = this.viewModel.popupEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.visualScale = "m", this.arcgisError = f(), this.arcgisPropertyChange = F()("state"), this.arcgisReady = f(), this.arcgisSuccess = f(), this.listenOn(document, "click", this.hideErrorTooltip);
+    }, 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);
   }
   static {
     this.properties = { isErrorTooltipOpen: 16, view: 0, autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 1, label: 1, messageOverrides: 0, popupDisabled: 5, referenceElement: 1, scale: 9, state: 32, visualScale: 1 };
   }
   static {
-    this.styles = ae;
+    this.styles = B;
   }
   async cancelLocate() {
     this.viewModel.cancelLocate();
@@ -592,31 +205,31 @@ class Oe extends k {
   }
   loaded() {
     this.viewModel.messages = { ...this.messages, ...this.messageOverrides }, this.manager.onLifecycle(() => [
-      y(() => this.viewModel.error, (e) => {
-        this.isErrorTooltipOpen = !!e, this.arcgisError.emit({ error: e });
+      u(() => this.viewModel.error, (t) => {
+        this.isErrorTooltipOpen = !!t, this.arcgisError.emit({ error: t });
       }),
-      y(() => this.viewModel.currentPosition, (e) => {
-        this.arcgisSuccess.emit({ position: e });
+      u(() => this.viewModel.currentPosition, (t) => {
+        this.arcgisSuccess.emit({ position: t });
       })
     ]);
   }
-  _localizeError(e) {
-    if (e instanceof GeolocationPositionError)
-      return e.code === GeolocationPositionError.PERMISSION_DENIED ? this.messages?.permissionError : e.code === GeolocationPositionError.TIMEOUT ? this.messages?.timeoutError : this.messages?.positionUnavailable;
-    if (e instanceof Error)
-      return e.message;
+  _localizeError(t) {
+    if (t instanceof GeolocationPositionError)
+      return t.code === GeolocationPositionError.PERMISSION_DENIED ? this.messages?.permissionError : t.code === GeolocationPositionError.TIMEOUT ? this.messages?.timeoutError : this.messages?.positionUnavailable;
+    if (t instanceof Error)
+      return t.message;
   }
   _locate() {
-    const { viewModel: e } = this;
-    e.state === "locating" ? e.cancelLocate() : e.locate().catch(() => {
+    const { viewModel: t } = this;
+    t.state === "locating" ? t.cancelLocate() : t.locate().catch(() => {
     });
   }
   render() {
-    const { viewModel: e, icon: o } = this, { state: r } = e, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", m = J === void 0 ? S : void 0, h = this._localizeError(this.viewModel?.error);
-    return g`<div class=${w(j("root", P.arcgisButton))}>${!s && g`<calcite-button class=${w(P.widgetButton)} .disabled=${r === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? m} kind=neutral .label=${a} @click=${this._locate} .scale=${this.visualScale} title=${a ?? Q} ${K(this.locateButtonElement)}></calcite-button>` || ""}${h ? g`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
+    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>`;
   }
 }
-G("arcgis-locate", Oe);
+w("arcgis-locate", k);
 export {
-  Oe as ArcgisLocate
+  k as ArcgisLocate
 };