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

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

@@ -1,36 +1,685 @@
-import { c as m } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { usePropertyChange as g } from "@arcgis/components-controllers";
-import { reEmitEvent as r } from "@arcgis/components-controllers/accessor";
-import { classes as u } from "@arcgis/components-utils";
-import f from "@arcgis/core/widgets/Locate/LocateViewModel.js";
-import { LitElement as v, createEvent as w, noShadowRoot as E, safeClassMap as l, nothing as b } from "@arcgis/lumina";
-import { u as M } from "../../chunks/useView.js";
-import { m as y } from "../../chunks/useViewModel.js";
-import { g as c } from "../../chunks/globalCss.js";
-import { l as $ } from "../../chunks/legacyIcon.js";
-import { css as L } from "@lit/reactive-element/css-tag.js";
+import { c as z } from "../../chunks/runtime.js";
+import { html as f } from "lit-html";
+import { usePropertyChange as k } from "@arcgis/lumina/controllers";
+import { classes as H } from "@arcgis/components-utils";
+import { watch as v } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as V, createEvent as b, noShadowRoot as Q, safeClassMap as P, nothing as K } from "@arcgis/lumina";
+import { u as J } from "../../chunks/useT9n.js";
+import { m as q } from "../../chunks/useViewModel.js";
+import { g as C } from "../../chunks/globalCss.js";
+import { l as W } from "../../chunks/legacyIcon.js";
+import { css as X } from "@lit/reactive-element/css-tag.js";
+import { property as n, subclass as w } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Error.js";
+import { onLocaleChange as B } from "@arcgis/core/intl.js";
+import Z from "@arcgis/core/PopupTemplate.js";
+import Y from "@arcgis/core/support/actions/ActionButton.js";
+import O from "@arcgis/core/core/Accessor.js";
+import { a as $, r as ee } from "../../chunks/maybe.js";
+import T from "@arcgis/core/Graphic.js";
+import te from "@arcgis/core/symbols/CIMSymbol.js";
+import oe from "@arcgis/core/geometry/Point.js";
+import * as E from "@arcgis/core/geometry/operators/projectOperator.js";
+import M from "@arcgis/core/config.js";
+import { geographicToWebMercator as re } from "@arcgis/core/geometry/support/webMercatorUtils.js";
+import ie from "@arcgis/core/portal/Portal.js";
+import { project as ae } from "@arcgis/core/rest/geometryService.js";
+import se from "@arcgis/core/rest/support/ProjectParameters.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.11 */
-const D = L`@layer{arcgis-locate{display:block}}`, O = {
+v4.33.0-next.110 */
+const ne = X`@layer{arcgis-locate{display:block}}`;
+var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, m = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ce(t, o) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
+  return r && i && le(t, o, i), i;
+};
+function ue(e = "Aborted") {
+  return new p("AbortError", e);
+}
+function pe(e, t = "Aborted") {
+  if (de(e))
+    throw ue(t);
+}
+function L(e) {
+  return e instanceof AbortSignal ? e : e?.signal ?? void 0;
+}
+function de(e) {
+  return L(e)?.aborted ?? !1;
+}
+function N(e) {
+  return e?.name === "AbortError";
+}
+function he(e) {
+  return { ok: !0, value: e };
+}
+function me(e) {
+  return { ok: !1, error: e };
+}
+function ge(e) {
+  return e?.ok ? e.value : null;
+}
+function fe(e) {
+  return e != null && !e.ok ? e.error : null;
+}
+function ye(e, t) {
+  const o = L(e);
+  if (o == null)
+    return;
+  if (o.aborted) {
+    t();
+    return;
+  }
+  const r = () => t();
+  return o.addEventListener("abort", r, { once: !0 }), { remove: () => o.removeEventListener("abort", r) };
+}
+let d = class extends O {
+  constructor(e, t) {
+    super({}), this._result = null, this._abortHandle = null, this.abort = () => {
+      this._abortController = $(this._abortController);
+    }, this.remove = this.abort, this._abortController = new AbortController();
+    const { signal: o } = this._abortController;
+    this.promise = e(o), this.promise.then(
+      (r) => {
+        this._result = he(r), this._cleanup();
+      },
+      (r) => {
+        this._result = me(r), this._cleanup();
+      }
+    ), this._abortHandle = ye(t, this.abort);
+  }
+  get value() {
+    return ge(this._result);
+  }
+  get error() {
+    return fe(this._result);
+  }
+  get finished() {
+    return this._result != null;
+  }
+  destroy() {
+    this.abort();
+  }
+  _cleanup() {
+    this._abortHandle = ee(this._abortHandle), this._abortController = null;
+  }
+  [Symbol.dispose]() {
+    this._cleanup();
+  }
+};
+m([
+  n()
+], d.prototype, "value", 1);
+m([
+  n()
+], d.prototype, "error", 1);
+m([
+  n()
+], d.prototype, "finished", 1);
+m([
+  n()
+], d.prototype, "promise", 2);
+m([
+  n()
+], d.prototype, "_result", 2);
+d = m([
+  w("esri.components.asyncUtils.ReactiveTask")
+], d);
+let S = !1;
+const be = {
+  maximumAge: 0,
+  timeout: 15e3,
+  enableHighAccuracy: !0
+};
+function ve() {
+  const e = "geolocation" in navigator;
+  return e || console.warn("geolocation-unsupported", "Geolocation unsupported."), e;
+}
+function we() {
+  const e = window.isSecureContext;
+  return e || S || (S = !0, console.warn("insecure-context", "Geolocation requires a secure origin.")), e;
+}
+function Ae() {
+  return ve() && we();
+}
+function Pe(e) {
+  return e ??= be, new Promise((o, r) => {
+    setTimeout(
+      () => r(new p("geolocation:timeout", "getting the current geolocation position timed out")),
+      e?.timeout ?? 15e3
+    ), navigator.geolocation.getCurrentPosition(o, r, e ?? void 0);
+  });
+}
+function Ce(e, t) {
+  const { position: o, view: r } = e, a = Ee(o)?.coords;
+  if (!a)
+    throw new p("geometry-service:no-coords", "Geolocation has no coordinates");
+  const s = Me(a);
+  return Se(s, r, t);
+}
+function Ee(e) {
+  const t = e?.coords || {}, o = {
+    accuracy: t.accuracy,
+    altitude: t.altitude,
+    altitudeAccuracy: t.altitudeAccuracy,
+    heading: t.heading,
+    latitude: t.latitude,
+    longitude: t.longitude,
+    speed: t.speed,
+    toJSON() {
+      return {};
+    }
+  };
+  return e && {
+    coords: o,
+    timestamp: e.timestamp,
+    toJSON() {
+      return {};
+    }
+  };
+}
+function Me({ longitude: e, latitude: t, altitude: o }) {
+  return new oe({
+    longitude: e,
+    latitude: t,
+    z: o || void 0,
+    spatialReference: {
+      wkid: 4326
+    }
+  });
+}
+async function Se(e, t, o) {
+  if (!t)
+    return await Promise.resolve(e);
+  const r = t.spatialReference;
+  return r.isWGS84 ? await Promise.resolve(e) : r.isWebMercator ? await Promise.resolve(re(e)) : E.isLoaded() ? await Promise.resolve(E.execute(e, r)) : await _e(o).then(async (i) => {
+    if (!i)
+      throw new p("geometry-service:missing-url", "Geometry service URL is missing");
+    const a = new se({
+      geometries: [e],
+      outSpatialReference: r
+    });
+    return (await ae(i, a, o))[0];
+  });
+}
+async function _e(e) {
+  if (M.geometryServiceUrl)
+    return await Promise.resolve(M.geometryServiceUrl);
+  const t = ie.getDefault();
+  try {
+    await t.load(e);
+  } catch {
+  }
+  return t.helperServices?.geometry?.url;
+}
+var Oe = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, u = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Te(t, o) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
+  return r && i && Oe(t, o, i), i;
+};
+const Le = 2500;
+function R(e) {
+  const t = {
+    type: "CIMVectorMarker",
+    enable: !0,
+    anchorPoint: {
+      x: 0,
+      y: 0
+    },
+    anchorPointUnits: "Relative",
+    dominantSizeAxis3D: "Y",
+    size: e === "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: e === "background" ? 0 : 2,
+              color: [255, 255, 255, 255]
+            },
+            {
+              type: "CIMSolidFill",
+              enable: !0,
+              color: e === "background" ? [0, 0, 0, 66] : [0, 122, 194, 255]
+            }
+          ]
+        }
+      }
+    ],
+    scaleSymbolsProportionally: !0,
+    respectFrame: !0
+  };
+  return e === "background" && (t.offsetX = 0, t.offsetY = -1), t;
+}
+const D = {
+  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,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"
+}, Ne = R("layer"), Re = R("background"), De = new te({
+  data: {
+    type: "CIMSymbolReference",
+    symbol: {
+      type: "CIMPointSymbol",
+      symbolLayers: [Ne, Re, D],
+      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 l = class extends O {
+  constructor() {
+    super(...arguments), this._geolocationUsable = !0, this.geolocationOptions = null, this.goToLocationEnabled = !0, this.goToOverride = null, this.graphic = new T({
+      symbol: De
+    }), this.scale = null, this.rotationEnabled = !0, this.view = null;
+  }
+  //#region Lifecycle
+  initialize() {
+    Ae() || (this._geolocationUsable = !1), this.addHandles([
+      v(
+        () => this.view?.type,
+        () => this._handleViewTypeChange(),
+        {
+          initial: !0
+        }
+      )
+    ]);
+  }
+  destroy() {
+    this._clearGraphic(), this.view = null;
+  }
+  //#endregion
+  //#region Private Methods
+  /**
+   * Clears the locate graphic from the view.
+   */
+  _clearGraphic() {
+    const { view: e, graphic: t } = this;
+    e && t && e.graphics.remove(t);
+  }
+  /**
+   * Adds the graphic to the view.
+   */
+  _addGraphic() {
+    const { view: e, graphic: t } = this;
+    !e?.graphics || !t || e.graphics.includes(t) || e.graphics.push(t);
+  }
+  _handleViewTypeChange() {
+    D.enable = this.view?.type === "2d";
+  }
+  _getScaleWithinConstraints(e, t) {
+    if (!t)
+      return e;
+    if (t.type === "2d") {
+      const { effectiveMaxScale: o, effectiveMinScale: r } = t.constraints;
+      return Math.min(r, Math.max(o, e));
+    }
+    return e;
+  }
+  _getScale(e) {
+    const { scale: t } = this, o = typeof t == "number" ? t : Le;
+    return this._getScaleWithinConstraints(o, e);
+  }
+  _getHeading(e, t) {
+    const o = t?.spatialReference, r = o?.isWebMercator || o?.isGeographic, i = e.coords?.heading;
+    return !r || typeof i != "number" || Number.isNaN(i) || i < 0 || i > 360 ? null : i;
+  }
+  _addHeading(e) {
+    const { heading: t, target: o, view: r } = e;
+    if (!(!r || t === null)) {
+      if (r.type === "3d") {
+        o.heading = t;
+        return;
+      }
+      r.type === "2d" && (o.rotation = 360 - t);
+    }
+  }
+  async _animatePoint(e, t, o, r) {
+    const { view: i } = this;
+    if (!this.goToLocationEnabled || !i)
+      return;
+    const a = {
+      target: e,
+      scale: t
+    };
+    this.rotationEnabled && this._addHeading({
+      heading: o,
+      target: a,
+      view: i
+    });
+    const s = { signal: r.signal };
+    pe(s), this.goToOverride && i && this.goToOverride(i, {
+      target: a,
+      options: s
+    }), await i.goTo(a, s);
+  }
+  async updatePosition(e, t) {
+    try {
+      const o = this.view, r = await Ce({ position: e, view: o }, { signal: t.signal }), { graphic: i } = this, { timestamp: a, coords: s } = e, { accuracy: y, altitude: g, altitudeAccuracy: x, latitude: U, longitude: I, speed: G } = s, A = this._getHeading(e, o), F = {
+        timestamp: a,
+        accuracy: y,
+        altitude: g,
+        altitudeAccuracy: x,
+        heading: A,
+        latitude: U,
+        longitude: I,
+        speed: G
+      };
+      i && (i.geometry = r, i.attributes = F);
+      const j = this._getScale(o);
+      await this._animatePoint(r, j, A, t);
+    } catch (o) {
+      if (!N(o))
+        throw new p("geolocation-positioning:invalid-point", "Cannot position invalid point", {
+          error: o
+        });
+    }
+    return e;
+  }
+  //#endregion
+};
+u([
+  n()
+], l.prototype, "_geolocationUsable", 2);
+u([
+  n()
+], l.prototype, "geolocationOptions", 2);
+u([
+  n()
+], l.prototype, "goToLocationEnabled", 2);
+u([
+  n()
+], l.prototype, "goToOverride", 2);
+u([
+  n({
+    type: T
+  })
+], l.prototype, "graphic", 2);
+u([
+  n()
+], l.prototype, "scale", 2);
+u([
+  n()
+], l.prototype, "rotationEnabled", 2);
+u([
+  n()
+], l.prototype, "view", 2);
+l = u([
+  w("map-components.geolocation.GeolocationPositioning")
+], l);
+var xe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, h = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ue(t, o) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
+  return r && i && xe(t, o, i), i;
+};
+const Ie = new Y({
+  icon: "trash",
+  id: "remove-selected-feature",
+  title: "{messages.remove}",
+  className: "esri-icon-trash"
+});
+function Ge(e) {
+  return new Z({
+    title: e.currentLocation,
+    fieldInfos: [
+      {
+        fieldName: "timestamp",
+        label: e.timestamp,
+        format: {
+          dateFormat: "short-date-short-time"
+        }
+      },
+      {
+        fieldName: "latitude",
+        label: e.latitude,
+        format: {
+          places: 4,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "longitude",
+        label: e.longitude,
+        format: {
+          places: 4,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "accuracy",
+        label: e.accuracy,
+        format: {
+          places: 0,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "altitude",
+        label: e.altitude,
+        format: {
+          places: 0,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "altitudeAccuracy",
+        label: e.altitudeAccuracy,
+        format: {
+          places: 0,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "heading",
+        label: e.heading,
+        format: {
+          places: 0,
+          digitSeparator: !0
+        }
+      },
+      {
+        fieldName: "speed",
+        label: e.speed,
+        format: {
+          places: 0,
+          digitSeparator: !0
+        }
+      }
+    ],
+    actions: [Ie.clone()],
+    content: [
+      {
+        type: "fields"
+      }
+    ]
+  });
+}
+let c = class extends l {
+  //#region Lifecycle
+  constructor(e) {
+    super(e), this._locateController = null, this.currentPosition = null, this.error = void 0, this.messages = null, this.popupEnabled = !0, this.locate = this.locate.bind(this);
+  }
+  initialize() {
+    this.addHandles([
+      B(() => {
+        const { graphic: e, view: t } = this;
+        if (!e)
+          return;
+        t?.graphics?.includes(e) && this._updatePopupTemplate(e);
+      })
+    ]);
+  }
+  destroy() {
+    this.cancelLocate();
+  }
+  get state() {
+    return this._geolocationUsable ? this.view?.ready ? this._locateController ? "locating" : this.error != null ? "error" : "ready" : "disabled" : "feature-unsupported";
+  }
+  //#endregion
+  //#region Public Methods
+  async locate() {
+    if (this.cancelLocate(), this.state === "disabled")
+      throw new p("locate:disabled-state", "Cannot locate when disabled.");
+    if (this.state === "feature-unsupported")
+      throw new p("locate:feature-unsupported-state", "Cannot locate in unsecure domain.");
+    const e = new AbortController();
+    this._locateController = e, this.error = void 0;
+    try {
+      const t = await Pe(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 = t, this._locateController = null, t;
+    } catch (t) {
+      if (N(t))
+        return null;
+      throw e === this._locateController && (this._locateController = null), this.error = t, t;
+    }
+  }
+  cancelLocate() {
+    this._clearGraphic(), this._locateController && this._locateController.abort(), this._locateController = null;
+  }
+  //#endregion
+  //#region Private Methods
+  _updatePopupTemplate(e) {
+    if (!this.popupEnabled)
+      return;
+    const t = Ge(this.messages), o = e !== this.graphic;
+    this.destroyed || o || (e.popupTemplate = t);
+  }
+  //#endregion
+};
+h([
+  n()
+], c.prototype, "_locateController", 2);
+h([
+  n()
+], c.prototype, "currentPosition", 2);
+h([
+  n()
+], c.prototype, "error", 2);
+h([
+  n()
+], c.prototype, "messages", 2);
+h([
+  n()
+], c.prototype, "popupEnabled", 2);
+h([
+  n({ readOnly: !0 })
+], c.prototype, "state", 1);
+c = h([
+  w("map-components.locate.LocateViewModel")
+], c);
+const Fe = {
   base: "esri-locate"
-}, n = "gps-off", T = y(f);
-class I extends v {
+}, _ = "gps-off", je = q(c);
+class ze extends V {
   constructor() {
-    super(...arguments), this.messages = M(), 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 = g()("state"), this.arcgisReady = w(), this.arcgisSuccess = r(() => this.viewModel, "locate");
+    super(...arguments), this.messages = J(), this.viewModel = je(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 = _, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = b(), this.arcgisPropertyChange = k()("state"), this.arcgisReady = b(), this.arcgisSuccess = b();
   }
   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 };
+    this.properties = { autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 3, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
   }
   static {
-    this.shadowRootOptions = E;
+    this.shadowRootOptions = Q;
   }
   static {
-    this.styles = D;
+    this.styles = ne;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /**
    * This function provides the ability to interrupt and cancel the process of
    * programmatically obtaining the location of the user's device.
@@ -45,27 +694,39 @@ class I extends v {
   async locate() {
     return await this.viewModel.locate();
   }
-  // #endregion
-  // #region Private Methods
-  _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;
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.viewModel.messages = { ...this.messages, ...this.messageOverrides }, this.manager.onLifecycle(() => [
+      v(() => this.viewModel.error, (t) => {
+        this.arcgisError.emit({ error: t });
+      }),
+      v(() => this.viewModel.currentPosition, (t) => {
+        this.arcgisSuccess.emit({ position: t });
+      })
+    ]);
+  }
+  //#endregion
+  //#region Private Methods
+  _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(() => {
     });
   }
-  // #endregion
-  // #region Rendering
+  //#endregion
+  //#region Rendering
   render() {
-    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 = $ === void 0 ? n : void 0, a = this._localizeError(this.viewModel?.error);
-    return t`<div class=${l(u(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 ?? b}>${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>`;
+    const { viewModel: t, icon: o } = this, { state: r } = t, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", y = W === void 0 ? _ : void 0, g = this._localizeError(this.viewModel?.error);
+    return f`<div class=${P(H(Fe.base, C.widget))}>${!s && f`<calcite-button class=${P(C.widgetButton)} .disabled=${r === "disabled"} .iconStart=${i ? void 0 : o ?? y} kind=neutral .label=${a} @click=${this._locate} title=${a ?? K}>${i ? f`<calcite-loader inline label></calcite-loader>` : null}</calcite-button>` || ""}${g ? f`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${g}</calcite-tooltip>` : null}</div>`;
   }
 }
-m("arcgis-locate", I);
+z("arcgis-locate", ze);
 export {
-  I as ArcgisLocate
+  ze as ArcgisLocate
 };