@arcgis/map-components 4.33.0-next.125 → 4.33.0-next.127

package/dist/chunks/AnalysisViewModel.js

@@ -0,0 +1,256 @@
+import { c as y, i as _, t as d, a as v } from "./async-utils.js";
+import { property as r, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import f from "@arcgis/core/core/Accessor.js";
+import { watch as p, whenOnce as m } from "@arcgis/core/core/reactiveUtils.js";
+import { a as l, r as w } from "./maybe.js";
+import { forceInteractive as O } from "@arcgis/core/applications/Components/analysisUtils.js";
+import { ignoreAbortErrors as A } from "@arcgis/core/core/promiseUtils.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.127 */
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (e, t, s, o) => {
+  for (var a = o > 1 ? void 0 : o ? g(t, s) : t, c = e.length - 1, h; c >= 0; c--)
+    (h = e[c]) && (a = (o ? h(t, s, a) : h(a)) || a);
+  return o && a && b(t, s, a), a;
+};
+let i = class extends f {
+  constructor(e = {}) {
+    super(e), this._loggedUnsupportedErrorMessage = !1, this.view = null, this._analysisView = null, this._reconnectViewTask = null, this._forceInteractiveHandle = null, this._operationState = "inactive", this._unsupportedErrorMessage = !1, this._parentChangeFromReconnect = !1, this._startUserOperation = null;
+    const t = e?.analysis;
+    t != null ? this.analysis = t : (this._set("analysis", this.constructAnalysis()), this._set("isAnalysisOwner", !0)), e?.visible != null && (this.visible = e.visible);
+  }
+  // @ts-expect-error TODO - ignore
+  normalizeCtorArgs(e) {
+    const { analysis: t, ...s } = e;
+    return s;
+  }
+  initialize() {
+    this.addHandles([
+      p(
+        () => ({ readyAndNotSupported: this.view != null && this.view.ready && !this.supported }),
+        ({ readyAndNotSupported: e }) => {
+          e && !this._loggedUnsupportedErrorMessage && console.error(this._unsupportedErrorMessage);
+        },
+        { sync: !0, initial: !0 }
+      ),
+      p(
+        () => (
+          // @ts-expect-error this should become unnecessary with https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/70835
+          this.analysis?.parent
+        ),
+        (e) => {
+          !this._parentChangeFromReconnect && e !== this.view && this._set("isAnalysisOwner", !1);
+          const t = !this._parentChangeFromReconnect;
+          this._parentChangeFromReconnect = !1, t && this._scheduleViewReconnect();
+        },
+        { sync: !0 }
+      ),
+      p(
+        () => ({
+          view: this.view,
+          ready: !!this.view?.ready,
+          supported: this.supported
+        }),
+        ({ view: e }, t) => {
+          const s = t?.view;
+          e !== s && (this._startUserOperation = l(this._startUserOperation), this._disconnectFromView(s)), this._scheduleViewReconnect();
+        },
+        { sync: !0, initial: !0 }
+      )
+    ]);
+  }
+  destroy() {
+    this._reconnectViewTask = l(this._reconnectViewTask), this._startUserOperation = l(this._startUserOperation), this._analysisView != null && (this._analysisView.visible = void 0), this._disconnectFromView(this.view), this._set("view", null), this.analysis != null && this.isAnalysisOwner && (this.analysis.destroy(), this._set("analysis", null));
+  }
+  get supported() {
+    return this.view == null || this.view.type === this.supportedViewType;
+  }
+  set visible(e) {
+    this._set("visible", e), this._analysisView != null && (this._analysisView.visible = e);
+  }
+  get active() {
+    return this._startUserOperation?.state === 2;
+  }
+  get disabled() {
+    return this.view == null || !this.view.ready || !this.supported;
+  }
+  set analysis(e) {
+    e !== this._get("analysis") && (this._startUserOperation = l(this._startUserOperation), this._disconnectFromView(this.view), this._setExternalAnalysis(e), this._scheduleViewReconnect());
+  }
+  get analysisView() {
+    return this._analysisView;
+  }
+  get ready() {
+    return this._analysisView != null && !this.connectingToView;
+  }
+  get connectingToView() {
+    return this._reconnectViewTask != null;
+  }
+  get isAnalysisOwner() {
+    return this._get("isAnalysisOwner");
+  }
+  get operationState() {
+    return this._operationState;
+  }
+  /**
+   * Removes the tool and clears the analysis by resetting its inputs.
+   */
+  clear() {
+    this.clearAnalysis(), this._startUserOperation = l(this._startUserOperation), this._resetInteractiveCreationState();
+  }
+  /**
+   * If analysis has unset inputs, start() will kick off the user operation to specify those inputs.
+   */
+  async start(e) {
+    if (!this.visible) {
+      console.warn("Cannot start analysis when not visible");
+      return;
+    }
+    const t = {
+      task: null,
+      abort: null,
+      state: 0
+      /* PENDING */
+    }, s = y(async (o) => {
+      if (t.state = 1, await m(() => this.ready, o), t.state = 2, this._analysisView == null || this.view == null)
+        return;
+      this._operationState = "active";
+      const a = e?.({ signal: o }) ?? this.place({ signal: o });
+      return void await A(a);
+    });
+    return s.promise.finally(() => {
+      this._operationState = "inactive";
+    }), t.task = s, t.abort = () => s.abort(), this._startUserOperation = t, void await s.promise;
+  }
+  startNewAnalysis() {
+    return this.clear(), this.start();
+  }
+  continue() {
+    return this.start();
+  }
+  stop() {
+    this._startUserOperation?.abort();
+  }
+  /**
+   * A callback used by view models that manage an analysis belonging to an Layer.
+   *
+   * The function will be called each time the view becomes ready, the internal Layer of
+   * the view model has been added to the map and the analysis view of the analysis has been created.
+   */
+  onConnectToAnalysisView(e) {
+  }
+  /**
+   * A callback used by view models that manage an analysis.
+   *
+   * The function will be called each time the view becomes unready and the internal analysis
+   * has been removed the map or analyses.
+   */
+  onDisconnectFromAnalysisView() {
+  }
+  _scheduleViewReconnect() {
+    this._reconnectViewTask = l(this._reconnectViewTask);
+    const e = y(async (t) => {
+      try {
+        await this._reconnectView(t);
+      } catch (s) {
+        if (d(t), !v(s)) {
+          console.warn("Failed to use analysis in view model", s);
+          return;
+        }
+        throw s;
+      } finally {
+        e === this._reconnectViewTask && (this._reconnectViewTask = null);
+      }
+    });
+    this._reconnectViewTask = e;
+  }
+  async _reconnectView(e) {
+    const { view: t } = this, s = t != null && t.ready && this.supported, o = this.analysis;
+    if (this._startUserOperation = u(this._startUserOperation), this._disconnectFromView(t), !s || t == null || o == null)
+      return;
+    if (this.isAnalysisOwner) {
+      if (o.parent != null) {
+        console.error("expected owned analysis to have null parent when connecting to view");
+        return;
+      }
+      this._parentChangeFromReconnect = !0, t.analyses.add(o);
+    }
+    const a = await t.whenAnalysisView(o);
+    if (this._analysisView = a, _(e)) {
+      this._startUserOperation = u(this._startUserOperation);
+      return;
+    }
+    a.visible = this.visible, this._forceInteractiveHandle = O(a), this.addHandles(this._forceInteractiveHandle), this.onConnectToAnalysisView(a);
+  }
+  _disconnectFromView(e) {
+    e != null && this.isAnalysisOwner && e.analyses.includes(this.analysis) && (this._parentChangeFromReconnect = !0, this.analysis.clear(), e.analyses.remove(this.analysis)), this.onDisconnectFromAnalysisView(), this._forceInteractiveHandle = w(this._forceInteractiveHandle), this._analysisView = null;
+  }
+  _setExternalAnalysis(e) {
+    this._analysisView != null && !this.isAnalysisOwner && (this._analysisView.visible = void 0, this._forceInteractiveHandle = w(this._forceInteractiveHandle)), this._analysisView = null, this._set("isAnalysisOwner", !1), this._set("analysis", e), this._parentChangeFromReconnect = !1;
+  }
+  /**
+   * Reset the analysis and tool to a state that will allow the interactive creation of a fresh analysis.
+   * The 'start()' method uses 'tool.created' to determine when the tool can be deactivated, so we must
+   * also reset that property here.
+   *
+   * In the future this should happen in the creation methods on analysis views:
+   *   https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/43397
+   */
+  _resetInteractiveCreationState() {
+    this._analysisView?.tool?.resetCreated();
+  }
+};
+n([
+  r()
+], i.prototype, "supported", 1);
+n([
+  r()
+], i.prototype, "view", 2);
+n([
+  r({ type: Boolean, value: !0 })
+], i.prototype, "visible", 1);
+n([
+  r()
+], i.prototype, "active", 1);
+n([
+  r()
+], i.prototype, "disabled", 1);
+n([
+  r()
+], i.prototype, "analysis", 1);
+n([
+  r()
+], i.prototype, "_analysisView", 2);
+n([
+  r()
+], i.prototype, "analysisView", 1);
+n([
+  r()
+], i.prototype, "ready", 1);
+n([
+  r()
+], i.prototype, "connectingToView", 1);
+n([
+  r({ readOnly: !0 })
+], i.prototype, "isAnalysisOwner", 1);
+n([
+  r()
+], i.prototype, "_reconnectViewTask", 2);
+n([
+  r()
+], i.prototype, "_forceInteractiveHandle", 2);
+n([
+  r()
+], i.prototype, "_operationState", 2);
+n([
+  r()
+], i.prototype, "operationState", 1);
+i = n([
+  V("esri.components.support.AnalysisViewModel")
+], i);
+function u(e) {
+  return e != null && e.state >= 2 ? (e.abort(), null) : e;
+}
+export {
+  i as A
+};

package/dist/chunks/async-utils.js

@@ -4,7 +4,7 @@ import p from "@arcgis/core/core/Error.js";
 import { a as f, r as _ } from "./maybe.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.125 */
+v4.33.0-next.127 */
 var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (r, t, o, e) => {
   for (var s = e > 1 ? void 0 : e ? m(t, o) : t, a = r.length - 1, u; a >= 0; a--)
     (u = r[a]) && (s = (e ? u(t, o, s) : u(s)) || s);
@@ -105,8 +105,8 @@ n = i([
   h("esri.components.asyncUtils.ReactiveTask")
 ], n);
 export {
-  A as a,
+  S as a,
   T as c,
-  S as i,
+  A as i,
   R as t
 };

package/dist/chunks/basemap-gallery-resources.js

@@ -1,6 +1,6 @@
 /*! 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.125 */
+v4.33.0-next.127 */
 const e = "esri-basemap-gallery", t = {
   base: e,
   sourceLoading: `${e}--source-loading`,

package/dist/chunks/component-utils.js

@@ -1,25 +1,25 @@
 /*! 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.125 */
-function L(i) {
-  i.el.childElem && (i.el.childElem.ownedBy = i.el);
-  const e = v(i);
-  if (!e) {
-    const t = y(i);
+v4.33.0-next.127 */
+function N(e) {
+  e.el.childElem && (e.el.childElem.ownedBy = e.el);
+  const i = v(e);
+  if (!i) {
+    const t = y(e);
     if (!t) {
-      g(i);
+      g(e);
       return;
     }
-    return f(t, i, !0), t;
+    return f(t, e, !0), t;
   }
-  return w(e, i.el.parent) || (i.el.parent = e, e.tagName.toLowerCase() === "arcgis-expand" ? E(e, i) : e.tagName.toLowerCase() === "arcgis-placement" ? C(e, i) : f(e, i, !1)), e;
-}
-function v({ el: i }) {
-  for (let e = i.parentElement; e; e = e?.parentElement ?? null) {
-    if (c.has(e.tagName.toLowerCase()))
-      return e;
-    if ("ownedBy" in e && e.ownedBy instanceof HTMLElement && c.has(e.ownedBy.tagName.toLowerCase()))
-      return e.ownedBy;
+  return w(i, e.el.parent) || (e.el.parent = i, i.localName === "arcgis-expand" ? E(i, e) : i.localName === "arcgis-placement" ? P(i, e) : f(i, e, !1)), i;
+}
+function v({ el: e }) {
+  for (let i = e.parentElement; i; i = i?.parentElement ?? null) {
+    if (c.has(i.localName))
+      return i;
+    if ("ownedBy" in i && i.ownedBy instanceof HTMLElement && c.has(i.ownedBy.localName))
+      return i.ownedBy;
   }
 }
 const c = /* @__PURE__ */ new Set([
@@ -29,117 +29,117 @@ const c = /* @__PURE__ */ new Set([
   "arcgis-expand",
   "arcgis-placement"
 ]);
-function w(i, e) {
-  if (i !== e)
+function w(e, i) {
+  if (e !== i)
     return !1;
-  const t = i.tagName.toLowerCase();
+  const t = e.localName;
   return t === "arcgis-expand" || t === "arcgis-placement";
 }
-function l(i, e, t = "arcgisReady") {
-  const s = i;
+function a(e, i, t = "arcgisReady") {
+  const s = e;
   if (s.view)
-    e(s.view);
+    i(s.view);
   else {
-    let r = function(n) {
-      n.target === i && (l(i, e, t), i.removeEventListener(t, r));
+    let r = function(l) {
+      l.target === e && (a(e, i, t), e.removeEventListener(t, r));
     };
-    i.addEventListener(t, r);
+    e.addEventListener(t, r);
   }
 }
-const E = (i, e) => l(i, (t) => {
-  e.el.childElem && i.content != null && i.content.append(e.el.childElem), i.expandIcon = e.icon || e.widget?.icon || i.expandIcon, e.position = i.position, e.el.view = t;
-}), C = (i, e) => l(i, (t) => {
-  e.el.childElem && e.el.append(e.el.childElem), e.position = i.position, e.el.view = t;
-}), f = (i, e, t) => l(
-  i,
+const E = (e, i) => a(e, (t) => {
+  i.el.childElem && e.content != null && e.content.append(i.el.childElem), e.expandIcon = i.icon || i.widget?.icon || e.expandIcon, i.position = e.position, i.el.view = t;
+}), P = (e, i) => a(e, (t) => {
+  i.el.childElem && i.el.append(i.el.childElem), i.position = e.position, i.el.view = t;
+}), f = (e, i, t) => a(
+  e,
   (s) => {
-    t ? g(e) : e.el.childElem && P(i, e), e.el.view = s;
+    t ? g(i) : i.el.childElem && b(e, i), i.el.view = s;
   },
   "arcgisViewReadyChange"
 );
-function P(i, e) {
-  const t = e.el.childElem ?? e.el, s = i?.childElem, r = [...i.children], n = {};
-  for (const a of r) {
-    if (a === s)
+function b(e, i) {
+  const t = i.el.childElem ?? i.el, s = e?.childElem, r = [...e.children], l = {};
+  for (const n of r) {
+    if (n === s)
       continue;
-    const o = a.position ?? "manual";
-    n[o] ??= [], n[o].push({ child: a, position: o, index: r.indexOf(a) });
+    const o = n.position ?? "manual";
+    l[o] ??= [], l[o].push({ child: n, position: o, index: r.indexOf(n) });
   }
-  const h = n[e.position ?? "manual"]?.findIndex(({ child: a }) => a === e.el), d = i.view.ui;
-  d.remove(t), d.add(t, { position: e.position, index: h });
+  const h = l[i.position ?? "manual"]?.findIndex(({ child: n }) => n === i.el), d = e.view.ui;
+  d.remove(t), d.add(t, { position: i.position, index: h });
 }
-function N(i) {
-  let e = !1, t = i.el.view;
-  const s = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(i.el), "view") ?? {
+function T(e) {
+  let i = !1, t = e.el.view;
+  const s = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.el), "view") ?? {
     get: () => t,
     set: (r) => t = r
   };
-  Object.defineProperty(i.el, "view", {
-    get: s.get.bind(i.el),
+  Object.defineProperty(e.el, "view", {
+    get: s.get.bind(e.el),
     set: (r) => {
-      s.set.call(i.el, r), r && !e && (e = !0, i.arcgisReady.emit());
+      s.set.call(e.el, r), r && !i && (i = !0, e.arcgisReady.emit());
     },
     configurable: !0,
     enumerable: !0
-  }), t && (i.el.view = t);
+  }), t && (e.el.view = t);
 }
-function T(i) {
-  return i == null || i === "";
+function p(e) {
+  return e == null || e === "";
 }
-function p(i, e) {
-  return e != null && i?.position === e.position && i?.heading === e.heading && i?.tilt === e.tilt && i?.fov === e.fov;
+function x(e, i) {
+  return i != null && e?.position === i.position && e?.heading === i.heading && e?.tilt === i.tilt && e?.fov === i.fov;
 }
-function x(i, e) {
-  return e === void 0 || i?.targetGeometry !== e?.targetGeometry || i?.rotation !== e?.rotation || i?.scale !== e?.scale;
+function S(e, i) {
+  return i === void 0 || e?.targetGeometry !== i?.targetGeometry || e?.rotation !== i?.rotation || e?.scale !== i?.scale;
 }
-function S(i, e) {
-  return u(e?.center, i);
+function B(e, i) {
+  return u(i?.center, e);
 }
-function u(i, e) {
-  if (typeof e == "string")
-    return u(i, e.split(",").map(Number));
-  if (!i)
-    return e;
-  if (Array.isArray(e)) {
-    const t = e[0], s = e[1], r = e.length > 2 ? e[2] : void 0;
-    if (t !== i.longitude || s !== i.latitude || r !== i.z)
-      return e;
-  } else if (e && !i?.equals(e))
-    return e;
+function u(e, i) {
+  if (typeof i == "string")
+    return u(e, i.split(",").map(Number));
+  if (!e)
+    return i;
+  if (Array.isArray(i)) {
+    const t = i[0], s = i[1], r = i.length > 2 ? i[2] : void 0;
+    if (t !== e.longitude || s !== e.latitude || r !== e.z)
+      return i;
+  } else if (i && !e?.equals(i))
+    return i;
 }
-async function B(i, e) {
-  e != null && (typeof e == "string" ? i.el.view = await b(i, e) : i.widget && (i.el.view = e.view));
+async function F(e, i) {
+  i != null && (typeof i == "string" ? e.el.view = await C(e, i) : e.widget && (e.el.view = i.view));
 }
-async function b(i, e) {
-  const t = y(i, e);
+async function C(e, i) {
+  const t = y(e, i);
   return await new Promise((s) => {
     typeof t?.view?.ready == "boolean" ? s(t.view) : t && t.addEventListener("arcgisViewReadyChange", () => s(t.view), { once: !0 });
   });
 }
-function g(i) {
-  i.el.childElem && (i.el.shadowRoot ?? i.el).append(i.el.childElem);
+function g(e) {
+  e.el.childElem && (e.el.shadowRoot ?? e.el).append(e.el.childElem);
 }
-function y(i, e) {
-  const t = e ?? i.referenceElement;
+function y(e, i) {
+  const t = i ?? e.referenceElement;
   if (typeof t != "string")
     return t ?? void 0;
-  const s = t.includes("#") || t.includes(".") || t.includes("["), r = i.el.getRootNode();
+  const s = t.includes("#") || t.includes(".") || t.includes("["), r = e.el.getRootNode();
   return (s ? void 0 : r.querySelector(`#${t}`)) ?? r.querySelector(t) ?? void 0;
 }
-const F = (i) => i.el.childElem;
-async function O(i) {
-  const e = typeof i == "function" ? i() : i;
-  e && ("setFocus" in e && typeof e.setFocus == "function" ? await e.setFocus() : e instanceof HTMLElement && e.focus());
+const L = (e) => e.el.childElem;
+async function O(e) {
+  const i = typeof e == "function" ? e() : e;
+  i && ("setFocus" in i && typeof i.setFocus == "function" ? await i.setFocus() : i instanceof HTMLElement && i.focus());
 }
 export {
-  L as a,
-  p as b,
-  S as c,
-  N as d,
-  T as e,
-  F as g,
-  x as i,
+  N as a,
+  x as b,
+  B as c,
+  T as d,
+  p as e,
+  L as g,
+  S as i,
   u as p,
-  B as r,
+  F as r,
   O as s
 };

package/dist/chunks/createCloseEvent.js

@@ -2,7 +2,7 @@ import { makeGenericController as l } from "@arcgis/lumina/controllers";
 import { createEvent as s } from "@arcgis/lumina";
 /*! 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.125 */
+v4.33.0-next.127 */
 const a = l((e, r) => (r.onLoaded(() => {
   const t = e.el;
   e.listenOn(t.childElem, "calciteFlowItemClose", () => {

package/dist/chunks/globalCss.js

@@ -1,6 +1,6 @@
 /*! 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.125 */
+v4.33.0-next.127 */
 const e = {
   anchor: "esri-widget__anchor",
   disabled: "esri-disabled",

package/dist/chunks/heading.js

@@ -4,7 +4,7 @@ import { unsafeStatic as l, html as m } from "lit/static-html.js";
 import { g as c } from "./globalCss.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.125 */
+v4.33.0-next.127 */
 function d({ level: a, class: t, children: e }) {
   const n = g(a), s = `h${n}`, r = l(s);
   return m`<${r} .ariaLevel=${String(n)} class=${o(i(c.heading, t))} role=heading>${e}</${r}>`;

package/dist/chunks/layer-list.js

@@ -1,7 +1,7 @@
 import { css as i } from "@lit/reactive-element/css-tag.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.125 */
+v4.33.0-next.127 */
 const t = i`@layer{arcgis-layer-list{display:block;.arcgis-layer-list{display:flex}.arcgis-layer-list__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item{--calcite-list-item-icon-center: 8.5px}.arcgis-layer-list__item-table-icon,.arcgis-layer-list__item-catalog-icon{margin-inline-end:0}.arcgis-layer-list__item-action-image{flex:0 0 var(--calcite-spacing-xl);background-position:50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size)}.arcgis-layer-list__action-menu .arcgis-layer-list__action-group{display:none}.arcgis-layer-list__action-menu[open] .arcgis-layer-list__action-group{display:flex}.arcgis-layer-list__visible-icon{visibility:hidden}.arcgis-layer-list__item--active:hover,.arcgis-layer-list__item--active:focus,.arcgis-layer-list__item--active:focus-within{>.arcgis-layer-list__visible-toggle>.arcgis-layer-list__visible-icon{visibility:visible}}.arcgis-layer-list__status-indicator{visibility:hidden;margin-inline:0;color:transparent}.arcgis-layer-list__publishing{visibility:visible;color:var(--calcite-color-foreground-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:arcgis-layer-list__publishing-anim 2s normal infinite}.arcgis-layer-list__updating{visibility:visible;animation:arcgis-layer-list__updating-anim 2s normal infinite}.arcgis-layer-list__connection-status{visibility:visible;margin-inline:calc(var(--calcite-spacing-lg) * .5);width:calc(var(--calcite-spacing-xxxl) * .5);height:calc(var(--calcite-spacing-xxxl) * .5);color:var(--calcite-color-status-danger)}.arcgis-layer-list__connection-status--connected{color:var(--calcite-color-status-success)}.arcgis-layer-list__item-content-bottom{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item-content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md) 0}.arcgis-layer-list__item-message{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}}}`;
 export {
   t as s

package/dist/chunks/legacyIcon.js

@@ -1,6 +1,6 @@
 /*! 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.125 */
+v4.33.0-next.127 */
 const r = {
   dragHorizontal: "esri-icon-drag-horizontal",
   dragVertical: "esri-icon-drag-vertical"

package/dist/chunks/maybe.js

@@ -1,6 +1,6 @@
 /*! 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.125 */
+v4.33.0-next.127 */
 function e(r) {
   return r?.abort(), null;
 }

package/dist/chunks/runtime.js

@@ -2,7 +2,7 @@ import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as a } from "@arcgis/core/applications/Components/reactiveUtils.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.125 */
+v4.33.0-next.127 */
 const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/next/map-components/", hydratedAttribute: "hydrated" }), { customElement: o, getAssetPath: c, setAssetPath: n } = t;
 t.t = s;
 t.o = a;

package/dist/chunks/useHandles.js

@@ -1,7 +1,7 @@
 import { toFunction as i, Controller as n } from "@arcgis/lumina/controllers";
 /*! 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.125 */
+v4.33.0-next.127 */
 class o {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.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.125 */
+v4.33.0-next.127 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -1,12 +1,12 @@
-import { proxyExports as h, GenericController as l } from "@arcgis/lumina/controllers";
-import * as c from "@arcgis/core/core/reactiveUtils.js";
+import { proxyExports as h, GenericController as c } from "@arcgis/lumina/controllers";
+import * as l from "@arcgis/core/core/reactiveUtils.js";
 import { signal as a } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { a as i } from "./component-utils.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.125 */
+v4.33.0-next.127 */
 const v = (s) => m(s);
-class d extends l {
+class d extends c {
   #e = a(void 0);
   #o = void 0;
   #t = !1;
@@ -31,7 +31,7 @@ class d extends l {
     }), queueMicrotask(() => n ? t.view = n : 0);
   }
   hostConnected() {
-    this.component.manager.hasDestroy && (this.#o ??= c.when(
+    this.component.manager.hasDestroy && (this.#o ??= l.when(
       () => this.#e.value?.destroyed,
       () => void this.component.destroy?.().catch(console.error),
       { sync: !0 }
@@ -42,7 +42,7 @@ class d extends l {
   }
   hostLoaded() {
     const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem = t ?? e.childElem, this.#t = !0, this.#i(), e.isConnected && i(this.component);
+    e.childElem ??= t, this.#t = !0, this.#i(), e.isConnected && i(this.component);
   }
   hostDisconnected() {
     typeof this.component.el.childElem == "object" && this.#e.value?.ui?.remove(this.component.el.childElem);

package/dist/chunks/useViewModel.js

@@ -4,7 +4,7 @@ import { V as i } from "./useView.js";
 import { watch as n } from "@arcgis/core/core/reactiveUtils.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.125 */
+v4.33.0-next.127 */
 const w = (e, o) => (t) => p(t, e);
 class m extends s {
   #o = void 0;