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

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

@@ -1,311 +1,67 @@
-import { c as A } from "../../chunks/runtime.js";
-import { html as y } from "lit-html";
-import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
-import { LitElement as C, createEvent as M, noShadowRoot as T, safeClassMap as d } from "@arcgis/lumina";
-import { css as U } from "@lit/reactive-element/css-tag.js";
-import { g as v } from "../../chunks/globalCss.js";
-import { u as x } from "../../chunks/useT9n.js";
-import { watch as w, whenOnce as S } from "@arcgis/core/core/reactiveUtils.js";
-import { m as F } from "../../chunks/useViewModel.js";
-import { c as g, a as R, t as I, i as k } from "../../chunks/async-utils.js";
-import { property as r, subclass as b } from "@arcgis/core/core/accessorSupport/decorators.js";
-import E from "@arcgis/core/core/Accessor.js";
-import { a as u, r as m } from "../../chunks/maybe.js";
-import { forceInteractive as D } from "@arcgis/core/applications/Components/analysisUtils.js";
-import H from "@arcgis/core/analysis/LineOfSightAnalysis.js";
+import { c as f } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { usePropertyChange as y } from "@arcgis/lumina/controllers";
+import { LitElement as m, createEvent as v, noShadowRoot as w, safeClassMap as n } from "@arcgis/lumina";
+import { css as _ } from "@lit/reactive-element/css-tag.js";
+import { g } from "../../chunks/globalCss.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { m as b } from "../../chunks/useViewModel.js";
+import { A as M } from "../../chunks/AnalysisViewModel.js";
+import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
+import { property as A, subclass as O } from "@arcgis/core/core/accessorSupport/decorators.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 */
-const P = U`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, h = "arcgis-line-of-sight", p = {
-  base: h,
-  actions: `${h}__actions`,
-  container: `${h}__container`,
-  error: `${h}__error`,
-  hint: `${h}__hint`,
-  hintText: `${h}__hint-text`,
-  newAnalysisButton: `${h}__new-analysis-button`
+v4.33.0-next.126 */
+const C = _`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
+  base: a,
+  actions: `${a}__actions`,
+  container: `${a}__container`,
+  error: `${a}__error`,
+  hint: `${a}__hint`,
+  hintText: `${a}__hint-text`,
+  newAnalysisButton: `${a}__new-analysis-button`
 };
-var N = Object.defineProperty, L = Object.getOwnPropertyDescriptor, o = (e, t, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? L(t, s) : t, l = e.length - 1, c; l >= 0; l--)
-    (c = e[l]) && (i = (a ? c(t, s, i) : c(i)) || i);
-  return a && i && N(t, s, i), i;
+var S = Object.defineProperty, V = Object.getOwnPropertyDescriptor, u = (s, e, i, o) => {
+  for (var t = o > 1 ? void 0 : o ? V(e, i) : e, d = s.length - 1, p; d >= 0; d--)
+    (p = s[d]) && (t = (o ? p(e, i, t) : p(t)) || t);
+  return o && t && S(e, i, t), t;
 };
-let n = class extends E {
-  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([
-      w(
-        () => ({ readyAndNotSupported: this.view != null && this.view.ready && !this.supported }),
-        ({ readyAndNotSupported: e }) => {
-          e && !this._loggedUnsupportedErrorMessage && console.error(this._unsupportedErrorMessage);
-        },
-        { sync: !0, initial: !0 }
-      ),
-      w(
-        () => (
-          // @ts-expect-error TODO - expose parent
-          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 }
-      ),
-      w(
-        () => ({
-          view: this.view,
-          ready: !!this.view?.ready,
-          supported: this.supported
-        }),
-        ({ view: e }, t) => {
-          const s = t?.view;
-          e !== s && (this._startUserOperation = u(this._startUserOperation), this._disconnectFromView(s)), this._scheduleViewReconnect();
-        },
-        { sync: !0, initial: !0 }
-      )
-    ]);
-  }
-  destroy() {
-    this._reconnectViewTask = u(this._reconnectViewTask), this._startUserOperation = u(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 = u(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 = u(this._startUserOperation), this._resetInteractiveCreationState();
-  }
-  /**
-   * If analysis has unset inputs, start() will kick off the user operation to specify those inputs.
-   */
-  async start() {
-    if (!this.visible) {
-      console.warn("Cannot start analysis when not visible");
-      return;
-    }
-    const e = {
-      task: null,
-      abort: null,
-      state: 0
-      /* PENDING */
-    }, t = g(async (s) => {
-      if (e.state = 1, await S(() => this.ready, s), e.state = 2, !(this._analysisView == null || this.view == null))
-        return this._operationState = "active", void await this.place({ signal: s });
-    });
-    return t.promise.finally(() => {
-      this._operationState = "inactive";
-    }), e.task = t, e.abort = () => t.abort(), this._startUserOperation = e, void await t.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 = u(this._reconnectViewTask);
-    const e = g(async (t) => {
-      try {
-        await this._reconnectView(t);
-      } catch (s) {
-        if (I(t), !k(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, a = this.analysis;
-    if (this._startUserOperation = V(this._startUserOperation), this._disconnectFromView(t), !s || t == null || a == null)
-      return;
-    if (this.isAnalysisOwner) {
-      if (a.parent != null) {
-        console.error("expected owned analysis to have null parent when connecting to view");
-        return;
-      }
-      this._parentChangeFromReconnect = !0, t.analyses.add(a);
-    }
-    const i = await t.whenAnalysisView(a);
-    if (this._analysisView = i, R(e)) {
-      this._startUserOperation = V(this._startUserOperation);
-      return;
-    }
-    i.visible = this.visible, this._forceInteractiveHandle = D(i), this.addHandles(this._forceInteractiveHandle), this.onConnectToAnalysisView(i);
-  }
-  _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 = m(this._forceInteractiveHandle), this._analysisView = null;
-  }
-  _setExternalAnalysis(e) {
-    this._analysisView != null && !this.isAnalysisOwner && (this._analysisView.visible = void 0, this._forceInteractiveHandle = m(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();
-  }
-};
-o([
-  r()
-], n.prototype, "supported", 1);
-o([
-  r()
-], n.prototype, "view", 2);
-o([
-  r({ type: Boolean, value: !0 })
-], n.prototype, "visible", 1);
-o([
-  r()
-], n.prototype, "active", 1);
-o([
-  r()
-], n.prototype, "disabled", 1);
-o([
-  r({ nonNullable: !0 })
-], n.prototype, "analysis", 1);
-o([
-  r()
-], n.prototype, "_analysisView", 2);
-o([
-  r()
-], n.prototype, "analysisView", 1);
-o([
-  r()
-], n.prototype, "ready", 1);
-o([
-  r()
-], n.prototype, "connectingToView", 1);
-o([
-  r({ readOnly: !0 })
-], n.prototype, "isAnalysisOwner", 1);
-o([
-  r()
-], n.prototype, "_reconnectViewTask", 2);
-o([
-  r()
-], n.prototype, "_forceInteractiveHandle", 2);
-o([
-  r()
-], n.prototype, "_operationState", 2);
-o([
-  r()
-], n.prototype, "operationState", 1);
-n = o([
-  b("esri.widgets.support.AnalysisViewModel")
-], n);
-function V(e) {
-  return e != null && e.state >= 2 ? (e.abort(), null) : e;
-}
-var j = Object.defineProperty, B = Object.getOwnPropertyDescriptor, O = (e, t, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? B(t, s) : t, l = e.length - 1, c; l >= 0; l--)
-    (c = e[l]) && (i = (a ? c(t, s, i) : c(i)) || i);
-  return a && i && j(t, s, i), i;
-};
-let _ = class extends n {
-  constructor(e) {
-    super(e), this.supportedViewType = "3d", this.unsupportedErrorMessage = "LineOfSightViewModel is only supported in 3D views.";
+let c = class extends M {
+  constructor(s) {
+    super(s), this.supportedViewType = "3d", this.unsupportedErrorMessage = "LineOfSightViewModel is only supported in 3D views.";
   }
   get state() {
     return this.disabled || !this.ready ? "disabled" : this.operationState === "active" ? "creating" : this.analysis.valid ? "created" : "ready";
   }
   constructAnalysis() {
-    return new H();
+    return new x();
   }
   clearAnalysis() {
     this.analysis.observer = null, this.analysis.targets.removeAll();
   }
-  async place(e) {
-    return await this.analysisView?.place(e);
+  async place(s) {
+    return await this.analysisView?.place(s);
   }
 };
-O([
-  r({ readOnly: !0 })
-], _.prototype, "state", 1);
-_ = O([
-  b("esri.widgets.LineOfSight.LineOfSightViewModel")
-], _);
-const z = F(_);
-class q extends C {
+u([
+  A({ readOnly: !0 })
+], c.prototype, "state", 1);
+c = u([
+  O("esri.components.LineOfSight.LineOfSightViewModel")
+], c);
+const D = b(c);
+class L extends m {
   constructor() {
-    super(...arguments), this.viewModel = z(this), this._messages = x(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = $()("analysis", "state"), this.arcgisReady = M();
+    super(...arguments), this.viewModel = D(this), this._messages = $(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = y()("analysis", "state"), this.arcgisReady = v();
   }
   static {
     this.properties = { analysis: 32, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 32, supported: 32 };
   }
   static {
-    this.shadowRootOptions = T;
+    this.shadowRootOptions = w;
   }
   static {
-    this.styles = P;
+    this.styles = C;
   }
   get analysis() {
     return this.viewModel.analysis;
@@ -331,35 +87,30 @@ class q extends C {
   async stop() {
     this.viewModel.stop();
   }
-  load() {
-    this.manager.onLifecycle(() => [
-      w(() => this._renderContainerNode(), () => this.requestUpdate())
-    ]);
-  }
   render() {
-    return y`<div class=${d({
-      [p.base]: !0,
-      [v.widget]: !0,
-      [v.panel]: !0
+    return l`<div class=${n({
+      [r.base]: !0,
+      [g.widget]: !0,
+      [g.panel]: !0
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
     if (!this.supported)
-      return y`<div class=${d(p.error)}><p>${this._messages.unsupported}</p></div>`;
-    const t = this.viewModel.state, s = t === "creating";
-    return y`<div class=${d(p.container)}>${s ? y`<div class=${d(p.hint)}><p class=${d(p.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${d(p.actions)}>${t === "creating" ? f({ onClick: () => {
+      return l`<div class=${n(r.error)}><p>${this._messages.unsupported}</p></div>`;
+    const e = this.viewModel.state, i = e === "creating";
+    return l`<div class=${n(r.container)}>${i ? l`<div class=${n(r.hint)}><p class=${n(r.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${n(r.actions)}>${e === "creating" ? h({ onClick: () => {
       this.stop();
-    }, children: this._messages.done }) : null}${t === "created" ? f({ onClick: () => {
+    }, children: this._messages.done }) : null}${e === "created" ? h({ onClick: () => {
       this.continue();
-    }, children: this._messages.continueAnalysis }) : null}${f({ className: p.newAnalysisButton, onClick: () => {
+    }, children: this._messages.continueAnalysis }) : null}${h({ className: r.newAnalysisButton, onClick: () => {
       this.start();
-    }, primary: !0, disabled: t === "disabled", children: this._messages.newAnalysis })}</div></div>`;
+    }, primary: !0, disabled: e === "disabled", children: this._messages.newAnalysis })}</div></div>`;
   }
 }
-function f({ className: e, onClick: t, primary: s, disabled: a, children: i }) {
-  return y`<calcite-button .appearance=${s ? "solid" : "outline-fill"} class=${d(e)} .disabled=${a} @click=${t}>${i}</calcite-button>`;
+function h({ className: s, onClick: e, primary: i, disabled: o, children: t }) {
+  return l`<calcite-button .appearance=${i ? "solid" : "outline-fill"} class=${n(s)} .disabled=${o} @click=${e}>${t}</calcite-button>`;
 }
-A("arcgis-line-of-sight", q);
+f("arcgis-line-of-sight", L);
 export {
-  q as ArcgisLineOfSight
+  L as ArcgisLineOfSight
 };

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

@@ -8,8 +8,8 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
-const g = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
+v4.33.0-next.126 */
+const d = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, g = r(
   w,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -23,11 +23,9 @@ const g = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height
 ), y = r(o, {});
 class u extends c {
   constructor() {
-    super(), this._map = d(this), this.view = y(this), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.view.ui = {
+    super(), this._map = g(this), this.view = y(this), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.view.ui = {
       components: ["attribution"]
     };
-    const i = this;
-    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
   }
   static {
     this.properties = { _map: 16, view: 32, allLayerViews: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, graphics: 0, highlights: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 4, viewpoint: 0, zoom: 9 };
@@ -36,7 +34,7 @@ class u extends c {
     this.shadowRootOptions = p;
   }
   static {
-    this.styles = g;
+    this.styles = d;
   }
   get center() {
     return this.view.center;
@@ -117,6 +115,10 @@ class u extends c {
   async viewOnReady(i, t) {
     return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
   }
+  load() {
+    const i = this;
+    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
+  }
   loaded() {
     this.map ||= this._map, this.manager.onLifecycle(() => [
       s(() => this.map, () => this._map = this.map, { initial: !0, sync: !0 }),

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

@@ -11,7 +11,7 @@ import { LitElement as p, createEvent as y, noShadowRoot as w, safeClassMap as a
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const b = f`@layer{arcgis-link-chart-layout-switcher{display:block}}`, k = {
   basicLayoutCategory: [
     "basic-grid"

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

@@ -14,7 +14,7 @@ import u from "@arcgis/core/core/Error.js";
 import { onLocaleChange as J } from "@arcgis/core/intl.js";
 import q from "@arcgis/core/PopupTemplate.js";
 import W from "@arcgis/core/support/actions/ActionButton.js";
-import { t as X, i as E } from "../../chunks/async-utils.js";
+import { t as X, a as E } from "../../chunks/async-utils.js";
 import B from "@arcgis/core/core/Accessor.js";
 import O from "@arcgis/core/Graphic.js";
 import Z from "@arcgis/core/symbols/CIMSymbol.js";
@@ -27,7 +27,7 @@ import { project as te } from "@arcgis/core/rest/geometryService.js";
 import oe 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.125 */
+v4.33.0-next.126 */
 const ie = K`@layer{arcgis-locate{display:block}}`;
 let M = !1;
 const re = {

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

@@ -42,10 +42,10 @@ declare const useMapView: (component: LitElement & Omit<Pick<MapView, "container
  * The Map component can be customized further using any of the [core API functionalities](https://developers.arcgis.com/javascript/latest/api-reference/) of the ArcGIS Maps SDK for JavaScript.
  *
  * ```js
- * const arcgisMap = document.querySelector("arcgis-map");
- * arcgisMap.addEventListener("arcgisViewReadyChange", () => {
+ * const viewElement = document.querySelector("arcgis-map");
+ * viewElement.addEventListener("arcgisViewReadyChange", () => {
  *  const layer = new GraphicsLayer({ title: "My Layer" });
- *  arcgisMap.map.add(layer);
+ *  viewElement.map.add(layer);
  * });
  * ```
  *

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

@@ -8,7 +8,7 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const d = m`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, g = r(
   w,
   /**
@@ -26,8 +26,6 @@ class u extends p {
     super(), this._map = g(this), this.view = y(this), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.ipsInfo = this._map.ipsInfo, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.visibleArea = this.view.visibleArea, this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.view.ui = {
       components: ["attribution"]
     };
-    const i = this;
-    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
   }
   static {
     this.properties = { _map: 16, view: 32, allLayerViews: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 1, highlights: 0, highlightOptions: 0, interacting: 32, ipsInfo: 0, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 4, viewpoint: 0, visibleArea: 0, zoom: 9 };
@@ -132,6 +130,10 @@ class u extends p {
   async viewOnReady(i, t) {
     return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
   }
+  load() {
+    const i = this;
+    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
+  }
   loaded() {
     this.map ||= this._map, this.manager.onLifecycle(() => [
       s(() => this.map, () => this._map = this.map, { initial: !0, sync: !0 }),

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

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

@@ -9,7 +9,7 @@ import { g as b } from "../../chunks/globalCss.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const $ = "arcgis-navigation-toggle", w = {
   base: $
 }, x = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };

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

@@ -7,7 +7,7 @@ import { m as l } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -4,7 +4,7 @@ import { LitElement as l, createEvent as a, noShadowRoot as c } from "@arcgis/lu
 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class m extends l {
   constructor() {

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

@@ -10,7 +10,7 @@ import { g as o } from "../../chunks/globalCss.js";
 import { css as v } 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.126 */
 const u = v`@layer{:root{--panel-min-height--large: 240px;--side-spacing: var(--calcite-spacing-lg);--cap-spacing: var(--calcite-spacing-md)}.arcgis-print{display:flex;position:relative;flex-grow:1;padding:0;min-height:var(--panel-min-height--large)!important;overflow-y:auto}.arcgis-print section[aria-hidden=true]{display:none}.arcgis-print__panel-items--centered{display:flex;align-items:center}.arcgis-print__container{display:flex;flex-direction:column;flex-grow:1}.arcgis-print__header-title{margin:0 auto 0 0;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold)}.arcgis-print__panel--error{color:var(--calcite-color-status-danger)}arcgis-print-template-selector{overflow-y:hidden;display:flex}}`, i = "arcgis-print", s = {
   base: i,
   headerTitle: `${i}__header-title`,

package/dist/components/arcgis-print-custom-text-elements/customElement.js

@@ -4,7 +4,7 @@ import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as u, noShadowRoot as p } 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.126 */
 class d extends u {
   static {
     this.properties = { viewModel: 0 };

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

@@ -4,7 +4,7 @@ import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as d, noShadowRoot as c } 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.126 */
 function l(s, i, t, e) {
   if (t == null || e == null)
     return { height: 0, width: 0 };

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

@@ -3,7 +3,7 @@ import { html as r } from "lit-html";
 import { LitElement as l, noShadowRoot as n } 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.126 */
 class c extends l {
   static {
     this.properties = { viewModel: 0, messages: 0, fileName: 1, selectExportsTab: 0, arcgisSubmit: 0, arcgisComplete: 0 };

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

@@ -6,7 +6,7 @@ import { LitElement as $, noShadowRoot as b, nothing as u, safeClassMap as c } f
 import { css as w } 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.126 */
 const x = w`@layer{.arcgis-print__exported-file{display:flex;align-items:center;justify-content:space-between}.arcgis-print__exported-file-link-title,.arcgis-print__exported-file-link-description{word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}`, d = "arcgis-print", m = {
   exportedFile: `${d}__exported-file`,
   exportedFileLinkTitle: `${d}__exported-file-link-title`,

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

@@ -5,7 +5,7 @@ import { LitElement as c, safeClassMap as o } from "@arcgis/lumina";
 import { css as p } 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.126 */
 const d = p`.arcgis-print__export-section--centered{text-align:center}.esri-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__exported-files-empty{display:flex;flex-direction:column;align-items:center;padding:var(--calcite-spacing-lg) var(--calcite-spacing-sm);font-size:small}.arcgis-print__export-title{font-weight:700;font-size:var(--calcite-font-size)}`, e = "arcgis-print", t = {
   exportSection: `${e}__export-section`,
   panelContainer: `${e}__panel-container`,